/* Copyright (c) 2016 Himanshu Softtech. ------------------------------------------------------------------ [Master Stylesheet] Project: Dance wp Version: 1.0.0 Assigned to: Themeforest ------------------------------------------------------------------- [Table of contents] /*------------- css table 1.body css /body 2.normal css / .dc_btn 3.heading css/ .dc_heading_wrapper 4.social css/.dc_social_wrapper 5.banner css / .dc_banner_section 6.header css /.dc_header_section 7.category section css /.dc_category_section 8.portfolio section css /.dc_portfolio_section 9.testimonial section css / .dc_testimonial_section 10.event section css /.dc_event_section 11.partner section css / .dc_partner_section 12.blog section css /.dc_blog_section 13.newsletter section css /.dc_newsletter_section 14.footer section css /.dc_footer_section css table-----------------------------*/ body { font-size: 15px; font-weight: 400; color: #666; color: #515A5F; line-height: 25px; left: 0; position: relative; font-family: 'Roboto', sans-serif; -webkit-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body.slide_content { left: 300px; overflow-x: hidden; z-index: 2; } a, a:hover, a:focus { text-decoration: none; outline: none; } a { color: #333; } a:hover { color: #ff5555; } body.boxed .cab_wrapper { margin: 0 auto; width: 1170px; } /** preloader css**/ #preloader { background-color: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2147483647; overflow: hidden; } #status { background-position: center center; background-repeat: no-repeat; height: auto; left: 50%; top: 50%; position: absolute; width: 50px; margin: -25px 0 0 -25px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .loader { background: none; position: relative; width: 100px; height: 29px; border: 2px solid #000; border-radius: 100%; background-color: #000; text-align: center; color: #fff; font-size: 13px; text-transform: uppercase; line-height: 39px; box-shadow: 0 7px 2px rgba(0, 0, 0, 0.6); } .loder_img { display: inline-block; text-align: center; position: absolute; top: -40px; left: 0; right: 0; } .loder_img img { max-width: 100%; } .loder_img i:before { font-size: 60px; margin: 0; display: block; color: #ff3131; -webkit-animation: spin 10s infinite linear; -moz-animation: spin 10s infinite linear; -ms-animation: spin 10s infinite linear; -o-animation: spin 10s infinite linear; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; } @-webkit-keyframes spin { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(360deg); } } @-ms-keyframes spin { from { -ms-transform: rotateY(0); } to { -ms-transform: rotateY(360deg); } } @-o-keyframes spin { from { -o-transform: rotateY(0); } to { -o-transform: rotateY(360deg); } } /* ------------------------- */ .dance_preloader { display: block; margin: auto; position: relative; width: 50px; height: 50px; } .dance_preloader span { display: block; position: absolute; width: 50%; height: 50%; } .dance_preloader span:nth-child(1) { top: 0; left: 0; background-color: rgba(255, 85, 85, 0.9); animation: move1 4s linear infinite; -webkit-animation: move1 4s linear infinite; -moz-animation: move1 4s linear infinite; -ms-animation: move1 4s linear infinite; -o-animation: move1 4s linear infinite; } .pull-left { float: left; } .pull-right { float: right; } .dance_preloader span:nth-child(2) { top: 0; right: 0; background-color: rgba(255, 85, 85, 0.9); animation: move2 4s linear infinite; -webkit-animation: move2 4s linear infinite; -moz-animation: move2 4s linear infinite; -ms-animation: move2 4s linear infinite; -o-animation: move2 4s linear infinite; } .dance_preloader span:nth-child(3) { bottom: 0; left: 0; background-color: rgba(199, 47, 47, 0.9); animation: move3 4s linear infinite; -webkit-animation: move3 4s linear infinite; -moz-animation: move3 4s linear infinite; -ms-animation: move3 4s linear infinite; -o-animation: move3 4s linear infinite; } .dance_preloader span:nth-child(4) { bottom: 0; right: 0; background-color: rgba(199, 47, 47, 0.9); animation: move4 4s linear infinite; -webkit-animation: move4 4s linear infinite; -moz-animation: move4 4s linear infinite; -ms-animation: move4 4s linear infinite; -o-animation: move4 4s linear infinite; } @keyframes move1 { 0% { transform: translate(0); z-index: 10; } 25% { transform: translate(100%, 0); } 50% { transform: translate(100%, 100%); } 75% { transform: translate(0, 100%); z-index: 0; } 100% { transform: translate(0); } } @-webkit-keyframes move1 { 0% { -webkit-transform: translate(0); z-index: 10; } 25% { -webkit-transform: translate(100%, 0); } 50% { -webkit-transform: translate(100%, 100%); } 75% { -webkit-transform: translate(0, 100%); z-index: 0; } 100% { -webkit-transform: translate(0); } } @-moz-keyframes move1 { 0% { -moz-transform: translate(0); z-index: 10; } 25% { -moz-transform: translate(100%, 0); } 50% { -moz-transform: translate(100%, 100%); } 75% { -moz-transform: translate(0, 100%); z-index: 0; } 100% { -moz-transform: translate(0); } } @-ms-keyframes move1 { 0% { -ms-transform: translate(0); z-index: 10; } 25% { -ms-transform: translate(100%, 0); } 50% { -ms-transform: translate(100%, 100%); } 75% { -ms-transform: translate(0, 100%); z-index: 0; } 100% { -ms-transform: translate(0); } } @-o-keyframes move1 { 0% { -o-transform: translate(0); z-index: 10; } 25% { -o-transform: translate(100%, 0); } 50% { -o-transform: translate(100%, 100%); } 75% { -o-transform: translate(0, 100%); z-index: 0; } 100% { -o-transform: translate(0); } } @keyframes move2 { 0% { transform: translate(0); } 25% { transform: translate(0, 100%); } 50% { transform: translate(-100%, 100%); z-index: 0; } 75% { transform: translate(-100%, 0); z-index: 10; } 100% { transform: translate(0); } } @-webkit-keyframes move2 { 0% { -webkit-transform: translate(0); } 25% { -webkit-transform: translate(0, 100%); } 50% { -webkit-transform: translate(-100%, 100%); z-index: 0; } 75% { -webkit-transform: translate(-100%, 0); z-index: 10; } 100% { -webkit-transform: translate(0); } } @-moz-keyframes move2 { 0% { -moz-transform: translate(0); } 25% { -moz-transform: translate(0, 100%); } 50% { -moz-transform: translate(-100%, 100%); z-index: 0; } 75% { -moz-transform: translate(-100%, 0); z-index: 10; } 100% { -moz-transform: translate(0); } } @-ms-keyframes move2 { 0% { -ms-transform: translate(0); } 25% { -ms-transform: translate(0, 100%); } 50% { -ms-transform: translate(-100%, 100%); z-index: 0; } 75% { -ms-transform: translate(-100%, 0); z-index: 10; } 100% { -ms-transform: translate(0); } } @-o-keyframes move2 { 0% { -o-transform: translate(0); } 25% { -o-transform: translate(0, 100%); } 50% { -o-transform: translate(-100%, 100%); z-index: 0; } 75% { -o-transform: translate(-100%, 0); z-index: 10; } 100% { -o-transform: translate(0); } } @keyframes move3 { 0% { transform: translate(0); } 25% { transform: translate(0, -100%); z-index: 10; } 50% { transform: translate(100%, -100%); } 75% { transform: translate(100%, 0); } 100% { transform: translate(0); z-index: 0; } } @-webkit-keyframes move3 { 0% { -webkit-transform: translate(0); } 25% { -webkit-transform: translate(0, -100%); z-index: 10; } 50% { -webkit-transform: translate(100%, -100%); } 75% { -webkit-transform: translate(100%, 0); } 100% { -webkit-transform: translate(0); z-index: 0; } } @-moz-keyframes move3 { 0% { -moz-transform: translate(0); } 25% { -moz-transform: translate(0, -100%); z-index: 10; } 50% { -moz-transform: translate(100%, -100%); } 75% { -moz-transform: translate(100%, 0); } 100% { -moz-transform: translate(0); z-index: 0; } } @-ms-keyframes move3 { 0% { -ms-transform: translate(0); } 25% { -ms-transform: translate(0, -100%); z-index: 10; } 50% { -ms-transform: translate(100%, -100%); } 75% { -ms-transform: translate(100%, 0); } 100% { -ms-transform: translate(0); z-index: 0; } } @-o-keyframes move3 { 0% { -o-transform: translate(0); } 25% { -o-transform: translate(0, -100%); z-index: 10; } 50% { -o-transform: translate(100%, -100%); } 75% { -o-transform: translate(100%, 0); } 100% { -o-transform: translate(0); z-index: 0; } } @keyframes move4 { 0% { transform: translate(0); } 25% { transform: translate(-100%, 0); z-index: 0; } 50% { transform: translate(-100%, -100%); z-index: 10; } 75% { transform: translate(0, -100%); } 100% { transform: translate(0); } } @-webkit-keyframes move4 { 0% { -webkit-transform: translate(0); } 25% { -webkit-transform: translate(-100%, 0); z-index: 0; } 50% { -webkit-transform: translate(-100%, -100%); z-index: 10; } 75% { -webkit-transform: translate(0, -100%); } 100% { -webkit-transform: translate(0); } } @-moz-keyframes move4 { 0% { -moz-transform: translate(0); } 25% { -moz-transform: translate(-100%, 0); z-index: 0; } 50% { -moz-transform: translate(-100%, -100%); z-index: 10; } 75% { -moz-transform: translate(0, -100%); } 100% { -moz-transform: translate(0); } } @-ms-keyframes move4 { 0% { -ms-transform: translate(0); } 25% { -ms-transform: translate(-100%, 0); z-index: 0; } 50% { -ms-transform: translate(-100%, -100%); z-index: 10; } 75% { -ms-transform: translate(0, -100%); } 100% { -ms-transform: translate(0); } } @-ms-keyframes move4 { 0% { -o-transform: translate(0); } 25% { -o-transform: translate(-100%, 0); z-index: 0; } 50% { -o-transform: translate(-100%, -100%); z-index: 10; } 75% { -o-transform: translate(0, -100%); } 100% { -o-transform: translate(0); } } /** preloader css**/ /********colorpicker css start *********/ #style-switcher { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); left: -180px; position: fixed; top: 25%; width: 180px; z-index: 15; } #style-switcher .dc_switcher_innerdiv { width:100%; float:left; } .transparent-background { float: left; width: 100%; padding: 20px; } .transparent-background h6{ float: left; width: 100%; font-size: 15px; text-transform: capitalize; border-bottom: 1px dotted; padding-bottom: 5px; } #style-switcher .dc_switcher_innerdiv #colorSelector { float: left; margin-top: 30px; } #style-switcher .bottom { background: none repeat scroll 0 0 #FFFFFF; color: #252525; padding: 0; } #style-switcher .bottom a.settings { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 2px 2px 0 0 rgb(0 0 0 / 8%); display: block; height: 41px; position: absolute; right: -40px; bottom: 0; width: 40px; line-height: 40px; font-size: 26px; color: #000; text-align: center; z-index: 0; } #style-switcher .bottom a.settings:hover{ text-decoration:none; } .transparent-background ul.dc_colors{ float:left; width:100%; padding:0px; margin:0px; } .transparent-background ul.dc_colors li { float: left; list-style: none; width: auto; padding-right: 15px; padding-bottom: 15px; } .transparent-background ul.dc_colors li:nth-child(3n) { padding-right: 0; } .transparent-background ul.dc_colors li p{ float: left; width: 36px; height: 36px; background: #000; margin: 0px; border-radius: 100%; cursor: pointer; } .transparent-background ul.dc_colors li #color1{ background:#00c8ff; } .transparent-background ul.dc_colors li #color2{ background:#801a31; } .transparent-background ul.dc_colors li #color3{ background:#f97307; } .transparent-background ul.dc_colors li #color4{ background:#d971f2; } .transparent-background ul.dc_colors li #color5{ background:#adcca3; } .transparent-background ul.dc_colors li #style{ background:#ff5555; } /********colrpicker css end *********/ /* normal css start */ .blog_padder { padding-left: 0; padding-right: 0; } .dc_btn { white-space: nowrap; padding: 10px 34px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; text-shadow: none !important; box-shadow: none !important; outline: none !important; } .dc_btn span { display: block; width: 100%; height: 100%; position: relative; } .dc_btn span:after { position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; /* color: rgba(255, 85, 85, 0.44); color: rgba(228, 63, 63, 0.32); */ color: #fff; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; } .dc_btn:hover span:after, .active .dc_btn span:after, .dc_pricetable_wrapper:hover .dc_btn span:after { max-width: 100%; } .dc_btn:after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #ffffff; bottom: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_btn:before { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #ffffff; top: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_btn:hover:after, .dc_btn:hover:before, .dc_btn:focus:after, .dc_btn:focus:before, .dc_btn:active:after, .dc_btn:active:before, .dc_btn:visited:after, .dc_btn:visited:before, .active .dc_btn:before, .active .dc_btn:after, .dc_pricetable_wrapper:hover .dc_btn:after, .dc_pricetable_wrapper:hover .dc_btn:before { opacity: 1; height: 100%; background-color: #ff5555; } .dc_white_btn:hover:after, .dc_white_btn:hover:before, .dc_white_btn:focus:after, .dc_white_btn:focus:before, .dc_white_btn:visited:after, .dc_white_btn:visited:before { background-color: #fff; } .dc_white_btn:hover span:after, .dc_white_btn:focus span:after, .dc_white_btn:visited span:after { color: #ff5555; } .grey_btn:before, .grey_btn:after { background-color: #e6e6e6; } .grey_btn { color: #333; font-size: 14px; font-weight: 500; background-color: #fff; } .grey_btn:hover:before, .grey_btn:hover:after, .grey_btn:visited:after, .active .dc_btn:before, .active .dc_btn:after, .dc_pricetable_wrapper:hover .dc_btn:before, .dc_pricetable_wrapper:hover .dc_btn:after { background-color: #ff5555; } .grey_btn span:after { color: #fff; } /* normal css end */ /* heading css start */ .dc_heading_wrapper { float: left; width: 100%; text-align: center; padding-top: 100px; } .dc_schedule_section .dc_heading_wrapper{ padding-top: 0px; padding-bottom: 60px; } .dance_contact_btn { text-align: center; } .dc_heading { font-size: 24px; font-weight: 900; text-transform: uppercase; padding: 17px 0 20px; margin: 0 0 32px; position: relative; color: #333; border-bottom: 1px solid #e6e6e6; } .dc_heading:before { content: ""; position: absolute; width: 20px; height: 3px; background-color: #121517; top: 0; left: 0; right: 0; margin: 0px auto; } .dc_heading:after { content: ""; position: absolute; width: 50px; height: 3px; background-color: #ff5555; top: 100%; left: 0; right: 0; margin: 0px auto; margin-top: -1.5px; } .dc_subheading { float: none; width: 54%; margin: 0px auto; } /* heading css end */ /* social icon */ .dc_social_wrapper { float: left; width: 100%; visibility: hidden; transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; -webkit-transition-delay: .2s; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .dc_social_wrapper ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .dc_social_wrapper ul li { float: left; margin: 0 6px; text-align: center; } .dc_social_wrapper ul li a i:before { margin: 0; font-size: 14px; } .dc_social_wrapper ul li a { color: #fff; display: block; width: 28px; height: 28px; z-index: 1; line-height: 27px; border: 1px solid #fff; position: relative; border-radius: 3px; } .dc_social_wrapper ul li a:after { content: ""; pointer-events: none; position: absolute; width: 100%; height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; border-radius: inherit; -webkit-transition: -webkit-transform 0.45s, opacity 0.45s; -ms-transition: -ms-transform 0.35s, opacity 0.35s; -o-transition: -o-transform 0.35s, opacity 0.35s; -moz-transition: -moz-transform 0.35s, opacity 0.35s; transition: transform 0.45s, opacity 0.45s; -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .dc_social_wrapper ul li a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .dc_social_wrapper ul li a:hover { color: #ff5555; } /* social icon */ /* banner section */ .dc_banner_section { float: left; width: 100%; /* min-height: 950px; */ background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .dc_banner_section:after { content: ""; position: absolute; bottom: -50px; left: 0; right: 0; height: 50px; background-color: #121517; } .dc_banner_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.47); } /* banner section */ /* banner content */ .dc_banner_content { position: absolute; top: 50%; left: 50%; text-align: center; font-weight: 300; z-index: 2; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .dc_banner_content h1 { color: #fff; text-transform: uppercase; font-weight: 900; margin-bottom: 55px; } .banner_icon { float: left; width: 100%; text-align: center; position: relative; margin-bottom: 45px; } .banner_icon:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; width: 50px; height: 3px; display: inline-block; margin: 0px auto; background-color: #ff5555; } .banner_icon img { margin-bottom: 22px; } .dc_banner_btn .dc_btn { font-size: 16px; } /* banner content */ /* header section start*/ .dc_header_section { top: 0; position: absolute; right: 0; left: 0; } .dc_top_header { float: left; width: 100%; background-color: #151618; position: relative; z-index: 1; } .dc_logo { float: left; display: inline-block; padding: 21px 88px; background-color: #fff; position: relative; } .dc_logo:after { content: ""; width: 47px; height: 47px; background-color: #fff; position: absolute; top: 19px; right: 0; display: block; margin-right: -23.5px; -webkit-transform: rotate(-45deg) skew(-17deg, -17deg); -moz-transform: rotate(-45deg) skew(-17deg, -17deg); -ms-transform: rotate(-45deg) skew(-17deg, -17deg); -o-transform: rotate(-45deg) skew(-17deg, -17deg); transform: rotate(-45deg) skew(-17deg, -17deg); } .dc_logo a { display: block; } .dc_menu_wrapper { float: left; width: 100%; background-color: #ff5555; position: relative; z-index: 2; } .menu_toggle { display: none; } .nav_wrapper ul { padding: 0; margin: 0; list-style: none; } .nav_wrapper> ul> li { float: left; padding: 0; position: relative; } .dc_menu_wrapper ul li a { padding: 15px 2px; display: block; text-transform: capitalize; font-size: 16px; color: #fff; position: relative; } .dc_menu_wrapper ul li a:after { content: ""; position: absolute; top: 100%; left: 50%; right: 50%; background-color: #fff; height: 3px; margin-top: -3px; } .dc_menu_wrapper ul li a:hover:after { left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .dc_menu_logo { display: none; } .nav_wrapper ul li ul { position: absolute; z-index: 1; min-width: 200px; background-color: #ff5555; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -ms-transition: -ms-transform 0.2s, opacity 0.3s; -o-transition: -o-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; display: none; } .nav_wrapper> ul> li> ul { position: absolute; z-index: 1; left: 0; top: 100%; min-width: 200px; background-color: #ff5555; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -ms-transition: -ms-transform 0.2s, opacity 0.3s; -o-transition: -o-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; display: none; } .nav_wrapper> ul> li:hover> ul { -webkit-animation: dropdown_hover .5s; -moz-animation: dropdown_hover .5s; -ms-animation: dropdown_hover .5s; -o-animation: dropdown_hover .5s; animation: dropdown_hover .5s; display: block; } .nav_wrapper> ul> li> ul> li> ul { top: 10px; left: 100%; } .nav_wrapper ul li ul li:hover ul { -webkit-animation: dropdown_hover .5s; -moz-animation: dropdown_hover .5s; -ms-animation: dropdown_hover .5s; -o-animation: dropdown_hover .5s; animation: dropdown_hover .5s; display: block; } .nav_wrapper ul li ul li { padding: 0 10px; width: 100%; float: left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nav_wrapper ul li ul li:hover { background-color: rgba(255, 255, 255, 0.14); } .nav_wrapper ul li ul li a { padding: 5px 0; font-size: 13px; } .nav_wrapper ul li ul li a:after { display: none; } /* menu on scroll */ .menu_toggle { width: 50px; height: 50px; cursor: pointer; text-align: center; position: relative; top: 10px; left: 0px; z-index: 10; border-radius: 100%; border: 1px solid #fff; animation: zoomOutDown .6s; -webkit-animation: zoomOutDown .6s; -moz-animation: zoomOutDown .6s; -ms-animation: zoomOutDown .6s; -o-animation: zoomOutDown .6s; } .sidebar_menu .menu_toggle { position: fixed; left: 20px; border: 2px solid #f5f5f5; background-color: #ff5555; top: 20px; display: block; animation: zoomInDown .6s; -webkit-animation: zoomInDown .6s; -moz-animation: zoomInDown .6s; -ms-animation: zoomInDown .6s; -o-animation: zoomInDown .6s; } .logo_icon { display: inline-block; position: absolute; left: 0; right: 0; top: -6px; width: 30px; margin: 0px auto; } .logo_icon i:before { margin-left: 0; font-size: 30px; color: #fff; -webkit-animation: color_change 1.3s 3s infinite alternate; -moz-animation: color_change 1.3s 3s infinite alternate; -ms-animation: color_change 1.3s 3s infinite alternate; -o-animation: color_change 1.3s 3s infinite alternate; animation: color_change 1.3s 3s infinite alternate; } .dance_fixed .logo_icon { background-color: transparent; } .menu_toggle span { width: 25px; height: 3px; background-color: #fff; display: block; position: absolute; left: 50%; right: 0; margin-left: -12.5px; top: 48%; margin-top: -1.5px; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: cubic-bezier(0.35, -0.82, 0.6, 1.96); -moz-transition-timing-function: cubic-bezier(0.35, -0.82, 0.6, 1.96); -o-transition-timing-function: cubic-bezier(0.35, -0.82, 0.6, 1.96); -ms-transition-timing-function: cubic-bezier(0.35, -0.82, 0.6, 1.96); transition-timing-function: cubic-bezier(0.35, -0.82, 0.6, 1.96); } .menu_toggle span:first-child { top: 15px; } .menu_toggle span:nth-child(2) { top: 60%; } .menu_toggle span:last-child { top: 70%; } .dc_menu.open_menu .menu_toggle span:last-child { -webkit-transform: translateY(-5px) rotate(225deg); -moz-transform: translateY(-5px) rotate(225deg); -ms-transform: translateY(-5px) rotate(225deg); -o-transform: translateY(-5px) rotate(225deg); transform: translateY(-5px) rotate(225deg); opacity: 1; } .dc_menu.open_menu .menu_toggle span:nth-child(2) { -webkit-transform: translateY(0px) rotate(135deg); -moz-transform: translateY(0px) rotate(135deg); -ms-transform: translateY(0px) rotate(135deg); -o-transform: translateY(0px) rotate(135deg); transform: translateY(0px) rotate(135deg); opacity: 1; } .dc_menu.open_menu .menu_toggle span { opacity: 0; } .sidebar_menu .dc_menu_logo { display: block; float: left; display: inline-block; padding: 0; background-color: #fff; width: 100%; height: 110px; text-align: center; line-height: 110px; visibility: hidden; -webkit-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; } .open_menu .dc_menu_logo { visibility: visible; } .sidebar_menu .dc_menu_logo:after { content: ""; width: 62px; height: 62px; background-color: #fff; position: absolute; top: 23px; right: 0; display: block; margin-right: -30px; z-index: -1; -webkit-transform: rotate(-45deg) skew(-17deg, -17deg); -moz-transform: rotate(-45deg) skew(-17deg, -17deg); -ms-transform: rotate(-45deg) skew(-17deg, -17deg); -o-transform: rotate(-45deg) skew(-17deg, -17deg); transform: rotate(-45deg) skew(-17deg, -17deg); box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -ms-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -o-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); } .sidebar_menu .nav_wrapper { position: fixed; top: 0; left: 0; bottom: 0; width: 0; background-color: rgba(240, 248, 255, 0.26); z-index: 100; visibility: hidden; background-color: #ff5555; -webkit-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; } .sidebar_menu .open_menu .nav_wrapper { visibility: visible; width: 300px; box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -moz-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -ms-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); -o-box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.12); } .sidebar_menu.dc_menu_wrapper .nav_wrapper> ul { float: left; width: 100%; height: 100%; padding-top: 30px; -webkit-transition: -webkit-transform 0s 0.4s; -moz-transition: -moz-transform 0s 0.4s; -ms-transition: -ms-transform 0s 0.4s; -o-transition: -o-transform 0s 0.4s; transition: transform 0s 0.4s; } .open_menu .nav_wrapper> ul { overflow-y: scroll; } .sidebar_menu .nav_wrapper> ul> li { float: left; width: 100%; visibility: hidden; position: relative; padding: 0; -webkit-transition: -webkit-transform 0s 0.4s; -moz-transition: -moz-transform 0s 0.4s; -ms-transition: -ms-transform 0s 0.4s; -o-transition: -o-transform 0s 0.4s; transition: transform 0s 0.4s; -webkit-transform: translateY(500px); -moz-transform: translateY(500px); -ms-transform: translateY(500px); -o-transform: translateY(500px); transform: translateY(500px); } .sidebar_menu .nav_wrapper> ul> li:hover { background-color: rgba(255, 255, 255, 0.12); } .open_menu .nav_wrapper> ul> li { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -ms-transition: -ms-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; } .open_menu .nav_wrapper ul li { padding: 0; } .sidebar_menu .nav_wrapper ul li a, .dc_menu_wrapper ul li a { display: block; padding: 15px 20px; } .sidebar_menu .nav_wrapper ul li a:after { display: none; } .sidebar_menu.dc_menu_wrapper .nav_wrapper ul li ul { position: relative; background-color: #e43f3f; float: left; width: 100%; left: 0; } .sidebar_menu.dc_menu_wrapper .nav_wrapper ul li ul li ul { top: 0; background-color: #ff5555; } .nav_wrapper::-webkit-scrollbar { width: 5px; height: 5px; margin: 0 5px; } .nav_wrapper::-webkit-scrollbar-track-piece { background-color: #ff5555; border: 1px solid #fff; } .nav_wrapper::-webkit-scrollbar-thumb { background-color: #fff ; } .menu_close { position: absolute; top: 102px; left: 0; width: 50px; height: 30px; line-height: 26px; cursor: pointer; background-color: #ff5555; color: #fff; visibility: hidden; backface-visibility: hidden; transform: skewY(-25deg); -webkit-transform: skewY(-25deg); -moz-transform: skewY(-25deg); -ms-transform: skewY(-25deg); -o-transform: skewY(-25deg); box-shadow: 0px 5px 17px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 17px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 5px 17px -5px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 5px 17px -5px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 5px 17px -5px rgba(0, 0, 0, 0.5); -webkit-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; transition: all 500ms ease-in; } .menu_close:after { content: ""; width: 1px; top: -58px; left: 16px; position: absolute; background-color: #fff; height: 60px; border: 1px dotted; display: block; transform: skew(19deg); -webkit-transform: skew(19deg); -moz-transform: skew(19deg); -ms-transform: skew(19deg); -o-transform: skew(19deg); box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.27); -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.27); -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.27); -ms-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.27); -o-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.27); } .menu_close:before { content: ""; width: 16px; height: 16px; background-color: #ff5555; position: absolute; top: 7px; right: 0; display: block; margin-right: -8px; -webkit-transform: rotate(-45deg) skew(-17deg, -17deg); -moz-transform: rotate(-45deg) skew(-17deg, -17deg); -ms-transform: rotate(-45deg) skew(-17deg, -17deg); -o-transform: rotate(-45deg) skew(-17deg, -17deg); transform: rotate(-45deg) skew(-19deg, -19deg); box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.28); -moz-box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.28); -ms-box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.28); -o-box-shadow: 1px 5px 5px -3px rgba(0, 0, 0, 0.28); } .open_menu .menu_close { left: 320px; visibility: visible; } .menu_close i:before { margin-left: 0; font-size: 25px; color: #fff; position: absolute; top: -100%; display: inline-block; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.68); -webkit-animation: color_change 1.3s 3s infinite alternate; -moz-animation: color_change 1.3s 3s infinite alternate; -ms-animation: color_change 1.3s 3s infinite alternate; -o-animation: color_change 1.3s 3s infinite alternate; animation: color_change 1.3s 3s infinite alternate; } .menu_close:hover span { display: inline-block; animation: flash 1s; -webkit-animation: flash 1s; -moz-animation: flash 1s; -ms-animation: flash 1s; -o-animation: flash 1s; } @-webkit-keyframes dropdown_hover { from { -webkit-transform: scale(1.2);} to {-webkit-transform: scale(1);} } @-moz-keyframes dropdown_hover { from { -moz-transform: scale(1.2);} to {-moz-transform: scale(1);} } @-ms-keyframes dropdown_hover { from { -ms-transform: scale(1.2);} to {-ms-transform: scale(1);} } @-o-keyframes dropdown_hover { from { -o-transform: scale(1.2);} to {-o-transform: scale(1);} } /* menu on scroll */ /* search icon start*/ .dc_search_wrapper { display: inline-block; float: right; width: 55px; height: 55px; line-height: 55px; position: relative; z-index: 1; } .dc_search_icon { display: block; text-align: center; color: #fff; cursor: pointer; width: 100%; height: 100%; background-color: #e43f3f; } .dc_search_icon i:before { margin: 0; font-size: 14px; font-weight: 700; } .dc_search_form { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; z-index: -1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .dc_search_form .dc_search { background-color: #e43f3f !important; border: none; height: 55px; border-radius: 0; color: #fff !important; font-size: 14px; } .dc_search_wrapper.open_form .dc_search { padding-right: 50px; } .dc_search_form input::-webkit-input-placeholder { color: #fff !important; } .dc_search_form input:-moz-placeholder { /* Firefox 18- */ color: #fff !important; } .dc_search_form input::-moz-placeholder { /* Firefox 19+ */ color: #fff !important; } .dc_search_form input:-ms-input-placeholder { color: #fff !important; } .dc_search_wrapper.open_form .dc_search_form { width: 200px; } .dc_search_icon span { width: 14px; height: 14px; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; display: inline-block; line-height: 14px; } .dc_search_icon span:after { content: ''; position: absolute; padding: 4px; display: inline-block; width: 100%; height: 100%; border: 2px solid #fff; border-radius: 1000px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; top: 0; left: 0; background: transparent; } .dc_search_icon span:before { content: ''; position: absolute; border-bottom: 2px solid #fff; left: 87%; width: 10px; bottom: calc(50% - 2px); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .dc_search_wrapper.open_form .dc_search_icon span:before { left: 0px; bottom: calc(50% - 1px); border-radius: 0; border-bottom: 2px solid #fff; width: 15px; } .dc_search_wrapper.open_form .dc_search_icon span:after { padding: calc(2px) calc(2em - 2px); -o-transform: rotate(91deg); -ms-transform: rotate(91deg); -webkit-transform: rotate(91deg); -moz-transform: rotate(91deg); transform: rotate(91deg); top: calc(50% - (1px)); border-radius: 0; width: 103%; height: 1px; padding: 0; border-width: 1px; left: .8px; } /* search icon end*/ .dance_fixed { z-index: 10; position: fixed; left: 6%; right: 6%; width: auto; margin: 0 23px; } /* header section end*/ /* category section start*/ .dc_category_section { float: left; width: 100%; position: relative; margin-top: -101px; } .dc_category_content { width: 25%; float: left; height: 303px; background-color: #ff5555; text-align: center; color: #fff; padding: 30px; overflow: hidden; position:relative; z-index: 1; } .dc_category { float: left; width: 100%; } .dc_category_content h4 { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 23px; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .dc_category_content:hover h4 { color: #333; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .dc_category_content .cat_icon { display: inline-block; position: relative; margin-bottom: 30px; padding: 20px 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .dc_category_content:hover .cat_icon { color: #ff5555; transform: translateY(0px); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .dc_category_content .cat_icon:after { content: ""; position: absolute; top: 100%; background-color: #e5e5e5; width: 50px; height: 3px; left: 50%; margin-left: -25px; } .dc_category_content:hover .cat_icon:after { background-color: #e6e6e6; } .dc_category_content .cat_icon i:before { margin: 0; font-size: 30px; } .read_more_hover { text-transform: uppercase; color: #333; font-weight: bold; margin: 10px 0; display: inline-block; white-space: nowrap; position: relative; } .read_more_hover:after { content: attr(data-hover); position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; color: #ff5555; -webkit-transition: max-width 0.5s; -ms-transition: max-width 0.5s; -o-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; } .read_more_hover:hover:after { max-width: 100%; } .dc_category_detail { float: left; width: 100%; color: #333; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transform: translateY(150%); -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); } .dc_category_content:hover .dc_category_detail { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .dc_cat_overlay { position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; background-color: #f5f5f5; right: 0; overflow: hidden; transition: 0.3s ease; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; transform-origin: top left; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); } .dc_category_content:hover .dc_cat_overlay { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); height: 100%; width: 100%; } .dc_cat_overlay:after { content: ""; width: 30px; height: 30px; position: absolute; bottom: 0; left: 0; background-color: #121517; transform: rotate(45deg) translateY(20px); -webkit-transform: rotate(45deg) translateY(20px); -moz-transform: rotate(45deg) translateY(20px); -ms-transform: rotate(45deg) translateY(20px); -o-transform: rotate(45deg) translateY(20px); } /* category section end*/ /* portfolio section start*/ .dc_portfolio_section { float: left; width: 100%; } .dc_portfolio_filter { float: left; width: 100%; padding: 30px 0 100px; } .portfolioFilter ,.dc_gallery_tabs { float: left; width: 100%; text-align: center; padding-bottom: 55px; } .portfolioFilter ul,.dc_gallery_tabs .nav-tabs { padding: 0; margin: 0; list-style: none; display: inline-block; } .portfolioFilter ul li,.dc_gallery_tabs .nav-tabs > li{ float: left; padding: 0px 21px; display:inline-block; } .portfolioFilter ul li a ,.dc_gallery_tabs .nav-tabs > li > a{ color: #999; padding: 15px 4px; display: block; font-size: 16px; text-transform: uppercase; position: relative; font-weight:500; } .grid { float: left; width: 100%; } .portfolioFilter ul li a:after ,.dc_gallery_tabs .nav-tabs > li > a:after{ content: ""; position: absolute; top: 100%; left: 50%; right: 50%; background-color: #ff5555; height: 4px; margin-top: -4px; } .portfolioFilter ul li a:hover:after, .portfolioFilter ul li a.current:after ,.dc_gallery_tabs .nav-tabs > li > a:hover:after,.dc_gallery_tabs .nav-tabs > li.active > a:after{ left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .portfolioFilter ul li a:hover, .portfolioFilter ul li a.current ,.dc_gallery_tabs .nav-tabs > li > a:hover,.dc_gallery_tabs .nav-tabs > li.active > a{ color: #121517; } .dc_gallery_tabs .nav-tabs,.dc_gallery_tabs .nav-tabs > li > a,.dc_gallery_tabs .nav-tabs > li.active > a{ border:none; } .dc_portfolio_wrapper { width: 100%; float: left; position: relative; } .grid .grid-item { float: left; width: 33.3%; border: 1px solid #f0f0f0; } .dc_portfoli_img { width: 100%; float: left; position: relative; } .dc_portfoli_img img { width: 100%; } .dc_gallery_tab_box .tab-content { padding: 0; padding-bottom:50px; } .dc_gallery_tab_box .tab-content .dc_portfolio_wrapper { margin-bottom: 30px; } .dc_gallery_tab_box .tab-content .active .dc_portfolio_wrapper { -webkit-animation: scale 0.5s linear; -moz-animation: scale 0.5s linear; -ms-animation: scale 0.5s linear; animation: scale 0.5s linear; } @keyframes scale{ 0%{ transform:scale(0.4); } 100%{ transform:scale(1); } } /* overlay */ .dc_portfolio_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; } .dc_portfolio_overlay:after { content: ""; left: 0; top: 50%; background: rgba(255, 85, 85, 0.89); right: 0; height: 0; position: absolute; transition: all 0.2s 0.2s linear; -moz-transition: all 0.2s 0.2s linear; -ms-transition: all 0.2s 0.2s linear; -o-transition: all 0.2s 0.2s linear; -webkit-transition: all 0.2s 0.2s linear; } .dc_portfolio_overlay:before { content: ""; position: absolute; left: 0; right: 0; height: 0; bottom: 50%; background: rgba(255, 85, 85, 0.89); transition: all 0.2s 0.2s linear; -moz-transition: all 0.2s 0.2s linear; -ms-transition: all 0.2s 0.2s linear; -o-transition: all 0.2s 0.2s linear; -webkit-transition: all 0.2s 0.2s linear; } .dc_portfolio_wrapper:hover .dc_portfolio_overlay:after, .dc_portfolio_wrapper:hover .dc_portfolio_overlay:before { height: 50%; } .portfolio_overlay_content h4 { /* backface-visibility: hidden; */ font-size: 18px; line-height: 22px; } .dc_portfolio_overlay h4 a { color: #fff; text-transform: uppercase; display: block; padding-bottom: 18px; margin-bottom: 30px; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; -webkit-transition-delay: .2s; opacity: 0; transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; } .dc_portfolio_overlay h4 a:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; margin: 0px auto; width: 50px; height: 3px; background-color: #e6e6e6; } .portfolio_overlay_content { position: absolute; top: 50%; left: 50%; z-index: 1; min-width: 90%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .dc_portfolio_wrapper:hover .portfolio_overlay_content h4 a, .dc_portfolio_wrapper:hover .portfolio_overlay_content .dc_social_wrapper { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } /* overlay */ /* view more */ .dc_viewmore_btn { float: left; width: 100%; text-align: center; position: relative; margin-bottom: 100px; } .dc_viewmore_btn:after { content: ""; width: 100%; background-color: #e6e6e6; height: 1px; position: absolute; top: 50%; margin-top: -1px; left: 0; } /* view more */ /* portfolio section end*/ /* testimonial section start*/ .dc_testimonial_section { float: left; width: 100%; position: relative; background-size: cover; background-attachment: fixed; } .dc_testimonial_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(18, 21, 23, 0.75); } .dc_testimonial_wrapper { float: left; width: 100%; padding: 125px 0; } .dc_testimonial_img { float: left; width: 100%; text-align: right; } .dc_testimonial_img span { width: 145px; height: 145px; display: inline-block; border-radius: 100%; } .dc_testimonial_img span img { width: 100%; border-radius: 100%; } .dc_testimonial_content { float: left; width: 100%; color: #fff; font-size:17px; margin-top: 20px; } .authore_name { float: left; width: 100%; font-size:16px; font-weight: bold; color: #fff; margin-top: 20px; } .authore_name span { color: #ff5555; padding-right: 5px; } /* testimonial section end*/ /* event section start*/ .dc_event_section { float: left; width: 100%; } .dc_event { float: left; width: 100%; padding: 50px 0 0; } .dc_event_wrapper { float: left; width: 100%; background-color: #ff5555; margin-bottom: 50px; position: relative; } .dc_event_content { float: right; width: 50%; padding: 30px 25px; display: flex; align-items: flex-start; } .dc_event_date { float: left; width: 142px; min-height: 184px; background-color: #fff; position: relative; text-align: center; margin-right: 30px; overflow: hidden; } .dc_event_date:after { content: ""; width: 30px; min-height: 30px; background-color: #121517; position: absolute; bottom: 0; left: 0; transform: rotate(45deg) translateY(21px); -webkit-transform: rotate(45deg) translateY(21px); -moz-transform: rotate(45deg) translateY(21px); -ms-transform: rotate(45deg) translateY(21px); -o-transform: rotate(45deg) translateY(21px); } .dc_event_date h1 { font-size: 60px; margin: 22px 0; padding-bottom: 22px; position: relative; font-family: 'Roboto', sans-serif; font-weight: 800; text-align: center; } .dc_event_date h1:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; margin: 0px auto; height: 4px; width: 50px; background-color: #333; } .dc_event_date h5 { color: #333; text-transform: uppercase; margin: 0; font-weight: bold; font-family: 'Roboto', sans-serif; } .dc_event_detail { float: left; width: 59%; color: #fff; } .dc_event_detail h4 { font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 20px; margin: 0 0 15px; } .dc_event_detail h4:after { content: ""; position: absolute; top: 100%; left: 0; height: 4px; width: 50px; background-color: #fff; } .dc_event_detail h4 a, .dc_event_detail h4 a:hover, .dc_event_detail h4 a:focus { color: #fff; } .dc_event_detail .dc_btn:focus:after{ height: 2px; } .dc_event_detail .dc_btn:focus::before{ height: 2px; } .dc_event_detail .dc_btn { margin-top: 10px; font-size: 14px; font-weight: 400; padding: 8px 30px; color: #fff; } .share_icon { width: 36px; height: 36px; display: inline-block; line-height: 36px; font-size: 18px; text-align: center; background-color: #e43f3f; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.12); -ms-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.12); -o-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.12); } .share_icon:hover, .share_icon:focus, .share_icon:visited, .share_icon:active { color: #fff; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12); -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12); -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.12); } .dc_event_detail .share_icon { margin-top: 10px; float: right; } .dc_share_wrapper { float: left; width: 100%; margin: 5px 0; } .dc_share_wrapper .dc_social_wrapper { display: inline-block; width: auto; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } .dc_event_wrapper .dc_social_wrapper ul li a { width: 23px; height: 23px; line-height: 21px; } .dc_social_wrapper ul li a i:before { font-size: 12px; } .dc_share_wrapper span { float: left; padding-right: 3px; } .dc_share_wrapper span::first-letter { text-transform: capitalize; } .dc_event_img { width: 50%; position: absolute; left: 0; top: 0; bottom: 0; overflow: hidden; } .table-responsive { width: 100%; overflow-x: auto; } .vc_tta.vc_general .vc_tta-panel-title>a { font-size: 18px; } .dc_event_wrapper.dc_even_event .dc_event_img { right: 0; left: auto; } .dc_event_img img { max-width: 100%; height: 100%; -webkit-transition: webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; width: 100%; } .dc_event_wrapper:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); } .dc_event_wrapper:hover .dc_event_date h1 { animation: bounceInDown .8s; -webkit-animation: bounceInDown .8s; -moz-animation: bounceInDown .8s; -ms-animation: bounceInDown .8s; -o-animation: bounceInDown .8s; } .dc_event_wrapper:hover .dc_event_date h5 { animation: flash .8s; -webkit-animation: flash .8s; -moz-animation: flash .8s; -ms-animation: flash .8s; -o-animation: flash .8s; } .dc_event_wrapper.dc_even_event .dc_event_content { float: left; display: flex; align-items: flex-start; } .dc_event .dc_viewmore_btn { margin-top: 50px; } /* event section end*/ /* partner section start*/ .dc_partner_section { float: left; width: 100%; background-color: #ff5555; padding:50px 0; } .dc_partner_wrapper .owl-theme .owl-controls { margin: 0; } .dc_partner_wrapper .item { min-height: 106px; width: 100%; float: left; } .dc_partner_wrapper { float: left; width: 100%; /* position: relative; */ } .dc_partner_img { float: left; width: 100%; text-align: center; padding: 30px 0; min-height: 106px; } .dc_partner_img img { width: auto !important; display: inline-block !important; } .dc_partner_wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] { top: 50%; margin: 0 !important; margin-top: -20px !important; position: absolute; padding: 0; display: inline-block; width: 40px; height: 40px; border-radius: 100%; line-height: 40px; padding: 0; background-color: #c72f2f; overflow: hidden; } #calendar_wrap caption, #calendar_wrap a { color: #bfbfbf; } .dc_partner_wrapper .owl-theme .owl-controls .owl-nav [class*=owl-]:hover, .dc_partner_wrapper .owl-theme .owl-controls .owl-nav [class*=owl-]:focus { background-color: #c72f2f; } .dc_partner_wrapper .owl-prev { left: 0px; right: auto; } .dc_partner_wrapper .owl-next { right: 0px; left: auto; } .dc_partner_wrapper .owl-prev i:before, .dc_partner_wrapper .owl-next i:before { margin: 0; font-size: 10px; color: #fff; font-weight: 900; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .dc_partner_wrapper .owl-prev:before, .dc_partner_wrapper .owl-next:before { content: "\e008"; font-family: Flaticon; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #fff; font-size: 10px; background-position: center center; background-size: cover; border-radius: 50%; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .dc_partner_wrapper .owl-prev:hover:before { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); } .dc_partner_wrapper .owl-prev:hover i:before { transform: translateX(-50px); -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); } .dc_partner_wrapper .owl-next:before { content: "\e01d"; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); } .dc_partner_wrapper .owl-next:hover i:before { transform: translateX(50px); -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); } .dc_partner_wrapper .owl-next:hover:before { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .sidebar_page .dc_partner_section .container { width: 100%; } .dc_blog_sidebar .widget.widget_text img { width: 100%; } /* partner section end*/ /* blog section start*/ .dc_blog_section { float: left; width: 100%; padding: 151px 0 100px; } .dc_blog_container { float: left; width: 100%; padding: 50px 0; } .dc_blog_wrapper { float: left; width: 100%; } .dc_blog_wrapper:nth-child(even) { border-bottom: 1px solid #e6e6e6; border-top: 0; } .dc_blog_wrapper:first-child { border-top: 1px solid #e6e6e6; } .dc_blog_img { float: left; width: 100%; } .dc_blog_img img { width: 100%; height: auto; } .dc_blog_content { float: left; width: 100%; padding: 80px 95px 70px 102px; } .dc_blog_heading, .dc_blog_heading a { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 20px; color: #333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_blog_heading:hover a, .dc_blog_heading:focus a { color: #ff5555; } .dc_post_meta { float: left; width: 100%; position: relative; margin-bottom: 30px; padding-bottom: 20px; } .dc_post_meta:after { content: ""; width: 50px; height: 2px; background-color: #ff5555; position: absolute; top: 100%; left: 0; } .dc_post_meta span { float: left; display: inline-block; padding-right: 40px; } .dc_post_meta span:last-child { padding-right: 0; } .dc_post_meta span a { color: #666; text-decoration: none; text-transform: capitalize; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_post_meta span a:hover, .dc_post_meta span a:focus { color: #ff5555; } .dc_post_meta span a i:before { color: #666; margin: 0; padding-right: 10px; font-size: 14px; } .dc_blog_content .dc_btn { margin-top: 30px; } .dc_blog_wrapper:nth-child(even) .blog_left { float: right; } /* blog section end*/ /* newsletter section start*/ .dc_newsletter_section { float: left; width: 100%; padding: 40px 0px; background-color: #f5f5f5; } .dc_news_wrapper { float: left; width: 100%; } .dc_news_wrapper h3 { font-size: 24px; font-weight: 800; color: #333; margin: 0; display: inline-block; float: left; text-transform: uppercase; padding-right: 30px; line-height: 35px; } .dc_news_wrapper h6 { font-size: 16px; color: #666; margin: 0; font-family: 'Roboto', sans-serif; display: inline-block; line-height: 35px; } .dc_news_form { float: left; width: 100%; } .dc_news_form .form-control { position: relative; border-radius: 0; border-color: #e6e6e6; background-color: #fff; height: 50px; } .dc_news_form form { position: relative; } .dc_news_form form .dc_btn { position: absolute; top: 0; right: 0; padding: 14px 33px; color: #fff; } .dc_news_form .dc_btn:before, .dc_news_form .dc_btn:after { height: 100%; background-color: #ff5555; } .dc_news_form .dc_btn:hover:before, .dc_news_form .dc_btn:hover:after, .dc_news_form .dc_btn:focus:before, .dc_news_form .dc_btn:focus:after { background-color: #e43f3f; } /* newsletter section end*/ /* footer section start*/ .dc_footer_section { float: left; width: 100%; padding: 80px 0; background-color: #121517; } .dc_footer_wrapper { float: left; width: 100%; } .footer_logo { display: block; margin-bottom: 35px; } .dc_footer_content { float: left; width: 100%; color: #999; } .dc_footer_content .dc_social_wrapper { visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); } .dc_blog_sidebar .widget { float: left; width: 100%; margin-bottom: 50px; } .widget { float: left; width: 100%; margin: 0; } .widget> ul { padding: 0; margin: 0; } .widget ul { list-style: none; } .widget ul { list-style: none; margin: 0; } .widget-title { font-size: 18px; color: #fff; text-transform: uppercase; margin: 0 0 40px; padding-bottom: 18px; position: relative; } .widget-title:after { content: ""; width: 50px; height: 4px; background-color: #ff5555; position: absolute; top: 100%; left: 0; } .dc_blog_sidebar { float: left; width: 100%; } .dc_sidebar_wrapper { float: left; width: 100%; } .dc_sidebar_wrapper .widget-title { padding-bottom: 18px; position: relative; font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 40px; color: #333; text-align: left; border-bottom: 1px solid #e6e6e6; } .dc_sidebar_wrapper .widget-title:after { content: ""; width: 50px; height: 4px; background-color: #ff5555; position: absolute; top: 100%; left: 8%; margin-left: -25px; margin-top: -2px; } .dc_blog_sidebar .widget ul li { float: left; width: 100%; line-height: 30px; position: relative; color: #333333; text-transform: capitalize; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_blog_sidebar .widget ul li a { color: #999999; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_blog_sidebar .widget ul li a:hover { color: #e43f3f; } .dc_blog_sidebar .widget_archive.widget ul li { text-align: right; } .dc_blog_sidebar .widget_archive.widget ul li a { float: left; } .widget_calendar .calendar_wrap table tbody td { border: 1px solid #e6e6e6; padding: 5px; text-align: center; } .widget_calendar .calendar_wrap table th { padding: 5px; text-align: center; background-color: #ff5555; color: #fff; } .widget_calendar .calendar_wrap tbody { background-color: #fcfcfc; } .widget_calendar .calendar_wrap table tbody td a { color: #ff5555; } .widget_calendar .calendar_wrap table tfoot td a { color: #ff5555; } .widget> ul> li> ul { padding-left: 10px; } .dc_blog_sidebar .widget.widget_categories ul li { text-align: right; } .dc_blog_sidebar .widget.widget_categories ul li a { float: left; } .widget> ul> li> ul { padding-left: 10px; } .dc_blog_sidebar .widget.widget_rss li { margin-bottom: 50px; } .dc_blog_sidebar .widget.widget_rss li a { font-size: 16px; line-height: 22px; font-weight: 400; color: #333; } .dc_blog_sidebar .widget.widget_rss li .rss-date { font-size: 13px; display: block; color: #999; } .dc_blog_sidebar .widget.widget_rss li .rssSummary { line-height: 26px; } .dc_blog_sidebar .widget.widget_rss li cite { font-style: italic; font-size: 13px; font-weight: 400; float: right; color: #ff5555; } .dc_blog_sidebar .widget.widget_nav_menu ul { padding: 0; } .dc_blog_sidebar .widget.widget_nav_menu ul li ul { padding-left: 10px; } .widget select { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; outline: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .page-content .search-form { width: 300px; } .dc_blog_sidebar .widget .search-form, .search-form { float: left; width: 100%; position: relative; } .dc_blog_sidebar .widget .search-form label { display: block; } .dc_blog_sidebar .widget .search-field, .search-form .search-field { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding-right: 99px; font-weight: 300; outline: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .dc_blog_sidebar .widget .search-submit, .search-form .search-submit { padding: 10px 20px 11px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; box-shadow: none; background-color: #ff5555; text-shadow: none; position: absolute; top: 0; right: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_blog_sidebar .widget .search-submit:hover, .search-form .search-submit:hover { background-color: #e43f3f; } .tagcloud a { padding: 10px 20px; background-color: #e6e6e6; color: #333; font-size: 14px !important; text-transform: capitalize; margin-bottom: 5px; display: inline-block; margin-right: 5px; float: left; z-index: 1; backface-visibility: hidden; white-space: nowrap; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .tagcloud a:hover, .tagcloud a:focus { color: #fff; } .tagcloud a:before { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #ffffff; top: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .tagcloud a:after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #ffffff; bottom: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .tagcloud a:hover:after, .tagcloud a:hover:before { background-color: #ff5555; opacity: 1; height: 100%; } .pagination li a { padding: 7px 12px; display: inline-block; border-radius: 0; background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .pagination li { margin: 3px; display: inline-block; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #ff5555; border-color: #ff5555; color: #fff; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; } .comment-respond { float: left; width: 100%; padding-top: 30px; } .comment-form { float: left; width: 100%; } .comment-form label { color: #666; text-transform: capitalize; } .comment-form textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; outline: none; resize: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="password"], .comment-form input[type="search"], .comment-form input[type="number"], .comment-form input[type="tel"], .comment-form input[type="range"], .comment-form input[type="date"], .comment-form input[type="month"], .comment-form input[type="week"], .comment-form input[type="time"], .comment-form input[type="datetime"], .comment-form input[type="datetime-local"], i.comment-form nput[type="color"] { display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; outline: none; margin-bottom: 15px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .commentform input[type="button"], .comment-form input[type="reset"], .comment-form input[type="submit"], .dc_contact_field input[type="submit"] { padding: 10px 33px; font-size: 14px; text-transform: uppercase; color: #333333; position: relative; border-radius: 0px; z-index: 1; letter-spacing: 1px; box-shadow: none; text-shadow: none; background-color: transparent; border: 2px solid transparent; border-right: 0px; border-left: 0px; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .form-submit { font-size: 14px; text-transform: uppercase; color: #333333; font-weight: 500; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; box-shadow: none; text-shadow: none; background-color: #fff; display: inline-block; margin-top: 20px; float: right; } .form-submit:before { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #e6e6e6; top: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .form-submit:after { content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #e6e6e6; bottom: 0; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .form-submit:hover:before, .form-submit:hover:after { height: 100%; opacity: 1; background-color: #ff5555; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus , input[type="button"]:active , input[type="reset"]:active, input[type="submit"]:active { box-shadow: none; outline: none; } .form-submit input[type="button"]:hover, .form-submit input[type="reset"]:hover, .form-submit input[type="submit"]:hover, .form-submit input[type="button"]:focus, .form-submit input[type="reset"]:focus, .form-submit input[type="submit"]:focus, .form-submit input[type="button"]:active, .form-submit input[type="reset"]:active, .form-submit input[type="submit"]:active { border-color: transparent; } .form-submit:hover input[type="button"], .form-submit:hover input[type="reset"], .form-submit:hover input[type="submit"], .form-submit:focus input[type="button"], .form-submit:focus input[type="reset"], .form-submit:focus input[type="submit"], .form-submit:active input[type="button"], .form-submit:active input[type="reset"], .form-submit:active input[type="submit"] { box-shadow: none; color: #fff; border-color: transparent; } .dc_tips_content { float: left; width: 100%; } .dc_tips_content ul { padding: 0; margin: 0; list-style: none; } .dc_tips_content ul li { display: block; line-height: 30px; position: relative; } .dc_tips_content ul li:after { content: ""; content: "\e008"; font-family: Flaticon; font-size: 8px; position: absolute; left: 0; top: 50%; margin-top: -15px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; } .dc_tips_content ul li:hover:after { color: #ff5555; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .dc_tips_content ul li a { color: #999; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_tips_content ul li:hover a { color: #ff5555; transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); } .dc_recentpost_wrapper { float: left; width: 100%; margin-bottom: 20px; } .dc_recentpost_wrapper:last-child { margin-bottom: 0; } .dc_post_img { float: left; width: 60px; height: 60px; display: inline-block; margin-right: 20px; } .dc_post_img img { width: 100%; } .dc_post_content { float: left; width: 68%; } .dc_post_content .dc_blog_heading, .dc_post_content .dc_blog_heading a { font-size: 14px; color: #fff; margin: 0 0 6px; text-transform: capitalize; font-family: 'Roboto', sans-serif; } .dc_post_content .dc_blog_heading:hover, .dc_post_content .dc_blog_heading:hover a, .dc_post_content .dc_blog_heading:focus, .dc_post_content .dc_blog_heading:focus a { color: #ff5555; } .dc_post_content p { line-height: 22px; } .dc_contact_detail { float: left; width: 100%; margin-bottom: 20px; } .dc_contact_detail span { display: table-caption; float: left; margin-right: 20px; } .dc_contact_detail span i:before { margin: 0; } .dc_contact_detail a { color: #999; } .dc_contact_detail a:hover { text-decoration: none; color: #ff5555; } .dc_contact_detail:last-child { margin-bottom: 0; } .dc_bottom_footer { float: left; width: 100%; background-color: #0b0c0d; color: #999; padding: 26px 0 20px; } .dc_copyright_wrapper { float: left; width: 100%; } .dc_copyright_wrapper p { margin-bottom: 0; } .dc_footer_menu { float: left; width: 100%; } .dc_footer_menu ul { padding: 0; margin: 0; list-style: none; float: right; } .dc_footer_menu ul li { float: left; } .dc_footer_menu ul li a { display: block; padding: 0 15px; text-decoration: none; color: #999; font-weight: 400; text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_footer_menu ul li a:hover, .dc_footer_menu ul li a:focus { color: #ff5555; } .widget.dc_footer_content .calendar_wrap tr th { color: #fff; text-align: center; background: #ff5555; } .widget.dc_footer_content .calendar_wrap tr td { color: #999; text-align: center; padding: 5px; } .dc_footer_wrapper .widget_calendar .calendar_wrap tbody { background: transparent; } .dc_footer_wrapper .widget.dc_footer_content.widget_archive, .dc_footer_wrapper .widget.dc_footer_content.widget_categories, .dc_footer_wrapper .widget.dc_footer_content.widget_pages, .dc_footer_wrapper .widget.dc_footer_content.widget_meta, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_comments, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_entries, .dc_footer_wrapper .widget.dc_footer_content.widget_rss, .dc_footer_wrapper .widget.dc_footer_content.widget_text, .dc_footer_wrapper .widget.dc_footer_content.widget_nav_menu{ margin-bottom:30px; } .dc_footer_wrapper .widget.dc_footer_content.widget_archive ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_categories ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_pages ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_meta ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_comments ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_entries ul li, .dc_footer_wrapper .widget.dc_footer_content.widget_nav_menu ul li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_footer_wrapper .widget.dc_footer_content.widget_recent_comments ul li:after, .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li:after{ display:none; } .dc_footer_wrapper .widget.dc_footer_content.widget_archive ul li:hover, .dc_footer_wrapper .widget.dc_footer_content.widget_categories ul li:hover, .dc_footer_wrapper .widget.dc_footer_content.widget_pages ul li:hover, .dc_footer_wrapper .widget.dc_footer_content.widget_meta ul li:hover, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_entries ul li:hover, .dc_footer_wrapper .widget.dc_footer_content.widget_nav_menu ul li:hover { transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); } .dc_footer_wrapper .widget.dc_footer_content.widget_archive ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_categories ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_pages ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_meta ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_comments ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_recent_entries ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li:hover a, .dc_footer_wrapper .widget.dc_footer_content.widget_nav_menu ul li:hover a { color: #ff5555; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } .dc_footer_wrapper .widget.dc_footer_content.widget_archive select, .dc_footer_wrapper .widget.dc_footer_content.widget_categories select { background: transparent; color: #999; } .dc_footer_wrapper .widget.dc_footer_content.widget_rss h2.widget-title a.rsswidget { color: #fff; } .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li a.rsswidget { color: #d7d7d7; line-height: 25px; width: 100%; } .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li a.rsswidget:hover{ color: #ff5555; } .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li { margin-bottom: 10px; } .dc_footer_wrapper .widget.dc_footer_content.widget_rss ul li cite { color: #ff5555; text-align: right; float: right; } .dc_footer_wrapper .widget.dc_footer_content.widget_text .textwidget img{ width:100%; } /* footer section end*/ @-webkit-keyframes background { 0% { height: 0; color:#fff; } 100% { height: 100%; color:#c72f2f; } } @keyframes background { 0% { height: 0; color:#fff; } 100% { height: 100%; color:#c72f2f; } } @-moz-keyframes background { 0% { height: 0; color:#fff; } 100% { height: 100%; color:#c72f2f; } } @-ms-keyframes background { 0% { height: 0; color:#fff; } 100% { height: 100%; color:#c72f2f; } } @-o-keyframes background { 0% { height: 0; color:#fff; } 100% { height: 100%; color:#c72f2f; } } /*color Animation*/ @-webkit-keyframes color_change { 25% { color: #fff; } 50% { color: #da3b3b; } 75% { color: #151618; } 100% { color: #c72f2f; } } @-moz-keyframes color_change { 25% { color: #fff; } 50% { color: #da3b3b; } 75% { color: #151618; } 100% { color: #c72f2f; } } @-ms-keyframes color_change { 25% { color: #fff; } 50% { color: #da3b3b; } 75% { color: #151618; } 100% { color: #c72f2f; } } @-o-keyframes color_change { 25% { color: #fff; } 50% { color: #da3b3b; } 75% { color: #151618; } 100% { color: #c72f2f; } } @keyframes color_change { 25% { color: #fff; } 50% { color: #da3b3b; } 75% { color: #151618; } 100% { color: #c72f2f; } } /*color Animation*/ /*Height Animation*/ @keyframes height { 0% { height: 0; } 100% { height: 70%; } } @-webkit-keyframes height { 0% { height: 0; } 100% { height: 70%; } } @-moz-keyframes height { 0% { height: 0; } 100% { height: 70%; } } @-ms-keyframes height { 0% { height: 0; } 100% { height: 70%; } } @-o-keyframes height { 0% { height: 0; } 100% { height: 70%; } } /* height animation*/ /* comment section */ .comments-area { float: left; width: 100%; } .comments-title { font-size: 18px; color: #333; text-transform: uppercase; margin: 0 0 40px; padding-bottom: 18px; position: relative; font-weight: bold; } .comments-title:after {content: "";width: 50px;height: 4px;background-color: #ff5555;position: absolute;top: 100%;left: 0;} .comment-list, .comments-area ul, .comments-area ol { padding: 0; margin: 0; list-style: none; } .comment-list> li:last-child { margin-bottom: 20px; } .dc_comment_wrapper { float:left; width: 100%; padding: 20px 0; border-bottom: 1px solid #e6e6e6; } .comments-area .children .dc_comment_wrapper { padding-left: 10px; } .comments-area .children .dc_comments { padding-left: 30px; } .comment-list li { float: left; width: 100%; } .comment-list li .comment-body { float: left; width: 100%; } .dc_comments { float: left; width: 100%; } .authore_img { width: 70px; height: 70px; display: inline-block; float: left; margin-right: 20px; } .authore_img { max-width: 100%; } .dc_comment_content { float: left; width: calc(100% - 90px); } .commenter_name { font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; color: #333; } .commenter_name a { color: #333; } .commenter_name a:hover, .commenter_name a:focus { color: #ff5555; } .comment-content { float: left; width: 100%; } .comment-content a { color: #f55; } .comment-metadata { float: left; width: 100%; } .comment-metadata a { color: #999; display: inline-block; } .time_date { display: inline-block; width: 100%; float: left; font-size: 13px; font-weight: 400; color: #999; } .time_date span { display: inline-block; } .comment_reply { float: right; display: inline-block; } .comment-reply-link { color: #999; font-weight: 400; text-transform: capitalize; position: relative; display: inline-block; font-size: 13px; } .comment-reply-link:hover { color: #ff5555; } .comment-reply-title { font-size: 18px; color: #333; text-transform: uppercase; margin: 0px 0 40px; padding-bottom: 18px; position: relative; font-weight: bold; display:inline-block; } .comment-reply-title:after {content: "";width: 50px;height: 4px;background-color: #ff5555;position: absolute;top: 100%;left: 0;} .comment-reply-title small a { color: #999; text-transform: capitalize; font-weight: 500; } .comment-reply-title small a:hover, .comment-reply-title small a:focus, .comment-reply-title small a:active { color: #ff5555; } .dc_innerblog_wrapper { float: left; width: 100%; padding: 50px 0; } .single .dc_innerblog_wrapper { padding-top: 100px; } .dc_innerblog_post { float: left; width: 100%; padding-bottom: 40px; } .dc_innerblog_img { float: left; width: 100%; margin-bottom: 30px; } .dc_innerblog_img img { max-width: 100%; } table td, table th { border: 1px solid #e6e6e6; padding: 5px; } table a, table a:hover, table a:focus { color: #ff5555; } .dc_footer_wrapper ul { padding: 0; margin: 0; list-style: none; } .dc_footer_wrapper ul li { float: left; width: 100%; display: block; line-height: 30px; position: relative; } .dc_footer_wrapper ul li a { color: #999; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_footer_wrapper ul li:after { font-family: FontAwesome; content: "\f105"; font-size: 18px; position: absolute; left: 0; top: 50%; margin-top: -15px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; opacity:0; } .dc_footer_wrapper ul li:hover:after { color: #ff5555; visibility: visible; transform: translateX(-15px); -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); opacity:1; } .dc_footer_wrapper ul li:hover a { color: #ff5555; transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); } .dc_footer_content .dc_social_wrapper ul li a { color: #fff; } .dc_footer_content .dc_social_wrapper ul li a:hover, .dc_footer_content .dc_social_wrapper ul li a:focus { color: #ff5555; } /* comment section */ .dc_footer_wrapper .dc_social_wrapper ul li { display: inline-block; width: auto; } .menu-usefull_tips-container { float: left; width: 100%; } .dc_footer_content .dc_tips_content p { margin-bottom: 0; } .dc_footer_content .dc_social_wrapper ul li:after { display: none; } .dc_footer_content .dc_social_wrapper ul li:hover a { transform: translateX(15px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } .dc_posttext { float: left; width: 100%; margin-bottom: 10px; } .dc_innerblog_content .dc_btn { margin-top: 30px; } .dc_pagination_wrapper { float: left; width: 100%; text-align: center; } .dc_blog_full_sidebar .dc_blog_wrapper:first-child { /* margin-top: 38px; */ } .page-header { margin: 0; border: none; padding: 0; float: left; width: 100%; } .page-title { font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 0 0 40px; color: #333; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .dc_innerblog_content { float: left; width: 100%; } .dc_innerblog_content h4 a { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 20px; color: #333; } .dc_innerblog_content h4 { margin: 0 0 20px; } /* 404 page */ .error-404.not-found { float: none; margin: 0px auto; width: 60%; text-align: center; } .error_icon { margin-bottom: 20px; display: inline-block; font-size: 80px; color: #e43f3f; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.67); } .error-404.not-found .page-title { font-size: 25px; } .mailchimp_message { font-size: 11px; color: red; } /* 404 page */ /* booking popup */ .dc_booking_wrapper { float: left; width: 100%; } .dance_popup .modal-body { padding: 0; } .dance_popup button { box-shadow: none; text-shadow: none; outline: none; } .dc_booking_header { padding: 25px 30px 15px; background-color: #ff5555; color: #fff; } .dc_booking_header p { margin-bottom: 0; } .dc_booking_header h2 { color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 5px; margin: 0; } .dc_booking_form { float: left; width: 100%; } .dc_booking_form_wrapper { float: left; width: 100%; padding: 30px 15px 0; } .dc_booking_field { float: left; width: 100%; margin-bottom: 15px; } .form-control { border-radius: 0 !important; border-color: #e6e6e6 !important; background-color: #fff !important; height: 35px; resize: none; color: #555 !important; padding: 6px 12px !important; } .dc_quantity { width: 70px; } .booking_popup .modal-body { float: left; width: 100%; background-color: #fff; padding: 0; } .booking_popup .modal-footer { float: left; width: 100%; background-color: #f9f9f9; padding: 15px 30px; } .dc_modal_footer { float: left; width: 100%; padding: 15px 30px; text-align: right; background-color: #f9f9f9; } .dc_booking_header .close { position: absolute; top: 0; right: 0; width: 20px; height: 20px; box-shadow: none; text-shadow: none; outline: none; } .my_booking_popup .close { border-radius: 50%; padding: 13px; right: -10px; top: -10px; } .my_booking_popup input { width: 100%; padding: 0px 10px; height: 35px; } .my_booking_popup .close span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 24px; font-weight: 500; } .my_booking_popup .form-control { height: auto; display: flex; border: none; } .my_booking_popup label { width: 30%; } .my_booking_popup .stripe-button-el { background-image: none; padding: 0px!important; background: none; background: #ff5555!important; } .event_form { padding: 35px; } .my_booking_popup .stripe-button-el { background-image:none; padding: 20px 12px; background:none; } label { color: #666; text-transform: capitalize; } .booking_popup .dc_btn { padding: 10px 33px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; box-shadow: none !important; outline: none !important; background-color: #ff5555; } .wpcf7-response-output { border: none !important; } .wpcf7-not-valid-tip { font-size: 12px !important; } /* booking popup */ /* event single page */ .dc_single_event_wrapper { float: left; width: 100%; } .dc_single_event_wrapper .dc_event_date { background-color: #f55; width: 100px; min-height: 120px; } .dc_single_event_wrapper .dc_event_date h1 { font-size: 30px; color: #fff; margin: 15px 0; padding-bottom: 10px; } .dc_single_event_wrapper .dc_event_date h5 { color: #fff; } .dc_single_event_wrapper .dc_event_date h1:after { background-color: #fff; } .dc_event_tag { float: left; width: 100%; font-size: 13px; color: #666; text-decoration: none; padding-bottom: 15px; text-transform: capitalize; letter-spacing: 0.3px; display: none; } .dc_event_tag i { color: #ff5555; padding-right: 5px; font-size: 14px; } .dc_event_tag span { display: inline-block; padding-right: 10px; } .dc_event_tag a { color: #666; } .dc_event_tag a:hover { color: #ff5555; } .dc_single_description { float: left; width: calc(100% - 130px); } .dc_single_description .dc_blog_heading { position: relative; padding-bottom: 15px; margin: 0 0 20px; } .dc_single_description .dc_blog_heading:after {content: "";position: absolute;top: 100%;left: 0;height: 4px;width: 50px;background-color: #f55;} .dc_single_event_wrapper .dc_social_wrapper ul li a { border: 1px solid #f55; color: #f55; width: 25px; height: 25px; z-index: 1; line-height: 23px; } .dc_single_event_wrapper .dc_social_wrapper ul li a:hover { color: #fff; } .dc_single_event_wrapper .dc_social_wrapper ul li a:after { background: #f55; } .dc_single_content { float: left; width: 100%; padding-top: 30px; } .dc_small_heading { font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0px 0 15px; color: #333; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_event_btn { float: left; width: 100%; padding: 30px 0 50px; } .dc_event_btn .dc_btn { margin: 0; } .dc_event_info_wrapper { width: 45%; float: left; } .dc_event_info { width: 100%; float: left; border: 1px solid #e6e6e6; margin-bottom: 30px; } .dc_venue_detail { clear: both; } .dc_smallest_heading { font-size: 13px; text-transform: uppercase; font-weight: bold; margin: 0; color: #666; margin-right: 10px; position: relative; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_event_info .dc_small_heading { margin: 0 0 10px; padding: 10px 10px; border-bottom: 1px solid #e6e6e6; background-color: #e6e6e6; } .dc_event_occurrence { float: left; width: 100%; font-size: 13px; color: #888; text-decoration: none; padding: 10px 10px; text-transform: capitalize; border-bottom: 1px solid #e6e6e6; } .dc_event_info .dc_event_occurrence:last-child { border: none; } .dc_venue_detail .dc_event_occurrence:nth-child(3) { border: none; } .dc_event_occurrence i { color: #ff5555; padding-right: 5px; font-size: 15px; } .dc_event_occurrence span { display: inline-block; } .dc_event_occurrence span a { color: #ff5555; text-decoration: none; } .dc_map_wrapper { float: right; width: 50%; } .event_map { float: left; width: 100%; padding-top: 20px; } div#event_map { width: 100%; min-height: 290px; } /* event single page */ /*shop page start*/ .type-product .dc_product { float: left; width: 100%; padding: 30px; background: #f1f1f1; } .dc_product { float: left; width: 31%; padding: 30px; background: #f1f1f1; margin: 15px; } .dc_product a.woocommerce-LoopProduct-link { float: left; width: 100%; } .dc_product a.woocommerce-LoopProduct-link .dc_product_image{ float:left; width:100%; position:relative; } .dc_product a.woocommerce-LoopProduct-link .dc_product_image span.onsale { position: absolute; left: 10px; top: 10px; background: #ff5555; padding: 2px 10px; color: #fff; text-transform: capitalize; border-radius: 0; width: 50px; min-height: 30px; max-height: 30px; line-height: 27px; margin: 0; } .dc_product a.woocommerce-LoopProduct-link .dc_product_image img { display: block; max-width: 100%; width: 100%; } .dc_product .dc_product_detail { float: left; width: 100%; padding-top: 15px; } .dc_product .dc_product_detail a.woocommerce-LoopProduct-link h3 { float: left; width: 100%; font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 20px; margin: 15px 0 0; min-height: 65px; line-height: 22px; } .dc_product .dc_product_detail a.woocommerce-LoopProduct-link span.price { float: left; width: auto; color: #ff5555; font-weight: 600; } .dc_product .dc_product_detail a.woocommerce-LoopProduct-link span.price del { color: #333; font-weight:400; } .dc_product .dc_product_detail a.woocommerce-LoopProduct-link span.price ins { color: #ff5555; } .dc_btndiv { float: left; width: 100%; margin-top: 20px; } .dc_product .dc_product_detail .dc_btndiv .grey_btn { background: transparent; } .dc_bottompadder50{ padding-bottom:50px; } .dc_toppadder50{ padding-top:50px; } .dc_viewmore_btn.dc_product_viewmore { margin-bottom: 0; margin-top: 20px; } .woocommerce .woocommerce-ordering select.orderby { height: 40px; border: 1px solid #f1f1f1; padding: 0px 10px; } .woocommerce .woocommerce-result-count { margin: 0; line-height: 38px; } .dc_product .dc_product_detail h2.woocommerce-loop-product__title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .woocommerce .woocommerce-ordering select.orderby:focus{ outline:none; box-shadow:none; } /*shop page end*/ /*shop single start*/ .dc_header_section.dc_inner_page_header { position: relative; } nav.woocommerce-breadcrumb { float: left; width: 100%; color: #333 !important; } nav.woocommerce-breadcrumb a { color: #ff5555 !important; } .dc_product_single { float: left; width: 100%; } .dc_product_single .images { float: left; width: 100%; position: relative; } .dc_product_single span.onsale { top: 10px; left: 10px; background: #ff5555; padding: 2px 10px; border-radius: 0px; color: #fff; text-transform: capitalize; min-width: auto; min-height: auto; line-height: 25px; font-weight: normal; font-size: 15px; z-index: 1; } .dc_product_single .summary.entry-summary h1.product_title.entry-title { font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 20px; margin: 0 0 20px; color: #333; } .dc_product_single .summary.entry-summary h1.product_title.entry-title:after { position: absolute; content: ''; top: 100%; left: 0; height: 4px; width: 50px; background-color: #333; } .dc_product_single .summary.entry-summary p.price { float: left; width: 100%; margin-bottom: 20px; } .dc_product_single .summary.entry-summary p.price { float: left; width: 100%; margin-bottom: 20px; color: #ff5555; } .dc_product_single .summary.entry-summary p { float: left; width: 100%; margin-bottom: 20px; } .dc_product_single .summary.entry-summary .single_variation_wrap { float: left; width: 100%; } .dc_product_single .summary.entry-summary .single_variation_wrap .quantity, .dc_product_single .summary.entry-summary .quantity{ margin-right:20px !important; } .dc_product_single .summary.entry-summary .single_variation_wrap .input-text.qty.text, .dc_product_single .summary.entry-summary .input-text.qty.text { border-radius: 0; height: auto; padding: 7px 0 7px 15px; text-align: left; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs { float: left; width: 100%; padding-left: 5px; margin:0px; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li { border-radius: 0; background:#333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:before, .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:after{ display:none; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li a { color: #fff; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active, .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:hover { background: #ff5555; color: #fff; } .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:hover a{ color:#fff; } .dc_product_single .woocommerce-tabs .panel { float: left; width: 100%; padding: 20px !important; background: #f8f8f8; border-radius: 0; border-bottom: 1px solid #d3ced2; } .dc_product_single .woocommerce-tabs .panel h2 { font-size: 24px; font-weight: bold; text-transform: uppercase; padding: 0px 0 15px; margin: 0 0 20px; position: relative; color: #333; } .dc_product_single .woocommerce-tabs .panel h2:after { position: absolute; content: ''; top: 100%; left: 0; height: 4px; width: 50px; background-color: #333; } .dc_product_single .woocommerce-tabs .panel p { float: left; width: 100%; } .dc_product_single .woocommerce-tabs .panel .comment-respond h3 { margin-bottom: 20px !important; } .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-author, .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-email { width: 50%; } .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-author input[type="text"], .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-email input[type="email"] { width: 95%; } .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-email input[type="email"] { float: right; } .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-email label { padding-left: 20px; } .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-comment, .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-author, .dc_product_single .woocommerce-tabs .panel .comment-respond p.comment-form-email{ margin-bottom:20px; } .dc_product_single .woocommerce-tabs .panel p.form-submit { width: auto; background: transparent; } .dc_product_single .woocommerce-tabs .panel p.form-submit input.submit { background-color: transparent !important; padding: 10px 15px !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_product_single .woocommerce-tabs .panel p.form-submit:hover input.submit, .dc_product_single .woocommerce-tabs .panel p.form-submit:focus input.submit, .dc_product_single .woocommerce-tabs .panel p.form-submit:hover, .dc_product_single .woocommerce-tabs .panel p.form-submit:focus{ outline:none; color:#fff !important; } .dc_relatedproduct_slider, .related.products{ float:left; width:100%; } .dc_relatedproduct_slider .dc_product_detail h3 { font-size: 15px !important; line-height: 20px; } .dc_relatedproduct_slider .owl-controls{ float:left; width:100%; margin-top:60px !important; } .dc_relatedproduct_slider .owl-controls .owl-prev, .dc_relatedproduct_slider .owl-controls .owl-next { position: absolute; padding: 0 !important; margin: 0 !important; width: 50px; height: 50px; line-height: 50px; text-align: center; } .dc_relatedproduct_slider .owl-controls .owl-prev i, .dc_relatedproduct_slider .owl-controls .owl-next i { float: left; width: 100%; height: 100%; text-align: center; } .dc_relatedproduct_slider .owl-controls .owl-prev i:before, .dc_relatedproduct_slider .owl-controls .owl-next i:before { margin-left:0; font-size:15px; } .dc_relatedproduct_slider .owl-controls .owl-prev { left: 48%; } .dc_relatedproduct_slider .owl-controls .owl-next { left: 56%; } .woocommerce .dc_btndiv a.button { background: transparent; font-weight: 400; } .dc_product_single .summary.entry-summary .single_variation_wrap span.price { color: #333; margin-bottom: 10px; float: left; width: 100%; } .woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button{ background-color: transparent; border-radius:0px; z-index:0; } .woocommerce-error a.button:before, .woocommerce-info a.button:before, .woocommerce-message a.button:before, .woocommerce-error a.button:after, .woocommerce-info a.button:after, .woocommerce-message a.button:after { background-color: #111; } .woocommerce-error a.button:before, .woocommerce-info a.button:before, .woocommerce-message a.button:before, .woocommerce-error a.button:after, .woocommerce-info a.button:after, .woocommerce-message a.button:after { content: ""; position: absolute; left: 0; width: 100%; height: 1px; z-index: -1; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .woocommerce-error a.button:before, .woocommerce-info a.button:before, .woocommerce-message a.button:before{ top: 0; } .woocommerce-error a.button:after, .woocommerce-info a.button:after, .woocommerce-message a.button:after{ bottom:0px; } .woocommerce-error a.button:hover:before, .woocommerce-info a.button:hover:before, .woocommerce-message a.button:hover:before, .woocommerce-error a.button:hover:after, .woocommerce-info a.button:hover:after, .woocommerce-message a.button:hover:after, .woocommerce-error a.button:focus:before, .woocommerce-info a.button:focus:before, .woocommerce-message a.button:focus:before, .woocommerce-error a.button:focus:after, .woocommerce-info a.button:focus:after, .woocommerce-message a.button:focus:after, .woocommerce-error a.button:active:before, .woocommerce-info a.button:active:before, .woocommerce-message a.button:active:before, .woocommerce-error a.button:active:after, .woocommerce-info a.button:active:after, .woocommerce-message a.button:active:after, .woocommerce-error a.button:visited:before, .woocommerce-info a.button:visited:before, .woocommerce-message a.button:visited:before, .woocommerce-error a.button:visited:after, .woocommerce-info a.button:visited:after, .woocommerce-message a.button:visited:after { opacity: 1; height: 100%; background-color: #ff5555; } .woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover, .woocommerce-error a.button:focus, .woocommerce-info a.button:focus, .woocommerce-message a.button:focus{ color:#fff; } .dc_product_single .woocommerce-product-gallery { border: 1px solid #f1f1f1; } .single-product nav.woocommerce-breadcrumb { padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; margin-bottom: 40px; } .dc_innerblog_wrapper .woocommerce .woocommerce-info { border-top-color: #ff5555; } .dc_innerblog_wrapper .woocommerce .woocommerce-info:before { color: #ff5555; } .select2-container--default .select2-selection--single{ border-radius: 0; height: 35px; border: 1px solid #e6e6e6; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px; } .woocommerce button.button.alt{ background:#ff5555; border-radius: 0; } .woocommerce button.button.alt:hover { background: #c64747; } .woocommerce form .form-row textarea{ height: 100px; resize: none; padding:10px; } .create-account label input { top: 5px; } .create-account label span { padding-left: 20px; } /*shop single end*/ /*cart page start*/ .woocommerce-cart .coupon{ width:70%; } .woocommerce-cart .woocommerce table.cart td.actions .input-text { width: 60%; border-radius: 0; } .woocommerce-cart .woocommerce table.cart td.actions .button { padding: 8px 15px; border-radius: 0; margin-left: -5px; float: left; background: #ff5555; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; font-weight: 400; } .woocommerce-cart .woocommerce table.cart td.actions .button.dc_update_cart { float: right; } .woocommerce-cart .woocommerce table.cart td.actions .button:hover{ background:#e43f3f; } .woocommerce-cart .cart-collaterals .cart_totals h2 { float: left; width: 100%; text-align: center; font-size: 24px; font-weight: 900; text-transform: uppercase; padding: 17px 0 20px; margin: 0 0 32px; position: relative; color: #333; border-bottom: 1px solid #e6e6e6; } .woocommerce-cart .cart-collaterals .cart_totals h2:before { position: absolute; content: ''; width: 20px; height: 3px; background-color: #121517; top: 0; left: 0; right: 0; margin: 0px auto; } .woocommerce-cart .cart-collaterals .cart_totals h2:after { position: absolute; content: ''; width: 50px; height: 3px; background-color: #ff5555; top: 100%; left: 0; right: 0; margin: 0px auto; margin-top: -1.5px; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { background: #ff5555; border-radius: 0; padding: 15px 0; font-weight: 400; text-transform: uppercase; font-size: 18px; margin: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { background:#e43f3f; } .woocommerce-message{ border-top-color: #ff5555; } .woocommerce-message::before{ color:#ff5555; } /*cart page end*/ /*checkout page start*/ .woocommerce-checkout input.input-text{ display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; font-weight: 300; outline: none; resize:none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .woocommerce-checkout .woocommerce input.button { padding: 10px 20px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; border-radius: 0; position: relative; border: none; /* z-index: 1; */ letter-spacing: 1px; box-shadow: none; background-color: #ff5555; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .woocommerce-checkout .woocommerce input.button:hover { background:#e43f3f; } /*checkout page end*/ /*Inner page css start*/ .dc_innerblog_wrapper .dc_heading_wrapper { padding-top: 50px; } .dc_innerblog_wrapper .dc_event { padding: 50px 0 0; } .dc_innerblog_wrapper .dc_viewmore_btn { margin: 0 0 50px; } .dc_innerblog_wrapper .dc_portfolio_filter { padding: 50px 0; } .dc_innerblog_wrapper .portfolioFilter { padding-bottom: 40px; } .dc_blog_full_sidebar .dc_blog_content { padding: 30px 35px 0; } .dc_contact_form { float: left; width: 100%; text-align: center; padding-top: 50px; } .dc_contact_form_wrapper { display: inline-block; margin: 0px auto; float: none; width: 70%; max-width: 100%; } .dc_contact_field { float: left; width: 100%; margin-bottom: 15px; text-align: left; } .ajax-loader { position: absolute; top: 50%; right: 0; margin-top: -8px; } .dc_contact_field .form-submit { margin-bottom: 20px; } .dc_margin { margin-top: 150px; } /*Inner page css end*/ /*Team section css start*/ .dc_team_section { float: left; width: 100%; } .dc_team_slider { float: left; width: 100%; padding: 50px 0; } .team_div { padding: 0; } .dc_team_member { float: left; width: 100%; margin-bottom: 30px; } .dc_member_img { float: left; width: 100%; position: relative; } .dc_member_img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid transparent;} .dc_member_img:hover:after { border-color: #ff5555; } .dc_member_img img { max-width: 100%; width: 100%; } .dc_team_overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .dc_team_detail { float: left; width: 100%; text-align: center; } .member_name { font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; margin: 15px 0 10px; color: #333; } .member_name a:hover { color: #ff5555; } .member_name a { color: #333; } .member_profile { font-size: 14px; text-transform: capitalize; color: #999; margin: 0; } /*Team section css end*/ /*About section css start*/ .dc_about_section { float: left; width: 100%; } .about_div { float: right; } .dc_about_content { float: left; width: 100%; } .dc_about_heading { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 20px 0; color: #333; } /*About section css end*/ /*Price section css start*/ .dc_pricetable_section { float: left; width: 100%; } .dc_pricetable { padding: 50px 0; float: left; width: 100%; } .dc_pricetable_wrapper { float: left; width: 100%; text-align: center; border: 1px solid #e6e6e6; } .dc_pricetable_wrapper.active { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } .dc_price_head { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #e6e6e6; background-color: #f5f5f5; } .dc_table_name { font-size: 20px; text-transform: uppercase; font-weight: bold; margin: 10px 0; color: #f55; } .dc_table_price { font-size: 19px; margin: 5px 0; color: #333; } .dc_price_body { float: left; width: 100%; padding: 10px 0; } .dc_price_body ul { padding: 0; margin: 0; } .dc_price_body ul li { list-style: none; padding: 5px 0; } .dc_price_footer { float: left; width: 100%; padding: 15px 0; border-top: 1px solid #e6e6e6; background-color: whitesmoke; } .filter_gallery_row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .fade { opacity: 1 !important; } /*Price section css end*/ /*Video section css start*/ .dc_video_section { float: left; width: 100%; background-image: url("http://kamleshyadav.in/wp/dance-multipage/wp-content/uploads/2016/11/testimonial_bg-13-1-1-1.jpg"); background-position: center center; background-size: cover; padding: 10% 0; z-index: 1; position: relative; background-attachment: fixed; } .dc_video_section:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: -1;} .dc_video_wrapper { float: left; width: 100%; text-align: center; } .play_btn { width: 70px; height: 70px; line-height: 70px; border: 2px solid #fff; color: #fff; display: inline-block; border-radius: 100%; text-align: center; font-size: 25px; } .play_btn i { margin-left: 5px; } /*Video section css end*/ /*Team page css end*/ .dc_team_page { float: left; width: 100%; } .dc_team_page .dc_member_img:after { display: none; } .dc_team_page .dc_team_detail { text-align: left; } .dc_team_page .member_name { font-size: 25px; } .dc_team_page .member_profile { font-size: 17px; margin-bottom: 20px; } .dc_team_page .dc_social_wrapper { visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; margin-top: 10px; } .dc_team_page .dc_social_wrapper ul li:first-child { margin-left: 0; } .dc_team_page .dc_social_wrapper ul li a { border: 1px solid #f55; color: #f55; } .dc_team_page .dc_social_wrapper ul li a:hover { color: #fff; } .dc_team_page .dc_social_wrapper ul li a:hover:after { background-color: #ff5555; } .dc_progress_wrapper { float: left; width: 100%; } .dc_skill_title { color: #333; font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 30px; margin: 0; } .dc_team_page .dc_team_detail .dc_progress_wrapper { margin: 20px 0 0; } .progress-bar { font-size: 11px; line-height: 11px; height: 7px; position: relative; background-color: #ff5555; } .dc_progress_wrapper .progress { height: 7px; overflow: visible; margin-bottom: 30px; } .progress_value { position: absolute; top: -13px; color: #333; font-weight: 600; right: 0; text-transform: capitalize; font-size: 13px; } /*Team page css end*/ /*Banner section css start*/ .dc_text_banner_section { float: left; width: 100%; text-align: center; padding: 4% 0; position: relative; z-index: 1; background-color: #ff5555; background-image: url(http://kamleshyadav.in/wp/dance-multipage/wp-content/uploads/2016/11/testimonial_bg-13-1-1-1.jpg); background-position: center center; background-size: cover; background-attachment: fixed; } .dc_text_banner_section:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.65);z-index: -1;} .dc_banner_wrapper { float: left; width: 100%; z-index: 2; } .dc_banner_title { font-size: 30px; font-weight: 900; text-transform: uppercase; margin: 0 0 10px; position: relative; color: #ff5555; } .dc_text_banner_section h5 { margin: 0 0 15px; font-size: 19px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .dc_text_banner_section .dc_btn { margin-top: 20px; } /*.dc_text_banner_section .dc_btn:hover:before, .dc_text_banner_section .dc_btn:hover:after { background-color: #fff; } .dc_text_banner_section .dc_btn:hover span:after { color: #ff5555; }*/ /*banner section css end*/ /*Schedule section css start*/ .dc_schedule_section { float: left; width: 100%; margin-bottom: 100px; } .dc_schedule_wrapper { float: left; width: 100%; } .dc_tabs { padding: 0; margin: 0; border: none; } .dc_schedule_day { float: left; width: 100%; background-color: #f5f5f5; border-bottom: 1px solid #ebebeb; text-align: center; } .dc_schedule_day .dc_tabs { margin: 7px auto; display: flex; justify-content: center; } .dc_tabs li { list-style: none; background-color: #f5f5f5; margin-bottom: -2px; } .dc_tabs li a { text-transform: capitalize; color: #212529 !important; } .dc_tabs li.active a, .dc_tabs > li.active > a, .dc_tabs > li.active > a:hover, .dc_tabs > li.active > a:focus { color: #ff5555 !important; background-color: #fff; border-radius: 0px; border-color: #ebebeb; border-bottom-color: transparent; } .nav-tabs .nav-link.active { color: #ff5555 !important; } .dc_schedule_wrapper table tr td { font-weight: 500; text-align: center; border: none; border-top: none; border-bottom: 1px solid #ebebeb; } .dc_schedule_wrapper tr:first-child td { border-top: 1px solid #ebebeb; } .dc_schedule_wrapper table { margin-bottom: 5px; } .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } .nav-tabs > li > a { border: none; font-weight: 600; padding: 10px 16px; font-size: 16px; } .dc_schedule_wrapper table th { background-color: #ff5555; color: #fff; text-align: center; text-transform: capitalize; border-bottom: none; } .tab-content { float: left; width: 100%; background-color: #f9f9f9; padding: 10px 10px; } .dc_schedule_wrapper .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } .dc_booking_form input.dc_btn { padding: 10px 33px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: bold; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; text-shadow: none !important; box-shadow: none !important; outline: none !important; background-color: #ff5555; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .dc_booking_form input.dc_btn:hover, .dc_booking_form input.dc_btn:focus { background-color: #e43f3f; } h2.woocommerce-loop-product__title { font-size: 15px; } body .ds_feature_wrapper .ds_feature_list >ul >li >.ds_feature_section >.ds_feature_icon >span { line-height: 45px; } body .ds_circle_shap .ds_choose_wrapper .ds_choose >ul >li >.ds_choose_section >.ds_choose_icon >span { line-height: 50px; } input.dc_sub_mit { padding: 10px; background: #ff5555; border: 0; box-shadow: none; color: white; width: 200px; margin: auto; } button.stripe-button-el { display: none; } body .ds_feature_wrapper .ds_feature_list >ul >li >.ds_feature_section >.ds_feature_icon >span { line-height: 45px; } body .ds_circle_shap .ds_choose_wrapper .ds_choose >ul >li >.ds_choose_section >.ds_choose_icon >span { line-height: 50px; } div#ajax_product_shortcode .dc_product, div#ajax_product_shortcode .dc_product img { width: 100%; } div#ajax_product_shortcode > .row { padding: 0; } div#ajax_product_shortcode .dc_product .dc_product { padding: 0; width: 100%; margin: 0; } /*Schedule section css end*/ /* New shortcodes */ :root { --da-white-color:#fff; --da-primary-color:#FF3FCE; --da-text-color:#B8B8B8; } body.da-main-body{ margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-family: "Manrope", serif; background-color: #080B21; } body.da-main-body ul{ list-style: none; padding: 0; margin: 0; } /* Scroll */ ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background-color:#dddddd; -webkit-border-radius: 10px; border-radius: 10px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; height: 100px; background-color: #222; } .da-container{ max-width: 1340px; width: 100%; margin: 0 auto; padding: 0 30px; } .da-small-container{ max-width: 1190px; width: 100%; padding: 0 30px ; margin: 0 auto; } .da-section{ padding: 80px 0; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; } body.da-main-body p{ margin: 0; } /* Buttton CSS Start */ button.da-btn:focus, input.da-btn:focus{ border: none; box-shadow: none; outline: none; } .da-btn{ position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; font-size: 16px; color: #fff; background-color:var(--da-primary-color); border-radius: 6px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; z-index: 1; min-width: 140px; min-height: 45px; font-weight: 600; text-transform: capitalize; padding: 0 30px; background-size: 100% 200%; border: none; box-shadow: none; cursor: pointer; } .da-btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(18,18,18, .10); z-index: -1; } .da-btn::after { content: ""; position: absolute; bottom: -3px; left: 50%; width: 150%; height: 500%; border-radius: 45%; background-position: bottom top; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .3s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(1.0) translateX(-50%); background-color: var(--da-primary-color); z-index: -1; } .da-btn span{ z-index: 1; } .da-btn span::before { content: ""; position: absolute; top: 0; left: 0; right: -3px; bottom: 0; background-position: center top; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .3s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0.0); background-color: #fff; z-index: -1; } .da-btn:hover::after { width: 0px; height: 0px; transform: scaleY(1.0) translateX(-50%); } .da-btn:hover { color: var(--da-primary-color); transition-delay: 400ms; } .da-btn:hover span::before { transform: scaleY(1.0); transition-delay: 400ms; } .painter-col{ display: flex; justify-content: end; } ul.da-menu >li >a{ color:var(--da-white-color); font-size: 16px ; font-weight: 500; display: block; position: relative; } ul.da-menu >li >a::before { position: absolute; content: ""; bottom: -15px; height: 3px; border-radius: 50px; background-color: var(--da-primary-color); box-shadow: 0px 4px 50px 0px #99C1FD1A; transition: all 0.3s ease; opacity: 0; visibility: hidden; width: 0; left: 0; right: 0; margin: 0 auto; } ul.da-menu >li >a:hover{ color: var(--da-primary-color); } ul.da-menu >li >a:hover::before{ left: 0; right: 0; margin: 0 auto; width: 60%; opacity: 1; visibility: visible; } svg.header_down_svg{ fill: #100f0f; } ul.da-menu >li >a:hover svg.header_down_svg{ fill: var(--da-primary-color); } .da-header-wrapper { position: absolute; top: 30px; left: 0; right: 0; margin: auto; z-index: 2; } .da-header-one ul { display: flex; justify-content: end; gap: 50px; } svg.header_down_svg { height: 15px; position: relative; fill: #fff; } .da-header-one ul >li{ position: relative; } .da-main-body ul.sub-menu { margin: 0; padding: 0; position: absolute; width: 160px; left: 0; opacity: 0; visibility: hidden; top: 100%; background-color: #080B21; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; box-shadow: -5px -5px 29px 0 rgba(0,0,0,0.07); border-radius: 10px; transform: translate(40px, 0px); margin-top: 15px; display: flex; flex-direction: column; gap: 0; } .da-main-body ul.sub-menu a{ color: var(--da-text-color); } .da-main-body ul.sub-menu a:hover{ color: var(--da-primary-color); } .da-main-body ul.sub-menu:after { content: ''; position: absolute; top: -10px; left: 25px; border-left: 10px solid #080B21; border-right: 10px solid #080B21; border-bottom: 10px solid #080B21; } .da-main-body ul.sub-menu>li { padding: 10px 20px; border-bottom: 1px solid rgba(111, 111, 111, 0.25); width: 100%; } li.sub-menu_level_two ul.sub-menu { left: 103%!important; top: 0!important; } li.sub-menu_level_two ul.sub-menu:after { content: ''; position: absolute; top: 12px!important; left: -8px!important; border-left: 13px solid #080B21!important; border-right: 10px solid #080B21!important; border-bottom: 13px solid #080B21!important; transform: rotate(-45deg)!important; } .da-head-container{ max-width: 1480px; margin: 0 auto; width: 100%; padding: 0 15px; } /* about section start */ .da-heading { display: flex; align-items: center; gap: 10px; } .da-heading span{ width: 2px; height: 27px; background-color: var(--da-primary-color); } .da-heading h3{ font-size: 26px; font-weight: 700; color: var(--da-white-color); margin-bottom: 0; } .da-about-text h4{ font-size: 16px; font-weight: 500; color: var(--da-white-color); margin-bottom: 10px; margin-top: 30px; } .da-about-text p { font-size: 16px; font-weight: 400; color: var(--da-text-color); margin-bottom: 15px; max-width: 550px; width: 100%; } .da-about-text a.da-btn{ margin-top: 15px; } .da-about-image{ text-align: end; padding-right: 6px; } /* about section end */ /* school section css start */ .da-school-wrapper .da-heading{ text-align: center; justify-content: center; } body.da-main-body .da-heading-para{ text-align: center; font-size: 16px; font-weight: 400; color: var(--da-text-color); margin-top: 20px; margin-bottom: 50px; max-width: 500px; width: 100%; margin: 20px auto 50px; } .da-school-wrapper .nav-tabs { flex-direction: column; border: none; gap: 15px; } body.da-main-body ul.da-nav-tabs{ background: #FFFFFF14; border: 1px solid #FFFFFF1A; backdrop-filter: blur(8px); border-radius:20px 0 0 20px; padding: 30px ; } .da-school-wrapper .nav-tabs{ transition: all 0.3s ease; width: 100%; } .da-school-wrapper .nav-tabs .nav-item .nav-link{ width: 100%; transition: all 0.3s ease; text-align: left; border: none; outline: none; color: var(--da-white-color) !important; font-size: 16px; font-weight: 400; box-shadow: none; } .da-school-wrapper .nav-tabs .nav-item .nav-link:focus-visible{ border: none; outline: none; box-shadow: none; } .da-school-wrapper .nav-tabs .nav-item.show .nav-link, .da-school-wrapper .nav-tabs .nav-link.active{ background-color: var(--da-primary-color); color: var(--da-white-color); border: none; border-radius: 5px; width: 100%; text-align: left; outline: none; } .da-school-wrapper .nav-tabs .nav-item .nav-link:hover{ background-color: var(--da-primary-color); color: var(--da-white-color); border: none; border-radius: 5px; width: 100%; text-align: left; outline: none; } .da-tab-img { position: relative; overflow: hidden; max-width: 300px; width: 100%; margin: 0 auto; } .da-tab-img img { width: 100%; height: 100%; display: block; } .da-tab-overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 63, 206, 0) 0%, #FF3FCE 100%); opacity: 0; transition: opacity 0.4s ease; border-radius: 20px; } .da-tab-overlay-text { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); color: white; font-size: 18px; font-weight: bold; text-align: center; opacity: 0; transition: opacity 0.4s ease; } .da-tab-img:hover .da-tab-overlay { opacity: 1; } .da-tab-img:hover .da-tab-overlay-text { opacity: 1; } .da-tab-content{ background-image:url(https://dance-academy.kamleshyadav.com/dance-demo-v4/wp-content/uploads/sites/5/2025/02/tab-bg.png); background-size: cover; background-repeat: no-repeat; padding: 20px 20px; border-radius: 20px; } .da-col{ padding: 0; } .da-tabs .mix{ display: none; } /* school section css end */ /* evnet section css start */ .da-event-wrapper .da-heading{ justify-content: center; text-align: center; } .da-event-main-pr { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .da-event-last-text{ display: flex; gap: 5px; align-items: center; transition: all 0.4s ease; } .da-main-body p.da-event-price { font-size: 20px; font-weight: 500; color: var(--da-primary-color); } .da-event-img{ position: relative; /* overflow: hidden; */ border-radius: 10px; transition: all 0.4s ease; } .da-event-main-box{ transition: all 0.4s ease; overflow: hidden; position: relative; max-height: 531px; height:531px; margin-bottom: 30px ; } .da-event-last-text p{ font-size: 16px; font-weight: 400; color:var(--da-text-color); } .da-event-text h5{ font-size: 16px; font-weight: 500; color: var(--da-text-color); margin-top: 20px; } .da-event-text h6{ font-size: 16px; font-weight: 400; color: var(--da-text-color); margin-top: 10px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .da-date-box{ width: 66px; height: 70px; background-color: var(--da-primary-color); border-radius: 10px; color: var(--da-white-color); text-align: center; padding: 8px; position: absolute; top: 15px; left: 15px; transition: all 0.4s ease; } .da-date-box h5{ font-size: 28px; font-weight: 700; color: var(--da-white-color); margin-bottom: 0; line-height: 26px; } .da-date-box span{ font-size: 24px; font-weight: 500; color: var(--da-white-color); line-height: 26px; } .da-event-main-img{ position: relative; } .da-event-img img { width: 100%; object-fit: cover; height: 370px; border-radius: 20px; transition: all 0.4s; } .da-event-main-box:hover img{ height: 462px; transition: all 0.4s; } .da-event-overlay { position: absolute; bottom: 0; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 63, 206, 0) 0%, #FF3FCE 100%); opacity: 0; visibility: hidden; transition:all 0.4s ease; border-radius: 20px; display: flex; justify-content: center; align-items: center; } .da-event-main-box:hover .da-event-overlay { opacity: 1; visibility: visible; } .da-event-timer { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; color: var(--da-white-color); background: #261142; padding: 12px 20px; border-radius: 20px; max-width: 315px; width: 100%; position: absolute; bottom: -20px; left: 0; right:0; margin: 0 auto; transition: all 0.4s ease; } .da-event-timer p{ font-size: 16px; font-weight: 400; color: var(--da-white-color); } .da-event-timer span{ font-size: 24px; font-weight: 700; text-align: center; color: var(--da-primary-color); } .da-event-hover-text { margin-top: 10px; color: #fff; font-size: 18px; text-align: center; position: absolute; bottom: 15%; left: 10%; } .da-event-text-main { transition: all 0.4s ease; padding: 0 10px 0 10px; } .da-event-main-box .da-event-text{ transition: all 0.4s ease; } .da-event-main-box:hover .da-event-text { opacity: 0; visibility: hidden; position: absolute; transition: all 0.4s ease; } .da-event-main-box:hover .da-event-main-pr{ margin-top: 35px; border-top: 0; } .da-event-last-text-foot p{ font-size: 16px; font-weight: 400; color:var(--da-text-color); } .da-event-main-box:hover .da-date-box{ opacity: 0; visibility: hidden; } .da-event-text h5 a{ color: var(--da-text-color); } .da-event-hover-text a{ color: var(--da-white-color); } .da-event-hover-text a:hover{ color: var(--da-white-color) !important; } .da-main-body .dc_innerblog_img img{ border-radius: 20px; } .da-main-body nav.woocommerce-breadcrumb{ color:var(--da-text-color) !important; } .da-main-body .dc_product_single .woocommerce-tabs .panel p{ color: var(--da-text-color); } .da-main-body .da-mor-btn a.added_to_cart{ color: var(--da-text-color); margin-left: 10px; } .da-main-body span.posted_in{ color: var(--da-text-color); } /* event section css end */ /* counter section start */ .da-counters{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; max-width: 990px; width: 100%; margin: 0 auto; } .da-counters .da-counter{ text-align: center; } .da-counters .da-counter span{ color: var(--da-white-color); font-size: 36px; font-weight: 800; text-align: center; } .da-counters .da-counter h5{ font-size: 16px; font-weight: 600; color: var(--da-white-color); margin-top: 15px; } /* counter section end */ /* product section css start */ .da-product-wrapper .da-heading{ justify-content: center; } .da-product-box{ backdrop-filter: blur(8px); border: 1px solid #FFFFFF1A; background: #FFFFFF14; padding: 15px 15px 25px; border-radius: 20px; transition: all 0.3s ; margin-bottom: 30px; } .da-prodct-text { display: flex; align-items: end; margin-top: 15px; margin-left: 10px; margin-right: 15px; } .da-prodct-text a { font-size: 16px; font-weight: 500; color: var(--da-text-color); transition: all 0.3s; max-width: 160px; width: 100%; display: flex; } .da-prodct-text a:hover{ color: var(--da-primary-color); } /* .da-product-box:hover .da-prodct-text a.da-btn{ color: var(--da-white-color); background-color: var(--da-primary-color); } */ .da-product-box:hover{ transform: translateY(-7px); } .da-produt-image{ overflow: hidden; position: relative; border-radius: 20px; } .da-produt-image img{ transition: all 0.6s ease-in-out ; } .da-product-box:hover .da-produt-image img{ transform: scale(1.2); } .da-prodct-text h3{ font-size: 20px; font-weight: 700; color: var(--da-white-color); margin-top: 8px; } .da-prodct-text h3 span{ color: var(--da-text-color); text-decoration: line-through; margin-right: 15px; } .da-star img{ margin-right: 2px; } .da-star span{ font-size: 16px; font-weight: 400; color: var(--da-text-color); } .da-star { display: flex; align-items: center; gap: 5px; } .da-star ul{ display: flex; gap: 2px; } .da-hover-content { position: absolute; top: 26px; right: -10px; -webkit-transition: all 0.35s ease-out 0s; -moz-transition: all 0.35s ease-out 0s; -ms-transition: all 0.35s ease-out 0s; -o-transition: all 0.35s ease-out 0s; transition: all 0.35s ease-out 0s; opacity: 0; visibility: hidden; } .da-hover-content .icon-btn { width: 40px; height: 40px; border-radius: 5px; background: #353535; font-size: 14px; margin-bottom: 14px; display: flex; justify-content: center; align-items: center; transition: all 0.3s; } .da-hover-content .icon-btn:hover{ background-color: var(--da-primary-color); } .da-product-box:hover .da-hover-content { right: 25px ; opacity: 1; visibility: visible; } .mt-30{ margin-top: 30px; } .da-more-btn { text-align: center; margin-top: 30px; } .da-counter h1{ color: var(--da-white-color); font-size: 36px; font-weight: 800; text-align: center; margin-right: 30px; } .da-counter h1:after{ content: "+"; position: absolute; right: -30px; top: 2px; } /* product section css end */ /* gallery section css end */ .da-gallery-wrapper{ padding-bottom: 0; } .da-gallery-wrapper .da-heading{ justify-content: center; text-align: center; } .da-gallery-first{ display: flex; margin: 0; padding: 0; } .da-gallery-item { position: relative; cursor: pointer; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; transition: opacity 0.3s ease; } .da-gallery-item:hover .overlay { opacity: 1; } .da-icon { font-size: 24px; margin-top: 5px; background-color: var(--da-white-color); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; justify-content: center; align-items: center; z-index: 2; } .popup img { max-width: 90%; max-height: 90%; border-radius: 10px; } .popup .close { position: absolute; top: 20px; right: 30px; color: white; font-size: 30px; cursor: pointer; } .da-gallery-wrapper .da-grid { display: flex; } .da-gallery-wrapper .da-grid-item{ width: 25%; cursor: pointer; } .da-gallery-wrapper .da-grid-item .da-grid-img{ overflow: hidden; position: relative; } .da-gallery-wrapper .da-grid-item .da-grid-img img{ width: 100%; transition: all 0.3s; } .da-gallery-wrapper .da-grid-item.grid_50{ width: 50%; } .da-gallery-wrapper .da-grid-img:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 1; } /* .da-gallery-wrapper .da-grid-item:hover .da-grid-img:before{ opacity: 1; visibility: visible; } */ body.da-main-body p.text { margin-top: 20px; font-size: 16px; font-weight: 500; } .da-gallery-wrapper .da-grid-item:hover span{ opacity: 1; visibility: visible; transition: all 0.3s; z-index: 2; } .da-gallery-wrapper .da-grid-item:hover .overlay{ opacity:1 ; visibility: visible; } /* gallery section css end */ /* team section css start */ .da-team-wrapper{ padding-bottom: 115px; } .da-team-wrapper .da-heading{ text-align: center; justify-content: center; } .da-team-box .da-social{ margin-top: 10px; gap: 20px; justify-content: center; } .da-team-box .da-social a{ width: unset; height: unset; } .da-team-box .da-social a i{ font-size: 20px; } .da-team-box .da-social a:hover{ border: none; } .da-team-box .da-team-social{ opacity: 0; visibility: hidden; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; transition: all 0.3s ease; } .da-team-box:hover .da-team-social{ opacity: 1; visibility: visible; bottom: 15px; margin-top: 15px; } .da-team-box:hover .da-team-text-box{ padding-bottom: 50px; } .da-team-text-box { background: #836FFF; max-width: 210px; border-radius: 10px; text-align: center; padding: 15px; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -35px; transition: all 0.3s ease-in-out; } .da-team-box { position: relative; } .da-team-text-box h5{ font-size: 16px; font-weight: 500; color: var(--da-white-color); } .da-team-text-box p{ font-size: 14px; font-weight: 400; color: var(--da-white-color); } /* team section end */ /* register section css start */ .da-register-box{ display: flex; justify-content: space-between; gap: 10px; align-items: center; } .da-register-box h3 { font-size: 36px; font-weight: 700; color: var(--da-white-color); max-width: 645px; width: 100%; } /* register section css end */ /* blog section css start */ .da-blog-wrapper .da-heading{ justify-content: center; } .da-blog-box { background: #FFFFFF14; border: 1px solid #FFFFFF1A; backdrop-filter: blur(8px); border-radius: 20px; padding: 15px 15px; transition: all 0.3s ease; } .da-blog-box:hover{ transform: translateY(-10px); } .da-blog-text{ margin-top: 15px; padding-left: 10px; } .da-blog-box a{ font-size: 16px; font-weight: 700; color: var(--da-white-color); transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .da-blog-box:hover a{ color:var(--da-primary-color) } body.da-main-body .da-blog-box p{ font-size: 16px; font-weight: 400; color: var(--da-text-color); margin-top: 8px; margin-bottom: 10px; } .da-blog-image { overflow: hidden; position: relative; border-radius: 20px; } .da-blog-image img{ transition: all 0.6s ease-in-out; } .da-blog-box:hover .da-blog-image img{ transform: scale(1.1); } .da-blog-date-text { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px; } .da-date-text { display: flex; align-items: center; gap: 10px; } .da-date-text p{ font-size: 14px; font-weight: 500; color: var(--da-text-color); } /* blog section css end */ /* testimonial css start */ .da-testimonial-wrapper .da-heading{ justify-content: center; } .da-swiper-main{ background: #FFFFFF14; border: 1px solid #FFFFFF1A; backdrop-filter: blur(8px); border-radius: 20px; padding: 30px 30px; max-width: 570px; width: 100%; position: relative; margin: 0 auto; } .da-swiper-main p{ font-size: 16px; font-weight: 400; color: var(--da-text-color); } .da-swiper-main-text{ display: grid; grid-template-columns: 60px 1fr; gap: 15px; align-items: center; margin-top: 20px; } .da-swiper-main-text h6{ font-size: 18px; font-weight: 600; color: var(--da-white-color); } .da-swiper-main-text p{ color: var(--da-white-color); margin-top: 2px; } .da-quot-img { position: absolute; right: 30px; bottom: 30px; } .da-swiper-main-container{ padding-bottom: 50px; } .da-testimonial-wrapper span.swiper-pagination-bullet{ width: 12px; height: 3px; border-radius: 10px; background-color: #D9D9D9; } .da-testimonial-wrapper span.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: var(--da-primary-color); width: 19px; } /* testimonial css end */ /* partner section css start */ .da-partner-wrapper{ background-color: #FF3FCE; } .da-partner-slider { display: flex; align-items: center; gap: 150px; width: -moz-max-content; width: max-content; flex-wrap: nowrap; animation: scroll 20s forwards linear infinite; padding: 15px 0; } .da-partner-wrapper .da-small-container{ overflow: hidden; } @keyframes scroll { to { transform: translate(calc(-50% - .5rem)) } } .da-partner-slider :hover{ animation-play-state: paused; } .da-partner-slider img{ transition: all 0.3s; } .da-partner-slider img:hover{ transition: all 0.3s; transform: scale(1.2); } /* partner section css end */ /* footer section css start */ .da-footer-wrapper{ background-color: #080B21; } .da-footer-parent{ display: grid; grid-template-columns: 280px 1fr; padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .da-footer-news { display: grid; grid-template-columns: 320px 1fr; align-items: center; gap: 50px; } .da-footer-news h4{ font-size: 26px; font-weight: 700; color: var(--da-white-color); } body.da-main-body .da-footer-news input{ border: 1px solid #FFFFFF1A !important; height:45px; max-width: 340px; width: 100%; background-color: transparent !important; border-radius: 5px !important; padding: 15px 15px !important; color: var(--da-white-color) !important; margin-right: 20px; } .da-contact-form input { border: 1px solid #FFFFFF1A !important; height:45px; width: 100%; background-color: transparent !important; border-radius: 5px !important; padding: 15px 15px !important; color: var(--da-white-color) !important; margin-right: 20px; } .da-contact-form textarea { min-height: 180px; border: 1px solid #FFFFFF1A !important; background-color: transparent !important; color: var(--da-white-color) !important; border-radius: 5px !important; } .da-contact-form .dance_contact_btn body.da-main-body .da-footer-news input:focus, .da-contact-form input:focus, .da-contact-form textarea:focus{ outline: none; box-shadow: none; } .da-footer-news a{ min-height: 45px; } .da-footer-news input::placeholder{ font-size: 14px; color: #424E6C; text-transform: capitalize; } .da-footer-main{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 50px; } .da-footer-first h5 { font-size: 22px; font-weight: 700; color: var(--da-white-color); text-transform:capitalize; } .da-footer-first p { font-size: 16px; font-weight: 400; color: #B8B8B8; margin-top: 15px; } .da-footer-first .da-social{ margin-top: 30px; } .da-ftr-blog-box{ display: grid; grid-template-columns: 70px 1fr; gap: 15px; align-items: center; margin-top: 20px; } .da-ftr-blog-box h6{ font-size: 16px; font-weight: 600; color: var(--da-white-color); } .da-ftr-blog-box p{ margin-top: 7px; font-size: 14px; font-weight: 400; color: #B8B8B8; } .da-fotter-cont{ display: flex; flex-direction: column; margin-top: 20px; gap: 25px; } .da-fotter-cont a{ display: flex; gap: 15px; color: #B8B8B8; font-size: 14px; font-weight: 400; align-items: center; } .da-social { display: flex; gap: 10px; align-items: center; margin-top: 55px; } .da-social li a i { color: var(--da-white-color); transition: all 0.3s ease; } .da-social li a { width: 46px; height: 46px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; cursor: pointer; } .da-social li a:hover { border: 1px solid var(--da-primary-color); } .da-social li a:hover i{ color: var(--da-primary-color); } .da-footer-input { display: flex; gap: 10px; } /* copyright wrapper start */ .da-copyright-wrapper{ background-color: #060818; padding: 14px 20px; } .da-copyright-wrapper p{ text-align: center; font-size: 14px; font-weight: 400; color: var(--da-white-color); } .da-footer-main h5.widget-title{ padding-bottom: 0; } .da-footer-main h5.widget-title:after{ display: none; } .da-contact-form .dance_contact_btn input{ max-width: 180px; width: 100%; margin-right: auto; background-color: var(--da-primary-color) !important; color: var(--da-white-color) !important; } /* copyright wrapper end */ /* footer section css end */ /* new css start */ .da-main-body .dancev4_breadcum { padding: 150px 0 100px; background-repeat: no-repeat; background-size: cover; } .da-main-body .dancev4_heading_middle{ color: var(--da-white-color); } .da-main-body .dancev4_heading_middle h2{ color: var(--da-white-color); } .da-main-body .dancev4_heading_middle a{ color: var(--da-white-color); } .da-main-body .dancev4_heading_middle span{ color: var(--da-text-color); } .da-main-body .dc_innerblog_wrapper{ float: unset; } .da-main-body .dc_innerblog_content h4{ color: var(--da-white-color); } .da-main-body .dc_innerblog_content { color: var(--da-text-color); } .da-main-body .dc_post_meta span a{ color: var(--da-text-color); } .da-main-body .comments-title{ color: var(--da-white-color); } .da-main-body .commenter_name{ color: var(--da-white-color); } .da-main-body .commenter_name a{ color: var(--da-white-color); } .da-main-body .comment-content p{ color: var(--da-text-color); } .da-main-body .comment-reply-link{ color: var(--da-white-color); } .da-main-body .comment-reply-title{ color: var(--da-white-color); } .da-main-body .comment-notes{ color: var(--da-text-color); } .da-main-body .comment-form label{ color: var(--da-text-color); } .da-main-body .comment-form textarea{ border: 1px solid #FFFFFF1A ; background: transparent; color:var(--da-text-color); } .da-main-body .comment-form input{ border: 1px solid #FFFFFF1A ; background: transparent; color:var(--da-text-color); } .da-main-body .comment-form input[type="submit"] { background-color: var(--da-primary-color); color: var(--da-white-color); position: relative; display: inline-flex ; align-items: center; justify-content: center; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; font-size: 16px; color: #fff; background-color: var(--da-primary-color); border-radius: 6px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4sease-in-out; transition: all .4sease-in-out; overflow: hidden; z-index: 1; min-width: 140px; min-height: 45px; font-weight: 600; text-transform: capitalize; padding: 0 30px; background-size: 100% 200%; border: none; box-shadow: none; cursor: pointer; } body.da-main-body p.form-submit { border-radius:6px; } body.da-main-body .comment-reply-title small a{ margin-left:10px; color:var(--da-text-color); } body.da-main-body .comment-reply-title small a:hover{ color:var(--da-primary-color); } .da-main-body .comment-form input[type="submit"]:hover{ background-color: var(--da-white-color); color: var(--da-primary-color) !important; } .da-main-body .dc_post_meta:after, .da-main-body .comments-title:after, .da-main-body .comment-reply-title:after{ background-color: var(--da-primary-color); } .da-overlay-opa{ z-index: 0 !important; } .da-main-body .dc_post_content .dc_blog_heading:hover, .da-main-body .dc_post_content .dc_blog_heading:hover a, .da-main-body .dc_post_content .dc_blog_heading:focus, .da-main-body .dc_post_content .dc_blog_heading:focus a{ color: var(--da-primary-color); } .da-main-body .mailchimp_message{ font-size: 13px; } .da-main-body .dc_blog_sidebar .widget .search-submit, .da-main-bod .search-form .search-submit{ background-color: var(--da-primary-color); } .da-main-body .dc_sidebar_wrapper .widget-title{ color: var(--da-white-color); text-align: left; } .da-main-body nav.woocommerce-breadcrumb a{ color: var(--da-primary-color) !important; } .da-main-body .page-title{ color: var(--da-white-color); } .da-main-body .woocommerce-result-count{ color: var(--da-text-color); } .da-main-body .woocommerce-ordering select.orderby{ background-color: transparent; border: 1px solid #FFFFFF1A ; color: var(--da-white-color); } .da-main-body .woocommerce-ordering select.orderby option{ background-color: #222; } .da-main-body .dc_sidebar_wrapper .widget-title:after{ background-color: var(--da-primary-color); left: 8%; } .da-main-body table a, .da-main-body table a:hover{ color: var(--da-primary-color); } .da-main-body .dc_blog_sidebar .widget .search-field, .da-main-body .search-form .search-field{ background-color: transparent; border: 1px solid #FFFFFF1A ; color: var(--da-white-color); } .da-main-body .wc-block-components-product-metadata__description p { color: var(--da-text-color); } .da-main-body .cart-collaterals .cart_totals h2{ color: var(--da-white-color); } .da-main-body .cart-collaterals .cart_totals h2::after{ background-color: var(--da-primary-color); } .da-main-body .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button{ background-color: var(--da-primary-color); width:100%; } .da-main-body .woocommerce table.cart td.actions .button:hover{ background-color: var(--da-white-color); color: var(--da-primary-color); } .da-main-body .woocommerce table.cart td.actions .input-text{ background-color: transparent; border: 1px solid #FFFFFF1A ; color: var(--da-white-color); height: 31px; } .da-main-body .woocommerce table.cart td.actions .button{ background-color: var(--da-primary-color); } .da-main-body .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover{ background-color: var(--da-white-color); color: var(--da-primary-color); } .da-main-body table td, .da-main-body table th { border: 1px solid #FFFFFF1A; padding: 5px; color: var(--da-text-color); } .da-main-body .quantity .qty{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .woocommerce-billing-fields h3, .da-main-body .woocommerce-additional-fields h3{ color: var(--da-white-color); } .da-main-body .woocommerce form .form-row input.input-text{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .woocommerce select#billing_country{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .select2-container--default .select2-selection--single{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .woocommerce form .form-row .input-text, .da-main-body .woocommerce-page form .form-row .input-text{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .dc_innerblog_wrapper .woocommerce .woocommerce-info{ border-top-color: var(--da-primary-color); } .da-main-body .woocommerce button.button.alt{ background-color: var(--da-primary-color); } .da-main-body .dc_innerblog_wrapper .woocommerce .woocommerce-info:before{ color: var(--da-primary-color); } .da-main-body .woocommerce button.button.alt:hover{ background-color: var(--da-white-color); color: var(--da-primary-color); } body.da-main-body ul.woocommerce-error{ padding: 15px 60px; } .da-main-body img { max-width: 100%; } .da-mor-btn a.button{ overflow: hidden !important; } .ratingy{ color: #fbbb4c; } .da-main-body .dc_product_single .summary.entry-summary h1.product_title.entry-title,.da-main-body .dc_product_single .woocommerce-tabs .panel h2{ color: var(--da-white-color); } .da-main-body .dc_product_single .summary.entry-summary p{ color: var(--da-text-color); } .da-main-body .dc_product_single .summary.entry-summary h1.product_title.entry-title:after, .da-main-body .dc_product_single .woocommerce-tabs .panel h2:after{ background-color: var(--da-primary-color); } .da-main-body .dc_product_single .woocommerce-tabs .panel{ background-color:transparent; border-color: #FFFFFF1A; } .da-main-body .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li.active, .da-main-body .dc_product_single .woocommerce-tabs.wc-tabs-wrapper ul.tabs.wc-tabs li:hover{ background-color: var(--da-primary-color); } .da-main-body .woocommerce-product-rating a:hover{ color: var(--da-primary-color); } .da-main-body .dc_product_single .woocommerce-product-gallery{ border: none; } .da-main-body .product_meta a:hover{ color: var(--da-primary-color); } .da-main-body .dc_product_single span.onsale{ background-color: var(--da-primary-color); } .da-main-body .woocommerce-message a:visited::after, .da-main-body .woocommerce-message a:visited::before{ background-color: var(--da-primary-color); color: var(--da-white-color); } .da-main-body .woocommerce-message{ border-top-color: var(--da-primary-color); outline:none; } .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{ color: var(--da-primary-color); } .da-prodct-text h2 { font-size: 16px; font-weight: 500; color: var(--da-text-color); transition: all 0.3s; max-width: 170px; width: 100%; display: flex; } body.da-main-body ul.pagination{ display:unset; } body.da-main-body ul.pagination li a{ background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); transition:all 0.3s ease; } body.da-main-body ul.pagination li span:hover{ background-color:transparent; } body.da-main-body ul.pagination li a:hover{ background-color:var(--da-primary-color); } body.da-main-body ul.pagination li.active a{ background-color:var(--da-primary-color); } body.da-main-body .dc_innerblog_content .da-btn{ margin-top:10px; } /*.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {*/ /* color: var(--da-primary-color);*/ /*}*/ .woocommerce a.added_to_cart { padding-top: 0; display: inline-block; margin-left: 15px; } .da-produt-image span.onsale{ background-color: var(--da-primary-color); min-width: 50px; border-radius: 5px; padding: 0; display:none; } .da-product-box span.price{ color: var(--da-white-color) !important; margin-bottom: 10px !important; font-size:18px !important; margin-left:10px ; } .da-main-body .da-product-box .star-rating{ margin-left:10px; } .da-main-body .owl-theme .owl-controls .owl-nav [class*=owl-]{ background-color: transparent; border: 1px solid #FFFFFF1A ; } .da-main-body .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{ background-color: var(--da-primary-color); } .da-main-body .dc_product_single .woocommerce-tabs .panel p.form-submit{ background-color: var(--da-primary-color); color: var(--da-white-color) !important; border: 1px solid transparent; } .da-main-body .dc_product_single .woocommerce-tabs .panel p.form-submit:hover{ border: 1px solid var(--da-white-color); background-color: transparent; } .da-main-body .form-submit:before, .da-main-body .form-submit:after{ display: none; } .da-main-body p.stars a:hover{ color: var(--da-primary-color); } .da-main-body .dc_booking_header{ background-color: var(--da-primary-color); } .da-main-body input.dc_sub_mit{ background-color: var(--da-primary-color); } .da-main-body .dc_blog_sidebar .widget ul li a:hover{ color: var(--da-primary-color); } .da-main-body ul.products li.product a.added_to_cart:hover{ color: var(--da-primary-color); } .da-main-body ul.products li.product a.added_to_cart { color: var(--da-text-color); margin-left: 10px; } .da-main-body .logged-in-as a{ color: var(--da-text-color); } .da-main-body .logged-in-as a:hover{ color: var(--da-primary-color); } .da-product-box .da-mor-btn .da-btn{ background-color: var(--da-primary-color); color: var(--da-white-color); line-height: unset; margin-left:10px; } .da-main-body .dc_single_event_wrapper .dc_event_date{ background-color: var(--da-primary-color); } .da-main-body .dc_event_date:after{ background-color: var(--da-white-color); } .da-main-body .dc_single_description .dc_blog_heading:after{ background-color: var(--da-primary-color); } .da-main-body .dc_single_event_wrapper .dc_social_wrapper ul li a{ border-color: var(--da-primary-color); color: var(--da-primary-color); } .da-main-body .dc_single_event_wrapper .dc_social_wrapper ul li a:hover{ color: var(--da-white-color); } .da-main-body .dc_single_event_wrapper .dc_social_wrapper ul li a:after{ background-color: var(--da-primary-color); } .da-main-body .dc_small_heading{ color: var(--da-white-color); } .da-main-body .dc_event_info .dc_small_heading{ background-color: transparent; border-color: #FFFFFF1A ; } .da-main-body .dc_event_info, .da-main-body .dc_event_occurrence{ border-color: #FFFFFF1A ; } .da-main-body .dc_single_content p{ margin-bottom: 5px; } .da-main-body .dc_blog_section{ float: unset; padding: 80px 0; } .da-main-body .dc_innerblog_content h4 a { color: var(--da-white-color); } .da-blog-box a i{ margin-right: 10px; } .da-blog-box a i::before{ margin-left: 0; } .da-main-body a:hover{ color: var(--da-primary-color); } .ds_contact_wrapper .ds_contact_form input[type="text"], .ds_contact_wrapper .ds_contact_form input[type="email"] { height: 35px; line-height: 35px; border-color: #b6b6b6; margin: 15px 0px; width: 100%; } .ds_contact_wrapper .ds_contact_form input[type="submit"] { padding: 0 15px !Important; color: #fff !Important; border: 1px solid #fff !Important; border-radius: 35px !Important; box-shadow: none; font-size: 14px !Important; line-height: 34px !Important; background-color: #ff3131 !Important; cursor: pointer !Important; transition: all 0.7s ease-in-out !Important; -webkit-transition: all 0.7s ease-in-out !Important; -o-transition: all 0.7s ease-in-out !Important; -ms-transition: all 0.7s ease-in-out !Important; -moz-transition: all 0.7s ease-in-out !Important; } .ds_contact_wrapper .ds_contact_form label { width: 100%; } .wpcf7 form.sent .wpcf7-response-output{ color:#46b450; } .wpcf7 form.invalid .wpcf7-response-output{ color:red; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right .ds_sub_heading{ color:#fff; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right >ul{ color:#fff; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right p{ color:#fff; } .da-main-body .dc_innerblog_wrapper{ padding:80px 0; } .da-main-body.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin-right:20px; margin-bottom:0; } .da-main-body .da-product-box{ margin-bottom:20px; } .da-main-body.woocommerce ul.products li.product a img{ border-radius:20px; } .da-main-body .comment-form input[type="submit"]{ color:#fff !important; } .da-main-body div#event_map { width: 100%; min-height: 246px; } .da-main-body .da-footer-first .dc_post_img img{ border-radius:5px; } .da-main-body .dance_contact_btn{ text-align:left; } .da-main-body .dc_blog_sidebar .widget ul li{ color:#999999; } .da-social li a i{ font-size:20px; } .da-main-body .dc_innerblog_wrapper .woocommerce-product-search { position: relative; } .da-main-body .dc_innerblog_wrapper .woocommerce-product-search input{ display: block; width: 100%; height: 35px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; padding-right: 99px; font-weight: 300; outline: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; background-color: transparent; border: 1px solid #FFFFFF1A; color: var(--da-white-color); } .da-main-body .dc_innerblog_wrapper .woocommerce-product-search button{ padding: 5px 20px 5px; font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 500; border-radius: 0; position: relative; border: none; z-index: 1; letter-spacing: 1px; box-shadow: none; background-color: #ff5555; text-shadow: none; position: absolute; top: 0; right: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; background-color:var(--da-primary-color); } .da-main-body .dc_innerblog_wrapper .widget-title{ margin-top:15px; } .da-main-body .dc_innerblog_wrapper .widget-title:after{ background-color:var(--da-primary-color); } .da-main-body.woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 82px; height: auto; box-shadow: none; } .da-main-body.woocommerce ul.product_list_widget li a{ color:#fff; } .da-main-body .product_list_widget ins{ background-color:transparent; color:#fff; } .da-main-body .product_list_widge span.woocommerce-Price-amount.amount { color:#fff; } .da-main-body.woocommerce ul.product_list_widget li{ color:#fff; } .da-main-body .search-form .search-submit{ background-color:var(--da-primary-color); } .da-main-body .page-content p{ color:var(--da-text-color); margin-bottom:15px; } .event_map iframe{ height:320px; } .da-prodct-set { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .da-prodct-set .star-rating{ order:2; } .da-main-body.woocommerce ul.products li.product .star-rating{ font-size:18px; } .da-main-body .da-prodct-set .star-rating:before{ color:#394159; } .da-main-body .da-prodct-set .star-rating span::before { color:#fbbb4c; } .da-prodct-set .price{ order:1; } .da-main-body .star-rating{ margin-bottom:5px; margin-top:3px; } .da-main-body.woocommerce .star-rating::before { color:var(--da-text-color); } .da-main-body .star-rating span::before{ color:#fbbb4c; } .da-main-body .tagcloud a { background-color:transparent; color:#fff; border:1px solid #FFFFFF1A; border-radius:6px; } .da-main-body .tagcloud a:after, .da-main-body .tagcloud a:before{ border:none; background:transparent; border-radius:6px; } .da-main-body .tagcloud a:hover::after, .da-main-body .tagcloud a:hover::before{ background-color:var(--da-primary-color); } .da-main-body .dance_contact_btn input.da-btn{ position: relative; display: inline-flex ; align-items: center; justify-content: center; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; font-size: 16px; color: #fff; background-color: var(--da-primary-color); border-radius: 6px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4sease-in-out; transition: all .4sease-in-out; overflow: hidden; z-index: 1; min-width: 140px; min-height: 45px; font-weight: 600; text-transform: capitalize; padding: 0 30px; background-size: 100% 200%; border: none; box-shadow: none; cursor: pointer; max-width:150px; } .da-main-body .dance_contact_btn input.da-btn:hover{ background-color:#fff !important; color:var(--da-primary-color) !important; } .da-main-body .dc_blog_sidebar .widget ul li a{ display:unset; } .da-main-body .dc_innerblog_wrapper.dc_margin{ margin-top:0; } .da-main-body .wishlist-title h2, .da-main-body .u-columns h2 { color:#fff; margin-bottom:10px; } .da-main-body.woocommerce table.shop_table.wishlist_table tr td, .da-main-body .wishlist_table thead tr th{ background-color:transparent; border-color:#FFFFFF1A ; color:var(--da-text-color); } .da-main-body .woocommerce form.checkout_coupon, .da-main-body .woocommerce form.login, .da-main-body .woocommerce form.register { border: 1px solid #FFFFFF1A; } .da-main-body .woocommerce form .form-row label{ color:var(--da-text-color); } .da-main-body .woocommerce-form input{ padding:8px 10px; } .da-main-body .woocommerce-form a{ color:var(--da-white-color); transition:all 0.3s ease; } .da-main-body .woocommerce-form a:hover{ color:var(--da-primary-color); } .da-main-body .woocommerce-form p{ color:var(--da-white-color); } .da-main-body .woocommerce form .show-password-input::after, .da-main-body .woocommerce-page form .show-password-input::after{ color:#fff; } .da-main-body .yith-wcwl-add-to-wishlist-button{ color:#fff; } .da-main-body .yith-wcwl-add-to-wishlist-button svg{ fill:#fff; } .da-main-body .product_meta a{ color:var(--da-text-color); } .da-main-body .product_meta a:hover{ color:var(--da-primary-color); } .da-main-body .woocommerce form button.da-btn{ overflow:hidden; color:#fff; background-color:var(--da-primary-color); } .da-main-body .woocommerce form button.da-btn:hover{ color:var(--da-primary-color); background-color:var(--da-white-color); } .da-main-body .product-add-to-cart a { color:#fff; line-height:45px; } .da-main-body .product-price ins { background:unset; } .da-main-body .checkout_coupon button.button.da-btn { overflow: hidden; color: #fff; } .da-main-body .checkout_coupon button.button.da-btn:hover{ color:var(--da-primary-color); } .da-main-body .product-add-to-cart a:hover { color:var(--da-primary-color); } .da-main-body .checkout h3{ color:var(--da-white-color); font-size:28px; } .da-main-body a.button.wc-forward.da-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; font-size: 16px; color: #fff; background-color: var(--da-primary-color); border-radius: 6px; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; z-index: 1; min-width: 140px; min-height: 45px; font-weight: 600; text-transform: capitalize; padding: 0 30px; background-size: 100% 200%; border: none; box-shadow: none; cursor: pointer; } .da-main-body a.button.wc-forward.da-btn:before,.da-main-body a.button.wc-forward.da-btn:after{ display:none; } .da-main-body a.button.wc-forward.da-btn:hover{ background-color:var(--da-white-color); color:var(--da-primary-color); } .da-main-body .woocommerce-MyAccount-content p{ color:var(--da-text-color); } .da-main-body .woocommerce-MyAccount-content a{ color:var(--da-white-color); } .da-main-body .woocommerce-MyAccount-content a:hover{ color:var(--da-primary-color); } .da-main-body .woocommerce-MyAccount-navigation ul{ } .da-main-body .woocommerce-MyAccount-navigation ul li a{ background-color:transparent; border:1px solid #FFFFFF1A ; padding: 10px 15px; color:var(--da-white-color); margin-bottom:15px; border-radius:10px; width:100%; display:inline-block; } .da-main-body .woocommerce-MyAccount-navigation ul li.is-active a, .da-main-body .woocommerce-MyAccount-navigation ul li a:hover{ border:1px solid var(--da-primary-color) ; color:var(--da-primary-color) ; } .da-main-body .woocommerce-MyAccount-navigation ul li a{ color:var(--da-white-color); } .da-main-body .woocommerce-MyAccount-navigation ul li:last-child{ margin-bottom:0; } .da-main-body .edit-account legend{ color:var(--da-white-color); } .da-main-body .edit-account input{ padding:10px 15px; } .da-main-body .woocommerce-MyAccount-content .u-columns{ display:flex; flex-direction:column; gap:20px; } .da-main-body .woocommerce-MyAccount-content address{ color:var(--da-text-color) } .da-main-body.related h3{ color:#fff; } /* new css end */ /* responsive css start */ @media screen and (max-width: 1499px) and (min-width: 991px){ .da-main-body.woocommerce ul.products.columns-3 li.product, .da-main-body.woocommerce-page ul.products.columns-3 li.product { width:29%; } } @media(min-width:1199px){ .da-header-one ul >li:hover>ul.sub-menu { opacity: 1; visibility: visible; transform: translate(0px, 0px); } } @media(max-width:991px){ /* responsive toggle css start */ .da-main-body.woocommerce ul.products.columns-3 li.product, .da-main-body.woocommerce-page ul.products.columns-3 li.product { width:46%; } .da-menu-btn span { display: block; width: 28px; height: 2px; margin-bottom: 4px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background-color: #fff; } .da-menu-btn span:nth-child(2) { width: 17px; } .menu-btn:hover span:nth-child(2) { width: 18px; } .menu-open .da-menu-btn span:nth-child(1) { transform: translate(1px, 6px) rotate(-48deg); } .menu-open .da-menu-btn span:nth-child(2) { opacity: 0; visibility: hidden; } .menu-open .da-menu-btn span:nth-child(3) { transform: translate(1px, -6px) rotate(48deg); } ul.da-menu { width: 250px; position: fixed; left: -300px; top: 0; background-color: #000; height: 100vh; z-index: 111; transition: all 0.5s; flex-direction: column; gap: 0; align-items: baseline; justify-content: unset; padding: 20px 20px; } ul.da-menu li { width: 100%; padding: 20px 0px; } .menu-open .da-sidebar-overlay { opacity: 1; visibility: visible; } .menu-open ul.da-menu { left: 0; } .da-bhh-toggle { position: absolute; right: 15px; top: 15px; } .da-bhh-toggle { position: absolute; right: 15px; top: 20px; } .da-header-one { float: unset; padding: 0; position: unset; left: unset; height: 100%; top: 0; margin: 0; max-width: unset; background:unset; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; z-index: 999; overflow: unset; } .da-header-one ul >li >a{ color: #fff; display: flex; justify-content: space-between; } .da-social{ justify-content: center; } .da-footer-parent { grid-template-columns: 1fr; gap: 20px; } .da-register-box h3 { font-size: 26px; } .da-event-main-box{ max-height: 550px; } .da-about-text{ margin-top: 15px; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right .ds_sub_heading{ color:#ff3131; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right >ul{ color:unset; } .ds_classes_wrapper .ds_classes_section .ds_classes_detail.text-right p{ color:unset; } .da-prodct-text { flex-wrap:wrap; } ul.da-menu >li >a:hover::before{ right:unset; } .da-register-box h3{ max-width:500px; } .da-main-body p.da-event-price { font-size:16px; } .da-event-last-text p{ font-size:14px; } .da-main-body .dc_blog_sidebar{ margin-top:20px; } .da-main-body.woocommerce ul.product_list_widget li{ display:flex; flex-direction:column; } } @media(max-width:767px){ .mt-30{ margin-top:30px; } .da-register-box h3 { font-size: 20px; } .da-team-box { margin-top: 70px; text-align: center; } .da-team-wrapper .da-heading-para{ margin-bottom: 0; } .da-blog-box{ margin-top: 30px; } .da-blog-wrapper .da-heading-para{ margin-bottom: 20px; } .da-product-box { max-width: 380px; width: 100%; margin: 0 auto; margin-top: 30px; } .da-product-wrapper .row{ justify-content:center; } .da-product-wrapper .col-lg-4.col-md-4.col-sm-6.col-12.mt-30{ margin-top: 0; } .da-product-wrapper .da-heading-para{ margin-bottom: 20px; } .da-event-main-box{ margin-top: 30px; } .da-event-wrapper .da-heading-para{ margin-bottom: 20px; } .da-footer-news{ grid-template-columns: 1fr; } .da-footer-parent img { text-align: center; max-width: 150px; margin: 0 auto 15px; } .da-footer-news h4 { text-align: center; } .da-footer-input{ justify-content: center; } .da-section{ padding: 50px 0; } .da-nav-tabs{ border-radius: 20px; margin-bottom: 30px; } .da-tab-content { border-radius: 30px; background-position: center; } .da-event-main-box{ max-height: 570px; } .da-gallery-wrapper .grid-item{ width: 50%; } body.da-main-body ul.da-nav-tabs{ border-radius:20px; margin-bottom:20px; } .da-main-body .dc_booking_form{ margin-bottom:20px; } .da-register-box h3{ max-width:300px; } .ds_banner .ds_banner_heading{ padding-top:0 !important; } } @media(max-width:575px){ .da-social li.da-social-line { width: 20px; } .da-register-box h3{ text-align: center; } .da-register-box{ justify-content: center; flex-direction: column; gap: 20px; } .da-footer-news h4 { font-size: 22px; text-align: center; } .da-footer-news{ grid-template-columns: 1fr; gap: 20px; } .da-footer-parent img { text-align: center; max-width: 150px; margin: 0 auto 15px; } .da-footer-input { justify-content: center; flex-direction: column; margin: 0 auto; width: 100%; max-width: 340px; } .da-blog-box{ max-width: 360px; width: 100%; margin: 30px auto 0; } .da-gallery-first{ flex-wrap: wrap; } .da-footer-news a { min-height: 45px; max-width: 340px; width: 100%; } .da-footer-news input{ margin-right: 0; } .da-footer-main { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) } .da-small-container{ padding: 0 20px; } .da-swiper-main { max-width: 460px; width: 100%; padding: 15px 15px; } .da-swiper-main { font-size: 14px; } .da-swiper-main-text h6 { font-size: 15px; } .da-swiper-main-text p{ font-size: 13px; } .da-heading-para { font-size: 14px; } .da-heading h3{ font-size: 20px; } .da-school-wrapper .row{ --bs-gutter-x:0; } .da-about-wrapper .container{ padding: 0 20px; } .da-event-last-text p { font-size: 13px; } .da-event-text h6 { font-size: 14px; } .da-event-text h5 { font-size: 14px; } .da-date-box span { font-size: 18px; } .da-date-box h5{ font-size: 24px; } .da-social{ justify-content: start; } .da-gallery-wrapper .da-grid-item{ width: 100%; } .da-gallery-wrapper .da-grid-item.grid_50{ width:100%; } .da-register-box h3{ max-width:260px; } body.da-main-body .da-heading-para{ margin-bottom:30px; } .da-main-body.woocommerce ul.products.columns-3 li.product, .da-main-body.woocommerce-page ul.products.columns-3 li.product{ width:100%; margin-right:auto; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{ width:100%; } .da-main-body .container{ overflow:hidden; } } .btn-custom-cls{ position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; vertical-align: middle !important; -webkit-appearance: none !important; appearance: none !important; outline: none !important; font-size: 16px !important; color: #fff !important; background-color: var(--da-primary-color) !important; border-radius: 6px !important; moz-transition: all .4s ease-in-out !important; -o-transition: all .4s ease-in-out !important; -webkit-transition: all .4s ease-in-out !important; transition: all .4s ease-in-out !important; overflow: hidden !important; z-index: 1 !important; min-width: 140px !important; min-height: 45px !important; font-weight: 600 !important; text-transform: capitalize !important; padding: 0 30px !important; background-size: 100% 200% !important; border: none !important; box-shadow: none !important; } .btn-custom-cls::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: rgba(18,18,18, .10) !important; z-index: -1 !important; } .revslider-active .fa-facebook-f:before { content: "\f39e"; }