/*---------------------------------------------------- Table of Content: 01/ variables 02/ predefin 03/ header 04/ button 05/ slider 06/ event 07/ services 08/ fitness-course 09/ about 10/ customers 11/ latest-news 12/ contact 13/ banner 14/ gallery 15/ coaches 16/ search 17/ chooseus 18/ blog 19/ product 20/ billing-details 21/ nutrition 22/ footer 23/ responsive =====================================================================*/ /*----------------------------------------------------*/ /*font Variables*/ /*Color Variables*/ @import url("https://fonts.googleapis.com/css?family=Kaushan+Script|Lato:300,400,700,900|Montserrat:300,400,500,600,700|Poppins:300,400,500,600,700"); /*---------------------------------------------------- */ /*Prefix Styles*/ h1 { display: none; } .navig-bar { color: #070707; } .serena-storia { color: #070707; width: 190px; } .log-in { color: #CC9933; width: 120px; } .link { color: #00cc99; } .link:hover, .link:focus { color: #CC9933; } .home_link_basi { text-decoration: underline; color: #FFFFFF; } .home_link_basi:hover, .home_link_basi:focus { color: #CC9933; text-decoration: underline; } body { font-family: "Lato", sans-serif; /*Section Fix*/ /*Ancore*/ } body h1, body h2, body h3, body h4, body h5, body h6 { margin: 0; } body p { font: 400 17px/26px "Poppins", sans-serif; letter-spacing: 0.2px; color: #797979; margin: 0; } body ul { margin: 0; padding: 0; } body ul li { list-style: none; } body section.row, body header.row, body footer.row { margin: 0; } body #success { display: none; } body #error { display: none; } body iframe { border: none; } body i:before { margin-left: 0px !important; } body a, body .btn, body button { outline: none; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } body a:before, body a:after, body .btn:before, body .btn:after, body button:before, body button:after { -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } body a:focus, body a:hover, body .btn:focus, body .btn:hover, body button:focus, body button:hover { outline: none; text-decoration: none; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .row.m0 { margin: 0px; } /* Main title css ============================================================================================ */ .center_tittle { padding-top: 88px; text-align: center; } .center_tittle h2 { font: 600 32px "SansSerif, Calibri"; color: #242424; } .center_tittle h2 a{ font: 600 32px "SansSerif, Calibri"; color: #242424; } .center_tittle p { color: #797979; padding-top: 10px; line-height: 28px; font-weight: 400; font-size: 22px; font-family: "SansSerif, Calibri"; max-width: 980px; margin: 0 auto; } .center_tittle h6 { font: 400 20px/26px "SansSerif, Calibri"; color: #797979; padding-bottom: 20px; position: relative; } .center_tittle h6:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-color: #CC9933; height: 2px; width: 40px; margin: 0 auto; } .left_tittle { padding-top: 90px; margin-bottom: 50px; } .left_tittle h2 { font: 600 32px "SansSerif, Calibri"; color: #242424; display: inline-block; position: relative; } .left_tittle h2 a{ font: 600 32px "SansSerif, Calibri"; color: #242424; display: inline-block; position: relative; } .left_tittle h2:after { content: ""; position: absolute; top: 31px; right: -58px; background: #CC9933; height: 2px; width: 40px; } .left_tittle h2 a:after { content: ""; position: absolute; top: 31px; right: -58px; background: #CC9933; height: 2px; width: 40px; } .left_tittle p { color: #797979; padding-top: 10px; line-height: 28px; font-weight: bold; font-size: 19px; font-family: "SansSerif, Calibri"; letter-spacing: 0.2px; } /* Main title css ============================================================================================ */ /*---------------------------------------------------- */ img { opacity: 1; transition: opacity 0.2s; } img[data-src] { opacity: 0; } /* Header Area ============================== */ .main_header_area { width: 100%; z-index: 999; position: absolute; border-bottom: 1px solid rgba(255, 255, 255, 0.078); background-color: #FFFFFF; } .main_header_area .header_top { display: block; overflow: hidden; } .main_header_area .header_top .header_top_inner { padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.149); } .main_header_area .header_top .header_top_inner a { color: #beeb53; padding-right: 30px; font: 400 15px/1 "Poppins", sans-serif; } .main_header_area .header_top .header_top_inner a i { color: #9ac339; font-size: 15px; padding-right: 10px; } .main_header_area .header_top .header_top_inner a:hover, .main_header_area .header_top .header_top_inner a:focus { color: #fff; } .main_header_area .header_top .header_top_inner a:hover i, .main_header_area .header_top .header_top_inner a:focus i { color: #fff; } .flat_icon li { display: inline-block; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; } .main_header_area .header_top .header_social li { display: inline-block; } .main_header_area .header_top .header_social li a { padding: 0; color: #9ac339; font-size: 16px; padding-left: 18px; } .main_header_area .header_top .header_social li a i { padding: 0; } .main_header_area .navbar_fixed { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.078); -webkit-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); -webkit-transition: background 500ms ease, -webkit-transform 500ms ease; transition: background 500ms ease, -webkit-transform 500ms ease; -o-transition: transform 500ms ease, background 500ms ease; transition: transform 500ms ease, background 500ms ease; transition: transform 500ms ease, background 500ms ease, -webkit-transform 500ms ease; -webkit-transition: transform 500ms ease, background 500ms ease; -webkit-backface-visibility: hidden; } .main_header_area .navbar_fixed .navbar .navbar-brand img { display: none; } .main_header_area .navbar_fixed .navbar .navbar-brand img + img { display: inline-block; } .main_header_area .navbar_fixed .navbar #navbar_supported ul li a { line-height: 60px; } .main_header_area .navbar_fixed .navbar #navbar_supported ul li a:before { bottom: 15px; } .main_header_area .navbar_fixed .navbar #navbar_supported ul li.dropdown .dropdown-menu a { line-height: 45px; } .navbar.navbar-expand-lg { padding: 0; } .navbar.navbar-expand-lg .navbar-brand { margin: 0; padding: 0; margin-top: -4px; } .navbar.navbar-expand-lg .navbar-brand img { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .navbar.navbar-expand-lg .navbar-brand img + img { display: none; } .navbar.navbar-expand-lg .navbar-nav li a { padding: 0; margin-right: 30px; line-height: 85px; font-weight: 500; font-size: 17px; font-family: "Poppins", sans-serif; position: relative; } .navbar.navbar-expand-lg .navbar-nav li a:hover, .navbar.navbar-expand-lg .navbar-nav li a:focus, .navbar.navbar-expand-lg .navbar-nav li a.active { color: #00cc99; } .navbar.navbar-expand-lg .navbar-nav li a:hover:before, .navbar.navbar-expand-lg .navbar-nav li a:focus:before, .navbar.navbar-expand-lg .navbar-nav li a.active:before { width: 40px; } .navbar.navbar-expand-lg .navbar-nav li a:before { content: ""; position: absolute; bottom: 25px; left: 0; background: #00cc99; height: 1px; width: 0px; } .navbar.navbar-expand-lg .navbar-nav li a:after { display: none; } .navbar.navbar-expand-lg .navbar-nav li a.end_menu { margin-right: 0; } .navbar.navbar-expand-lg .navbar-nav li:last-child a { margin-right: 0px; } .navbar.navbar-expand-lg .navbar-nav li.dropdown { position: relative; } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu { margin: 0; padding: 15px 0; border-radius: 0; /* Sub dropdown */ } @media (min-width: 991px) { .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu { position: absolute; top: 100%; left: -40px; min-width: 230px; background-color: #fff; opacity: 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu.services_d { min-width: 250px; } } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu a { padding: 0; background-color: transparent; font: 400 16px/45px "Poppins", sans-serif; color: #00cc99; margin-right: 0px; } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu a:before { display: none; } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu a:hover, .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu a:focus { color: #CC9933; } .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu > .dropdown .dropdown-menu { display: block; } @media (min-width: 991px) { .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu > .dropdown .dropdown-menu { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; position: absolute; left: 100%; right: auto; width: auto; top: -2px; } } @media (min-width: 991px) { .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu > .dropdown:hover .dropdown-menu, .navbar.navbar-expand-lg .navbar-nav li.dropdown .dropdown-menu > .dropdown:focus .dropdown-menu { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } } @media (min-width: 991px) { .navbar.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu, .navbar.navbar-expand-lg .navbar-nav li.dropdown:focus .dropdown-menu { left: 0px; visibility: visible; opacity: 1; } } .search_dropdown { padding-top: 10px; max-width: 300px; margin-left: -15px; } .dropdown { padding-top: 10px; } .dropdown_gallery { padding-top: 10px; margin-right: 20px; } .navbar.navbar-expand-lg .navbar-nav .search_dropdown { max-width: 300px; position: relative; left: -12px; } .navbar.navbar-expand-lg .navbar-nav .search_dropdown a { position: relative; } .navbar.navbar-expand-lg .navbar-nav .search_dropdown a:before { display: none; } .navbar.navbar-expand-lg .navbar-nav .search_dropdown a:after { content: ""; width: 1px; height: 18px; position: absolute; left: 0; background: rgba(255, 255, 255, 0.341); top: 3px; display: block; } /* End Header Area ============================== */ /* Index-2 Header Area ============================== */ .main_header_2 { border: 0; top: 0; } .main_header_2 .header_top { background: #fff; } .main_header_2 .header_top .header_top_inner { border: 0; } .main_header_2 .header_top .header_top_inner a, .main_header_2 .header_top .header_top_inner a i { color: #070707; } .main_header_2 .header_top .header_top_inner a:hover, .main_header_2 .header_top .header_top_inner a:focus, .main_header_2 .header_top .header_top_inner a i:hover, .main_header_2 .header_top .header_top_inner a i:focus { color: #CC9933; } .main_header_2 .header_top .header_top_inner a:hover i, .main_header_2 .header_top .header_top_inner a:focus i, .main_header_2 .header_top .header_top_inner a i:hover i, .main_header_2 .header_top .header_top_inner a i:focus i { color: #CC9933; } .main_header_2 .header_menu { background: #fff; } /*---------------------------------------------------- */ /* Main Button css ============================================================================================ */ .get_btn { font: 600 18px/52px "SansSerif, Calibri"; color: #fff; width: 225px; display: block; background: #00cc99; text-align: center; padding: 0; border-bottom-right-radius: 30px; border-top-left-radius: 30px; } .get_btn:hover, .get_btn:focus { color: #00cc99; background: #fff; } .get_btn_Vai_alla_mia_storia { font: 600 18px/52px "SansSerif, Calibri"; color: #fff; width: 180px; display: block; background: #00cc99; text-align: center; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border: thin solid #fff; float: right; } .get_btn_Vai_alla_mia_storia:hover, .get_btn_Vai_alla_mia_storia:focus { color: #00cc99; background: #fff; } .find_btn_blog { line-height: 48px; font-weight: 500; font-size: 25px; font-family: "SansSerif, Calibri"; color: #00cc99; text-align: center; width: 150px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border: 1px solid #00cc99; background-color: transparent; cursor: pointer; padding: 0; display: inline-block; margin-left: 10px; margin-top: 20px; } .find_btn_blog:hover, .find_btn_blog:focus { color: #fff; background: #00cc99; border: 1px solid #00cc99; } .find_btn { line-height: 48px; font-weight: 600; font-size: 25px; font-family: "SansSerif, Calibri"; color: #242424; text-align: center; width: 150px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border: 2px solid #585858; background-color: transparent; cursor: pointer; padding: 0; display: inline-block; } .find_btn:hover, .find_btn:focus { color: #fff; background: #00cc99; border: 2px solid #00cc99; } .find_btn_footer { line-height: 48px; font-weight: 600; font-size: 25px; font-family: "SansSerif, Calibri"; color: #fff; text-align: center; width: 150px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border: 2px solid #585858; cursor: pointer; display: inline-block; background-color: #CC9933; float: right; position: static; margin-bottom: 20px; } .find_btn_footer:hover, .find_btn_footer:focus { color: #fff; background: #00cc99; border: 2px solid #00cc99; } .facebook_testimonials_btn { line-height: 48px; font-weight: 600; font-size: 25px; font-family: "SansSerif, Calibri"; text-align: center; width: 270px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; cursor: pointer; border: 2px solid #CC9933; background-color: #CC9933; border-color: #CC9933; } .facebook_testimonials_btn:hover, .facebook_testimonials_btn:focus { background: #00cc99; border-color: #00cc99; } .tutti_i_video_btn { line-height: 48px; font-weight: 600; font-size: 25px; font-family: "SansSerif, Calibri"; text-align: center; width: 200px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; cursor: pointer; border: 2px solid #CC9933; background-color: #CC9933; border-color: #CC9933; margin-top: 50px; } .tutti_i_video_btn:hover, .tutti_i_video_btn:focus { background: #00cc99; border-color: #00cc99; } /* Main Button css ============================================================================================ */ /*---------------------------------------------------- */ /* Main Slider Area css ============================================================================================ */ .main_slider_area { position: relative; } .main_slider_area ul li .slider_text_box .first_text { color: #fff; font-family: ""; overflow: hidden; font: italic 40px/1 "Kaushan Script", cursive; } .main_slider_area ul li .slider_text_box .first_text span { color: #CC9933; } .main_slider_area ul li .slider_text_box .first_text .juliet { color: #CC9933; } .main_slider_area ul li .slider_text_box .secand_text { color: #fff; font-family: "SansSerif", "Calibri"; font-weight: 100 !important; } .main_slider_area ul li .slider_text_box .third_text { color: #fff; font-family: "SansSerif", "Calibri"; letter-spacing: 0.30px !important; } .main_slider_area ul li .slider_text_box .slider_button .slider_btn { font: 600 18px/52px "SansSerif", "Calibri" !important; color: #CC9933; text-align: center !important; border-bottom-right-radius: 30px; border-top-left-radius: 30px; width: 150px; display: block; -webkit-transition: all 300ms linear 0s !important; -o-transition: all 300ms linear 0s !important; transition: all 300ms linear 0s !important; background-color: #FFFFFF; } .main_slider_area ul li .slider_text_box .slider_button .slider_btn:hover, .main_slider_area ul li .slider_text_box .slider_button .slider_btn:focus { background-color: #00cc99; color: #FFFFFF; } .main_slider_area .tp-leftarrow, .main_slider_area .tp-rightarrow { z-index: 20 !important; } .main_slider_two { margin-top: 110px; } .main_slider_two .zeus.tparrows { top: 51.5% !important; } /* End Main Slider Area css ============================================================================================ */ /*---------------------------------------------------- */ /* Harmònia Workout ========================== */ .fitness_course_area { display: block; overflow: hidden; background-repeat: no-repeat; background-position: center 0; background-image: url(../images/Fitness_course_area/Fitness_course_area.svg); background-attachment: fixed; background-size: cover; position: relative; z-index: 1; padding: 95px 0 80px; } .fitness_course_area .fitness_course_row h2 { font: italic 40px/1 "Kaushan Script", cursive; color: #fff; display: inline-block; position: relative; } .fitness_course_area .fitness_course_row h2:after { content: ""; position: absolute; top: 31px; right: -58px; background: #CC9933; height: 2px; width: 40px; } .fitness_course_area .fitness_course_row p { font: 400 italic 22px/32px "SansSerif, Calibri"; color: #fff; max-width: 660px; display: block; padding-top: 22px; padding-right: 0; padding-left: 0; } .fitness_course_area .fitness_course_row_2 { font: 400 italic 22px/32px "SansSerif, Calibri"; color: #fff; max-width: 660px; display: block; padding-right: 0; padding-left: 0; } .fitness_course_area .fitness_course_row_3 { font: 400 italic 22px/32px "SansSerif, Calibri"; color: #fff; max-width: 660px; display: block; padding-right: 0; padding-left: 0; padding-bottom: 27px; } /* Serena e la sua storia Home ========================== */ .juliet_health_coach { background-size: cover; display: block; overflow: hidden; padding: 100px 0; background-image: url(../images/Serena_e_la_sua_storia_images/Presentazione_Harm%C3%B2nia_serena-bollino_pilates.jpg); } .juliet_health_coach .juliet_health_coach_inner .juliet_health { background: #00cc99; padding: 53px; } .juliet_health_coach .juliet_health_coach_inner .juliet_health h2 { color: #fff; line-height: 1; font-weight: 600; font-size: 32px; font-family: "SansSerif, Calibri"; } .juliet_health_coach .juliet_health_coach_inner .juliet_health h6 { line-height: 28px; font-weight: 300; font-size: 23px; font-family: "SansSerif, Calibri"; color: #fff; padding-top: 15px; letter-spacing: 0.50px; } .juliet_health_coach .juliet_health_coach_inner .juliet_health p { line-height: 28px; font-weight: 400; font-size: 20px; font-family: "SansSerif, Calibri"; color: #fff; padding: 28px 0; letter-spacing: 0.50px; } .juliet_health_coach .juliet_health_coach_inner .juliet_health img { width: 20%; } /* About Us Pages css ================================= */ .best_fitness_area { padding: 100px 0 80px; display: block; overflow: hidden; } .best_fitness_area .best_fitness_row .fitness_img { width: 300px; height: 380px; position: relative; background-color: #fff; } .best_fitness_area .best_fitness_row .fitness_img img { max-width: 100%; position: absolute; top: 20px; left: 20px; } .best_fitness_area .best_fitness_row .fitness_img .fitness_shadow { } .best_fitness_area .best_fitness_row .fitness_content h2 { font: 600 32px/1 "SansSerif, Calibri"; color: #070707; } .best_fitness_area .best_fitness_row .fitness_content h2 { margin-top: -10px; } .best_fitness_area .best_fitness_row .fitness_content h3 { font: 600 17px/1 "SansSerif, Calibri"; color: #101b1b; display: inline-block; position: relative; letter-spacing: 0.20px; padding-bottom: 20px; } .best_fitness_area .best_fitness_row .fitness_content h3:after { content: ""; position: absolute; top: 12px; right: -60px; background: #101b1b; height: 2px; width: 40px; } .storia_serena p { color: #797979; padding-top: 10px; line-height: 28px; font-weight: bold; font-size: 19px; font-family: "SansSerif, Calibri"; letter-spacing: 0.2px; } .best_fitness_area .best_fitness_row .fitness_content .secent_p { padding: 25px 0 30px; } .best_fitness_area .best_fitness_row .fitness_content .blog_link { color: #00cc99; } .best_fitness_area .best_fitness_row .fitness_content .blog_link:hover, .best_fitness_area .best_fitness_row .fitness_content .blog_link:focus { color: #CC9933; } .best_fitness_area .best_fitness_row .fitness_content .get_btn { margin-bottom: 20px; } .best_fitness_area .best_fitness_row .fitness_content .get_btn:hover, .best_fitness_area .best_fitness_row .fitness_content .get_btn:focus { background: #797979; color: #fff; } .best_fitness_area .best_fitness_row .fitness_content .fitness_list { padding-top: 20px; padding-left: 32px; } .best_fitness_area .best_fitness_row .fitness_content .fitness_list li { font: 400 17px/40px "Lato", sans-serif; position: relative; color: #797979; } .best_fitness_area .best_fitness_row .fitness_content .fitness_list li img { position: absolute; left: -32px; top: 12px; } .best_fitness_area .best_fitness_row .misssion_content { padding-top: 20px; } .best_fitness_area .best_fitness_row .misssion_content h2 { padding-bottom: 8px; } .best_fitness_area .best_fitness_row .misssion_content p { line-height: 28px; letter-spacing: -0.8px; padding-bottom: 25px; } .best_fitness_area .best_fitness_row .misssion_img { padding-top: 120px; } .best_fitness_area .best_fitness_row .misssion_img img { max-width: 100%; } /* Serena e la sua storia Awards Area css ================================= */ .awards_area { background: #f0f0f0; padding-bottom: 70px; } .awards_area .left_tittle h2 { color: #CC9933; } .awards_area .awards_inner { padding-top: 35px; } .awards_area .awards_inner .awards { margin-bottom: 30px; } .awards_area .awards_inner .awards img { max-width: 100%; } /* Testimonials area css =================================*/ .customers_says { display: block; overflow: hidden; background: #f0f0f0; padding-bottom: 120px; } .customers_says .left_tittle h2 a:hover, .customers_says .left_tittle h2 a:focus { color: #CC9933; } .customers_says .customers_says_row { padding-top: 40px; } .customers_says .customers_says_row .says_carousel .item .media, .customers_says .customers_says_row .says_not_carousel .item .media { cursor: e-resize; margin-bottom: 0; } .carousel_testimonials .carousel-item { background-color: #FFFFFF; border-radius: 3px; -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05); padding: 37px 30px; margin-bottom: 80px; margin-right: auto; margin-left: auto; } .carousel_testimonials .carousel-item a h4 { font: 600 22px/1 "SansSerif, Calibri"; margin-bottom: 20px; color: #242424; margin-top: 30px; text-align: right; margin-right: 50px; } .carousel_testimonials .carousel-item a p { font: 600 22px/26px "SansSerif, Calibri"; color: #797979; letter-spacing: 1.1px; } .carousel_testimonials .carousel-indicators li { background-color: #fff; } .carousel_testimonials .carousel-indicators .active { background-color: #CC9933; } .customers_says .customers_says_row .says_carousel .media, .customers_says .customers_says_row .says_not_carousel .media { border-radius: 3px; background-color: white; -webkit-box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.05); padding: 37px 30px; margin-bottom: 50px; } .customers_says .customers_says_row .says_carousel .media .client_img, .customers_says .customers_says_row .says_not_carousel .media .client_img { position: relative; } .customers_says .customers_says_row .says_carousel .media .client_img:after, .customers_says .customers_says_row .says_not_carousel .media .client_img:after { content: ""; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 24px; height: 2px; background: #dddddd; } .customers_says .customers_says_row .says_carousel .media:hover .client_img:after, .customers_says .customers_says_row .says_carousel .media:focus .client_img:after, .customers_says .customers_says_row .says_not_carousel .media:hover .client_img:after, .customers_says .customers_says_row .says_not_carousel .media:focus .client_img:after { background: #CC9933; } .customers_says .customers_says_row .says_carousel .media .media-body, .customers_says .customers_says_row .says_not_carousel .media .media-body { margin-left: 30px; } .customers_says .customers_says_row .says_carousel .media .media-body a, .customers_says .customers_says_row .says_not_carousel .media .media-body a { font: 600 22px/1 "SansSerif, Calibri"; color: #242424; float: right; } .customers_says .customers_says_row .says_carousel .media .media-body a:hover, .customers_says .customers_says_row .says_carousel .media .media-body a:focus, .customers_says .customers_says_row .says_not_carousel .media .media-body a:hover, .customers_says .customers_says_row .says_not_carousel .media .media-body a:focus { color: #CC9933; } .customers_says .customers_says_row .says_carousel .media .media-body h4, .customers_says .customers_says_row .says_not_carousel .media .media-body h4 { font: 400 italic 18px/28px "SansSerif, Calibri"; color: #CC9933; padding: 8px 0 12px; } .customers_says .customers_says_row .says_carousel .media .media-body p, .customers_says .customers_says_row .says_not_carousel .media .media-body p { font: 400 17px/26px "SansSerif, Calibri"; color: #797979; letter-spacing: 1.1px; margin-bottom: 20px; } /* Novità da blo area css ============================================================================================ */ .latest_news_area { display: block; overflow: hidden; background: #fff; padding-bottom: 70px; } .latest_news_area .left_tittle h2 a:hover, .latest_news_area .left_tittle h2 a:focus { color: #CC9933; } .latest_news_area .latest_news_row { padding-top: 25px; } .latest_news_area .latest_news_row .latest_news { margin-bottom: 28px; } .latest_news_area .latest_news_row .latest_news .news_img { position: relative; overflow: hidden; z-index: 1; } .latest_news_area .latest_news_row .latest_news .news_img:before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #000; z-index: -1; opacity: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .latest_news_area .latest_news_row .latest_news .news_img a { display: block; } .latest_news_area .latest_news_row .latest_news .news_img span { position: absolute; left: 0; bottom: 0; font: 600 17px/40px "SansSerif, Calibri"; color: #fff; background: #CC9933; padding: 0 15px; } .latest_news_area .latest_news_row .latest_news .news_img img { max-width: 100%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; z-index: -5; position: relative; } .latest_news_area .latest_news_row .latest_news .news_heding { font: 600 20px/28px "SansSerif, Calibri"; color: #242424; display: block; margin: 32px 0 10px; } .latest_news_area .latest_news_row .latest_news .news_heding:hover, .latest_news_area .latest_news_row .latest_news .news_heding:focus { color: #CC9933; } .latest_news_area .latest_news_row .latest_news p { font: 400 17px/28px "SansSerif, Calibri"; padding-bottom: 17px; } .latest_news_area .latest_news_row .latest_news .read_mor { font: 600 16px/28px "SansSerif, Calibri"; color: #CC9933; position: relative; } .latest_news_area .latest_news_row .latest_news .read_mor:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #CC9933; } .latest_news_area .latest_news_row .latest_news .read_mor:hover, .latest_news_area .latest_news_row .latest_news .read_mor:focus { color: #242424; } .latest_news_area .latest_news_row .latest_news .read_mor:hover:after, .latest_news_area .latest_news_row .latest_news .read_mor:focus:after { border-color: #797979; } .latest_news_area .latest_news_row .latest_news:hover .news_img:before { opacity: 0.6; } .latest_news_area .latest_news_row .latest_news:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Contact Area css ================================= */ .contact_area { display: block; overflow: hidden; } .contact_area .left_contact { width: calc(50% + 115px); float: left; background-color: #E0C692; } .contact_area .right_contact { width: calc(50% - 115px); float: right; } .contact_area .contact_from_area { max-width: 600px; margin-right: 100px; margin-left: auto; padding-top: 65px; padding-bottom: 10px; } .contact_area .contact_from_area .from_main .form-group { margin-bottom: 43px; } .contact_area .contact_from_area .from_main .form-group .form-control { border: 0; border-bottom: 1px solid #f3f2f6; font: 600 16px/25px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.7); padding: 0; -webkit-box-shadow: none; box-shadow: none; resize: none; padding-bottom: 18px; border-radius: 0; height: auto; } .contact_area .contact_from_area .from_main .form-group.has-error .form-control { border-color: red; } .contact_area .contact_from_area .from_main .form-group textarea.form-control { height: 145px; margin-bottom: 5px; } .contact_area .request_area { max-width: 845px; } .contact_area .request_area .request { position: relative; } .contact_area .request_area .request .request_content { position: absolute; bottom: 85px; left: 0; background: #00cc99; padding: 15px 45px 22px; } .contact_area .request_area .request .request_content h2 { font: 700 35px/42px "Montserrat", sans-serif; color: #fff; } .contact_area .request_area .request .request_content h2 span { color: #242424; display: block; overflow: hidden; } .contact_area .request_area .request .request_content p { font: 600 20px/28px "Poppins", sans-serif; color: #fff; letter-spacing: 0.5px; max-width: 524px; padding-top: 7px; } /* contact_area_2 Are ======================================= */ .contact_area_2 { background-color: #E0C692; } .contact_area_2 .request_area .request .request_content { padding-left: 48px; left: -20px; } .contact_area_2 .contact_from_area .from_main .form-group .form-control { background-color: transparent; border-color: #fff; color: #fff; } .contact_area_2 .contact_from_area .from_main .form-group .form-control.placeholder { color: #fff; } .contact_area_2 .contact_from_area .from_main .form-group .form-control:-moz-placeholder { color: #fff; } .contact_area_2 .contact_from_area .from_main .form-group .form-control::-moz-placeholder { color: #fff; } .contact_area_2 .contact_from_area .from_main .form-group .form-control::-webkit-input-placeholder { color: #fff; } .contact_area_2 .contact_from_area .from_main .form-group .find_btn { color: #fff; border-color: #fff; } /* Banner Area ================================ */ .banner_area_blog { background: url("../images/Blog_images/Blog_images.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_blog h2 { font: 300 55px/1 "Kaushan Script", cursive; color: #fff; position: relative; bottom: auto; top: 30px; } .banner_area_photo_gallery { background: url("../images/Photo_gallery_images/Photo_gallery_images.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_photo_gallery h2 { font: 300 55px/1 "Kaushan Script", cursive; color: #fff; position: relative; bottom: auto; top: 65px; } .banner_area_testimonials { background: url("../images/Testimonials/Testimonials_image.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_testimonials h2 { font: 300 55px/1 "Kaushan Script", cursive; color: #fff; position: relative; top: 80px; } .banner_area_Serena_e_la_sua_storia { background: url("../images/Serena_e_la_sua_storia_images/Serena_e_la_sua_storia_banner_images.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_Serena_e_la_sua_storia h2 { font: 300 55px/1 "Kaushan Script", cursive; color: #fff; position: relative; top: 30px; } .banner_area_faq { background: url(../images/Faq_images/Faq_banner_images.png) no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_faq h2 { line-height: 1; font-weight: 300; font-family: "Kaushan Script", cursive; color: #fff; position: relative; width: auto; font-size: 100px; } .banner_area_private_lessons { background: url("../images/Lezioni_personalizzate_images/Lezioni_personalizzate_banner_image.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_private_lessons h2 { line-height: 1; font-weight: 300; font-family: "Kaushan Script", cursive; color: #fff; position: relative; width: auto; font-size: 43px; top: 30px; } .banner_area_video { background: url("../images/Raccolta_video_images/Raccolta_video_images_banner.jpg") no-repeat scroll center center; background-size: cover; display: block; text-align: center; padding: 213px 0 80px; position: relative; z-index: 1; } .banner_area_video h2 { font: 300 55px/1 "Kaushan Script", cursive; color: #fff; position: relative; top: 0px; padding-right: 200px; padding-top: 30px; } /* Comming Soon Pages ================================ */ .commin_soon_aera { background: url("../images/comming-soon.jpg") no-repeat scroll center center; background-size: cover; background-position: center; overflow: hidden; position: relative; z-index: 1; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .commin_soon_aera:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.6); z-index: -1; } .commin_soon_aera .commin_soon_row { max-width: 820px; margin: 0 auto; } .commin_soon_aera .commin_soon_row h2 { font: 700 60px/1 "Poppins", sans-serif; color: #fff; text-align: center; padding-bottom: 95px; } .commin_soon_aera .commin_soon_row .countdown { text-align: center; } .commin_soon_aera .commin_soon_row .countdown .countdown-container { height: 170px; width: 170px; border: 4px solid rgba(255, 255, 255, 0.6); border-radius: 50%; background-color: rgba(95, 95, 95, 0.031); position: relative; margin-right: 30px; } .commin_soon_aera .commin_soon_row .countdown .countdown-container .countdown-heading { color: #fff; text-transform: uppercase; position: absolute; width: 100%; text-align: center; left: 0px; font: 700 18px "Poppins", sans-serif; top: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .commin_soon_aera .commin_soon_row .countdown .countdown-container .countdown-value { padding: 0px; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; color: #fff; font: 700 55px/1 "Poppins", sans-serif; text-transform: uppercase; line-height: 130px; } .commin_soon_aera .commin_soon_row p { font: 600 22px/34px "Poppins", sans-serif; color: #FFF; text-align: center; padding-top: 60px; } .commin_soon_aera .commin_soon_row .form-group { margin: 0; padding-top: 25px; text-align: center; } .commin_soon_aera .commin_soon_row .form-group .form-control { border-radius: 5px; background-color: white; width: 493px; line-height: 50px; padding: 0 25px; -webkit-box-shadow: none; box-shadow: none; display: inline-block; } .commin_soon_aera .commin_soon_row .form-group .get_btn { line-height: 50px; display: inline-block; margin-left: 15px; } /* Gallery Col 3 ============================= */ .grid_gallery_area { padding: 90px 0 70px; } .grid_gallery_area .grid_gallery_inner .gallery_filter { text-align: center; padding-bottom: 57px; } .grid_gallery_area .grid_gallery_inner .gallery_filter li { display: inline-block; padding-left: 65px; } .grid_gallery_area .blog_inner .blog_lift_sidebar .grid_gallery_inner .gallery_filter li { display: inline-block; padding-left: 65px; } .grid_gallery_area .grid_gallery_inner .gallery_filter li:first-child { padding-left: 0; } .grid_gallery_area .grid_gallery_inner .gallery_filter li a { font: 600 18px/30px "SansSerif, Calibri"; color: #242424; position: relative; } .grid_gallery_area .grid_gallery_inner .gallery_filter li a:after { content: ""; position: absolute; left: 0; width: 0%; right: 0; background: #CC9933; height: 1px; bottom: 0; } .grid_gallery_area .grid_gallery_inner .gallery_filter li a:hover, .grid_gallery_area .grid_gallery_inner .gallery_filter li a:focus { color: #CC9933; } .grid_gallery_area .grid_gallery_inner .gallery_filter li a:hover:after, .grid_gallery_area .grid_gallery_inner .gallery_filter li a:focus:after { width: 100%; } .grid_gallery_area .grid_gallery_inner .gallery_filter li.active a { color: #CC9933; } .grid_gallery_area .grid_gallery_inner .gallery_filter li.active a:after { width: 100%; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .g-item { padding: 0 15px; width: calc(100% / 5); } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item { position: relative; margin-bottom: 30px; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item img { max-width: 100%; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .resort_g_hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: #00cc99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; opacity: 0; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item .resort_g_hover a i { font-size: 17px; text-align: center; border-radius: 50%; background-color: #282828; width: 54px; height: 54px; line-height: 54px; color: #fff; display: block; margin-top: 30px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:hover .resort_g_hover, .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:focus .resort_g_hover { opacity: 0.7; } .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:hover .resort_g_hover a i, .grid_gallery_area .grid_gallery_inner .grid_gallery_item_inner .grid_gallery_item:focus .resort_g_hover a i { margin: 0; } .grid_gallery_area .left_tittle { padding-top: 0px; margin-bottom: 50px; } .grid_gallery_area .left_tittle h2 a:hover, .grid_gallery_area .left_tittle h2 a:focus { color: #CC9933; } /* Routine positiva area css ================================= */ .health_coach_area { display: block; overflow: hidden; padding-bottom: 85px; } .health_coach_area .health_coach_row { padding-top: 55px; } .health_coach_area .health_coach_row .coach { margin-bottom: 30px; } .health_coach_area .health_coach_row .coach .coach_img { position: relative; overflow: hidden; padding: 0px; } .health_coach_area .health_coach_row .coach .coach_img:before { content: ""; top: 0; left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 1; opacity: 0; width: 100%; height: 100%; position: absolute; background: #ffffff; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; border: 0px; } .health_coach_area .health_coach_row .coach .coach_img:after { width: 100%; height: 100%; content: ""; background: #ffffff; opacity: 0; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position: absolute; z-index: 1; top: 0; left: 0; } .health_coach_area .health_coach_row .coach:hover .coach_img:before, .health_coach_area .health_coach_row .coach:focus .coach_img:before { left: 50%; width: 0; opacity: 0.5; } .health_coach_area .health_coach_row .coach:hover .coach_img:after, .health_coach_area .health_coach_row .coach:focus .coach_img:after { top: 50%; height: 0; opacity: 0.5; } .health_coach_area .health_coach_row .coach img { max-width: 100%; } .health_coach_area .health_coach_row .coach a { color: #fff; display: block; position: relative; background: #00cc99; letter-spacing: 1.2px; font: 600 20px/24px "SansSerif, Calibri"; border-top: 1px solid #fff; padding: 17px 20px 17px; } .health_coach_area .health_coach_row .coach a:before { content: ""; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 25px; position: absolute; border-left: 4px solid #CC9933; } .health_coach_area .container .center_tittle h6 { font: 600 32px "SansSerif, Calibri"; color: #242424; } /* Blog area ============================== */ .blog_area { padding-top: 100px; } .blog_area .blog_inner .blog_items { padding-bottom: 80px; } .blog_area .blog_inner .blog_items .blog_img { position: relative; display: block; overflow: hidden; } .blog_area .blog_inner .blog_items .blog_img:before { content: ""; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; position: absolute; background: #ffffff; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; } .blog_area .blog_inner .blog_items .blog_img:after { width: 100%; height: 100%; content: ""; background: #ffffff; opacity: 0; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; position: absolute; z-index: 1; top: 0; left: 0; } .blog_area .blog_inner .blog_items .blog_img img { max-width: 100%; } .blog_area .blog_inner .blog_items:hover .blog_img:before, .blog_area .blog_inner .blog_items:focus .blog_img:before { left: 50%; width: 0; opacity: 0.5; } .blog_area .blog_inner .blog_items:hover .blog_img:after, .blog_area .blog_inner .blog_items:focus .blog_img:after { top: 50%; height: 0; opacity: 0.5; } .blog_area .blog_inner .blog_items h6 { font: 600 17px/1 "SansSerif, Calibri"; color: #00cc99; padding: 25px 0 4px; } #blog_description { font-size: 20px; } #blog_details_description { font-size: 23px; } .blog_area .blog_inner .blog_items .breadcrumb { background-color: transparent; padding: 0; margin: 0; border-radius: 0; border-bottom: 1px solid #e4e4e4; padding-bottom: 8px; } .blog_area .blog_inner .blog_items .breadcrumb li { font: 700 17px/37px "SansSerif, Calibri"; color: #b8b8b8; } .blog_area .blog_inner .blog_items .breadcrumb li:before { color: #b8b8b8; } .blog_area .blog_inner .blog_items .breadcrumb li a { color: #b8b8b8; } .blog_area .blog_inner .blog_items .blog_info a { color: #b8b8b8; } .blog_area .blog_inner .blog_items .blog_info p { color: #b8b8b8; } .blog_area .blog_inner .blog_items .breadcrumb li a:hover, .blog_area .blog_inner .blog_items .breadcrumb li a:focus { color: #00cc99; } .blog_area .blog_inner .blog_items .blog_info a:hover, .blog_area .blog_inner .blog_items .blog_info a:focus { color: #00cc99; } .blog_area .blog_inner .blog_items .blog_tittle { font: 600 24px/32px "SansSerif, Calibri"; color: #242424; display: block; padding-right: 60px; padding-top: 23px; padding-bottom: 23px; } .blog_area .blog_inner .blog_items .blog_tittle_2 { font: 400 20px/32px "SansSerif, Calibri"; color: #242424; display: block; padding-right: 60px; padding-bottom: 10px; } .blog_area .blog_inner .blog_items .blog_description { font: 400 20px/32px "SansSerif, Calibri"; color: #242424; display: block; padding-right: 60px; padding-bottom: 10px; background-color: #FFFFFF; } .blog_area .blog_inner .blog_items .blog_tittle:hover, .blog_area .blog_inner .blog_items .blog_tittle:focus { color: #00cc99; } .blog_area .blog_inner .blog_items .blog_tittle_2:hover, .blog_area .blog_inner .blog_items .blog_tittle_2:focus { color: #00cc99; } .blog_area .blog_inner .blog_items p { font: 400 17px/28px "SansSerif, Calibri"; color: #797979; padding-right: 0; padding-left: 0; letter-spacing: 0.3px; } .blog_area .blog_inner .blog_items .find_btn { border-color: #00cc99; color: #00cc99; line-height: 38px; width: 150px; font-size: 15px; margin-top: 20px; } .blog_area .blog_inner .blog_items .find_btn:hover, .blog_area .blog_inner .blog_items .find_btn:focus { color: #fff; } .blog_area .blog_inner .next_pages { border-top: 1px solid #d5d5d5; padding: 50px 0 90px; margin: -30px 15px 0; } .blog_area .blog_inner .next_pages .pagination li a { border: 2px solid #00cc99; font: 700 16px/39px "SansSerif, Calibri"; color: #242424; width: 41px; border-radius: 50%; display: inline-block; padding: 0; text-align: center; height: 42px; margin-right: 10px; } .blog_area .blog_inner .next_pages .pagination li a:hover, .blog_area .blog_inner .next_pages .pagination li a:focus, .blog_area .blog_inner .next_pages .pagination li a.active { color: #fff; background: #00cc99; } /* Blog aside ============================== */ .blog_area .blog_inner .blog_lift_sidebar { padding-right: 45px; } .blog_area .blog_inner .blog_lift_sidebar .blog_items .breadcrumb_date { border-bottom: 1px solid #e4e4e4; display: block; overflow: hidden; padding-bottom: 6px; } .blog_area .blog_inner .blog_lift_sidebar .blog_items .breadcrumb_date h6 { float: left; } .blog_area .blog_inner .blog_lift_sidebar .blog_items .breadcrumb_date .breadcrumb { border: 0; padding-top: 12px; float: right; } .blog_area .blog_inner .blog_lift_sidebar .blog_items .blog_tittle { padding-right: 0; padding-top: 33px; color: #242424; } .blog_area .blog_inner .blog_lift_sidebar .next_pages { margin-left: 0; margin-right: 0; } .blog_area .blog_inner .blog_right_sidebar .r_widget { padding-top: 42px; } .blog_area .blog_inner .blog_right_sidebar .r_widget h3 { font: 600 22px "SansSerif, Calibri"; color: #242424; display: inline-block; position: relative; } .blog_area .blog_inner .blog_right_sidebar .r_widget h3:after { content: ""; position: absolute; top: 20px; right: -45px; background: #00cc99; height: 3px; width: 35px; } .blog_area .blog_inner .blog_right_sidebar .search_widget .input-group input { border-color: lightgray; font: 400 17px/50px "SansSerif, Calibri"; color: #909090; border-radius: 0; border-right: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0 20px; } .blog_area .blog_inner .blog_right_sidebar .search_widget .input-group button { border-color: lightgray; color: #909090; font-size: 18px; background-color: transparent; border-left: 0; border-radius: 0; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul { padding-top: 7px; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li:last-child a { border: 0; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a { font: 700 17px/42px "SansSerif, Calibri"; color: #797979; border-bottom: 1px solid #e6e6e6; display: block; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a i { font-size: 14px; float: right; line-height: 42px; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a:hover, .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a:focus { color: #00cc99; } .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a:hover i, .blog_area .blog_inner .blog_right_sidebar .categories_widget ul li a:focus i { margin-right: 5px; } .blog_area .blog_inner .blog_right_sidebar .recent_widget { padding-top: 30px; } .blog_area .blog_inner .blog_right_sidebar .recent_widget .media { padding: 21px 0 25px; border-bottom: 1px solid #e6e6e6; } .blog_area .blog_inner .blog_right_sidebar .recent_widget .media .media-body { padding-left: 20px; } .blog_area .blog_inner .blog_right_sidebar .recent_widget .media .media-body a { font: 700 16px/22px "SansSerif, Calibri"; color: #242424; display: block; margin-top: -6px; } .blog_area .blog_inner .blog_right_sidebar .recent_widget .media .media-body a:hover, .blog_area .blog_inner .blog_right_sidebar .recent_widget .media .media-body a:focus { color: #00cc99; text-decoration: underline; } .blog_area .blog_inner .blog_right_sidebar .recent_widget .media .media-body h6 { font: 700 14px/1 "SansSerif, Calibri"; color: #9a9a9a; padding-top: 10px; } .blog_area .blog_inner .blog_right_sidebar .tag_widget ul { padding-top: 10px; } .blog_area .blog_inner .blog_right_sidebar .tag_widget ul li { display: inline-block; padding-top: 10px; padding-right: 7px; } .blog_area .blog_inner .blog_right_sidebar .tag_widget ul li a { font: 700 15px/38px "SansSerif, Calibri"; color: #a6a6a6; border: 1px solid #e4e4e4; padding: 0 25px; display: inline-block; } .blog_area .blog_inner .blog_right_sidebar .tag_widget ul li a:hover, .blog_area .blog_inner .blog_right_sidebar .tag_widget ul li a:focus { background: #00cc99; border-color: #00cc99; color: #fff; } /* Blog Details ============================== */ .blog_details .blog_inner .blog_lift_sidebar { padding-bottom: 100px; } .blog_details .blog_inner .blog_lift_sidebar .blog_items { padding-bottom: 10px; } .blog_details .blog_inner .blog_lift_sidebar .blog_items .tow_col_text { } .blog_details .blog_inner .blog_lift_sidebar .blog_items .tow_col_text h3 { font: 600 22px/26px "Poppins", sans-serif; color: #242424; } .blog_details .blog_inner .blog_lift_sidebar .blog_items .tow_col_text p { line-height: 26px; padding-bottom: 30px; } .blog_details .blog_inner .blog_lift_sidebar .blog_items p a { color: #00cc99; text-decoration: underline; } .blog_details .blog_inner .blog_lift_sidebar .blog_items p a:hover, .blog_details .blog_inner .blog_lift_sidebar .blog_items p a:focus { color: #CC9933; text-decoration: underline; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .left_tittle { padding: 0; padding-bottom: 17px; margin-top: 30px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media { padding: 25px; border: 1px solid #eeeeee; margin-bottom: 30px; } .reply { margin-top: -25px; margin-left: 50px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media:last-child { border: 1px solid #eeeeee; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media.bg { background: #fcfcfc; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body { padding-left: 30px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body .author_name { font: 700 17px/1 "SansSerif, Calibri"; color: #242424; display: block; margin-top: -2px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body p { font: 400 17px/30px "SansSerif, Calibri"; color: #898989; padding-top: 5px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body h5 { font: 400 15px/1 "SansSerif, Calibri"; color: #aeaeae; padding-top: 10px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body h5 a { font: 700 15px/1 "SansSerif, Calibri"; color: #CC9933; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body h5 span { padding: 0 9px; } .blog_details .blog_inner .blog_lift_sidebar .comments_area .media .media-body .media { border: 0; padding: 47px 25px 0px 0; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .left_tittle { padding: 50px 0 20px; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main { background: #f7f7f7; margin: 0; padding: 48px 35px; border: 1px solid #eeeeee; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group { margin-bottom: 20px; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group:last-child { margin: 0; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .form-control { background-color: #fff; border: 1px solid #eeeeee; font: 500 16px/43px "SansSerif, Calibri"; color: #737373; padding: 0 20px; -webkit-box-shadow: none; box-shadow: none; resize: none; border-radius: 0; height: auto; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .form-control.placeholder { color: #737373; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .form-control:-moz-placeholder { color: #737373; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .form-control::-moz-placeholder { color: #737373; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .form-control::-webkit-input-placeholder { color: #737373; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group.has-error .form-control { border-color: red; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group textarea.form-control { height: 170px; margin-bottom: 5px; line-height: 27px; padding-top: 12px; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .find_btn { background: #CC9933; border-color: #CC9933; color: #fff; margin-top: 5px; width: 187px; } .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .find_btn:hover, .blog_details .blog_inner .blog_lift_sidebar .leave_comment .from_main .form-group .find_btn:focus { color: #CC9933; background-color: transparent; border-color: #CC9933; } .blog_article { font-size: 50px; } .r_widget { padding-top: 42px; } .r_widget h3 { font: 600 22px "SansSerif, Calibri"; color: #242424; display: inline-block; position: relative; margin-bottom: 20px; } .r_widget h3:after { content: ""; position: absolute; top: 20px; right: -45px; background: #00cc99; height: 3px; width: 35px; } .grid_gallery_area .grid_gallery_inner .blog_filter { padding-bottom: 20px; } .grid_gallery_area .grid_gallery_inner .blog_filter ul { border-width: 10px; } .grid_gallery_area .grid_gallery_inner .blog_filter li { display: inline-block; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } .grid_gallery_area .grid_gallery_inner .blog_filter li a { font: 700 15px/38px "SansSerif, Calibri"; color: #a6a6a6; border: 1px solid #e4e4e4; padding-top: 10px; padding-right: 25px; padding-left: 25px; padding-bottom: 10px; } /* Private lesson area Css ================================= */ .row.nutrition_plan_inner { display: block; } .nutrition_plan_area { padding: 100px 0 80px; display: block; overflow: hidden; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar { padding-bottom: 50px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar img { max-width: 100%; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar .plan_menu { margin-bottom: 50px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar .plan_menu li a { font: 600 17px/55px "Poppins", sans-serif; color: #242424; background: #f1f1f1; border-left: 4px solid #d2d2d2; display: block; margin-bottom: 3px; padding: 0 20px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar .plan_menu li a:hover, .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar .plan_menu li a:focus, .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar .plan_menu li a.active { background: #9ac339; color: #fff; border-color: #414f1f; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info { display: block; line-height: 36px; font-weight: 600; font-size: 20px; font-family: "Poppins", sans-serif; color: #242424; margin-top: 30px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info i { color: #7f7f7f; padding-right: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info.p_t { font-weight: 700; padding-top: 15px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info:hover, .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info:focus { color: #00cc99; } .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info:hover i, .nutrition_plan_area .nutrition_plan_inner .nutrition_left_sidebar a.contact_info:focus i { color: #00cc99; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .row.m0 { padding-left: 30px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_img { margin-bottom: 30px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .program_details { padding: 0px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .program_details h2 { font: 600 28px/1 "Poppins", sans-serif; color: #242424; padding: 27px 0 18px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .program_details p { font: 400 17px/28px "Lato", sans-serif; color: #797979; letter-spacing: 0.20px; padding-bottom: 25px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_img { margin-top: 25px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_content { padding-top: 20px; padding-right: 56px; margin-left: 5px; margin-right: 5px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_content h3 { font: 600 24px/1 "Poppins", sans-serif; color: #242424; padding: 0px 0 18px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_content p { font: 400 17px/28px "Lato", sans-serif; color: #797979; letter-spacing: 0.20px; padding-bottom: 12px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_content .benefit_list li { font: 400 17px/36px "Lato", sans-serif; color: #797979; letter-spacing: 0.20px; padding-left: 35px; position: relative; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_content .benefit_list li:before { content: "\f105"; position: absolute; font: normal normal normal 12px/14px FontAwesome; color: #a6cde7; border: 1px solid #77797c; width: 16px; height: 16px; border-radius: 50%; top: 10px; left: 0; display: inline-block; text-align: center; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .benefit_nutritions_img img { margin-left: -36px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies { padding: 55px 0 30px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media_row { border: 1px solid #e9e9e9; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media { margin: 0; padding: 30px; -webkit-box-shadow: -1px -1px 0px 0px #e9e9e9; box-shadow: -1px -1px 0px 0px #e9e9e9; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media.b_g { background: #fafafa; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media i:before { font-size: 50px; color: #9ac339; line-height: 50px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media .media-left { padding-left: 20px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media .media-left h4 { font: 600 18px/1 "Poppins", sans-serif; color: #242424; padding-bottom: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .nutrition_strategies .media .media-left p { font: 400 16px/24px "Lato", sans-serif; color: #797979; letter-spacing: 0.50px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area { padding-top: 25px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area h3 { font: 600 24px/1 "Poppins", sans-serif; color: #242424; padding-bottom: 30px; margin-left: 10px; margin-right: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans { margin-left: 10px; margin-right: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item { border: 1px solid #d4d4d4; margin-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item a { font: 400 17px/28px "Lato", sans-serif; color: #242424; display: block; padding-left: 30px; position: relative; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item a:after { content: "-"; position: absolute; left: 0px; top: 4px; font: 700 22px/1 "Lato", sans-serif; color: #242424; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item a.collapsed:after { opacity: 0; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item a.collapsed:before { content: "+"; position: absolute; left: 0px; top: 4px; font: 700 22px/1 "Lato", sans-serif; color: #242424; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .choose_qustion .choose_area .questions_ans .item p { font: 400 16px/24px "Lato", sans-serif; color: #797979; padding: 10px 35px; padding-right: 0; letter-spacing: 0.20px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request { padding-top: 25px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request h3 { font: 600 24px/1 "Poppins", sans-serif; color: #242424; padding-bottom: 30px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from { padding: 30px 25px; background: #9ac339; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group { margin-bottom: 12px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .form-control { -webkit-box-shadow: none; box-shadow: none; background: #90b635; border-radius: 0; color: #fff; font: 400 16px/40px "Lato", sans-serif; padding: 0 20px; height: auto; border: 1px solid #8db333; resize: none; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .form-control.placeholder { color: #fff; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .form-control:-moz-placeholder { color: #fff; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .form-control::-moz-placeholder { color: #fff; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .form-control::-webkit-input-placeholder { color: #fff; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group textarea { height: 130px !important; line-height: 26px !important; padding: 8px 20px !important; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select { background: #90b635; border-radius: 0; color: #fff; font: 400 16px/40px "Lato", sans-serif; padding: 0 20px; width: 100%; border: 1px solid #8db333; z-index: 99; margin-bottom: 10px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select:after { display: none; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select:before { content: "\f0d7"; font: normal normal normal 18px/40px FontAwesome; position: absolute; top: 0px; color: #fff; right: 20px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select .list { width: 100%; margin: 0; border-radius: 0; background: #90b635; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select .list li { color: #fff; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select .list li:hover, .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select .list li:focus, .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .product_select .list li.selected { color: #9ac339; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group .send_btn { border: 0; background: #90b635; -webkit-box-shadow: none; box-shadow: none; color: #fff; font: 600 14px/1 "Poppins", sans-serif; position: absolute; bottom: 16px; right: 16px; cursor: pointer; text-transform: uppercase; border-left: 1px solid #fff; padding-left: 15px; } .nutrition_plan_area .nutrition_plan_inner .nutrition_right_sidebar .request .consultation_from .form-group.message { position: relative; margin: 0; } .nutrition_plan_main .plan_main_row { padding-left: 30px; } .nutrition_plan_main .plan_main_row .program_details { padding: 0px 15px !important; } .nutrition_plan_main .plan_main_row .benefit_nutritions_img img { margin-left: 0px !important; } /* Social home area */ .social_link { color: #CC9933; font-size: 230px; margin-top: 70px; margin-bottom: 10px; } .social_link:hover, .social_link:focus { color: #00cc99; } /* End Social */ /* Send mail */ .send_mail { margin-top: 180px; } .send_mail_message { text-align: center; font-weight: 600; font-size: 40px; font-family: "SansSerif, Calibri"; color: #242424; position: relative; bottom: 400px; } .send_mail_button { line-height: 48px; font-weight: 600; font-size: 25px; font-family: "SansSerif, Calibri"; width: 180px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border: 2px solid #CC9933; background-color: #CC9933; cursor: pointer; text-align: center; display: inline-block; text-decoration: none; margin-right: 20px; margin-left: 20px; position: relative; margin-top: 10px; margin-bottom: 10px; bottom: 350px; } .send_mail_button:hover, .send_mail_button:focus { background-color: #00cc99; border: 2px solid #00cc99; } /* End Send mail */ /* Footer area */ .footer_area { background: #025137; display: block; overflow: hidden; padding-top: 60px; } .footer_area .footer_subscriber { background: #025137; border: 1px solid #fff; padding: 30px 40px; } .footer_area .footer_subscriber .find_out_text h2 { font: 500 24px/43px "Poppins", sans-serif; color: #fff; margin-top: 20px; } .footer_area .footer_subscriber .form-group { padding-left: 28px !important; } .footer_area .footer_subscriber .form-group .form-control { border: 1px solid #fff; background-color: #025137; font: 500 16px/43px "Poppins", sans-serif; padding: 0 20px; border-radius: 0; color: #fff; -webkit-box-shadow: none; box-shadow: none; display: inline-block; max-width: 70%; height: 48px; top: 20px; margin-top: 20px; } .footer_area .footer_subscriber .form-group .form-control.placeholder { color: #fff; } .footer_area .footer_subscriber .form-group .form-control:-moz-placeholder { color: #fff; } .footer_area .footer_subscriber .form-group .form-control::-moz-placeholder { color: #fff; } .footer_area .footer_subscriber .form-group .form-control::-webkit-input-placeholder { color: #fff; } .footer_area .footer_subscriber .form-group .find_btn_footer { display: inline-block; width: 165px; font: 500 16px/45px "Poppins", sans-serif; color: #fff; background: #CC9933; border: 0; margin-left: 0; margin-bottom: 2px; margin-top: 20px; } .footer_area .footer_subscriber .form-group .find_btn_footer:hover { background: #fff; color: #CC9933; } .footer_area .footer_row { padding-top: 57px; padding-bottom: 20px; } .footer_area .footer_row .fooer_logo { padding-bottom: 30px; } .footer_area .footer_row .fooer_logo p { font: 400 16px/24px "Lato", sans-serif; color: #757575; padding-top: 30px; letter-spacing: .55px; } .footer_area .footer_row .fooer_logo .social_icon { padding-top: 28px; } .footer_area .footer_row .fooer_logo .social_icon li { display: inline-block; align-content: center } .footer_area .footer_row .fooer_logo .social_icon li a { font-size: 25px; color: #7c7c7c; padding-right: 40px; } .footer_area .footer_row .fooer_logo .social_icon li a:hover, .footer_area .footer_row .fooer_logo .social_icon li a:focus { color: #CC9933; } .footer_area .footer_row .quick { padding-bottom: 30px; } .footer_area .footer_row .quick h4 { font: 500 18px/1 "Poppins", sans-serif; color: #fff; position: relative; padding-bottom: 20px; } .footer_area .footer_row .quick h4:after { content: ""; position: absolute; left: 0; bottom: 0; background: #CC9933; height: 2px; width: 40px; } .footer_area .footer_row .quick .quick_links { padding-top: 17px; } .footer_area .footer_row .quick .quick_links li { list-style: none; } .footer_area .footer_row .quick .quick_links li a { font: 400 16px/32px "Lato", sans-serif; color: #8d8d8d; letter-spacing: .40px; } .footer_area .footer_row .quick .quick_links li a:hover, .footer_area .footer_row .quick .quick_links li a:focus { color: #CC9933; } .footer_area .footer_row .quick_strat { padding-left: 65px; } .footer_area .footer_row address { padding-top: 28px; margin: 0; } .footer_area .footer_row address span { font: 400 16px/24px "Lato", sans-serif; color: #fff; padding-bottom: 5px; } .footer_area .footer_row address span i { font-size: 22px; padding-right: 20px; float: left; height: 45px; } .footer_area .footer_row address a { display: block; font: 700 17px/30px "Lato", sans-serif; color: #787878; padding-top: 7px; } .footer_area .footer_row address a i { font-size: 20px; padding-right: 20px; color: #757575; } .footer_area .footer_row address a:last-child { font: 400 16px "Lato", sans-serif; } .footer_area .footer_row address a:last-child i { font-size: 16px; } .footer_area .footer_row address a:hover, .footer_area .footer_row address a:focus { color: #CC9933; } .footer_area .footer_row address a:hover i, .footer_area .footer_row address a:focus i { color: #CC9933; } .footer_area .copy_right { background: #fff; display: block; overflow: hidden; } .footer_area .copy_right h6 { font: 400 16px/75px "Lato", sans-serif; color: #070707; float: left; } .footer_area .copy_right h6:last-child { float: right; } .footer_area .copy_right h6 a { color: #070707; font: 400 16px/75px "Lato", sans-serif; } .footer_area .copy_right h6 a:hover, .footer_area .copy_right h6 a:focus { color: #00cc99; } p#counter { display: none } /*-----------------------Cookies----------------------------- */ .cookieConsentContainer { z-index: 999; width: 500px; min-height: 20px; box-sizing: border-box; padding: 30px 30px 30px 30px; overflow: hidden; position: fixed; bottom: 30px; right: 30px; display: none; background-color: #000000; } .cookieConsentContainer .cookieTitle a { font-family: OpenSans, arial, "sans-serif"; color: #FFFFFF; font-size: 22px; line-height: 20px; display: block; } .cookieConsentContainer .cookieDesc p { margin: 0; padding: 0; font-family: OpenSans, arial, "sans-serif"; color: #FFFFFF; font-size: 13px; line-height: 20px; display: block; margin-top: 10px; } .cookieConsentContainer .cookieDesc a { font-family: OpenSans, arial, "sans-serif"; color: #FFFFFF; text-decoration: underline; } .cookieConsentContainer .cookieButton a { display: inline-block; font-family: OpenSans, arial, "sans-serif"; color: #FFFFFF; font-size: 14px; font-weight: bold; margin-top: 14px; background: #00cc99; box-sizing: border-box; padding: 15px 24px; text-align: center; transition: background 0.3s; } .cookieConsentContainer .cookieButton a:hover, .cookieConsentContainer .cookieButton a:focus { cursor: pointer; background: #FFFFFF; color: #CC9933; } @media (max-width: 980px) { .cookieConsentContainer { bottom: 0px !important; left: 0px !important; width: 100% !important; } } /*---------------------------------------------------- */ @media (min-width: 991px) { .menu_icon { display: none; } } @media (max-width: 1230px) { .main_header_area .header_menu .navbar .navbar-brand { width: 200px; } .main_header_area .header_menu .navbar .navbar-brand img { max-width: 100%; } .main_header_area .header_menu .navbar #navbar_supported ul li a { margin-right: 15px; } .section { background-position: center !important; background-size: cover !important; } .logo_header img { width: 60%; } } @media (max-width: 991px) { .main_header_area .header_menu .navbar .container { padding: 0 15px; } .main_header_area .header_menu .navbar .navbar-brand { width: auto; padding: 10px 0; } .main_header_area .header_menu .navbar .navbar-brand img { width: auto; } .main_header_area .header_menu .navbar #navbar_supported { background: #fff; padding: 0px 15px; overflow-y: scroll; max-height: 415px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li a { line-height: 45px; border-bottom: 1px solid #3e3e3e; margin-right: 0px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li a:before { display: none; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li:last-child a { border: 0px; padding-left: 0px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown a { position: relative; margin-right: 0px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown a:after { content: "\f107"; position: absolute; right: 15px; top: 2px; font: normal normal normal 22px/1 FontAwesome; color: #fff; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; display: block; border: 0px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown .dropdown-menu { background-color: transparent; padding: 0 15px; border: 0px; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown .dropdown-menu li a { display: block; padding: 0; border-bottom: 1px solid #3e3e3e; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown .dropdown-menu li a:after { display: none; } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav li.dropdown.show:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main_header_area .header_menu .navbar #navbar_supported ul.navbar-nav .search_dropdown { padding-left: 0; } } @media (max-width: 767px) { .main_header_area .header_top .header_top_inner a { font-size: 12px; padding-right: 15px; } .send_mail { margin-top: 120px; } .send_mail_message { position: relative; bottom: 150px; } .send_mail_button { position: relative; bottom: 100px; } } @media (max-width: 575px) { .main_header_area .header_top { display: none; } .center_tittle, .left_tittle { padding-top: 50px; } .center_tittle h2, .left_tittle h2 { font-size: 30px; line-height: 32px; } .center_tittle h2:after, .left_tittle h2:after { top: 21px; } .health_coach_area, .services_area { padding-bottom: 30px; } } /*---------------------------------------------------- */