/* End Magnify css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Top Header css ============================================================================================ */ .main_header_area { position: absolute; width: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(255, 255, 255, 0.15); top: 0px; } .main_header_area .header_menu.affix { top: 0px; width: 100%; background: #242328; } .main_header_area .header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand { line-height: 63px; } .main_header_area .header_menu.affix .navbar.navbar-default .navbar-header .navbar-brand img { width: 85%; } .main_header_area .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a { line-height: 70px; } .main_header_area .header_menu.affix .navbar.navbar-default .nav.navbar-nav.navbar-right > li > a { line-height: 70px; } .menu_color .header_menu { background: #fff; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li a { background: transparent; color: #242424; font-size: 15px; font-weight: 600; font-family: 'Roboto', sans-serif; text-transform: uppercase; padding: 0px; letter-spacing: .45px; line-height: 86px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li:hover > a, .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li.active > a { color: #242424; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a { color: #242424; opacity: .7; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a:before { content: ""; height: 40px; width: 40px; border: 1px solid #a3a3a3; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child { margin-right: 0px; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a { color: #18ba60; opacity: 1; } .menu_color .header_menu.affix { background: #fff; -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } .menu_color + section, .menu_color + div, .menu_color + .row { margin-top: 135px; } .header_top .header_top_inner { border-bottom: 1px solid rgba(255, 255, 255, 0.15); clear: both; overflow: hidden; } .header_top .header_top_inner .pull-left a { line-height: 48px; font-size: 15px; color: #fff; /*opacity: .60;*/ font-family: "Open Sans", sans-serif; letter-spacing: .45px; margin-right: 22px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .header_top .header_top_inner .pull-left a i { padding-right: 10px; font-size: 20px; vertical-align: middle; line-height: 44px; } .header_top .header_top_inner .pull-left a:last-child { margin-right: 0px; } .header_top .header_top_inner .pull-left a:nth-child(2) i { font-size: 15px; } .header_top .header_top_inner .pull-left a:hover { opacity: 1; } .header_social{ padding-top: 8px; } .header_social li { display: inline-block; margin-right: 5px; width: 30px; height: 30px; background: transparent; border: 1px solid #FFF; border-radius: 70px; text-align: center; line-height: 30px; } .header_social li a { font-size: 14px; color: #fff; opacity: .6; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .header_social li a.wht-col { font-size: 14px; color: #FFF; opacity: 9; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .header_social li:last-child { margin-right: 0px; } .header_social li:hover a { opacity: 1; } .header_menu .navbar.navbar-default { border-radius: 0px; background: transparent; border: none; text-align: right; margin-bottom: 0px; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { padding: 0px 0px 0px 15px; line-height: 83px; display: inline-block; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand img { display: inline-block; } .header_menu .navbar.navbar-default .nav.navbar-nav { float: none; display: inline-block; } .header_menu .navbar.navbar-default .nav.navbar-nav li { float: none; display: inline-block; margin-right: 22px; } .header_menu .navbar.navbar-default .nav.navbar-nav li:last-child { float: none; display: inline-block; margin-right: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav li a { background: transparent; color: #fff; font-size: 15px; font-weight: 600; font-family: 'Roboto', sans-serif; text-transform: uppercase; padding: 0px; letter-spacing: .45px; line-height: 85px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_menu .navbar.navbar-default .nav.navbar-nav li.active a { color: #ffce30; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul { border: none; padding: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul { position: absolute; top: 100%; left: -40px; min-width: 232px; background: #002945; text-align: left; opacity: 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; } } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul:before { /*content: "";*/ width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li { display: block; float: none; margin-right: 0px; border-bottom: 1px solid #083b5d; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li a { line-height: 40px; color: #FFF; font-family: "Lato", sans-serif; font-weight: normal; font-size: 15px; padding: 0px 30px; text-transform: capitalize; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .sub-submenu ul li ul li { position: absolute; top: 24px; left: -10000px; z-index: 2; padding-top: 38px; min-width: 241px; opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: transition: left 0s 150ms, opacity 150ms linear, transform 150ms linear; transition: left 0s 150ms, opacity 150ms linear, transform 150ms linear; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .sub-submenu ul li ul li a{ position: absolute; top: 24px; left: -10000px; z-index: 2; padding-top: 38px; min-width: 241px; opacity: 0; -webkit-transform: translateX(-40px); transform: translateX(-40px); -webkit-transition: transition: left 0s 150ms, opacity 150ms linear, transform 150ms linear; transition: left 0s 150ms, opacity 150ms linear, transform 150ms linear; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child { border-bottom: none; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li:hover a { background: #f8a555; color: #fff; } @media (min-width: 992px) { .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0px; visibility: visible; opacity: 1; } } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a { text-align: center; font-size: 14px; line-height: 85px; padding: 0px; position: relative; width: 40px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a:before { content: ""; height: 40px; width: 40px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child { margin-right: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; display: none; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search { background: #fff; height: 35px; padding: 0px; line-height: 35px; border-radius: 0px; width: 200px; position: absolute; top: 100%; right: 0; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form { padding: 1px 10px 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .form-control { background: transparent; border: 0; font: 400 14px/31px "Open Sans", sans-serif; padding: 0px 0px 1px 7px; -webkit-box-shadow: none; box-shadow: none; color: rgba(64, 64, 64, 0.5); font-style: italic; text-shadow: none; border-radius: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .form-control.placeholder { color: rgba(64, 64, 64, 0.5); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .form-control:-moz-placeholder { color: rgba(64, 64, 64, 0.5); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .form-control::-moz-placeholder { color: rgba(64, 64, 64, 0.5); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .form-control::-webkit-input-placeholder { color: rgba(64, 64, 64, 0.5); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .input-group-addon { background: transparent; border: 0px; padding: 0px; border-radius: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown .search li .search-form .input-group-addon button { background: transparent; border: 0px; color: rgba(64, 64, 64, 0.5); } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right .search_dropdown.open .search { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; } /* End Top Header css ============================================================================================ */ /* Header contact info css ============================================================================================ */ .header_c_info_area { overflow: hidden; clear: both; } .header_gray_info { overflow: hidden; clear: both; background: #38373d; } .header_gray_info .pull-left h5 { font-size: 16px; color: #ffce30; line-height: 46px; font-weight: normal; } .header_gray_info .pull-right .header_social li a { color: #FFF; line-height: 30px; opacity: 1; } .header_gray_info .pull-right .header_social li:hover a { color: #fff; } .header_contact_details { padding: 32px 0px 30px 0px; } .header_contact_details .pull-right .media { display: inline-block; margin-right: 40px; margin-top: 0px; } .header_contact_details .pull-right .media .media-left { padding-right: 15px; vertical-align: middle; } .header_contact_details .pull-right .media .media-left i { font-size: 25px; color: #f8a555; } .header_contact_details .pull-right .media .media-body { width: auto; vertical-align: middle; } .header_contact_details .pull-right .media .media-body h4 { font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #242424; letter-spacing: .45px; padding-bottom: 7px; } .header_contact_details .pull-right .media .media-body h5 { font-size: 14px; font-family: 'Roboto', sans-serif; color: #767676; letter-spacing: .42px; } .header_contact_details .pull-right .media .media-body h5 a{ color: #767676; } .header_contact_details .pull-right .media:last-child { margin-right: 0px; } .middle_menu_area { background: transparent; position: absolute; width: 100%; left: 0px; z-index: 25; } .middle_menu_area .navbar.navbar-default { background: #213047; border: none; margin-bottom: 0px; border-radius: 0px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav { margin-left: -15px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li { margin-left: 40px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li a { background: transparent; color: #fff; font-size: 15px; font-family: 'Roboto', sans-serif; text-transform: uppercase; padding: 0px; letter-spacing: .45px; line-height: 60px; font-weight: 600; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul { border: none; padding: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 992px) { .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul { position: absolute; top: 100%; left: -40px; min-width: 232px; background: #eeeeee; text-align: left; opacity: 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; } } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li { display: block; float: none; margin-right: 0px; margin-left: 0px; border-bottom: 1px solid #cbcbcb; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a { line-height: 40px; color: #494848; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 15px; padding: 0px 30px; text-transform: capitalize; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child { border-bottom: none; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li:hover a { background: #f8a555; color: #fff; } @media (min-width: 992px) { .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0px; visibility: visible; opacity: 1; } } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a { background: #f8a555; display: inline-block; padding: 0px 40px; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:hover a { background: transparent; } .middle_menu_area.affix { position: fixed; width: 100%; top: 0px; background: #213047; } /* End Header contact info css ============================================================================================ */ /* End Header White Menu css ============================================================================================ */ .header_contact_content { clear: both; position: absolute; width: 100%; z-index: 25; top: 0px; } .header_contact_content .header_contact_logo { background: #fff; } .header_contact_content .header_contact_logo .header_logo_inner { border-bottom: 1px solid #FFF; padding: 30px 0px 28px 0px; overflow: hidden; clear: both; } .header_contact_content .header_contact_logo .pull-right .media { margin-top: 0px; display: inline-block; vertical-align: middle; } .header_contact_content .header_contact_logo .pull-right .media .media-left { padding-right: 15px; vertical-align: middle; } .header_contact_content .header_contact_logo .pull-right .media .media-left i { font-size: 25px; color: #fff; background-color: #000; padding: 10px 10px; border-radius: 4px; } .header_contact_content .header_contact_logo .pull-right .media .media-body { width: auto; } .header_contact_content .header_contact_logo .pull-right .media .media-body h4 { font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: bold; color: #242424; letter-spacing: .45px; padding-bottom: 7px; } .header_contact_content .header_contact_logo .pull-right .media .media-body h5 { font-size: 14px; font-family: 'Roboto', sans-serif; color: #767676; letter-spacing: .42px; } .header_contact_content .header_contact_logo .pull-right .media .media-body h5 a{ color: #767676; } .header_contact_content .header_contact_logo .pull-right .media:first-child { margin-right: 43px; } .header_contact_content .header_contact_logo .pull-right .green_submit_btn { vertical-align: top; margin-left: 45px; } .header_contact_content.header_black_menu_area .header_contact_logo .header_logo_inner { border-bottom: none; } .header_contact_content + section, .header_contact_content + div, .header_contact_content + .row { margin-top: 166px; } .header_four_menu { background: #fff; } .header_four_menu .navbar.navbar-default { border: none; border-radius: 0px; margin-bottom: 0px; background: #ffce30; padding: 0 20px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav { margin-left: -15px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li { margin-left: 40px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li a { background: transparent; color: #242424; font-size: 15px; font-weight: 600; font-family: "Roboto", sans-serif; text-transform: uppercase; padding: 0px; letter-spacing: .45px; line-height: 63px; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu { position: relative; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #eeeeee transparent transparent transparent; position: absolute; right: 24px; top: 45px; z-index: 3; opacity: 0; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul { border: none; padding: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 992px) { .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul { position: absolute; top: 100%; left: -40px; min-width: 232px; background: #eeeeee; text-align: left; opacity: 0; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; visibility: hidden; display: block; border: none; padding: 0px; border-radius: 0px; } } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li { display: block; float: none; margin-right: 0px; margin-left: 0px; border-bottom: 1px solid #cbcbcb; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li a { line-height: 40px; color: #494848; font-family: "Roboto", sans-serif; font-weight: normal; font-size: 15px; padding: 0px 30px; text-transform: capitalize; -webkit-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; display: block; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child { border-bottom: none; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li:hover a { background: #242424; color: #fff; } @media (min-width: 992px) { .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul { left: 0px; visibility: visible; opacity: 1; } } .header_four_menu .navbar.navbar-default .nav.navbar-nav li:first-child { margin-left: 0px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li:hover a, .header_four_menu .navbar.navbar-default .nav.navbar-nav li.active a { color: #242424; } .header_four_menu .navbar.navbar-default .header_social{ padding-top: 15px; } .header_four_menu .navbar.navbar-default .header_social.nav.navbar-nav.navbar-right li { margin-right: 10px; margin-left: 0px; } .header_four_menu .navbar.navbar-default .header_social.nav.navbar-nav.navbar-right li a { line-height: 30px; color: #FFF; font-size: 16px; opacity: 1; } .header_four_menu .navbar.navbar-default .header_social.nav.navbar-nav.navbar-right li:last-child { margin-right: 0px; } .header_four_menu.header_black_menu { background: #242424; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li a { color: #fff; position: relative; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li a:before { content: ""; height: 26px; background: #454447; width: 1px; position: absolute; left: -20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li:hover > a, .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li.active > a { color: #18ba60; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li:first-child a:before { display: none; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li a:before { display: none; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search { background: #fff; height: 35px; padding: 0px; line-height: 35px; border-radius: 0px; width: 200px; position: absolute; top: 100%; right: 0; z-index: 1000; opacity: 0; visibility: hidden; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form { padding: 1px 10px 0px; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .form-control { background: transparent; border: 0; font: 400 14px/31px "Open Sans", sans-serif; padding: 0px 0px 1px 7px; -webkit-box-shadow: none; box-shadow: none; color: rgba(64, 64, 64, 0.5); font-style: italic; text-shadow: none; border-radius: 0px; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .form-control.placeholder { color: rgba(64, 64, 64, 0.5); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .form-control:-moz-placeholder { color: rgba(64, 64, 64, 0.5); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .form-control::-moz-placeholder { color: rgba(64, 64, 64, 0.5); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .form-control::-webkit-input-placeholder { color: rgba(64, 64, 64, 0.5); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .input-group-addon { background: transparent; border: 0px; padding: 0px; border-radius: 0px; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown .search li .search-form .input-group-addon button { background: transparent; border: 0px; color: rgba(64, 64, 64, 0.5); } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav .search_dropdown.open .search { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li a:before { display: none; } .header_four_menu.affix { position: fixed; width: 100%; left: 0px; top: 0px; -webkit-box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px -2px 24px 1px rgba(0, 0, 0, 0.06); background: #ffce30; } .white_logo { display: none; } /* End Header White Menu css ============================================================================================ */ /*---------------------------------------------------- */ /* Start responsive css*/ @media (max-width: 1199px){ .header_menu .navbar.navbar-default .nav.navbar-nav li { margin-right: 13px; } .header_contact_details .pull-right .media { margin-right: 10px; margin-top: 0px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li { margin-left: 20px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li { margin-left: 25px; } } /* Style sheet for tablet device*/ @media (max-width: 991px){ .main_header_area .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a { line-height: 45px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav { overflow: hidden; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav li a:before { display: none; } .navbar-default .navbar-toggle{ border: none; margin-top: 15px; margin-bottom: 15px; padding-right: 0px; } .navbar-default .navbar-toggle:focus{ background: transparent; } .header_four_menu .navbar-toggle { margin-right: 0px; } .header_four_menu .white_logo{ padding-left: 0px; } .navbar-default .navbar-toggle:hover{ background: transparent; } .navbar-default .navbar-toggle .icon-bar{ height: 3px; background: #fff; width: 25px; border-radius: 0px; } .header_menu .navbar.navbar-default .navbar-collapse{ max-height: 370px; overflow: scroll; } .header_menu .navbar.navbar-default .nav.navbar-nav { float: none; display: block; background: #eeeeee; text-align: left; margin-top: 0px; margin-bottom: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav li { float: none; display: block; margin-right: 0px; } .header_menu .navbar.navbar-default .nav.navbar-nav > li > a { line-height: 45px; border-bottom: 1px solid #cbcbcb; color: #494848; padding: 0px 35px; font-size: 15px; text-transform: uppercase; } .main_header_area .header_menu .navbar.navbar-default .nav.navbar-nav > li > a .fa-angle-down{ float: right; top: 14px; position: relative; font-size: 26px; } .main_header_area .header_menu.affix .navbar.navbar-default .nav.navbar-nav > li > a .fa-angle-down{ float: right; top: 14px; position: relative; font-size: 26px; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu.open ul { display: block; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li a { padding: 0px 35px; background: #292a29; color: #fff; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li { border-bottom: 1px solid #434544; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu.open::before { opacity: 1; } .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right { display: none; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand { line-height: 55px; } .main_header_area .header_top .pull-left{ width: 50%; float: left !important; text-align: center; } .main_header_area .header_top .pull-right{ width: 50%; float: left !important; text-align: center; } .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul::before { opacity: 1; } .main_header_area.menu_color .navbar-default .navbar-toggle .icon-bar { height: 3px; background: #000; width: 25px; border-radius: 0px; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li a { line-height: 45px; padding: 0px 35px; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li a .fa-angle-down{ float: right; top: 14px; position: relative; font-size: 26px; } .menu_color .header_menu .navbar.navbar-default .nav.navbar-nav li:hover ul li a { color: #fff; } .header_contact_details .pull-left a{ display: none; } .header_contact_details .pull-right{ float: none !important; } .white_logo{ display: block; padding-left: 20px; padding-top: 8px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li { margin-left: 20px; margin-right: 20px; text-align: center; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a { display: block; padding: 0px 40px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child{ display: block; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav.navbar-right li a{ border-bottom: none; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li:last-child { display: none } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li{ margin-left: 0px; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav > li > a{ padding: 0px 20px; line-height: 45px; border-bottom: 1px solid #364863; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav > li > a .fa-angle-down { float: right; top: 14px; position: relative; font-size: 26px; } /* .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li{ border-bottom: 1px solid #179850; } .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child{ border-bottom: 1px solid #179850; }*/ .middle_menu_area .navbar.navbar-default .nav.navbar-nav li.submenu ul li a { color: #000; background: #eeeeee; } .header_four_menu .navbar-default .navbar-toggle .icon-bar { background: #242424; } .header_four_menu .navbar-default .navbar-collapse{ background: #eee; } .header_four_menu .navbar.navbar-default .nav.navbar-nav.navbar-right { display: none; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li { margin-left: 0px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav > li > a { padding: 0px 20px; line-height: 45px; border-bottom: 1px solid #cbcbcb; } .header_four_menu .navbar.navbar-default .nav.navbar-nav > li > a .fa-angle-down{ float: right; top: 14px; position: relative; font-size: 26px; } .header_four_menu .navbar.navbar-default .nav.navbar-nav > li:last-child > a { display: none; } .header_four_menu .navbar.navbar-default .nav.navbar-nav li.submenu ul li:last-child { border-bottom: 1px solid #cbcbcb; } .header_four_menu .navbar.navbar-default .nav.navbar-nav { margin-bottom: 0px; } .header_contact_logo .header_logo_inner .pull-left{ display: none; } .header_contact_logo .header_logo_inner .pull-right{ float: none !important; } .header_contact_content .header_contact_logo .pull-right .media{ display: none; } .header_contact_content .header_contact_logo .pull-right .media:first-child { margin-right: 0px; margin: auto; margin-bottom: 20px; } .header_contact_content .header_contact_logo .pull-right .green_submit_btn { margin-left: 0px; width: 100%; margin-top: 0px; } .header_contact_content .header_contact_logo .header_logo_inner { /*padding: 18px 0px 18px 0px;*/ padding: 0px; } .header_contact_content + section, .header_contact_content + div, .header_contact_content + .row { margin-top: 66px; } .header_four_menu.header_black_menu .navbar.navbar-default .nav.navbar-nav > li > a { color: #242424; } .middle_menu_area .navbar.navbar-default .navbar-collapse { max-height: 391px; overflow: scroll; } .header_four_menu .navbar.navbar-default .navbar-collapse { max-height: 331px; overflow: scroll; } .header_four_menu { background: #ffce30; } .header_four_menu .navbar.navbar-default { padding: 0 0px; } } @media (max-width: 767px){ .header_top .header_top_inner .pull-left a { line-height: 26px; } .header_social li a { line-height: 28px; } .header_top .header_top_inner { display: none; } .table-responsive { border: none; } .header_contact_details { display: none; } .menu_color + section, .menu_color + div, .menu_color + .row { margin-top: 66px; } } @media (max-width: 500px){ .header_gray_info .pull-left{ float: none !important; text-align: center; } .header_gray_info .pull-right{ float: none !important; text-align: center; } } @media (max-width: 480px){ .header_menu .navbar.navbar-default .navbar-header .navbar-brand { width: 55%; line-height: 57px; } .header_menu .navbar.navbar-default .navbar-header .navbar-brand img { max-width: 100%; } .white_logo img{ width: 75%; } }