/*---------------------------------------------------- @File: Default Styles @Author: Rocky @URL: http://wethemez.com Author E-mail: rockybd1995@gmail.com This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. ---------------------------------------------------- */ /*===================================================================== @Template Name: HillTown @Author: Rocky @Developed By: Rocky @Developer URL: http://rocky.wethemez.com Author E-mail: rockybd1995@gmail.com @Default Styles Table of Content: 01/ Variables 02/ predefin 03/ header 04/ button 05/ slider 06/ contact 07/ feature 08/ service 09/ gallery 10/ clients 11/ blog 12/ video 13/ banner 14/ event 15/ room 16/ resturant 17/ footer =====================================================================*/ /*----------------------------------------------------*/ /*font Variables*/ /*Color Variables*/ @import url("https://fonts.googleapis.com/css?family=Lora:400,400i,700|Montserrat:300,400,500,600,700|Open+Sans:300,400,400i,600,600i,700|Playfair+Display:400,400i,700,900|Lato"); /*---------------------------------------------------- */ /*----------------------------------------------------*/ .list_style { list-style: none; margin: 0px; padding: 0px; } a { text-decoration: none; vertical-align: middle; } a:hover, a:focus { text-decoration: none; outline: none; } .row.m0 { margin: 0px; } .p0 { padding: 0px; } body { line-height: 26px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; margin: 0px; padding: 0px; } #success { display: none; } #error { display: none; } .display_table { display: table; width: 100%; } .display_table_row { display: table-row; } .display_table_cell { display: table-cell; float: none !important; } .p_100 { padding: 100px 0px; } iframe { border: none; } i:before { margin-left: 0px !important; } /* Container Custome Code css ============================================================================================ */ @media (min-width: 1200px) { .container { max-width: 1200px; } } /* End Container Custome Code css ============================================================================================ */ /* Main Tittle css ============================================================================================ */ .main_title { padding-bottom: 50px; } .main_title h1 { color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; font-size: 38px; position: relative; display: inline-block; margin-bottom: 15px; } .main_title h2 { color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; font-size: 38px; position: relative; display: inline-block; margin-bottom: 15px; } .main_title h2:before { content: ""; width: 45px; height: 1px; background: #acb2b4; position: absolute; right: -60px; bottom: 7px; } .main_title p { font-size: 20px; line-height: 30px; font-family: "Lora", serif; color: #242424; margin-bottom: 0px; } .main_title h5 { font-size: 20px; font-family: "Lora", serif; color: #797979; margin-bottom: 0px; line-height: 30px; } .main_w_title { padding-bottom: 50px; } .main_w_title h2 { color: #fff; font-family: "Playfair Display", serif; font-weight: bold; font-size: 38px; position: relative; display: inline-block; margin-bottom: 15px; } .main_w_title h2:before { content: ""; width: 45px; height: 1px; background: #fff; position: absolute; right: -60px; bottom: 7px; } .main_w_title p { font-size: 20px; line-height: 30px; font-family: "Lora", serif; font-style: italic; color: #fff; margin-bottom: 0px; } .main_w_title h5 { font-size: 20px; font-family: "Lora", serif; color: #fff; font-style: italic; margin-bottom: 0px; } .single_w_title { text-align: center; margin-bottom: 40px; } .single_w_title h2 { font-size: 36px; color: #fff; font-family: "Playfair Display", serif; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 0px; } .single_w_title h2:before { content: ""; width: 40px; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #fff; height: 1px; } .single_b_title { text-align: center; margin-bottom: 40px; } .single_b_title h2 { font-size: 36px; color: #242424; font-family: "Playfair Display", serif; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 0px; } .single_b_title h2:before { content: ""; width: 40px; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #242424; height: 1px; } .single_pest_title { text-align: center; margin-bottom: 60px; } .single_pest_title h2 { font-size: 36px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 0px; } .single_pest_title h2:before { content: ""; width: 40px; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #acb2b4; height: 1px; } .single_pest_title p { font-size: 20px; line-height: 26px; color: #242424; font-family: "Lora", serif; font-style: italic; margin-top: 20px; } .c_says_title h2 { color: #fff; font-family: "Playfair Display", serif; font-weight: bold; font-size: 38px; display: inline-block; position: relative; } .c_says_title h2:before { content: ""; width: 45px; height: 1px; background: #fff; position: absolute; right: -60px; bottom: 7px; } .single_m_title h2 { font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; font-size: 36px; position: relative; padding-bottom: 10px; margin-bottom: 0px; } .single_m_title h2:before { content: ""; width: 40px; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #acb2b4; } /* End Main Tittle css ============================================================================================ */ /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Main Header Area css ============================================================================================ */ .main_header_area { position: absolute; left: 0px; width: 100%; top: 0px; z-index: 30; } .main_header_area + section, .main_header_area + div, .main_header_area + .row { margin-top: 135px; } .main_header_area.navbar_fixed .main_menu_area { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #fff; -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-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } .main_header_area.navbar_fixed .main_menu_area .navbar.navbar-expand-lg .navbar-brand img { margin-top: 0px; } .main_header_area.navbar_fixed .main_menu_area .navbar.navbar-expand-lg .navbar-brand:after { bottom: -39px; } .main_header_area.navbar_fixed .main_menu_area .navbar.navbar-expand-lg .navbar-nav li a { line-height: 70px; } .main_header_area.navbar_fixed .main_menu_two { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #fff; -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-box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.2); } .main_header_area.navbar_fixed .main_menu_two .navbar.navbar-expand-lg .navbar-nav li a { line-height: 70px; } .top_header_area { background: #146689; position: relative; z-index: 3; } .top_header_area:before { content: ""; width: 100%; border-bottom: 1px dashed #93d1ea; position: absolute; left: 0px; bottom: 4px; } .top_header_area .float-left a { color: #fff; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 50px; display: inline-block; } .top_header_area .float-left a i { padding-right: 7px; } .top_header_area .float-left a + a { margin-left: 35px; } .top_header_area .float-right .h_social { display: inline-block; } .top_header_area .float-right .h_social li { display: inline-block; margin-right: 15px; } .top_header_area .float-right .h_social li a { display: inline-block; line-height: 50px; color: #fff; font-size: 16px; } .top_header_area .float-right .h_social li:last-child { margin-right: 0px; } .top_header_area .float-right .h_search { display: inline-block; padding-left: 35px; position: relative; } .top_header_area .float-right .h_search:before { content: ""; width: 1px; height: 20px; background: #78c1de; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .top_header_area .float-right .h_search li { display: inline-block; margin-right: 15px; } .top_header_area .float-right .h_search li a { color: #fff; font-size: 16px; display: inline-block; line-height: 50px; } .top_header_area .float-right .h_search li:last-child { margin-right: 0px; } .top_header_area .float-right .h_search li.shop_cart a { position: relative; } .top_header_area .float-right .h_search li.shop_cart a:before { content: "3"; height: 18px; width: 18px; font-size: 11px; text-align: center; border-radius: 50%; background: #fff; color: #242424; font-family: "Montserrat", sans-serif; font-weight: bold; display: inline-block; line-height: 18px; position: absolute; right: -8px; top: 5px; } .main_menu_area { position: relative; background: #fff; } .main_menu_area:before { content: ""; width: 100%; border-bottom: 1px dashed #c5c5c5; position: absolute; left: 0px; bottom: 4px; } .main_menu_area .navbar.navbar-expand-lg { position: relative; padding: 0px; background-color: transparent !important; } .main_menu_area .navbar.navbar-expand-lg .navbar-brand { position: absolute; left: 50%; top: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-right: 0px; } .main_menu_area .navbar.navbar-expand-lg .navbar-brand:after { content: ""; background: url(../img/logo-circle-2.png) no-repeat scroll center center; height: 266px; width: 279px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -46px; } .main_menu_area .navbar.navbar-expand-lg .navbar-brand img { z-index: 2; position: relative; margin-top: 8px; display: inline-block; } .main_menu_area .navbar.navbar-expand-lg .navbar-brand img + img { display: none; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li { margin-right: 40px; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li a { line-height: 85px; font-size: 18px; color: #454545; font-family: "Open Sans", sans-serif; font-weight: 600; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; position: relative; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li a:before { content: ""; width: 0px; height: 2px; background: #146689; position: absolute; bottom: -4px; left: 0px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li a:after { display: none; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li:last-child { margin-right: 0px; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li:hover a, .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.active a { color: #146689; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li:hover a:before, .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.active a:before { width: 25px; } @media (min-width: 992px) { .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; display: block; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; min-width: 250px; background: #ffffff; border-radius: 0px; border: none; padding: 0px; left: -40px; -webkit-box-shadow: none; box-shadow: none; visibility: hidden; margin-top: 0px; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li { margin-right: 0px; display: block; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a { display: block; line-height: 42px; color: #454545; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 0px 30px; text-transform: inherit; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: 600; text-shadow: none; border-bottom: 1px solid #dcdcdc; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a:before { display: none; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a { color: #fff; background: #146689; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a { border-bottom: 0px; } @media (min-width: 992px) { .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu { visibility: hidden; opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: auto; right: 97%; top: 0px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li a { background: #fff; color: #242424; } .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu .dropdown-menu li:hover a { background: #146689; color: #fff; } @media (min-width: 992px) { .main_menu_area .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu .submenu:hover.submenu .dropdown-menu { visibility: visible; right: 100%; opacity: 1; } } @media (min-width: 992px) { .main_menu_area .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu { -webkit-transform: rotateX(0); transform: rotateX(0); visibility: visible; } } .main_menu_two { position: relative; background: #fff; } .main_menu_two:before { content: ""; background: url(../img/menu-draw.png) no-repeat scroll center center; height: 19px; width: 100%; position: absolute; left: 0px; bottom: -13px; z-index: 30; } .main_menu_two .navbar.navbar-expand-lg { padding: 0px; background-color: transparent !important; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav { width: 100%; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li { margin-right: 40px; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li:last-child { margin-right: 0px; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li a { font-size: 17px; color: #454545; font-family: "Open Sans", sans-serif; font-weight: 600; line-height: 85px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li a:after { display: none; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li:hover a, .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.active a { color: #146689; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li:hover a:before, .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.active a:before { width: 25px; } @media (min-width: 992px) { .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; display: block; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; min-width: 250px; background: #ffffff; border-radius: 0px; border: none; padding: 0px; left: -40px; -webkit-box-shadow: none; box-shadow: none; visibility: hidden; margin-top: 0px; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li { margin-right: 0px; display: block; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a { display: block; line-height: 42px; color: #454545; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 0px 30px; text-transform: inherit; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: 600; text-shadow: none; border-bottom: 1px solid #dcdcdc; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a:before { display: none; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a { color: #fff; background: #146689; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a { border-bottom: 0px; } @media (min-width: 992px) { .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu { visibility: hidden; opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: auto; right: 97%; top: 0px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li a { background: #fff; color: #242424; } .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li:hover a { background: #146689; color: #fff; } @media (min-width: 992px) { .main_menu_two .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu:hover.submenu .dropdown-menu { visibility: visible; right: 100%; opacity: 1; } } @media (min-width: 992px) { .main_menu_two .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu { -webkit-transform: rotateX(0); transform: rotateX(0); visibility: visible; } } /* End Main Header Area css ============================================================================================ */ /* Main Header Three Area css ============================================================================================ */ .main_header_three { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 30; background: #fff; } .main_header_three + section, .main_header_three + div { margin-top: 175px; } .main_header_three.navbar_fixed .middle_menu_three { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #fff; -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-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } .main_header_three.navbar_fixed .middle_menu_three .navbar.navbar-expand-lg { margin-bottom: 0px; } .main_header_three.navbar_fixed .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li a { line-height: 70px; } .top_logo_header { padding-top: 50px; padding-bottom: 12px; position: relative; } .top_logo_header:before { content: ""; width: 100%; border-bottom: 1px dashed #bebebe; position: absolute; top: 8px; left: 0px; z-index: 2; } .top_logo_header .header_logo_inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .top_logo_header .h_left_text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .top_logo_header .h_left_text .media .d-flex { padding-right: 10px; } .top_logo_header .h_left_text .media .d-flex i { line-height: 48px; font-size: 40px; color: #146689; } .top_logo_header .h_left_text .media .d-flex i:before { font-size: 40px; } .top_logo_header .h_left_text .media .media-body a { font-size: 22px; font-family: "Open Sans", sans-serif; color: #333333; font-weight: bold; } .top_logo_header .h_left_text .media .media-body p { font-size: 15px; font-family: "Open Sans", sans-serif; color: #5d5d5d; margin-bottom: 0px; } .top_logo_header .h_middle_text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .top_logo_header .h_right_text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .top_logo_header .h_right_text .pink_btn { height: 50px; padding: 0px 40px; font-size: 20px; font-family: "Playfair Display", serif; font-weight: bold; line-height: 50px; border-radius: 25px; } .middle_menu_three .navbar.navbar-expand-lg { padding: 0px; background-color: #fff !important; margin-bottom: -30px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .middle_menu_three .navbar.navbar-expand-lg .navbar-brand { display: none; } .middle_menu_three .navbar.navbar-expand-lg .navbar-collapse { text-align: center; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav { text-align: center; display: block; width: 100%; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li { margin-right: 50px; display: inline-block; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li a { line-height: 80px; font-size: 18px; font-family: "Open Sans", sans-serif; color: #454545; font-weight: 600; display: inline-block; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li a:after { display: none; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.search_icon a { position: relative; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.search_icon a:before { content: ""; height: 14px; width: 1px; background: #a0a0a0; position: absolute; left: -25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.search_icon:hover a:before { width: 1px; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li:hover a, .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.active a { color: #146689; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li:hover a:before, .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.active a:before { width: 25px; } @media (min-width: 992px) { .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; display: block; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; min-width: 250px; background: #ffffff; border-radius: 0px; border: none; padding: 0px; left: -40px; -webkit-box-shadow: none; box-shadow: none; visibility: hidden; margin-top: 0px; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li { margin-right: 0px; display: block; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a { display: block; line-height: 42px; color: #454545; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 0px 30px; text-transform: inherit; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: 600; text-shadow: none; border-bottom: 1px solid #dcdcdc; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a:before { display: none; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a { color: #fff; background: #146689; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a { border-bottom: 0px; } @media (min-width: 992px) { .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu { visibility: hidden; opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: auto; right: 97%; top: 0px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li a { background: #fff; color: #242424; } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li:hover a { background: #146689; color: #fff; } @media (min-width: 992px) { .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu:hover.submenu .dropdown-menu { visibility: visible; right: 100%; opacity: 1; } } @media (min-width: 992px) { .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu { -webkit-transform: rotateX(0); transform: rotateX(0); visibility: visible; } } .middle_menu_three .navbar.navbar-expand-lg .navbar-nav li:last-child { margin-right: 0px; } /* End Main Header Three Area css ============================================================================================ */ /* Box Header Four Area css ============================================================================================ */ .box_header_four { position: absolute; z-index: 30; top: 52px; left: 0px; width: 100%; } .box_header_four.navbar_fixed { position: fixed; width: 100%; top: -70px; left: 0; right: 0; background: #fff; -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-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } .box_menu_four .navbar.navbar-expand-lg { padding: 0px 30px; border-radius: 4px; background-color: #fff !important; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav { width: 100%; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li { margin-right: 40px; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li a { line-height: 95px; font-size: 17px; font-family: "Open Sans", sans-serif; color: #454545; font-weight: 600; display: inline-block; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li a:after { display: none; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li:last-child { margin-right: 0px; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li:hover a, .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.active a { color: #146689; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.search_icon a { position: relative; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.search_icon a:before { content: ""; height: 14px; width: 1px; background: #a0a0a0; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.search_icon:hover a:before { width: 1px; } @media (min-width: 992px) { .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; display: block; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; min-width: 250px; background: #ffffff; border-radius: 0px; border: none; padding: 0px; left: -40px; -webkit-box-shadow: none; box-shadow: none; visibility: hidden; margin-top: 0px; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li { margin-right: 0px; display: block; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a { display: block; line-height: 42px; color: #454545; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 0px 30px; text-transform: inherit; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-weight: 600; text-shadow: none; border-bottom: 1px solid #dcdcdc; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li a:before { display: none; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:hover a { color: #fff; background: #146689; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .dropdown-menu li:last-child a { border-bottom: 0px; } @media (min-width: 992px) { .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu { visibility: hidden; opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); left: auto; right: 97%; top: 0px; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08); } } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li a { background: #fff; color: #242424; } .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu .dropdown-menu li:hover a { background: #146689; color: #fff; } @media (min-width: 992px) { .box_menu_four .navbar.navbar-expand-lg .navbar-nav li.submenu .submenu:hover.submenu .dropdown-menu { visibility: visible; right: 100%; opacity: 1; } } @media (min-width: 992px) { .box_menu_four .navbar.navbar-expand-lg .navbar-nav li:hover.submenu .dropdown-menu { -webkit-transform: rotateX(0); transform: rotateX(0); visibility: visible; } } /* End Box Header Four Area css ============================================================================================ */ /* Header Five Area css ============================================================================================ */ .five_header .top_header_area { background: #222222; } .five_header .top_header_area:before { border-color: #434343; } .five_header .top_header_area .float-left a { color: #7a7a7a; } .five_header .top_header_area .float-right .h_social li a { color: #7a7a7a; } .five_header .top_header_area .float-right .h_search:before { display: none; } .five_header .top_header_area .float-right .h_search li a { color: #7a7a7a; } .five_header .top_header_area .float-right .h_search li.shop_cart a:before { background: #7a7a7a; } .five_header .main_menu_two:before { background: url(../img/menu-draw-five.png) no-repeat scroll center center; background-size: cover; height: 32px; width: 100%; bottom: -17px; } /* End Header Five Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Pink Button Area css ============================================================================================ */ .pink_btn { background: #146689; color: #fff; line-height: 45px; border-radius: 22px; display: inline-block; padding: 0px 32px; font-size: 16px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-weight: 600; } .pink_btn:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .pink_btn:hover { color: #fff; } .pink_btn:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .pest_btn { background: #94c9d9; color: #fff; line-height: 36px; display: inline-block; padding: 0px 25px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-size: 14px; font-weight: 600; border-radius: 3px; } .pest_btn:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .pest_btn:hover { color: #fff; } .pest_btn:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .pest_w_btn { background: #fff; color: #999999; line-height: 46px; display: inline-block; padding: 0px 26px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-size: 14px; font-weight: 600; border-radius: 3px; border: 1px solid #e7e7e7; } .pest_w_btn:before { background: #146689; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .pest_w_btn:hover { color: #146689; } .pest_w_btn:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .w_view_btn { background: #fff; color: #242424; line-height: 45px; display: inline-block; padding: 0px 35px; border-radius: 22px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-size: 15px; font-weight: 600; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .w_view_btn:before { background: #146689; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .w_view_btn:hover { color: #146689; } .w_view_btn:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .order_s_btn { background: #94c9d9; color: #fff; line-height: 50px; display: inline-block; padding: 0px 38px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-size: 20px; font-weight: 600; border-radius: 3px; width: auto; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; } .order_s_btn:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .order_s_btn:hover { color: #fff; } .order_s_btn:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } .order_s_btn:focus { background: #94c9d9; color: #fff; } .pink_more { background: #146689; color: #fff; line-height: 42px; display: inline-block; padding: 0px 32px; font-family: "Open Sans", sans-serif; position: relative; overflow: hidden; font-size: 14px; font-weight: 600; border-radius: 3px; } .pink_more:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .pink_more:hover { color: #fff; } .pink_more:hover:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } /* Cake Pink Button Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Banner Area css ============================================================================================ */ .banner_area { background: url(../img/banner/banner-bg.jpg) no-repeat scroll center center; background-size: cover; } .banner_text { text-align: center; padding-bottom: 80px; } .banner_text h3 { color: #fff; padding-top: 113px; font-family: "Playfair Display", serif; font-weight: bold; font-size: 62px; } .banner_text ul { list-style: none; margin: 0px; padding: 0px; } .banner_text ul li { display: inline-block; margin-right: 20px; } .banner_text ul li a { display: inline-block; color: #fff; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; position: relative; letter-spacing: .28px; } .banner_text ul li a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -15px; } .banner_text ul li:first-child a { color: #146689; } .banner_text ul li:first-child a:before { display: none; } .banner_text ul li:last-child { margin-right: 0px; } /* End Banner Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Main Slider Area css ============================================================================================ */ .main_slider_area .rev_slider ul li .slider_text_box .first_text { color: #fff; font-family: "Playfair Display", serif; font-weight: bold !important; } .main_slider_area .rev_slider ul li .slider_text_box .first_text.black { color: #29263a; } .main_slider_area .rev_slider ul li .slider_text_box .first_text.pink { color: #753375; } .main_slider_area .rev_slider ul li .slider_text_box .secand_text { color: #fff; font-family: "Playfair Display", serif; font-style: italic; } .main_slider_area .rev_slider ul li .slider_text_box .secand_text.black { color: #000000; } .main_slider_area .rev_slider ul li .slider_text_box .main_btn { background: #fff; font-size: 18px; color: #3e606b; display: inline-block; font-weight: 600; font-family: "Open Sans", sans-serif; padding: 0px 43px; line-height: 52px; border-radius: 26px; -webkit-transition: all 300ms linear !important; -o-transition: all 300ms linear !important; transition: all 300ms linear !important; } .main_slider_area .rev_slider ul li .slider_text_box .main_btn:hover { background: #146689; color: #fff; } .main_slider_area .rev_slider ul li .slider_text_box .now_btn { display: inline-block; padding: 0px 29px; background: #e2a062; border-radius: 4px; color: #fff; font-size: 17px; line-height: 50px; font-weight: 600; font-family: "Open Sans", sans-serif; -webkit-transition: all 300ms linear !important; -o-transition: all 300ms linear !important; transition: all 300ms linear !important; } .main_slider_area .rev_slider ul li .slider_text_box .now_btn:hover { background: #146689; color: #fff; } .main_slider_area .rev_slider ul li .slider_text_box .price h3 { background: #fff; height: 126px; width: 126px; border-radius: 50%; text-align: center !important; line-height: 122px; color: #242424; font-family: "Playfair Display", serif; font-weight: bold; font-style: italic; font-size: 45px; } /* End Main Slider Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Cake Welcome Feature Area css ============================================================================================ */ .welcome_bakery_area { background: url(../img/welcome-bg.jpg) no-repeat scroll center center; background-size: cover; position: relative; z-index: 3; } .welcome_bakery_area:before { content: ""; background: url(../img/w-left-techture.png) no-repeat scroll center center; position: absolute; left: 0px; top: 0px; height: 685px; width: 237px; z-index: -1; } .welcome_bakery_area:after { content: ""; background: url(../img/w-right-techture.png) no-repeat scroll center center; position: absolute; right: 0px; top: 0px; height: 701px; width: 250px; z-index: -1; } .wel_bakery_two .welcome_bakery_inner { border: none; } .welcome_bakery_inner { border-bottom: 1px solid #fff; border-bottom: 1px solid #dbdbdb; } .welcome_bakery_inner .main_title { padding-bottom: 25px; } .welcome_bakery_inner .welcome_left_text p { line-height: 26px; color: #797979; font-size: 16px; font-family: "Open Sans", sans-serif; margin-bottom: 35px; } .welcome_bakery_inner .welcome_img { text-align: right; } .cake_feature_inner { padding: 80px 0px 100px 0px; } .cake_feature_slider .cake_feature_slider { position: absolute; right: 0px; top: -113px; } .cake_feature_slider .cake_feature_slider .owl-prev { margin-right: 10px; } .cake_feature_slider .cake_feature_slider .owl-prev, .cake_feature_slider .cake_feature_slider .owl-next { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #d0d0d0; text-align: center; line-height: 36px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .cake_feature_slider .cake_feature_slider .owl-prev:hover, .cake_feature_slider .cake_feature_slider .owl-next:hover { background: #146689; color: #fff; border-color: #146689; cursor: pointer; } .cake_feature_item { background: #fff; overflow: hidden; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(40, 40, 40, 0.08); box-shadow: 0px 0px 15px 0px rgba(40, 40, 40, 0.08); text-align: center; padding-bottom: 30px; } .cake_feature_item .cake_img { position: relative; cursor: pointer; overflow: hidden; } .cake_feature_item .cake_img img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .cake_feature_item .cake_img:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: pointer; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 1; opacity: 0; } .cake_feature_item .cake_img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .cake_feature_item .cake_img:hover:before { opacity: 1; } .cake_feature_item .cake_text { position: relative; } .cake_feature_item .cake_text h4 { width: 70px; height: 70px; border-radius: 50%; color: #343434; font-size: 26px; font-family: "Playfair Display", serif; font-style: italic; background: #fff; display: inline-block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: -35px; line-height: 68px; margin-bottom: 0px; z-index: 2; } .cake_feature_item .cake_text h3 { font-size: 18px; color: #343434; font-family: "Playfair Display", serif; margin-bottom: 22px; padding-top: 35px; } .cake_feature_main { background: #fff; position: relative; } .cake_feature_main .cake_feature_row { margin-bottom: -50px; } .cake_feature_main .cake_feature_row .cake_feature_item { margin-bottom: 50px; } .pink_cake_feature { background: #146689; } .pink_cake_feature:before { display: none; } .pink_cake_feature:after { display: none; } .pink_cake_feature .cake_feature_inner { position: relative; } .pink_cake_feature .cake_feature_inner .title_view_all { overflow: hidden; } .pink_cake_feature .cake_feature_inner .title_view_all .float-right .pest_btn { line-height: 46px; background: #fff; color: #797979; font-size: 14px; font-family: "Open Sans", sans-serif; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; margin-top: 25px; } .pink_cake_feature .cake_feature_inner .title_view_all .float-right .pest_btn:before { background: #146689; } .pink_cake_feature .cake_feature_inner .title_view_all .float-right .pest_btn:hover { color: #146689; } .pink_cake_feature .cake_feature_inner .cake_feature_slider { position: relative; } .pink_cake_feature .cake_feature_inner .cake_feature_slider .cake_feature_slider { position: relative; left: 0px; top: 0px; text-align: center; margin-top: 50px; } .pink_cake_feature .cake_feature_inner .cake_feature_slider .cake_feature_slider .owl-prev, .pink_cake_feature .cake_feature_inner .cake_feature_slider .cake_feature_slider .owl-next { border-color: #fff; color: #fff; } .cake_feature_four { background: #f5f5f5; } .cake_feature_four .cake_feature_slider .cake_feature_slider { position: relative; top: 0px; left: 0px; text-align: center; margin-top: 45px; } .our_cakes_area .cake_feature_row .cake_feature_item { margin-bottom: 30px; } .our_cakes_area .main_title h5 { font-style: normal; } /* End Cake Welcome Feature Area css ============================================================================================ */ /* Special Recipe Area css ============================================================================================ */ .special_recipe_area { background: url("../img/bckg-territoire.jpg") no-repeat fixed center center; background-size: cover; padding: 85px 0px; position: relative; } .special_recipe_slider { position: static; } .special_recipe_slider .item .media .d-flex { padding-right: 150px; position: relative; } .special_recipe_slider .item .media .d-flex:before { content: ""; height: 235px; width: 1px; background: #bcbfc1; position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special_recipe_slider .item .media .media-body { vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .special_recipe_slider .item .media .media-body h4 { font-size: 48px; font-family: "Playfair Display", serif; font-weight: bold; color: #fff; margin-bottom: 20px; } .special_recipe_slider .item .media .media-body p { font-size: 20px; color: #fff; font-family: "Lora", serif; font-style: italic; line-height: 30px; padding-right: 80px; margin-bottom: 32px; } .special_recipe_slider .owl-dots { position: absolute; right: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .special_recipe_slider .owl-dots .owl-dot { height: 10px; width: 10px; border: 1px solid #fff; border-radius: 50%; margin-bottom: 8px; } .special_recipe_slider .owl-dots .owl-dot:last-child { margin-bottom: 0px; } .special_recipe_slider .owl-dots .owl-dot.active { background: #fff; } /* End Special Recipe Area css ============================================================================================ */ /* Error Page Area css ============================================================================================ */ .error_area { text-align: center; background: url(../img/error-bg.jpg) no-repeat scroll center center; background-size: cover; min-height: 834px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; } .error_area:before { content: ""; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0px; top: 0; width: 100%; height: 100%; z-index: -1; } .error_area .error_inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; } .error_area .error_inner .error_inner_text { -ms-flex-item-align: center; align-self: center; vertical-align: middle; text-align: center; width: 100%; color: #fff; margin-top: -90px; } .error_area .error_inner .error_inner_text h3 { font-size: 200px; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 15px; display: block; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .error_area .error_inner .error_inner_text h4 { font-size: 60px; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 12px; } .error_area .error_inner .error_inner_text h5 { font-size: 27px; font-family: "Playfair Display", serif; font-style: italic; margin-bottom: 40px; } .error_area .error_inner .error_inner_text .pink_btn { border-radius: 3px; line-height: 74px; font-size: 24px; padding: 0px 55px; } /* End Error Page Area css ============================================================================================ */ /* Faq Area css ============================================================================================ */ .faq_area .search_form { background: #f2f2f2; border-radius: 7px; padding: 8px; display: block; position: relative; margin-bottom: 50px; } .faq_area .search_form input { width: 100%; display: block; border-radius: 4px !important; border: 1px solid #e0e0e0; height: 60px; padding: 0px 20px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .faq_area .search_form input.placeholder { font-size: 18px; color: #797979; font-family: "Playfair Display", serif; } .faq_area .search_form input:-moz-placeholder { font-size: 18px; color: #797979; font-family: "Playfair Display", serif; } .faq_area .search_form input::-moz-placeholder { font-size: 18px; color: #797979; font-family: "Playfair Display", serif; } .faq_area .search_form input::-webkit-input-placeholder { font-size: 18px; color: #797979; font-family: "Playfair Display", serif; } .faq_area .search_form .input-group-append { position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .faq_area .search_form .input-group-append button { padding: 0px; border-radius: 0px; border: none; color: #797979; } .faq_collaps .left_side_collaps .card { border: none; border-radius: 0px; margin-bottom: 30px; } .faq_collaps .left_side_collaps .card .card-header { padding: 0px; background: transparent; border: none; } .faq_collaps .left_side_collaps .card .card-header button { padding: 0px; white-space: normal; text-align: left; position: relative; padding-left: 30px; text-decoration: none; color: #3e606b; font-size: 22px; font-family: "Playfair Display", serif; font-weight: bold; } .faq_collaps .left_side_collaps .card .card-header button i { display: none; position: absolute; left: 0px; top: -4px; color: #3e606b; font-weight: bold; font-size: 28px; font-family: "Montserrat", sans-serif; } .faq_collaps .left_side_collaps .card .card-header button i + i { display: inline-block; } .faq_collaps .left_side_collaps .card .card-header button.collapsed i { display: inline-block; } .faq_collaps .left_side_collaps .card .card-header button.collapsed i + i { display: none; } .faq_collaps .left_side_collaps .card .card-body { font-size: 16px; color: #797979; line-height: 28px; font-family: "Open Sans", sans-serif; padding: 15px 30px 15px 30px; } .faq_form_area { background: #f8f8f8; position: relative; padding: 90px 0px 100px 0px; overflow: hidden; } .faq_form_area:before { content: ""; background: url(../img/faq-form-right.png) no-repeat scroll center center; width: 545px; height: 709px; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .faq_form_area .faq_left_form .faq_title { padding-bottom: 40px; } .faq_form_area .faq_left_form .faq_title h3 { font-size: 36px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; } .faq_form_area .faq_left_form .contact_us_form .form-group input { border: none; border-bottom: 2px solid #e3e3e3; background: transparent; padding: 0px; border-radius: 0px; font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group input.placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group input:-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group input::-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group input::-webkit-input-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group textarea { border: none; border-bottom: 2px solid #e3e3e3; background: transparent; padding: 6px 0px; border-radius: 0px; font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group textarea.placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group textarea:-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group textarea::-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group textarea::-webkit-input-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: rgba(0, 0, 0, 0.7); } .faq_form_area .faq_left_form .contact_us_form .form-group .pest_btn { width: 170px; height: 50px; border-radius: 25px; font-size: 16px; } /* End Faq Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Service Area css ============================================================================================ */ .service_area { background: url(../img/service-bg.jpg) no-repeat scroll center center; background-size: cover; padding: 100px 0px 155px 0px; } .service_item { color: #fff; } .service_item i { font-size: 70px; line-height: 70px; color: #fff; } .service_item i:before { font-size: 70px; } .service_item h4 { font-size: 24px; font-family: "Playfair Display", serif; font-weight: bold; margin: 20px 0px 15px 0px; } .service_item p { font-size: 16px; line-height: 26px; font-family: "Open Sans", sans-serif; padding-right: 30px; margin-bottom: 0px; } .discover_menu_area { position: relative; } .discover_menu_area:before { content: ""; background: url(../img/menu-left.png) no-repeat scroll center center; width: 260px; height: 480px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .discover_menu_area:after { content: ""; background: url(../img/menu-right.png) no-repeat scroll center center; width: 260px; height: 640px; position: absolute; right: 0px; bottom: 0px; } .discover_menu_area.service_menu .discover_menu_inner { margin: 0px; width: 100%; max-width: 100%; } .discover_menu_area.service_menu .discover_menu_inner .s_dis_title { overflow: hidden; } .discover_menu_area.service_menu .discover_menu_inner .s_dis_title .pest_w_btn { margin-top: 35px; } .discover_menu_inner { max-width: 1345px; margin: auto; background: #fff; margin-top: -60px; padding-top: 100px; padding-bottom: 115px; } .discover_menu_inner .main_title { padding-bottom: 40px; } .discover_item_inner .discover_item { border-bottom: 1px dashed #c8c8c8; max-width: 542px; margin-bottom: 20px; } .discover_item_inner .discover_item:last-child { margin-bottom: 0px; border-bottom: none; } .discover_item_inner .discover_item h4 { font-size: 20px; font-family: "Playfair Display", serif; font-weight: bold; color: #242424; margin-bottom: 10px; } .discover_item_inner .discover_item p { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; margin-bottom: 20px; } .discover_item_inner .discover_item p span { float: right; color: #e3764b; font-size: 20px; font-family: "Playfair Display", serif; font-weight: bold; } .menu_d_two .discover_menu_inner { margin: 0px; max-width: 100%; } .menu_d_two .discover_menu_inner .col-lg-12 { text-align: center; } .menu_d_two .discover_menu_inner .pest_btn { margin-top: 65px; line-height: 45px; padding: 0px 26px; } .menu_d_two .discover_menu_inner .pest_w_btn { margin-top: 65px; } .price_list_inner .single_pest_title { margin-bottom: 75px; } .price_list_inner .discover_item_inner .discover_item:last-child { border-bottom: 1px dashed #c8c8c8; } .price_list_inner .our_bakery_image { margin-top: 100px; } /* End Service Area css ============================================================================================ */ /* End Service Area css ============================================================================================ */ .our_bakery_area .our_bakery_text { text-align: center; } .our_bakery_area .our_bakery_text h1 { font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; font-size: 38px; position: relative; margin-bottom: 5px; padding-bottom: 5px; } .our_bakery_area .our_bakery_text h2 { font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; font-size: 36px; position: relative; margin-bottom: 20px; padding-bottom: 15px; } .our_bakery_area .our_bakery_text h2:before { content: ""; width: 40px; height: 1px; background: #acb2b4; position: absolute; left: 50%; bottom: 0px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .our_bakery_area .our_bakery_text h6 { font-size: 20px; font-family: "Lora", serif; color: #242424; line-height: 26px; margin-bottom: 30px; } .our_bakery_area .our_bakery_text p { font-size: 16px; line-height: 26px; color: #797979; margin-bottom: 50px; } /* End Service Area css ============================================================================================ */ /* Our Mission Area css ============================================================================================ */ .our_mission_inner .mission_inner_text h6 { font-size: 20px; line-height: 30px; color: #242424; font-family: "Lora", serif; font-style: italic; margin-bottom: 30px; } .our_mission_inner .mission_inner_text p { font-size: 16px; line-height: 26px; color: #797979; font-family: "Open Sans", sans-serif; margin-bottom: 45px; } .our_mission_inner .mission_inner_text .nav li { margin-right: 40px; } .our_mission_inner .mission_inner_text .nav li a { font-size: 25px; color: #473c3a; font-family: "Playfair Display", serif; font-style: italic; } .our_mission_inner .mission_inner_text .nav li:last-child { margin-right: 0px; } /* End Our Mission Area css ============================================================================================ */ /* Service We Offer Area css ============================================================================================ */ .service_we_offer_area { background: #146689; } .service_we_offer_area .single_w_title { margin-bottom: 50px; } .we_offer_inner { margin-bottom: -30px; } .s_we_item { margin-bottom: 30px; border: 1px dashed #fff; padding: 25px 15px 35px 23px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .s_we_item .media .d-flex { padding-right: 18px; } .s_we_item .media .d-flex i { font-size: 60px; line-height: 60px; color: #fff; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .s_we_item .media .d-flex i:before { font-size: 60px; } .s_we_item .media .media-body h4 { font-size: 22px; font-family: "Playfair Display", serif; font-weight: bold; color: #fff; margin-bottom: 15px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .s_we_item .media .media-body p { font-size: 15px; line-height: 30px; color: #fff; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 0px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .s_we_item:hover { background: #fff; } .s_we_item:hover .media .d-flex i { color: #242424; } .s_we_item:hover .media .media-body h4 { color: #242424; } .s_we_item:hover .media .media-body p { color: #797979; } .s_we_item.gray_s_item { background: #fff; border: 1px dashed #ababab; } .s_we_item.gray_s_item .media .d-flex i { color: #242424; } .s_we_item.gray_s_item .media .media-body h4 { color: #242424; } .s_we_item.gray_s_item .media .media-body p { color: #797979; } .s_we_item.gray_s_item:hover { background: #62c3e7; border-color: #62c3e7; } .s_we_item.gray_s_item:hover .media .d-flex i { color: #fff; } .s_we_item.gray_s_item:hover .media .media-body h4 { color: #fff; } .s_we_item.gray_s_item:hover .media .media-body p { color: #fff; } .gray_service { background: #e8e8e8; } .white_bg { background: #fff; } /* End Service We Offer Area css ============================================================================================ */ /* End Service We Offer Area css ============================================================================================ */ .new_arivals_area .single_pest_title { margin-bottom: 50px; } .arivals_chocolate { position: relative; } .arivals_chocolate .arivals_pic { text-align: right; position: relative; } .arivals_chocolate .arivals_pic .price_text { position: absolute; right: 25px; top: 20px; height: 92px; width: 92px; border-radius: 50%; background: #fff; text-align: center; } .arivals_chocolate .arivals_pic .price_text h5 { margin-bottom: 0px; font-size: 36px; color: #242424; font-family: "Playfair Display", serif; font-weight: bold; line-height: 85px; } .arivals_chocolate .arivals_text { position: absolute; left: 48px; top: 30px; } .arivals_chocolate .arivals_text h4 { font-size: 55px; color: #a5504e; font-family: "Playfair Display", serif; font-weight: bold; } .arivals_chocolate .arivals_text h4 span { display: block; font-style: italic; font-size: 36px; } .arivals_chocolate .arivals_text a { font-size: 34px; color: #a5504e; font-family: "Lora", serif; font-weight: bold; font-style: italic; background: #f7e7d2; border-radius: 5px; display: inline-block; padding: 0px 20px; line-height: 56px; margin-top: 15px; } .arivals_slider .item { padding-bottom: 20px; } .arivals_slider .owl-dots { text-align: center; margin-top: 30px; } .arivals_slider .owl-dots .owl-dot { height: 9px; width: 9px; border-radius: 50%; background: #146689; display: inline-block; margin-right: 10px; } .arivals_slider .owl-dots .owl-dot:last-child { margin-right: 0px; } .arivals_slider .owl-dots .owl-dot.active { background: #414141; } .service_main_item_inner { margin-bottom: -75px; } .service_m_item { text-align: center; margin-bottom: 75px; } .service_m_item .service_img_inner { border: 1px dashed #cecece; display: inline-block; border-radius: 50%; padding: 5px; } .service_m_item .service_img { overflow: hidden; position: relative; z-index: 3; } .service_m_item .service_img:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; opacity: 0; z-index: 1; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .service_m_item .service_img:hover:before { opacity: 1; } .service_m_item .service_text h4 { margin-bottom: 0px; margin-top: 20px; font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; font-size: 20px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .service_m_item .service_text h4:hover { color: #146689; } /* End Service We Offer Area css ============================================================================================ */ /* Special Area css ============================================================================================ */ .special_item_inner .specail_item { border-bottom: 1px solid #e1e1e1; padding-bottom: 100px; padding-top: 100px; } .special_item_inner .specail_item .col-lg-8 { display: -webkit-box; display: -ms-flexbox; display: flex; } .special_item_inner .specail_item .special_item_text { vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .special_item_inner .specail_item:first-child { padding-top: 20px; padding-bottom: 75px; } .special_item_inner .specail_item .special_item_text { padding-left: 30px; max-width: 660px; } .special_item_inner .specail_item .special_item_text h4 { font-size: 43px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 20px; } .special_item_inner .specail_item .special_item_text p { font-size: 20px; line-height: 30px; color: #797979; margin-bottom: 0px; } .special_item_inner .specail_item .special_item_text .pink_btn { margin-top: 30px; } .special_item_inner .specail_item .s_item_left .main_title { padding-bottom: 0px; } .special_item_inner .specail_item .s_item_left .main_title h2 { font-size: 36px; } .special_item_inner .specail_item .s_item_left .list_style li a { font-size: 22px; line-height: 50px; color: #797979; font-family: "Playfair Display", serif; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .special_item_inner .specail_item .s_item_left .list_style li:hover a { color: #146689; } .making_area { padding-bottom: 100px; } .making_area .main_title h2 { font-size: 36px; } .making_area .main_title p { line-height: 26px; font-size: 16px; color: #797979; } .making_area .main_title p + p { margin-top: 28px; } /* End Special Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Client Says Area css ============================================================================================ */ .client_says_area { background: #62c3e7; } .client_says_inner { max-width: 996px; margin: auto; } .client_says_inner .c_says_title { padding-left: 180px; } .client_says_slider .item .media .d-flex { padding-right: 90px; text-align: center; display: block !important; position: relative; } .client_says_slider .item .media .d-flex:before { content: ""; height: 105px; width: 1px; background: #d0edf8; position: absolute; right: 45px; top: 40px; } .client_says_slider .item .media .d-flex img { padding-top: 25px; } .client_says_slider .item .media .d-flex h3 { text-align: center; color: #fff; font-family: Arial; font-size: 120px; line-height: 60px; margin-top: 50px; } .client_says_slider .item .media .media-body p { color: #fff; font-size: 22px; line-height: 28px; letter-spacing: .66px; font-family: "Lora", serif; padding-top: 40px; margin-bottom: 0px; } .client_says_slider .item .media .media-body h5 { color: #fff; font-size: 20px; line-height: 28px; letter-spacing: .66px; font-family: "Lora", serif; font-style: italic; margin-bottom: 0px; padding-top: 30px; } .client_says_slider .client_says_slider { position: absolute; right: 0px; top: -45px; } .client_says_slider .client_says_slider .owl-prev { margin-right: 10px; } .client_says_slider .client_says_slider .owl-prev, .client_says_slider .client_says_slider .owl-next { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; text-align: center; line-height: 36px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; color: #fff; } .client_says_slider .client_says_slider .owl-prev:hover, .client_says_slider .client_says_slider .owl-next:hover { background: #146689; color: #fff; border-color: #146689; cursor: pointer; } /* End Client Says Area css ============================================================================================ */ /* Testimonials Area css ============================================================================================ */ .testimonials_item_area .testi_item_inner { max-width: 1030px; margin: 0px auto -75px; } .testimonials_item_area .testi_item_inner .media { margin-bottom: 75px; } .testimonials_item_area .testi_item_inner .media .d-flex { padding-right: 90px; text-align: center; display: block !important; position: relative; } .testimonials_item_area .testi_item_inner .media .d-flex:before { content: ""; height: 105px; width: 1px; background: #a1a1a1; position: absolute; right: 45px; top: 40px; } .testimonials_item_area .testi_item_inner .media .d-flex img { padding-top: 25px; } .testimonials_item_area .testi_item_inner .media .d-flex h3 { text-align: center; color: #e8e8e8; font-family: Arial; font-size: 120px; line-height: 60px; margin-top: 50px; } .testimonials_item_area .testi_item_inner .media .media-body p { color: #797979; font-size: 22px; line-height: 28px; letter-spacing: .66px; font-family: "Lora", serif; padding-top: 40px; margin-bottom: 0px; } .testimonials_item_area .testi_item_inner .media .media-body h5 { color: #3e606b; font-size: 20px; line-height: 28px; letter-spacing: .66px; font-family: "Open Sans", sans-serif; font-style: italic; margin-bottom: 0px; padding-top: 30px; } /* End Testimonials Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Our Chef Area css ============================================================================================ */ .our_chef_area { background: #f6f6f6; } .our_chef_inner { margin-bottom: -50px; } .chef_text_item .main_title p { font-size: 16px; line-height: 26px; font-family: "Open Sans", sans-serif; color: #797979; font-style: normal; } .chef_item { text-align: center; margin-bottom: 50px; } .chef_item .chef_img { overflow: hidden; position: relative; } .chef_item .chef_img img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .chef_item .chef_img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .chef_item .chef_img:before { content: ""; background: rgba(98, 195, 231, 0.9); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .chef_item .chef_img .list_style { position: absolute; left: 0px; width: 100%; text-align: center; z-index: 2; bottom: 0px; opacity: 0; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .chef_item .chef_img .list_style li { display: inline-block; margin-right: 20px; } .chef_item .chef_img .list_style li:last-child { margin-right: 0px; } .chef_item .chef_img .list_style li a { color: #fff; font-size: 24px; } .chef_item h4 { font-size: 18px; font-family: "Playfair Display", serif; font-weight: bold; color: #242424; margin-top: 18px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .chef_item h4:hover { color: #146689; } .chef_item h5 { font-size: 16px; font-family: "Lora", serif; color: #797979; font-style: italic; margin-bottom: 0px; } .chef_item:hover .chef_img:before { opacity: 1; } .chef_item:hover .chef_img .list_style { bottom: 30px; opacity: 1; } /* End Our Chef Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Latest Blog Area css ============================================================================================ */ .latest_news_area.gray_bg { background: #f5f5f5; } .latest_news_area.golden_bg { background: #f7f0e4; } .l_news_image { position: relative; overflow: hidden; } .l_news_image .l_news_hover { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; bottom: 35px; color: #fff; max-width: 300px; } .l_news_image .l_news_hover h5 { font-size: 13px; font-family: "Open Sans", sans-serif; color: #fff; margin-bottom: 15px; } .l_news_image .l_news_hover h4 { font-size: 22px; color: #fff; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 0px; } .l_news_item .l_news_img { position: relative; overflow: hidden; } .l_news_item .l_news_img:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .l_news_item .l_news_img img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .l_news_item .l_news_img:hover { cursor: pointer; } .l_news_item .l_news_img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); cursor: pointer; } .l_news_item .l_news_img:hover:hover:before { opacity: 1; } .l_news_item .l_news_text h5 { font-size: 13px; color: #242424; font-family: "Open Sans", sans-serif; margin-top: 25px; } .l_news_item .l_news_text h4 { font-size: 22px; font-family: "Playfair Display", serif; font-weight: bold; color: #242424; margin-bottom: 15px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .l_news_item .l_news_text h4:hover { color: #146689; } .l_news_item .l_news_text p { font-size: 15px; line-height: 26px; color: #797979; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } /* End Latest Blog Area css ============================================================================================ */ /* Main Blog Area css ============================================================================================ */ .main_blog_inner { padding-right: 30px; } .main_blog_column { margin-bottom: -80px; } .main_blog_column .col-lg-6 { margin-bottom: 80px; } .blog_item { margin-bottom: 80px; } .blog_item:last-child { margin-bottom: 0px; } .blog_item .blog_img { overflow: hidden; position: relative; z-index: 2; cursor: pointer; } .blog_item .blog_img:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; } .blog_item .blog_img img { -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .blog_item .blog_img:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .blog_item .blog_img:hover:before { opacity: 1; } .blog_item .blog_text .blog_time { overflow: hidden; border-bottom: 1px solid #e4e4e4; } .blog_item .blog_text .blog_time .float-left a { color: #146689; font-family: "Open Sans", sans-serif; font-weight: bold; line-height: 65px; } .blog_item .blog_text .blog_time .float-right .list_style li { display: inline-block; margin-right: 25px; } .blog_item .blog_text .blog_time .float-right .list_style li a { line-height: 65px; font-size: 16px; color: #b8b8b8; font-family: "Open Sans", sans-serif; font-weight: 600; position: relative; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .blog_item .blog_text .blog_time .float-right .list_style li a:before { content: "/"; position: absolute; top: 50%; right: -17px; font-size: 16px; color: #b8b8b8; font-family: "Open Sans", sans-serif; font-weight: 600; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog_item .blog_text .blog_time .float-right .list_style li:hover a { color: #146689; } .blog_item .blog_text .blog_time .float-right .list_style li:last-child { margin-right: 0px; } .blog_item .blog_text .blog_time .float-right .list_style li:last-child a:before { display: none; } .blog_item .blog_text h1 { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; margin: 35px 0px 20px 0px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .blog_item .blog_text h4 { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; margin: 35px 0px 20px 0px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .blog_item .blog_text h4:hover { color: #146689; } .blog_item .blog_text p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 28px; color: #797979; margin-bottom: 25px; } .r_widget { margin-bottom: 40px; } .r_widget:last-child { margin-bottom: 0px; } .r_title { margin-bottom: 25px; } .r_title h3 { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; display: inline-block; position: relative; margin-bottom: 0px; } .r_title h3:before { content: ""; width: 25px; height: 1px; background: #acb2b4; position: absolute; right: -35px; bottom: 5px; } .search_widget .input-group { display: block; } .search_widget .input-group input { width: 100%; border-radius: 0px; outline: none; -webkit-box-shadow: none; box-shadow: none; height: 52px; font-size: 15px; color: #7a7a7a; font-family: "Open Sans", sans-serif; border: 1px solid #d3d3d3; } .search_widget .input-group input.placeholder { font-size: 15px; color: #7a7a7a; font-family: "Open Sans", sans-serif; } .search_widget .input-group input:-moz-placeholder { font-size: 15px; color: #7a7a7a; font-family: "Open Sans", sans-serif; } .search_widget .input-group input::-moz-placeholder { font-size: 15px; color: #7a7a7a; font-family: "Open Sans", sans-serif; } .search_widget .input-group input::-webkit-input-placeholder { font-size: 15px; color: #7a7a7a; font-family: "Open Sans", sans-serif; } .search_widget .input-group .input-group-append { position: absolute; right: 12px; top: 51%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; } .search_widget .input-group .input-group-append .btn { padding: 0px; margin-left: 0px; background: transparent; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .search_widget .input-group .input-group-append .btn i { font-size: 16px; color: #414141; } .categories_widget .list_style { margin-top: -5px; } .categories_widget .list_style li a { display: block; border-bottom: 1px solid #e6e6e6; font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; line-height: 42px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .categories_widget .list_style li a i { float: right; line-height: 42px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; left: 0px; position: relative; } .categories_widget .list_style li:last-child a { border-bottom: 0px; } .categories_widget .list_style li:hover a { color: #146689; } .categories_widget .list_style li:hover a i { position: relative; left: -4px; } .recent_widget .recent_w_inner .media { margin-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #e1e1e1; } .recent_widget .recent_w_inner .media .d-flex { padding-right: 22px; } .recent_widget .recent_w_inner .media .media-body h4 { font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #242424; line-height: 20px; margin-bottom: 0px; margin-top: -3px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .recent_widget .recent_w_inner .media .media-body h4:hover { color: #146689; } .recent_widget .recent_w_inner .media .media-body p { font-size: 14px; color: #9a9a9a; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 0px; } .recent_widget .recent_w_inner .media:first-child { margin-top: 0px; } .recent_widget .recent_w_inner .media:last-child { border-bottom: 0px; padding-bottom: 0px; } .tags_widget .list_style { margin-right: -7px; margin-bottom: -10px; } .tags_widget .list_style li { display: inline-block; margin-right: 7px; margin-bottom: 10px; } .tags_widget .list_style li a { border: 1px solid #e4e4e4; font-size: 14px; color: #a6a6a6; font-family: "Open Sans", sans-serif; font-weight: 600; display: inline-block; padding: 0px 16px; line-height: 36px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .tags_widget .list_style li:hover a { color: #fff; background: #94c9d9; border-color: #94c9d9; } .blog_pagination { margin-top: 60px; } .blog_pagination .pagination { margin-bottom: 0px; } .blog_pagination .pagination li { display: inline-block; margin-right: 10px; } .blog_pagination .pagination li a { border: 2px solid #bababa; border-radius: 50% !important; height: 43px; width: 43px; text-align: center; line-height: 40px; padding: 0px; color: #bababa; font-size: 16px; font-family: "Open Sans", sans-serif; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .blog_pagination .pagination li:last-child { margin-right: 0px; } .blog_pagination .pagination li:hover a, .blog_pagination .pagination li.active a { background: #146689; color: #fff; border-color: #146689; } /* End Main Blog Area css ============================================================================================ */ /* Single Blog Area css ============================================================================================ */ .b_single_text { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 25px; } .single_blog_inner .blog_item { margin-bottom: 0px; } .two_column_text { margin-bottom: 55px; } .two_column_text p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 26px; color: #797979; margin-bottom: 0px; font-weight: normal; } .single_element_text p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 26px; color: #797979; margin-bottom: 0px; font-weight: normal; } .single_element_text p a { color: #146689; text-decoration: underline; } .cm_title_br { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; margin-bottom: 30px; position: relative; display: inline-block; } .cm_title_br:before { content: ""; width: 25px; background: #acb2b4; position: absolute; right: -45px; height: 1px; bottom: 5px; } .s_comment_list { margin-top: 45px; } .s_comment_list .s_comment_list_inner { border: 1px solid #eeeeee; } .s_comment_list .s_comment_list_inner .media { padding-top: 25px; padding-bottom: 28px; padding-left: 25px; padding-right: 75px; margin-top: 0px; border-bottom: 1px solid #eeeeee; } .s_comment_list .s_comment_list_inner .media .d-flex { padding-right: 30px; } .s_comment_list .s_comment_list_inner .media .media-body h4 { font-size: 15px; font-family: "Playfair Display", serif; letter-spacing: .45px; line-height: normal; color: #3e606b; font-weight: bold; margin-bottom: 8px; } .s_comment_list .s_comment_list_inner .media .media-body p { font-size: 16px; font-family: "Open Sans", sans-serif; color: #898989; line-height: 26px; margin-bottom: 0px; } .s_comment_list .s_comment_list_inner .media .media-body .date_rep { margin-top: 10px; } .s_comment_list .s_comment_list_inner .media .media-body .date_rep a { font-size: 14px; font-family: "Open Sans", sans-serif; letter-spacing: .39px; color: #aeaeae; margin-right: 20px; position: relative; } .s_comment_list .s_comment_list_inner .media .media-body .date_rep a:before { content: ""; background: #aeaeae; height: 13px; width: 1px; position: absolute; right: -12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .s_comment_list .s_comment_list_inner .media .media-body .date_rep a:last-child { color: #146689; } .s_comment_list .s_comment_list_inner .media .media-body .date_rep a:last-child:before { display: none; } .s_comment_list .s_comment_list_inner .media .media-body .media { background: transparent; padding-left: 0px; padding-top: 40px; padding-right: 0px; } .s_comment_list .s_comment_list_inner .media:nth-child(even) { background: #fcfcfc; } .s_comment_list .s_comment_list_inner .media:last-child { border-bottom: none; } .s_comment_area { margin-top: 60px; } .s_comment_area .s_comment_inner { background: #f7f7f7; border: 1px solid #eeeeee; padding: 50px 35px; } .s_comment_area .s_comment_inner .contact_us_form .form-group { margin-bottom: 20px; } .s_comment_area .s_comment_inner .contact_us_form .form-group input { background: #fff; font-size: 17px; color: #afaeae; height: 45px; border: 1px solid #eeeeee; border-radius: 0px; padding: 0px 20px; -webkit-box-shadow: none; box-shadow: none; background: #fff; font-family: "Playfair Display", serif; line-height: 45px; } .s_comment_area .s_comment_inner .contact_us_form .form-group input.placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; line-height: 45px; } .s_comment_area .s_comment_inner .contact_us_form .form-group input:-moz-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; line-height: 45px; } .s_comment_area .s_comment_inner .contact_us_form .form-group input::-moz-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; line-height: 45px; } .s_comment_area .s_comment_inner .contact_us_form .form-group input::-webkit-input-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; line-height: 45px; } .s_comment_area .s_comment_inner .contact_us_form .form-group textarea { background: #fff; border-color: #eeeeee; -webkit-box-shadow: none; box-shadow: none; height: 172px; padding: 15px 20px; border-radius: 0px; resize: none; font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; } .s_comment_area .s_comment_inner .contact_us_form .form-group textarea.placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; } .s_comment_area .s_comment_inner .contact_us_form .form-group textarea:-moz-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; } .s_comment_area .s_comment_inner .contact_us_form .form-group textarea::-moz-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; } .s_comment_area .s_comment_inner .contact_us_form .form-group textarea::-webkit-input-placeholder { font-size: 17px; color: #afaeae; font-family: "Playfair Display", serif; } .s_comment_area .s_comment_inner .contact_us_form .form-group:last-child { margin-top: 20px; margin-bottom: 0px; } .s_comment_area .s_comment_inner .contact_us_form .form-group .order_s_btn { background: #146689; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; padding: 0px 45px; } /* End Single Blog Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Newsletter Area css ============================================================================================ */ .newsletter_area { background: #146689; padding: 35px 0px; } .newsletter_area.gray_bg { background: #f5f5f5; padding-top: 0px; padding-bottom: 0px; } .newsletter_area.gray_bg .newsletter_inner { border-top: 1px solid #d4d4d4; padding-top: 55px; padding-bottom: 65px; } .newsletter_area.gray_bg .newsletter_inner .news_left_text h4 { color: #242424; } .newsletter_area.gray_bg .newsletter_inner .newsletter_form .input-group .input-group-append button { background: #146689; color: #fff; } .newsletter_inner .news_left_text h4 { color: #fff; margin-bottom: 0px; font-size: 24px; font-family: "Playfair Display", serif; font-weight: bold; max-width: 480px; } .newsletter_form .input-group { -webkit-box-shadow: 0px 0px 15px 0px rgba(40, 40, 40, 0.1); box-shadow: 0px 0px 15px 0px rgba(40, 40, 40, 0.1); margin-top: 3px; } .newsletter_form .input-group input { background: #fff; border: none; height: 50px; padding: 0px 25px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .newsletter_form .input-group input.placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: #afaeae; font-weight: normal; } .newsletter_form .input-group input:-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: #afaeae; font-weight: normal; } .newsletter_form .input-group input::-moz-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: #afaeae; font-weight: normal; } .newsletter_form .input-group input::-webkit-input-placeholder { font-size: 18px; font-family: "Playfair Display", serif; color: #afaeae; font-weight: normal; } .newsletter_form .input-group .input-group-append { margin: 0px; } .newsletter_form .input-group .input-group-append button { margin-left: 0px; border: none; background: #e6dbdf; font-size: 14px; font-family: "Open Sans", sans-serif; width: 170px; font-weight: 600; padding: 0px; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* End Newsletter Area css ============================================================================================ */ /* Order Now Area css ============================================================================================ */ .order_now_area { padding-bottom: 100px; } .order_now_form { padding-left: 100px; padding-right: 100px; background: #fff; } .order_now_form .form-group { margin-bottom: 20px; } .order_now_form .form-group input { border: 1px solid #e8e8e8; -webkit-box-shadow: none; box-shadow: none; outline: none; height: 48px; padding: 0px 22px; font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group input.placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group input:-moz-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group input::-moz-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group input::-webkit-input-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group textarea { border: 1px solid #e8e8e8; -webkit-box-shadow: none; box-shadow: none; outline: none; height: 150px; padding: 15px 22px; font-size: 16px; font-family: "Playfair Display", serif; color: #797979; resize: none; } .order_now_form .form-group textarea.placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group textarea:-moz-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group textarea::-moz-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group textarea::-webkit-input-placeholder { font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group .product_select { width: 100%; height: 48px; font-size: 16px; font-family: "Playfair Display", serif; color: #797979; } .order_now_form .form-group .product_select .current { line-height: 45px; } .order_now_form .form-group .product_select:after { display: none; } .order_now_form .form-group .product_select .list { width: 100%; } .order_now_form .form-group .order_s_btn { text-align: center; margin: auto; display: block; } .order_now_form .form-group:last-child { margin-top: 30px; margin-bottom: 0px; } /* End Order Now Area css ============================================================================================ */ /* Contact Us Area css ============================================================================================ */ .contact_form_area .main_title { padding-bottom: 55px; } .contact_us_form .form-group { margin-bottom: 20px; } .contact_us_form .form-group:last-child { margin-bottom: 0px; margin-top: 20px; } .contact_us_form .form-group input { height: 48px; border-radius: 3px; border: 1px solid #ededed; padding: 0px 20px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; outline: none; -webkit-box-shadow: none; box-shadow: none; } .contact_us_form .form-group input.placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group input:-moz-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group input::-moz-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group input::-webkit-input-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group textarea { height: 206px; border-radius: 3px; border: 1px solid #ededed; padding: 20px 20px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; outline: none; -webkit-box-shadow: none; box-shadow: none; resize: none; } .contact_us_form .form-group textarea.placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group textarea:-moz-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group textarea::-moz-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group textarea::-webkit-input-placeholder { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .contact_us_form .form-group .order_s_btn { background: #146689; font-size: 14px; font-family: "Open Sans", sans-serif; font-weight: 600; padding: 0px 48px; } .contact_details .contact_d_item { margin-bottom: 40px; } .contact_details .contact_d_item:last-child { margin-bottom: 0px; } .contact_details .contact_d_item h3 { font-size: 18px; font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; margin-bottom: 15px; } .contact_details .contact_d_item p { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; line-height: 26px; margin-bottom: 0px; } .contact_details .contact_d_item p + p { margin-top: 10px; } .contact_details .contact_d_item h5 { font-size: 18px; font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; } .contact_details .contact_d_item h5 a { font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; line-height: 26px; font-weight: normal; } .contact_details .contact_d_item h5 + h5 { margin-bottom: 0px; } .map_area .mapBox { min-height: 485px; } /* End Contact Us Area css ============================================================================================ */ /* Search Popup Area css ============================================================================================ */ .search_area { position: relative; max-width: 950px; margin: auto; } .search_area .search_box_inner { background: #1a1a1c; padding: 100px 60px; display: block; overflow: hidden; } .search_area .search_box_inner h3 { padding-bottom: 20px; font-family: "Playfair Display", serif; font-size: 22px; text-transform: uppercase; color: #fff; letter-spacing: .48px; } .search_area .search_box_inner .input-group { display: block; position: relative; } .search_area .search_box_inner .input-group input { background: transparent; border-radius: 0px; outline: none; height: 50px; padding: 0px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid #fff; color: #666; font-family: "Playfair Display", serif; font-size: 14px; letter-spacing: .28px; width: 100%; } .search_area .search_box_inner .input-group input.placeholder { color: #666; font-family: "Playfair Display", serif; font-size: 14px; letter-spacing: .28px; } .search_area .search_box_inner .input-group input:-moz-placeholder { color: #666; font-family: "Playfair Display", serif; font-size: 14px; letter-spacing: .28px; } .search_area .search_box_inner .input-group input::-moz-placeholder { color: #666; font-family: "Playfair Display", serif; font-size: 14px; letter-spacing: .28px; } .search_area .search_box_inner .input-group input::-webkit-input-placeholder { color: #666; font-family: "Playfair Display", serif; font-size: 14px; letter-spacing: .28px; } .search_area .search_box_inner .input-group .input-group-btn { position: absolute; right: 5px; top: 12px; z-index: 4; } .search_area .search_box_inner .input-group .input-group-btn .btn-default { padding: 0px; border: none; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; color: #666; font-family: "Playfair Display", serif; font-size: 16px; letter-spacing: .28px; } .search_area .mfp-close { right: 0px; color: #fff; } /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* End Search Popup Area css ============================================================================================ */ /* Contact Success and error Area css ============================================================================================ */ .modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) !important; -ms-transform: translateX(-50%) translateY(-50%) !important; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100%; } .modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px; } .modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer; } .modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; color: #146689; padding-bottom: 10px; font-family: "Playfair Display", serif; } .modal-message .modal-dialog .modal-content .modal-header p { display: block; } /* End Contact Success and error Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Bakery Video Area css ============================================================================================ */ .bakery_video_area { background: url(../img/video/video-1.jpg) no-repeat scroll center center; background-size: cover; padding: 120px 0px; } .bakery_video_area .video_inner { text-align: center; color: #fff; } .bakery_video_area .video_inner h3 { font-size: 70px; font-family: "Playfair Display", serif; font-weight: bold; margin: 0px; } .bakery_video_area .video_inner p { font-size: 25px; line-height: 39px; font-family: "Lora", serif; max-width: 900px; margin: 10px auto 30px; } .bakery_video_area .video_inner .media { max-width: 250px; margin: auto; } .bakery_video_area .video_inner .media .d-flex { display: inline-block; padding-right: 20px; } .bakery_video_area .video_inner .media .d-flex i { font-size: 64px; line-height: 64px; color: #fff; } .bakery_video_area .video_inner .media .d-flex i:before { font-size: 64px; } .bakery_video_area .video_inner .media .media-body { text-align: left; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .bakery_video_area .video_inner .media .media-body h5 { font-size: 16px; line-height: 26px; color: #fff; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } /* End Bakery Video Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Portfolio Area css ============================================================================================ */ .portfolio_filter { text-align: center; margin-bottom: 55px; } .portfolio_filter ul li { display: inline-block; margin-right: 30px; } .portfolio_filter ul li a { text-align: center; font-size: 22px; color: #3e606b; font-family: "Lora", serif; font-style: italic; font-weight: bold; position: relative; display: inline-block; } .portfolio_filter ul li a:before { content: ""; width: 100%; height: 2px; background: #146689; position: absolute; left: 0px; bottom: -4px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .portfolio_filter ul li:last-child { margin-right: 0px; } .portfolio_filter ul li:hover a:before, .portfolio_filter ul li.active a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .grid_portfolio_area { margin-bottom: -35px; } .portfolio_item { text-align: center; margin-bottom: 35px; } .portfolio_item .portfolio_img { position: relative; overflow: hidden; z-index: 3; } .portfolio_item .portfolio_img a { display: block; position: relative; } .portfolio_item .portfolio_img a:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .portfolio_item .portfolio_img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .portfolio_item .portfolio_text h4 { font-size: 18px; color: #3e606b; font-family: "Playfair Display", serif; margin-top: 25px; margin-bottom: 0px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .portfolio_item .portfolio_text h4:hover { color: #146689; } .portfolio_item:hover .portfolio_img a:before { opacity: 1; } .portfolio_item:hover .portfolio_img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .portfolio_full { padding-right: 15px; padding-left: 15px; } .portfolio_full_width_area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portfolio_full_width_area .portfolio_full_item { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } /* End Portfolio Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Coming Soon Area css ============================================================================================ */ .coming_soon { position: relative; overflow: hidden; background: url("../img/comming-bg.jpg") no-repeat scroll center 0; background-size: cover; min-height: 100vh; padding: 160px 0px; } .coming_soon:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.68); } .coming_soon_contain { position: relative; z-index: 1; } .welcome-text-area { color: #ffffff; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; position: relative; z-index: 2; text-align: center; } .welcome-text-area p { font-size: 28px; line-height: 34px; font-weight: bold; font-family: "Playfair Display", serif; padding-top: 60px; } .coming-header { font: 800 80px "Playfair Display", serif; text-transform: capitalize; } .coming_soon_counter { max-width: 800px; margin: 80px auto 0px; overflow: hidden; } .coming_soon_counter .counter-item { width: 170px; border: 2px solid #146689; height: 170px; float: left; padding: 33px 0px; border-radius: 50%; font-family: "Open Sans", sans-serif; font-weight: bold; color: #146689; margin: 0px 15px; } .coming_soon_counter .counter-item span { font-size: 65px; line-height: 65px; } .coming_soon_counter .counter-item .smalltext { font-size: 20px; line-height: 40px; letter-spacing: 0px; text-transform: uppercase; position: relative; } .c-search-form { max-width: 770px; margin: 60px auto 0px; } .c-search-form .input-group .form-control { border: 0px; color: #797979; padding-left: 30px; font: normal 18px/75px "Playfair Display", serif; letter-spacing: 0.26px; background: #fff; height: 76px; padding: 0px 30px; border-radius: 0px; border: none; -webkit-box-shadow: none; box-shadow: none; } .c-search-form .input-group .form-control.placeholder { color: #797979; font-size: 18px; font-family: "Playfair Display", serif; font-weight: normal; } .c-search-form .input-group .form-control:-moz-placeholder { color: #797979; font-size: 18px; font-family: "Playfair Display", serif; font-weight: normal; } .c-search-form .input-group .form-control::-moz-placeholder { color: #797979; font-size: 18px; font-family: "Playfair Display", serif; font-weight: normal; } .c-search-form .input-group .form-control::-webkit-input-placeholder { color: #797979; font-size: 18px; font-family: "Playfair Display", serif; font-weight: normal; } .c-search-form .input-group .input-group-addon { background: none; -webkit-box-shadow: none; box-shadow: none; border: 0px; padding: 0px; } .c-search-form .input-group .input-group-addon button { letter-spacing: 0.44px; border: 0px; border-radius: 0px; color: #fff; height: 76px; background: #146689; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 22px; font-family: "Open Sans", sans-serif; font-weight: bold; width: 195px; text-align: center; cursor: pointer; position: relative; overflow: hidden; } .c-search-form .input-group .input-group-addon button:before { background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; } .c-search-form .input-group .input-group-addon button:hover, .c-search-form .input-group .input-group-addon button:focus { background: #146689; color: #fff; outline: none; } .c-search-form .input-group .input-group-addon button:hover:before, .c-search-form .input-group .input-group-addon button:focus:before { left: 120%; -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); } /* End Coming Soon Area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Product Area css ============================================================================================ */ .product_area { background: url(../img/shop-page-bg.png) no-repeat scroll center center; background-size: cover; } .product_inner_row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .product_inner_row .product_item_inner { margin-bottom: -30px; } .product_inner_row .product_item_inner .cake_feature_item { margin-bottom: 30px; } .product_inner_row .product_task_bar { margin-bottom: 50px; } .product_task_bar { background: #fff; padding: 0px 15px 0px 30px; border: 1px solid #e8e8e8; border-radius: 4px; } .product_task_bar .product_task_inner { width: 100%; } .product_task_bar .product_task_inner .float-left a { font-size: 12px; color: #dddddd; line-height: 53px; } .product_task_bar .product_task_inner .float-left a + a { margin-left: 7px; } .product_task_bar .product_task_inner .float-left a.active { color: #dd7175; } .product_task_bar .product_task_inner .float-left span { font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; line-height: 53px; margin-left: 20px; } .product_task_bar .product_task_inner .float-right h4 { display: inline-block; line-height: 53px; color: #797979; font-size: 14px; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } .product_task_bar .product_task_inner .float-right .short { display: inline-block; float: none; border: none; padding-left: 0px; padding-right: 45px; height: auto; line-height: 53px; } .product_task_bar .product_task_inner .float-right .short .current { color: #797979; font-size: 14px; font-family: "Open Sans", sans-serif; } .product_task_bar .product_task_inner .float-right .short:after { content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; border: none; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: -7px; color: #a0a0a0; } .left_sidebar { margin-bottom: 45px; } .left_sidebar.search_widget .input-group input { border-color: #e8e8e8; border-radius: 4px; } .p_w_title { padding-bottom: 22px; } .p_w_title h3 { font-size: 24px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; display: inline-block; position: relative; margin-bottom: 0px; } .p_w_title h3:before { content: ""; width: 25px; height: 1px; background: #acb2b4; position: absolute; right: -50px; bottom: 4px; } .p_catgories_widget .list_style li a { display: block; border-bottom: 1px solid #e5e5e5; font-size: 16px; font-family: "Open Sans", sans-serif; color: #242424; line-height: 42px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .p_catgories_widget .list_style li:hover a { color: #146689; } .p_price_widget .filter_price { position: relative; } .p_price_widget .filter_price .ui-slider { border: none; background: #d1d1d1; border-radius: 0px; height: 6px; margin-bottom: 18px; } .p_price_widget .filter_price .ui-slider .ui-slider-range { background: #3e606b; } .p_price_widget .filter_price .ui-slider .ui-slider-handle { width: 7px; height: 24px; background: #d1d1d1; border-radius: 0px; border: none; margin-left: -5px; top: -10px; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .p_price_widget .filter_price label { font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; } .p_price_widget .filter_price input { background: transparent; border-radius: 0px; border: none; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; } .p_price_widget .filter_price a { position: absolute; right: 0px; font-size: 14px; color: #3e606b; font-family: "Open Sans", sans-serif; } .p_sale_widget .media { margin-top: 20px; } .p_sale_widget .media .d-flex { padding-right: 22px; } .p_sale_widget .media .media-body h4 { font-size: 20px; font-family: "Playfair Display", serif; color: #242424; margin-bottom: 5px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .p_sale_widget .media .media-body h4:hover { color: #146689; } .p_sale_widget .media .media-body .list_style li { display: inline-block; } .p_sale_widget .media .media-body .list_style li a { color: #d6d2d5; font-size: 12px; line-height: 12px; } .p_sale_widget .media .media-body h5 { font-size: 20px; font-family: "Playfair Display", serif; color: #242424; font-style: italic; margin-top: 5px; margin-bottom: 0px; } .p_sale_widget .media:nth-child(2) { margin-top: 0px; } .product_pagination { overflow: hidden; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #dddddd; margin-top: 80px; } .product_pagination .left_btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .product_pagination .left_btn a { line-height: 46px; border: 1px solid #e1e1e1; border-radius: 3px; background: #fff; display: inline-block; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; padding: 0px 25px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .product_pagination .left_btn a i { padding-right: 30px; } .product_pagination .left_btn a:hover { background: #146689; border-color: #146689; color: #fff; } .product_pagination .middle_list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .product_pagination .middle_list .pagination { margin-bottom: 0px; border: none; } .product_pagination .middle_list .pagination li { display: inline-block; margin-right: 8px; } .product_pagination .middle_list .pagination li a { border: none; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; line-height: 44px; padding: 0px 18px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .product_pagination .middle_list .pagination li:hover a, .product_pagination .middle_list .pagination li.active a { background: #146689; color: #fff; border-color: #146689; } .product_pagination .right_btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .product_pagination .right_btn a { line-height: 46px; border: 1px solid #e1e1e1; border-radius: 3px; background: #fff; display: inline-block; font-size: 14px; font-family: "Open Sans", sans-serif; color: #797979; padding: 0px 25px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .product_pagination .right_btn a i { padding-left: 30px; } .product_pagination .right_btn a:hover { background: #146689; border-color: #146689; color: #fff; } /* Product Area css ============================================================================================ */ /* Product Details Area css ============================================================================================ */ .product_details_area .product_d_price { margin-bottom: 80px; } .product_details_area .product_d_price .product_img { padding-right: 45px; } .product_details_text h4 { font-size: 36px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; border-bottom: 1px solid #eaeaea; margin-bottom: 0px; padding-bottom: 20px; } .product_details_text p { font-size: 16px; line-height: 26px; color: #797979; font-family: "Open Sans", sans-serif; border-bottom: 1px solid #eaeaea; margin-bottom: 0px; padding: 30px 0px; } .product_details_text h5 { font-size: 18px; color: #242424; font-family: "Open Sans", sans-serif; font-weight: 600; padding: 25px 0px; } .product_details_text h5 span { font-size: 22px; } .product_details_text .quantity_box { margin-bottom: 40px; } .product_details_text .quantity_box label { font-size: 18px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #242424; padding-right: 25px; } .product_details_text .quantity_box input { width: 40px; height: 35px; border: 1px solid #eaeaea; text-align: center; outline: none; -webkit-box-shadow: none; box-shadow: none; font-size: 18px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; } .product_details_text .quantity_box input.placeholder { font-size: 18px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; } .product_details_text .quantity_box input:-moz-placeholder { font-size: 18px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; } .product_details_text .quantity_box input::-moz-placeholder { font-size: 18px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; } .product_details_text .quantity_box input::-webkit-input-placeholder { font-size: 18px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; } .product_details_text .pink_more { line-height: 54px; padding: 0px 45px; font-size: 18px; font-weight: 600; font-family: "Open Sans", sans-serif; } .product_tab_area .nav.nav-tabs { border-bottom: 1px solid #e2e2e2; } .product_tab_area .nav.nav-tabs a { margin-right: 10px; border-radius: 0px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #fff; background: #146689; border-color: #146689; padding: 0px 24px; line-height: 46px; font-weight: 600; position: relative; } .product_tab_area .nav.nav-tabs a:before { content: ""; width: 101%; height: 3px; background: #146689; left: -1px; top: -1px; position: absolute; z-index: 1; } .product_tab_area .nav.nav-tabs a.active { border-color: #e2e2e2; border-bottom-color: transparent; background: #fff; color: #242424; } .product_tab_area .nav.nav-tabs a:last-child { margin-right: 0px; } .product_tab_area .tab-content { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 50px 60px 80px 35px; } .product_tab_area .tab-content .tab-pane p { font-size: 16px; font-family: "Open Sans", sans-serif; line-height: 26px; color: #797979; margin-bottom: 30px; } .product_tab_area .tab-content .tab-pane p:last-child { margin-bottom: 0px; } .similar_product_area { background: #f6f6f6; } .similar_product_area .main_title h2 { margin-bottom: 0px; } /* Product Details Area css ============================================================================================ */ /* Cart Page Area css ============================================================================================ */ .cart_table_area .table-responsive .table { border: 1px solid #ebebeb; margin-bottom: 50px; } .cart_table_area .table-responsive .table thead { background: #f9f9f9; } .cart_table_area .table-responsive .table thead tr th { border: 1px solid #ebebeb; line-height: 56px; padding: 0px; color: #3e606b; font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; } .cart_table_area .table-responsive .table thead tr th:first-child { width: 246px; padding: 0px 35px; } .cart_table_area .table-responsive .table thead tr th:nth-child(2) { width: 214px; padding: 0px 20px; } .cart_table_area .table-responsive .table thead tr th:nth-child(3) { width: 145px; padding: 0px 20px; } .cart_table_area .table-responsive .table thead tr th:nth-child(4) { width: 230px; padding: 0px 20px; } .cart_table_area .table-responsive .table thead tr th:nth-child(5) { width: 196px; padding: 0px 20px; } .cart_table_area .table-responsive .table tbody tr { border-bottom: 1px solid #ebebeb; } .cart_table_area .table-responsive .table tbody tr td { padding: 25px 25px; border-right: 1px solid #ebebeb; vertical-align: middle; -ms-flex-item-align: center; align-self: center; font-size: 16px; font-family: "Open Sans", sans-serif; color: #797979; } .cart_table_area .table-responsive .table tbody tr td .product_select { width: 96px; border-radius: 0px; padding: 0px; height: 42px; border: 1px solid #ebebeb; text-align: center; padding-left: 22px; } .cart_table_area .table-responsive .table tbody tr td .product_select:after { content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; border: none; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: -7px; right: 16px; } .cart_table_area .table-responsive .table tbody tr td .product_select:before { content: ""; height: 100%; width: 1px; background: #ebebeb; right: 36px; position: absolute; top: 0px; } .cart_table_area .table-responsive .table tbody tr td:first-child { text-align: center; } .cart_table_area .table-responsive .table tbody tr td:nth-child(5) { font-size: 17px; font-weight: 600; } .cart_table_area .table-responsive .table tbody tr td:last-child { text-align: center; color: #242424; font-size: 18px; } .cart_table_area .table-responsive .table tbody tr:last-child { background: #f9f9f9; } .cart_table_area .table-responsive .table tbody tr:last-child td { border: none; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline { margin-right: -120px; padding-left: 20px; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .form-group input { width: 130px; border: 1px solid #dddddd; border-radius: 3px; height: 33px; font-size: 15px; font-family: "Open Sans", sans-serif; color: #8e8d8d; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .form-group input.placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #8e8d8d; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .form-group input:-moz-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #8e8d8d; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .form-group input::-moz-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #8e8d8d; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .form-group input::-webkit-input-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #8e8d8d; } .cart_table_area .table-responsive .table tbody tr:last-child td .form-inline .btn { width: 140px; border-radius: 3px; background: #242424; color: #fff; height: 31px; line-height: 26px; padding: 0px; margin-left: 17px; border: none; outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .cart_table_area .table-responsive .table tbody tr:last-child td .pest_btn { margin-left: -80px; margin-right: 15px; line-height: 42px; padding: 0px 30px; } .cart_total_inner .cart_total_text { border: 1px solid #ebebeb; } .cart_total_inner .cart_total_text .cart_head { background: #f9f9f9; font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; line-height: 56px; padding: 0px 24px; border-bottom: 1px solid #ebebeb; } .cart_total_inner .cart_total_text .sub_total { border-bottom: 1px solid #ebebeb; padding: 0px 35px 0px 24px; } .cart_total_inner .cart_total_text .sub_total h5 { line-height: 56px; margin-bottom: 0px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #242424; } .cart_total_inner .cart_total_text .sub_total h5 span { float: right; line-height: 56px; color: #797979; } .cart_total_inner .cart_total_text .total { padding: 0px 35px 0px 24px; border-bottom: 1px solid #ebebeb; } .cart_total_inner .cart_total_text .total h4 { line-height: 56px; margin-bottom: 0px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #242424; } .cart_total_inner .cart_total_text .total h4 span { float: right; font-weight: 600; } .cart_total_inner .cart_total_text .cart_footer { overflow: hidden; } .cart_total_inner .cart_total_text .cart_footer .pest_btn { float: right; margin-top: 20px; margin-bottom: 20px; margin-right: 30px; line-height: 42px; padding: 0px 22px; } /* End Cart Page Area css ============================================================================================ */ /* Checkout Area css ============================================================================================ */ .billing_details_area .return_option { background: #f9f9f9; border: 1px solid #ebebeb; padding-left: 28px; margin-bottom: 50px; } .billing_details_area .return_option h4 { color: #797979; font-family: "Montserrat", sans-serif; font-weight: 500; text-transform: inherit; font-size: 18px; line-height: normal; padding: 24px 0px; margin-bottom: 0px; } .billing_details_area .return_option h4 a { color: #146689; text-decoration: underline; } .billing_details_area .main_title h2 { font-size: 36px; margin-bottom: 0px; } .billing_form .form-group { margin-bottom: 30px; } .billing_form .form-group:last-child { margin-bottom: 0px; } .billing_form .form-group input { border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; height: 38px; border: 1px solid #e2e2e2; font-size: 15px; font-family: "Lato", sans-serif; color: #c6c6c6; letter-spacing: .30px; padding: 0px 20px; } .billing_form .form-group input.placeholder { font-size: 15px; font-family: "Lato", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group input:-moz-placeholder { font-size: 15px; font-family: "Lato", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group input::-moz-placeholder { font-size: 15px; font-family: "Lato", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group input::-webkit-input-placeholder { font-size: 15px; font-family: "Lato", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group input + input { margin-top: 12px; } .billing_form .form-group input:focus { border-color: #242424; } .billing_form .form-group label { display: block; font-size: 15px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 3px; } .billing_form .form-group .product_select { height: 38px; border-radius: 0px; width: 100%; padding: 0px 20px; margin: 0px; } .billing_form .form-group .product_select .current { position: relative; top: -3px; color: #c6c6c6; font-family: "Open Sans", sans-serif; font-size: 15px; } .billing_form .form-group .product_select:after { border: none; content: "\f107"; font: normal normal normal 14px/1 FontAwesome; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin-top: -6px; margin-right: 5px; } .billing_form .form-group .product_select.open:after { content: "\f106"; margin-top: -7px; } .billing_form .form-group .product_select .list { width: 100%; background: #fff; z-index: 10; } .billing_form .form-group textarea { resize: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; height: 100px; border: 1px solid #e2e2e2; font-size: 15px; font-family: "Open Sans", sans-serif; color: #c6c6c6; letter-spacing: .30px; padding: 15px 20px; } .billing_form .form-group textarea.placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group textarea:-moz-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group textarea::-moz-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group textarea::-webkit-input-placeholder { font-size: 15px; font-family: "Open Sans", sans-serif; color: #c6c6c6; letter-spacing: .30px; } .billing_form .form-group textarea:focus { border-color: #242424; } .billing_form .select_check2 { margin-top: 40px; margin-bottom: 15px; } .billing_form .select_check2 .creat_account label { font-size: 36px; font-family: "Playfair Display", serif; font-weight: bold; color: #3e606b; top: -30px; } .order_box_price .payment_list { background: #fdfdfd; border: 1px solid #d9d9d9; padding: 30px 30px 55px 30px; } .order_box_price .payment_list .price_single_cost h5 { font-size: 15px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: inherit; line-height: normal; margin-bottom: 22px; text-transform: uppercase; } .order_box_price .payment_list .price_single_cost h5 span { float: right; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 16px; } .order_box_price .payment_list .price_single_cost h5 span.text_f { text-transform: inherit; } .order_box_price .payment_list .price_single_cost h5:nth-child(4) { text-transform: none; } .order_box_price .payment_list .price_single_cost h4 { font-size: 15px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: inherit; line-height: normal; margin-bottom: 22px; text-transform: uppercase; } .order_box_price .payment_list .price_single_cost h4 span { font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #242424; float: right; } .order_box_price .payment_list .price_single_cost h3 { font-size: 15px; color: #797979; font-family: "Open Sans", sans-serif; font-weight: 600; text-transform: inherit; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; line-height: normal; padding: 15px 0px 18px 0px; margin-bottom: 10px; text-transform: uppercase; } .order_box_price .payment_list .price_single_cost h3 span { font-size: 17px; font-family: "Open Sans", sans-serif; font-weight: bold; color: #242424; float: right; } .order_box_price .payment_list .accordion_area .card { border: none; } .order_box_price .payment_list .accordion_area .card .card-header { padding: 0px; border: none; background: transparent; } .order_box_price .payment_list .accordion_area .card .card-header h5 { vertical-align: middle; -ms-flex-item-align: center; align-self: center; } .order_box_price .payment_list .accordion_area .card .card-header h5 .btn.btn-link { padding: 0px; border: none; line-height: normal; position: relative; padding-left: 25px; font-size: 15px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #797979; display: inline-block; line-height: 45px; cursor: pointer; } .order_box_price .payment_list .accordion_area .card .card-header h5 .btn.btn-link:before { content: ""; height: 12px; width: 12px; border: 1px solid #919292; border-radius: 50%; position: absolute; left: 0px; top: 49%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .order_box_price .payment_list .accordion_area .card .card-header h5 .btn.btn-link:after { content: ""; height: 8px; width: 8px; border: 1px solid #274760; border-radius: 50%; position: absolute; background: #0e84c6; left: 2px; top: 49%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .order_box_price .payment_list .accordion_area .card .card-header h5 .btn.btn-link.collapsed:after { background: #efefef; border-color: #e1e2e2; } .order_box_price .payment_list .accordion_area .card .card-header h5 .btn.btn-link img { margin-left: 20px; } .order_box_price .payment_list .accordion_area .card .card-header h5 a { font-size: 14px; color: #146689; margin-left: 25px; } .order_box_price .payment_list .accordion_area .card .card-body { border: none; padding: 25px 20px 25px 25px; background: #ececec; border-radius: 5px; position: relative; font-size: 15px; font-family: "Open Sans", sans-serif; line-height: 24px; color: #8e8d8d; letter-spacing: .45px; } .order_box_price .payment_list .accordion_area .card .card-body:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 7px 10px 7px; border-color: transparent transparent #ececec transparent; position: absolute; top: -10px; left: 25px; } .order_box_price .payment_list .pest_btn { margin-top: 30px; } /* End Checkout Area css ============================================================================================ */ /* SQUARED THREE */ .creat_account { width: 100%; margin: 0px auto; position: relative; } .creat_account input { visibility: hidden; } .creat_account label { display: block; position: relative; font-weight: 300; font-size: 1.35em; padding: 0px 0px 0px 25px; height: 15px; margin: 0px; top: -25px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; color: #797979; font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 600; letter-spacing: .25px; font-weight: 500; font-size: 15px; } .creat_account .check { display: block; position: absolute; border: 1px solid #8e8f8f; border-radius: 2px; background: #fff; height: 13px; width: 13px; top: 6px; border-radius: 0px; left: 0px; z-index: 5; -o-transition: border .25s linear; transition: border .25s linear; -webkit-transition: border .25s linear; cursor: pointer; } .creat_account .check::before { display: block; position: absolute; content: "\f00c"; border-radius: 100%; top: -3px; left: -1px; margin: auto; -o-transition: background 0.25s linear; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; color: #fff; font: normal normal normal 18px/1 FontAwesome; opacity: 0; color: #000; } .creat_account .check::after { display: block; position: absolute; content: ""; height: 9px; width: 9px; border: 1px solid #aeb3b9; background: #e8e8e8; left: 1px; top: 1px; } .creat_account input[type=checkbox]:checked ~ .check::before { opacity: 1; } .creat_account input[type=checkbox]:checked ~ .check::after { opacity: 0; } /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Footer Area css ============================================================================================ */ .footer_area { background: #303339; overflow: hidden; } .footer_widgets { padding: 80px 0px 50px 0px; } .footer_widgets .footer_wd_inner .col-lg-3:nth-child(2) .f_link_widget { padding-left: 35px; } .f_title { margin-bottom: 20px; } .f_title h3 { color: #fff; font-family: "Playfair Display", serif; font-weight: bold; font-size: 20px; position: relative; padding-bottom: 10px; margin-bottom: 0px; } .f_title h3:before { content: ""; width: 30px; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #146689; } .f_about_widget p { font-size: 14px; line-height: 23px; font-family: "Open Sans", sans-serif; color: #a8a8a8; letter-spacing: .28px; margin-top: 20px; margin-bottom: 0px; } .f_about_widget .nav { margin-top: 35px; } .f_about_widget .nav li { display: inline-block; margin-right: 10px; } .f_about_widget .nav li a { display: inline-block; text-align: center; height: 36px; width: 36px; border-radius: 50%; color: #fff; border: 1px solid #7b7b7c; font-size: 16.92px; line-height: 35px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .f_about_widget .nav li:hover a { color: #146689; border-color: #146689; } .f_about_widget .nav li:last-child { margin-right: 0px; } .f_link_widget .list_style li { margin-bottom: 10px; } .f_link_widget .list_style li a { font-size: 14px; color: #a8a8a8; letter-spacing: .28px; font-family: "Open Sans", sans-serif; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .f_link_widget .list_style li:hover a { color: #146689; } .f_contact_widget h4 { font-size: 18px; color: #a8a8a8; font-family: "Open Sans", sans-serif; font-weight: 600; margin-bottom: 15px; } .f_contact_widget p { font-size: 14px; line-height: 26px; color: #a8a8a8; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } .f_contact_widget h5 { font-size: 14px; line-height: 26px; color: #a8a8a8; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } .footer_copyright .copyright_inner { overflow: hidden; border-top: 1px solid #3b3e43; padding: 32px 0px 30px 0px; } .footer_copyright .copyright_inner .float-left h5 { font-size: 14px; color: #767676; font-family: "Open Sans", sans-serif; margin-bottom: 0px; } .footer_copyright .copyright_inner .float-right a { color: #146689; font-family: "Open Sans", sans-serif; } /* End Footer Area css ============================================================================================ */ /*---------------------------------------------------- */ /*# sourceMappingURL=style.css.map */