/*
Template Name:GALENICAL
*/
/*
Table Of Content
1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. Service Area CSS
6. About Area CSS
7. Choose Area CSS
8. Portfolio Area CSS
9. Faq Area CSS
10. Counter Area CSS
11. Team Area CSS
12. Testimonial Area CSS
13. Skill Area CSS
14. Cart Area CSS
15. My Account Area CSS
16. Contact Area CSS
17. Blog Area CSS
18. Footer Area CSS
19. Breadcumb Area CSS
20. Tab Area CSS
21. Spring Fall Area CSS
22. Shop Area CSS
23. Brand Area CSS
24. Call Area CSS
25. Countdown Area CSS
26. Work Hours Area CSS
27. Pricing Area CSS
8. Faq Area CSS
9. Counter Area CSS
10. Team Area CSS
11. Testimonial Area CSS
12. Contact Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Spring Fall Area CSS
17. Shop Area CSS
18. Call Area CSS
19. Pricing Area CSS
8. Testimonial Area CSS
14. Work Area CSS
15. Case Study Area CSS
17. Brand Area CSS
18. Pricing Area CSS
19. Skill Area CSS
21. Single Service Area CSS
*/
@import url('css2.css');
/*theme css*/
a {
color:#17161a;
transition: .5s;
}
a:hover {
text-decoration: none;
color: #04b6ba;
}
body {
font-family: 'Open Sans',sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 1.6;
color: #333;
}
p {
font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
font-family: Montserrat,sans-serif;
font-style: normal;
line-height: 1.2;
font-weight: 600;
transition: .5s;
font-size: 18px;
transition: .5s;
margin-bottom: 5px;
color: #333;
}
.btn-primary:focus, select:focus, textarea:focus, input:focus{
box-shadow: none !important;
}
textarea, input{
outline:none;
}
a:focus, .btn:focus {
text-decoration: none;
outline: none;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
font-size: 30px;
margin: auto;
font-weight: 700;
line-height: 1.4;
text-transform: uppercase;
}
.witr_section_title_inner h2 {
font-size: 16px;
display: inline-block;
margin-bottom: 10px;
font-weight: 700;
font-family: Nunito,sans-serif;
color: #04b6ba;
}
.witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span, .witr_section_title_inner p span, .witr_section_title_inner p span a {
color: #04b6ba;
}
.witr_section_title {
position: relative;
}
.witr_image_title {
margin-top: 0;
margin-bottom: 10px;
}
.witr_bar_main {
margin: 10px 0;
}
.witr_bar_inner {
height: 5px;
width: 90px;
background: #04b6ba;
margin: 0px auto;
position: relative;
border-radius: 30px;
}
.witr_bar_innerc:before {
left: 0;
transform: translateY(-50%);
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
right: 0;
transform: translateY(-50%);
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
content: '';
position: absolute;
top: 50%;
border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
border: 6px solid #04b6ba;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}
.divider-separator {
display: flex;
}
.divider-separator{
position:relative;
}
span.divider_text {
color: #04b6ba;
font-family: "Barlow Semi Condensed", Sans-serif;
font-size: 17px;
font-weight: 700;
margin: 0 10px;
}
.divider-separator:before {
display: block;
content: "";
border-bottom: 0;
flex-grow: 1;
border-top: 2px solid #04b6ba;
margin-top: 14px;
}
.divider-separator {
width: 35%;
margin: 0 auto;
margin-left: 0;
}
.divider {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
}
.divider .divider-separator {
display: flex;
direction: ltr;
}
.witr_section_title {
margin-bottom: 45px;
}
.witr_section_title_inner p {
width: 100%;
padding: 20px 0 0 0;
margin-top: 10px;
}
.witr_section_title_inner.text-center p {
width: 60%;
margin-right: auto;
margin-left: auto;
padding: 0;
}
.witr_all_pd0{
padding:0;
}
@media (min-width: 1140px){
.container {
max-width: 1140px;
}
}
/* ===== 1. Top Menu CSS ===== */
.em40_header_area_main.hdisplay_none {
display: none;
}
.galenical-header-top {
padding: 10px 0;
}
.galenical-header-top {
background: #04b6ba;
}
.top-address p {
margin-bottom: 0;
}
.top-address p a, .top-address p span {
margin-right: 20px;
font-size: 15px;
font-weight: 500;
color: #fff;
}
.top-right-menu ul.social-icons li a{
color:#fff;
}
.top-right-menu ul.social-icons li {
display: inline-block;
margin-left: 12px;
position: relative;
}
.top-right-menu ul.social-icons li a {
display: inline-block;
text-decoration: none;
color: #fff;
transition: all .2s ease-in-out;
font-size: 15px;
font-weight: 600;
font-family: Nunito,sans-serif;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
font-size: 13px;
margin-right: 5px;
}
.top_crt_style .main_sticky_l {
display: none;
}
.top_crmenu_l ul, .top_crt_style {
background: #04b6ba;
padding: 20px 0;
}
.single_header_address {
text-align: left;
}
.creative_header_icon {
float: left;
margin-right: 10px;
overflow: hidden;
}
.creative_header_icon i {
font-size: 30px;
margin-top: 5px;
margin-left: 2px;
display: inline-block;
color: #fff;
}
.creative_header_address_text>h3 {
font-size: 18px;
margin: 0;
padding: 0;
color: #fff;
}
.top_crt_style .site-title a, .top_crt_style p, .top_crt_style p a {
color: #fff;
}
.creative_header_address_text>p {
margin: 0;
overflow: hidden;
}
.tx_menuc_btn {
text-align: right;
}
.tx_menuc_btn .tx_mc_btn {
border-radius: 5px;
display: inline-block;
font-size: 15px;
font-weight: 600;
margin-left: 0;
padding: 12px 26px;
transition: .5s;
background: #006ff9;
color: #fff;
}
.tx_menuc_btn .tx_mc_btn:hover {
background: #131414;
}
/* ===== 2. Menu Area CSS ===== */
.galenical_nav_area.postfix {
transition: .3s;
}
.galenical_nav_area {
background: #fff;
}
.hmenu_box_style {
background: #fff;
}
.hmenu_box_style {
margin-top: 80px;
border-radius: 5px;
}
.hmenu_box_style.hbg2 {
margin-top: 0;
padding: 0;
}
.trp_nav_area {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
transition: .5s;
}
.tx_menu_together, .tx_bs_together {
display: flex;
justify-content: right;
align-items: center;
}
.search_popup_button, .tx_mmenu_together {
align-items: center;
display: flex;
justify-content: flex-end;
}
.logo-right,
.logo-left {
align-items: center;
}
.mobile_menu_logo.text-center {
padding: 20px 0;
}
/* LOGO CSS */
.logo a {
display: inline-block;
}
/* logo sticky */
.galenical-main-menu .logo a.main_sticky_main_l {
display: block;
}
.galenical-main-menu .logo a.main_sticky_l {
display: none;
}
.hmenu_box_style.hbg2 .logo a.main_sticky_l {
display: block;
}
.hmenu_box_style.hbg2 .logo a.main_sticky_main_l {
display: none;
}
/* logo pre */
.galenical-main-menu .prefix .logo a.main_sticky_main_l {
display: none;
}
.galenical-main-menu .prefix .logo a.main_sticky_l {
display: block;
}
/* MENU text CSS */
.galenical_menu ul {
text-align: right;
list-style: none;
}
.galenical_menu > ul > li {
display: inline-block;
position: relative;
}
.galenical_menu > ul > li > a {
display: block;
margin: 32px 10px;
transition: .5s;
position: relative;
font-size: 14px;
font-weight: 600;
color: #272727;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
}
.hmenu_box_style.hbg2 .galenical_menu>ul>li>a {
color: #fff;
}
.galenical_menu ul .sub-menu li a:hover, .galenical_menu ul .sub-menu li.current-menu-item a, .galenical_menu>ul>li.current-menu-item>a, .galenical_menu>ul>li>a:hover, .galenical_nav_area.prefix .galenical_menu>ul>li.current-menu-item>a, .galenical_nav_area.prefix .galenical_menu>ul>li>a:hover, .hbg2 .galenical_menu>ul>li.current-menu-item>a, .hbg2 .galenical_menu>ul>li>a:hover, .heading_style_2 .galenical_menu>ul>li.current-menu-item>a, .heading_style_2 .galenical_menu>ul>li>a:hover, .heading_style_3 .galenical_menu>ul>li.current-menu-item>a, .heading_style_3 .galenical_menu>ul>li>a:hover, .heading_style_4 .galenical_menu>ul>li.current-menu-item>a, .heading_style_4 .galenical_menu>ul>li>a:hover {
color: #04b6ba;
}
.galenical_menu > ul > li > a:before, .galenical_menu > ul > li.current > a:before {
background: #ffb600 none repeat scroll 0% 0;
bottom: -7px;
content: "";
height: 2px;
left: 0;
margin: auto;
opacity: 0;
position: absolute;
right: 0;
transition: all 0.5s ease 0s;
width: 15%;
display:none;
}
.galenical_menu ul li:last-child a {
margin-right: 15px !important;
}
.galenical_menu > ul > li.current > a, .galenical_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
color: #04b6ba;
background-color: transparent;
color: #04b6ba;
}
.galenical_menu > ul > li:hover > a:before, .galenical_menu > ul > li.current > a:before {
opacity: 1;
}
.transprent-menu .galenical_nav_area {
left: 0;
right: 0;
top: 0;
z-index: 9999;
background-color: transparent;
padding: 0;
transition: .5s;
position: absolute;
}
.galenical_nav_area.postfix {
transition: .3s;
}
.galenical_nav_area.prefix, .hbg2 {
background: rgba(0,0,0,0.7);
}
.galenical_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
color: #fff;
}
.galenical_nav_area.prefix .galenical_menu > ul > li > a {
color:#fff;
}
.galenical_nav_area.prefix .galenical_menu > ul > li.current > a {
color: #04b6ba;
}
.witr_h_h2 .galenical_menu {
justify-content: space-around;
display: flex;
align-items: center;
}
.landing_page .galenical_menu {
justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
padding: 0;
}
.prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
color: #fff;
}
.galenical_menu, .witr_h_h4 .galenical_menu{
justify-content:flex-end;
display:flex;
align-items:center;
}
/* sub menu style */
.galenical_menu ul .sub-menu {
position: absolute;
left: 0;
top: 130%;
width: 240px;
text-align: left;
background: #fff;
margin: 0;
padding: 15px 8px 8px 25px;
z-index: 9999;
box-shadow: 0 0 30px rgb(0 0 0 / 9%);
transition: .2s;
opacity: 0;
visibility: hidden;
}
.galenical_menu ul li:hover > .sub-menu {
transition: .5s;
opacity: 1;
visibility: visible;
top: 100%;
z-index: 9;
}
.galenical_menu ul .sub-menu li {
position: relative;
transition:.5s;
}
.galenical_menu ul .sub-menu li a {
display: block;
margin: 0;
margin-bottom: 6px;
letter-spacing: normal;
font-size: 13px;
font-weight: 600;
transition: .5s;
color: #272727;
visibility: inherit !important;
padding: 4px 0;
font-family: 'Open Sans',sans-serif;
text-transform: uppercase;
}
.galenical_menu ul .sub-menu li:before {
opacity: 0;
transition: .1s;
position: absolute;
top: 50%;
content: "//";
transform: translateY(-50%);
}
.galenical_menu ul .sub-menu li:hover > a, .galenical_menu ul .sub-menu .sub-menu li:hover > a, .galenical_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .galenical_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
color: #04b6ba;
}
.galenical_menu ul .sub-menu li:before {
left: -18px;
}
.galenical_menu ul .sub-menu li:hover:before{
opacity:1;
}
.galenical_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .galenical_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .galenical_menu ul .sub-menu .sub-menu li:hover>a, .galenical_menu ul .sub-menu li:hover:before, .galenical_menu ul .sub-menu li:hover>a {
color: #04b6ba;
}
.galenical_menu ul .sub-menu li:hover {
margin-left: 15px;
}
/* sub menu 2 */
.galenical_menu ul .sub-menu .sub-menu {
left: 100%;
top: 130%;
opacity: 0;
visibility: hidden;
}
.galenical_menu ul .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
/* sub menu 3 */
.galenical_menu ul .sub-menu .sub-menu li {
position: relative;
}
.galenical_menu ul .sub-menu .sub-menu .sub-menu {
right: 100%;
left: auto;
top: 130%;
opacity: 0;
visibility: hidden;
}
.galenical_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
/* sub menu 4 */
.galenical_menu ul .sub-menu .sub-menu .sub-menu li {
position: relative;
}
.galenical_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible;
top: 0%;
}
/* has menu icon */
.galenical-main-menu .menu-item-has-children>a:after {
margin-left: 5px;
content: "\eac8";
font-family: IcoFont!important;
opacity: 1;
font-size: 13px;
font-weight: 600;
width: 13px;
height: 13px;
}
/* quearys area css */
.galenical_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
display: inline-block;
}
.em-top-quearys-area {
position: relative;
}
.galenical_menu div.em-header-quearys {
text-align: center;
}
.em-quearys-inner {
visibility: hidden;
opacity: 0;
display: flex;
align-items: center;
position: fixed;
top: 0;
left: -150%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: 10000;
transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
transform: scale(1.1);
visibility: hidden;
opacity: 0;
left: -150%;
background: rgba(0, 0, 0, 0);
}
.em-s-open {
visibility: visible;
opacity: 1;
left: 0;
background: #000000e6 !important;
transform: scale(1);
}
.em-quearys-form {
width: 100%;
max-width: 895px;
margin: auto;
padding: 30px 0;
}
.top-form-control {
position: relative;
}
.top-form-control input {
background: transparent;
color: #fff;
font-size: 50px;
font-weight: 500;
height: 100px;
padding: 0 40px 0 15px;
width: 100%;
border: none;
transition: .5s;
border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
color:#fff;
}
textarea, input {
outline: none;
}
.top-form-control button.top-quearys-style {
position: absolute;
right: 6px;
top: 50%;
background: transparent;
font-size: 45px;
border: none;
color: #fff;
transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
cursor: pointer;
padding: 0;
border-radius: 100px;
height: 36px;
width: 36px;
line-height: 36px;
display: inline-block;
margin-left: 10px;
font-size: 20px;
color: #272727;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
margin-left: 10px;
cursor: pointer;
display: inline-block;
}
.mrt10{
margin-top:10px;
}
.em-quearys-menu i {
border-radius: 50px;
text-align: center;
height: 36px;
width: 36px;
line-height: 36px;
font-size: 17px;
background: #04b6ba;
color: #fff;
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
cursor: pointer;
background: transparent;
color: #fff;
padding: 0;
border-radius: 100px;
height: inherit;
width: inherit;
line-height: inherit;
display: inline-block;
margin-left: 10px;
font-size: 20px;
color: #272727 !important;
}
.kender_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
color: #fff !important;
}
.main_menu_address_a {
display: flex;
align-items: center;
position: relative;
}
.main_menu_address_a::before {
background: #fbfbfb40;
}
.main_menu_address_a:before {
content: "";
position: absolute;
width: 1px;
height: 107px;
left: 0;
}
.main_menu_header_icon {
margin-left: 25px;
margin-right: 10px;
}
.main_menu_header_icon i {
color: #04b6ba;
font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
margin: 0;
font-weight: 600;
font-size: 18px;
}
.main_menu_header_address_text h3{
color: #04b6ba;
}
.main_menu_header_address_text h4 {
margin-bottom: 0;
color: #030925;
}
/*=======================
#2 galenical mobile menu css
========================*/
.mobile-menu{
display:none !important;
}
@media (max-width: 991px){
.search_popup_button, .tx_mmenu_together{
display: none;
}
}
.mobile_logo_area{
display:none !important;
}
.mean-container a.meanmenu-reveal {
display: none !important;
}
.mean-container .mean-nav > ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
display: block !important;
}
.mean-container .mean-bar {
background: #fff;
padding: 0;
}
.mean-container .mean-nav ul li {
border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
color: #444;
}
.mean-container .mean-nav ul li li a {
border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a:hover {
color: #ff4a17;
}
.mobile_p {
position: fixed;
right: 0;
width: 300px;
padding: 80px 20px 0px;
overflow-y: scroll;
top: 0;
height: 100%;
z-index: 9999;
display: block;
transition: 0.5s all;
box-shadow: 0 0 30px rgb(0 0 0 / 7%);
transform: translateX(100%);
background: #ffffff;
}
.tx-s-open {
transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
padding: 20px 0px 20px;
box-shadow: none;
}
.mobile_p {}
.mean-container .mean-nav ul li a {
border: 0;
width: 100%;
border-top: 1px solid #ddd;
font-size: 14px;
padding: 12px 5px;
font-weight: 500;
display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
width: auto;
}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {
text-align: right;
padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
border-top: 0;
}
.mobilemenu_con {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile_menu_o i {
font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
margin-bottom: 20px;
}
.mobile_cicon {
position: absolute;
right: 30px;
top: 50px;
}
.mobile_overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
z-index: 999;
width: 100vw;
height: 100vh;
visibility: hidden;
position: fixed;
background: rgba(0, 0, 0, 0.8);
transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
opacity: 1;
visibility: visible;
}
/* menu button */
a.dtbtn {
border: none;
display: block;
font-size: 14px;
font-weight: 500;
border-radius: 100px;
padding: 13px 25px;
color: #fff;
background: #04b6ba;
margin-left: 15px;
}
a.dtbtn:hover {
background: #3cdce0;
}
/* popup menu css */
.menu_popup_option {
margin-left: 10px;
}
.right_sideber_menu i {
font-size: 22px;
cursor: pointer;
color: #272727;
}
.right_sideber_menu_inner {
background: #fff;
position: fixed;
right: 0;
width: 400px;
top: 0;
height: 100%;
z-index: 999;
overflow: auto;
padding: 80px 40px 0;
display: block;
-webkit-transition: .5s all;
transition: .5s all;
box-shadow: 0 0 30px rgb(0 0 0 / 7%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tx-s-open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.right_sideber_content .blog-left-side>div {
padding: 0;
box-shadow: none;
background: #fff;
margin-bottom: 30px;
border-radius: 8px;
}
.blog-left-side .widget h2 {
line-height: 17px;
margin-bottom: 20px;
padding-bottom: 12px;
position: relative;
margin-top: 0;
}
.blog-left-side .widget h2:after, .blog-left-side .widget h2:before {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 0;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
margin-top: 17px;
left: 0;
}
.blog-left-side h2.widget-title:before {
width: 26%;
border: 0;
height: 2px;
}
.blog-left-side .widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.blog-left-side .widget h2 {
border-bottom: 0;
}
.blog-left-side>.widget>ul>li {
margin: 0 0 10px;
padding-bottom: 10px;
}
.blog-left-side .widget ul li {
padding-left: 20px;
position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li:before {
content: "\eaa0";
font-family: IcoFont!important;
font-size: 18px;
left: 0;
position: absolute;
}
.blog-left-side .widget a {
color: #17161a;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 18px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
#wp-calendar {
margin-bottom: 20px;
overflow: auto;
vertical-align: top;
width: 100%;
margin: 0;
font-size: 13px;
}
#wp-calendar caption {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
}
table#wp-calendar th {
font-size: 13px;
font-weight: 700;
padding: 5px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #e5e5e5;
}
table#wp-calendar td#today {
background: #04b6ba;
}
.right_sideber_menu_inner .blog-left-side .widget a {
color: #454545;
}
.right_sideber_menu_inner .blog-left-side .widget ul li{
position:relative;
}
.right_sideber_menu_inner .blog-left-side .widget ul li:before {
content: "\eaa0";
font-family: IcoFont!important;
font-size: 18px;
left: 0;
position: absolute;
}
.right_side_icon.right_close_class {
position: absolute;
right: 30px;
top: 50px;
}
.prefix .right_close_class .right_sideber_menu i, .right_close_class .right_sideber_menu i {
font-size: 22px;
font-weight: 700;
color: #04b6ba;
}
.right_sideber_menu i {
font-size: 22px;
cursor: pointer;
}
.right_sideber_menu i:hover{
color:#000000;
}
/* home2 menu css */
.h2_menu .galenical_menu > ul > li > a {
margin: 45px 10px;
}
.landi_menu .galenical_menu > ul > li > a {
margin: 45px 10px;
}
.h2_menu a.dtbtn {
font-size: 17px;
}
.witr_slick_content .witr_btn.active {
color: #fff;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background:transparent;
}
.witr_slick_content .witr_btn.active:hover {
background: #04B6BA;
border-color: #04B6BA;
}
.witr_btn:hover {
background: #3cdce0;
color: #fff;
}
/* home2 menu css */
.h3_menu .galenical_menu > ul > li > a {
margin: 45px 10px;
}
.galenical_header_top_two a.main_sticky_main_l {
margin-top: 8px;
}
/* ===== 3. Slider Area CSS ===== */
/* nivo SLIDER AREA CSS */
.main-slider-area {
overflow: hidden;
display: block;
position: relative;
}
.nivo-caption {
background: rgba(0,0,0,0);
height: 100%;
opacity: 1;
}
.em-slider-content-nivo {} .em_slider_right {} .em_slider_inner {
margin: auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.nivo-caption {
background: rgba(0,0,0,0);
}
.em-slider-sub-title {
font-size:57px;
margin-bottom: 20px;
line-height: 103px;
font-weight: 600;
color:#fff;
text-transform:uppercase;
}
.em-slider-title {
color: #fff;
font-size:57px;
margin-bottom: 15px;
font-weight:600;
width:80%;
}
.em-slider-title span{
color:#e8bc5a;
}
.em-slider-descript {
color: #fff;
font-size: 20x;
margin-bottom:30px;
width:66%;
}
.text-left .em-slider-descript {
margin-left: 0;
margin-right: auto;
}
.text-center .em-slider-descript {
margin: 0 auto 31px;
width:61%;
font-size:14px;
}
.text-right .em-slider-descript {
margin-right: 0;
margin-left: auto;
}
.em-slider-descript {
color: #fff;
font-weight: 600;
}
/* button */
.em-button-button-area a {
font-size:14px;
font-weight:500;
color: #fff;
display: inline-block;
margin: 0 4px;
padding: 8px 25px;
position: relative;
border-radius: 30px;
transition: all 0.5s ease 0s;
z-index: 1;
background:#14b1bb;
margin:0 4px;
border:1px solid #14b1bb;
}
.em-button-button-area a:hover{
background:0 0;
color:#fff;
border:1px solid #fff;
}
a.withput-active{
color: #fff;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #fff;
background:0 0;
}
a.withput-active:hover {
background: #04B6BA;
border-color: #04B6BA;
}
.em-slider-half-width {
width: 50%;
}
.em-slider-left {
padding-right: 30px;
}
.em-slider-right {
padding-left: 30px;
}
.em-slider-full-width {
width: 85%;
}
.em-slider-half-width .em-slider-descript {
width: 100%;
}
/* image */
.text-left .em_slider_s2_content {
margin-right: 25%;
}
.text-center .em_slider_s2_content {
margin-right: 0;
}
.text-right .em_slider_s2_content {
margin-left: 25%;
}
.em_slider_s2_image {
position: relative;
}
.em_sc_100{
width:100%;
margin-top: 30px;
}
/* directionNav */
.em-nivo-slider-wrapper .nivo-directionNav {} .em-nivo-slider-wrapper .nivo-directionNav a {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 50px;
width: 50px;
line-height: 48px;
border: 1px solid #fff;
text-align: center;
display: block;
border-radius: 50%;
color: #fff;
font-size: 22px;
left: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {} .em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
left: auto;
right: 0;
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
background: #14b1bb;
border-color: #14b1bb;
color: #fff;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
left: 50px;
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
left: auto;
right: 50px;
}
/* controlNav */
.em-nivo-slider-wrapper .nivo-controlNav {
bottom: 50px;
padding: 0;
position: absolute;
width: 100%;
z-index: 9;
}
.em-nivo-slider-wrapper .nivo-controlNav a {
background: #000 none repeat scroll 0 0;
border-radius: 50%;
cursor: pointer;
display: inline-block;
font-size: 14px;
height: 25px;
margin: 0 5px;
width: 25px;
color: #fff;
line-height: 25px;
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover, .em-nivo-slider-wrapper .nivo-controlNav a.active {
background: #14b1bb;
color:#fff;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.pdlr0{
padding-left:0;
padding-right:0;
}
/* ===== End nivo SLIDER AREA CSS ===== */
.witr_ds_content {
height: 840px;
background-size: cover;
background-position: center center;
overflow: hidden;
}
.witr_ds_content {
position: relative;
z-index: 1;
}
.witr_ds_content:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
z-index: -1;
background: #0000006E;
}
.witr_ds_content_inner {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.witr_slick_content h1 {
color: #fff;
text-transform: uppercase;
}
.text-center .witr_ds_content_inner h1, .text-center .witr_ds_content_inner h2, .text-center .witr_ds_content_inner h3, .text-center .witr_ds_content_inner p, .text-center .witr_slicks_title h4 {
margin-left: auto;
margin-right: auto;
}
.witr_ds_content_inner h1 {
font-size: 33px;
margin-bottom: 9px;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
color: #04b6ba;
text-transform:uppercase;
}
.witr_slick_content h2 {
color: #fff;
text-transform: uppercase;
padding: 5px 0 12px 0;
}
.witr_ds_content_inner h2, .witr_ds_content_inner h3 {
font-size: 42px;
line-height: 1;
}
.witr_slick_content p {
color: #fff;
}
.witr_ds_content_inner p {
width: 74%;
margin: 15px auto 15px auto;
font-weight: 400;
font-size: 14px;
}
.slider_btn {
margin-top: 47px;
}
.text-center .witr_btn_sinner {
text-align: center;
}
.witr_btn {
background: #04b6ba;
border-radius: 100px;
font-size: 14px;
font-weight: 500;
color: #fff;
border-radius: 30px;
display: inline-block;
padding: 10px 30px;
text-align: center;
position: relative;
margin-right: 15px;
z-index: 2;
transition: 1s;
}
.h4_slider .witr_containers {
width: 60%;
margin:auto;
}
.h4_slider .witr_ds_content:before {
background: 0 0;
}
.h4_slider .witr_ds_content {
height: 770px;
}
.h4_slider .witr_slick_content h2 {
color: #fff;
font-size: 60px;
font-weight: 400;
text-transform: uppercase;
padding: 5px 0 14px 0;
}
.h4_slider .witr_slick_content h3 {
color: #fff;
font-size: 60px;
font-weight: 600;
}
.h4_slider .witr_slick_content p {
color: #fff;
font-size: 15px;
font-weight: 400;
width: 43%;
margin: 14px auto 15px 0;
}
.h4_slider .witr_btn {
background: #fff;
border-radius: 100px;
font-size: 16px;
color: #04B6BA;
}
.h4_slider .witr_btn:hover {
background: #3CDCE0;
color:#fff;
}
.h5_slider .witr_ds_content:before {
background: #00000080;
}
/* ===== Slider Area CSS ===== */
.witr_swiper_area {
overflow: hidden;
position: relative;
}
.witr_swiper_height {
height: 785px;
}
.witr_swiper_height, .wittr_gallery_swiper {
background-size: cover;
background-position: center center;
position: relative;
}
.swiper-slide, swiper-slide {
flex-shrink: 0;
transition-property: transform;
display: block;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #0000005E;
}
.witr_sw_text_area {
margin: auto;
width: 59%;
height: 100%;
}
.witr_swiper_content {
position: relative;
top: 47%;
transform: translateY(-50%);
z-index: 1;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
width:80%;
}
.witr_swiper_content h2 {
color: #fff;
font-size: 42px;
font-weight: 600;
text-transform: uppercase;
}
.witr_swiper_content h3 {
color: #fff;
font-size: 42px;
font-weight: 600;
text-transform: uppercase;
margin-top: 1px;
margin-bottom: 0;
}
.witr_swiper_content h2 {
color: #fff;
padding: 21px 0 3px 0;
}
.witr_swiper_content h1 {
font-size: 30px;
margin-bottom: 15px;
display: inline;
color: #fff;
font-weight:600;
}
.witr_swiper_content p {
color: #fff;
font-size: 14px;
font-weight: 400;
}
.text-left .witr_swiper_content p, .text-right .witr_swiper_content p {
width: 60%;
}
.text-left .witr_swiper_content p {
margin: 25px auto 15px 0;
}
.text-center .witr_swiper_content p {
margin: 29px auto 0;
width: 60%;
font-size: 20px;
font-weight: 500;
}
.witr_swiper_content .witr_btn.active {
border:1px solid #04b6ba;
color: #fff;
border-style: solid;
border-color: #fff;
background: transparent;
}
.witr_swiper_content .witr_btn.active:hover {
background: #04B6BA;
border-color: #04B6BA;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background: no-repeat 50%;
color: #fff;
transition: .5s;
border-radius: 30px;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
padding: 30px;
background: #fff;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
color: #04b6ba;
}
.h2_swiper .witr_swiper_content h2 {
color:#fff;
}
.h2_swiper .text-center .witr_swiper_content p {
margin: 28px auto 0;
width: 57%;
}
.h2_swiper .slider_btn {
margin-top: 54px;
}
.h7_swiper .witr_swiper_height {
height: 800px;
}
/* ===== 4. Feature Area CSS ===== */
.gn_fea_area {
padding: 90px 0 0;
}
.em-service2.sright {
text-align: right;
transition: .5s;
margin-bottom: 50px;
}
.sright .witr_s_flex {
flex-flow: row-reverse;
}
.witr_s_flex {
display: flex;
}
.service_top_text {
display: block;
}
.service_top_text {
display: block;
}
.em-service2.sright .em-service-icon {
margin-left: 25px;
margin-top: 5px;
}
.em-service-icon i {
font-size: 50px;
height: auto;
width: auto;
line-height: normal;
background: 0 0;
border: none;
color: #333333;
display: inline-block;
text-align: center;
margin: -5px 0px 0px 0px;
transition:.5s;
}
.em-service2 .em-service-inner {
overflow: hidden;
width: 100%;
}
.em-service-title h3 {
padding: 0;
transition: .5s;
margin-bottom: 8px;
}
.em-service-desc p {
transition: .5s;
}
.all_color_service:hover i {
color: #04B6BA;
}
.em-service2.sleft {
text-align: left;
margin-bottom: 48px;
}
.em-service2.sleft .em-service-icon {
margin-right: 10px;
margin-top: 0;
}
.fea_btm_inner .service-item {
background: #04B6BA;
padding: 31px 0 28px 0;
transition: .5s;
margin-bottom: 30px;
}
.fea_btm_inner .service-item:hover{
background:#3CDCE0;
}
.fea_btm_inner .service-item h3 {
padding: 15px 0 10px;
color: #fff;
margin-bottom: 0;
}
.fea_btm_inner .service-item h3 a{
color:#fff;
}
.fea_btm_inner .service-item p {
padding-top: 0;
color:#fff;
}
.fea_btm_inner .fea_midd_bg{
background:#00A0A4;
}
.diagn_page_fea {
padding: 90px 0 70px;
}
/* ===== 5. Service Area CSS ===== */
.gn_ser_area {
padding: 60px 0 70px;
}
.gn_ser_area .service-item {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #DDDDDD;
transition: .5s;
margin-bottom: 46px;
}
.gn_ser_area .text_box {
padding: 0 10px 0 10px;
}
.gn_ser_area .service-item h3 {
padding: 22px 0 6px 0;
}
.gn_ser_area .service-btn {
position: relative;
top: 19px;
transition: 0.5s;
}
.gn_ser_area .service-btn a{
color: #fff;
font-size: 14px;
font-weight: 500;
background: #04B6BA;
border-radius: 30px 30px 30px 30px;
padding: 7px 30px 7px 30px;
border: 1px solid #04b6ba;
}
.gn_ser_area .service-item p {
padding-top: 0;
margin: 0;
}
.gn_ser_area .service-btn a span {
font-size: 21px;
transition: .5s;
display: inline-block;
position: relative;
top: 3px;
color: #fff;
}
.gn_ser_area .service-btn a:hover{
background: #3CDCE0;
border-style: solid;
border-color: #3CDCE0;
}
.openings_hours {
padding: 19px 20px 28px;
box-shadow: 0 0 10px rgb(4 182 186 / 20%);
}
.openings_hours ul li {
list-style: none;
border-bottom: 1px dashed #333;
}
.openings_hours ul li a {
padding: 9px 0 12px;
margin: 0;
display: block;
transition: .3s;
color: #333;
}
.openings_hours ul li a span {
float: right;
}
.openings_hours ul li a:hover {
color: #3cdce0;
}
.h4_ser {
padding: 100px 0 70px;
}
.h4_ser2 {
padding: 90px 0 70px;
}
.h5_ser_area {
padding: 90px 0 70px;
}
.h7_ser_area {
padding: 90px 0 70px;
}
.dign_page_ser {
padding: 90px 0 70px;
}
.procdrs_p_ser {
padding: 90px 0 70px;
}
/* ===== Service Area CSS ===== */
.gd_ser_area {
background: #FCFCFC;
padding: 90px 0 70px 0;
}
.gd_ser_area .service-item {
padding: 0;
border: none;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
background: #fff;
margin-bottom: 30px;
}
.gd_ser_area .text_box {
padding: 10px 0 32px 0;
}
.gd_ser_area .service-item h3 {
padding: 15px 0 10px;
transition: 0.5s;
}
.gd_ser_area .service-item p {
padding-top: 0;
margin: 0 0 25px 0;
}
.service-btn {
position: relative;
transition: 0.5s;
}
.service-btn>a {
display: inline-block;
transition: .5s;
padding: 9px 30px;
border-radius: 5px;
font-size: 16px;
font-weight: 700;
font-family: Nunito,sans-serif;
border: 1px solid #04b6ba;
color: #04b6ba;
}
.service-btn>a:hover{
background: #04b6ba;
color:#fff;
}
/* ===== Service Area CSS ===== */
.h3_ser_area {
padding: 90px 0 80px;
}
.h3_ser_area .all_color_service {
padding: 30px 10px 10px 10px;
background: #F9F9F9;
transition: .5s;
margin-bottom: 20px;
}
.h3_ser_area .em-service-icon i {
font-size: 45px;
}
.h3_ser_area .all_color_service:hover {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
background: #fff;
}
.h3_ser_area .witr_section_title {
margin-bottom: 50px;
}
/* ===== Service Area CSS ===== */
.h4_ser .service-item {
border: none;
}
.h4_ser .service-item h3 {
padding: 15px 0 10px;
margin: 0;
}
.h4_ser .service-item h3 a{
margin: 0;
}
.h4_ser .service-item p {
padding-top: 0;
}
/* ===== Service Area CSS ===== */
.h6_ser_area {
background: #F9F9F9;
padding: 90px 0 70px 0;
}
.h6_ser_area .witr_section_title {
margin-bottom: 70px;
}
.h6_ser_area .service-item {
padding: 40px 30px 40px 30px;
background: #fff;
border-radius: 10px;
transition: .5s;
margin-bottom: 30px;
}
.h6_ser_area .service-item i {
font-size: 30px;
height: 80px;
width: 80px;
text-align: center;
border-radius: 50%;
line-height: 80px;
display: inline-block;
transition: .5s;
background: #04b6ba;
color:#fff;
}
.h6_ser_area .service-item h3 {
padding: 25px 0px 10px 0px;
text-transform: uppercase;
}
.h6_ser_area .service-item p {
padding: 0 0 15px 0;
}
.h6_ser_area .service-btn a {
background: #21CDC029;
border-style: none;
border-radius: 100px;
font-size: 14px;
font-weight: 500;
display: inline-block;
transition: .5s;
padding: 9px 30px;
color: #04b6ba;
border: 0px solid #04b6ba;
}
.h6_ser_area .service-btn a span {
font-size: 21px;
transition: .5s;
display: inline-block;
position: relative;
top: 3px;
}
.h6_ser_area .service-btn a:hover{
background: #04B6BA;
color:#fff;
}
.h6_ser_area .service-item:hover i{
background: #3CDCE0;
}
/* service area css */
.con_btm_ser {
background: #04B6BA;
margin-top: -20px;
margin-bottom: 0px;
padding: 98px 0 70px 0;
}
.con_btm_ser .all_color_service {
padding: 36px 0 32px 0;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08);
background: #fff;
transition: .5s;
margin-bottom: 30px;
}
.con_btm_ser .service-item i {
font-size: 40px;
height: auto;
width: auto;
border-radius: initial;
line-height: normal;
background: 0 0;
border: none;
color: #3DA3D4;
text-align: center;
display: inline-block;
}
.con_btm_ser .service-item h3 {
padding: 15px 0 10px;
}
.con_btm_ser .service-item h3 a{
font-size:22px;
}
.con_btm_ser .service-item p {
padding-top: 0;
margin-bottom: 0;
}
/* ===== 6. About Area CSS ===== */
.gd_ab_area {
padding: 100px 0 100px;
}
.ab_witr_inner {
margin: 15px 0 0 30px;
}
.ab_witr_inner .witr_section_title {
margin-bottom: 20px;
}
.ab_witr_inner .witr_section_title_inner h1 {
font-size: 20px;
margin: 16px 0 0 0;
}
.departmentList {
position: relative;
padding: 10px;
border-radius: 10px;
background-size: cover;
text-align: left;
margin-bottom: 35px;
}
.departmentList ul li a, .departmentList ul li span {
font-size: 16px;
display: block;
padding: 8px 7px;
margin-bottom: 0;
font-weight: 500;
color: #232323;
font-weight: 500;
}
.departmentList ul li a i, .departmentList ul li span i {
display: inline-block;
color: #04b6ba;
font-size: 14px;
text-align: center;
margin: 0 6px 0 0;
}
.all_icon_color img {
border-radius: 50px;
margin: -7px 0 0 0;
}
.em-service2 .em-service-inner {
overflow: hidden;
width: 100%;
}
.em-service-title {
overflow: hidden;
}
.em-service-title h3 {
padding: 0;
transition: .5s;
margin-bottom: 8px;
}
.em-service-desc p {
transition: .5s;
}
/* ===== About Area CSS ===== */
.h3_ab_area {
padding: 100px 0 95px;
}
.h3_ab_left .witr_videobg_image:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #000000B0;
}
.h3_ab_left .play-overlay {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.h3_ab_witr .witr_section_title_inner h3 {
font-size: 20px;
}
.h3_ab_witr .witr_section_title {
margin-bottom: 36px;
}
.h3_ab_witr .witr_section_title_inner h1 {
font-size: 20px;
padding: 10px 0 10px 0;
}
.h3_ab_witr .witr_section_title_inner p {
padding: 0;
}
.witr_s_flex {
display: flex;
}
.h3_ab_witr .all_icon_color i, .h3_ab_witr .em-service2.sleft .em-service-icon {
margin: 0 14px 0 0;
}
.h3_ab_witr .all_icon_color i {
color: #fff;
font-size: 15px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 100px;
text-align:center;
display:inline-block;
background:#000000;
}
.h3_ab_witr .em-service2.sleft {
text-align: left;
margin-bottom: 25px;
}
.h3_ab_witr .witr_btn {
border-radius: 100px;
font-size: 16px;
font-weight: 600;
border-radius: 100px;
margin-top: 10px;
}
.h3_ab_witr .pluse_btn_icon {
display: inline-block;
}
.ab_page_ab {
padding: 0 0 95px;
}
/* ===== 7. Choose Area CSS ===== */
.gn_chose_area {
padding: 98px 0 70px 0;
}
.chose_left .em-service2.sleft .em-service-icon {
margin-right: 20px;
margin-top: 10px;
}
.witr_s_flex {
display: flex;
}
.service_top_text {
display: block;
}
.chose_left .em-service2.sleft .em-service-icon {
margin: 0 13px 0 0;
}
.chose_left .all_icon_color i {
color: #fff;
font-size: 20px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100px;
background: #000000;
margin: 0 13px 0 0;
text-align: center;
display:inline-block;
transition:.5s;
}
.chose_left .em-service2 .em-service-inner {
overflow: hidden;
width: 100%;
}
.chose_left .em-service-title {
overflow: hidden;
}
.chose_left .em-service-title h3 {
padding: 0;
transition: .5s;
margin-bottom: 8px;
color: #333333;
font-size: 16px;
font-weight: 700;
}
.chose_left .em-service-title h3 a{
font-size:16px;
}
.chose_left .em-service-desc p {
transition: .5s;
}
.chose_left .all_color_service:hover i{
background: #04B6BA;
}
.chose_left .em-service2.sleft {
text-align: left;
margin-bottom: 25px;
}
.chos_btm_img {
margin-top: -15px;
}
.witr_videobg_image {
position: relative;
text-align: center;
}
.play-overlay {
position: absolute;
left: 335px;
top: 270px;
transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
position: relative;
display: inline-block;
width: 75px;
height: 75px;
font-size: 23px;
border-radius: 100%;
background: #04b6ba;
}
.tx_svd_icon {
line-height: 75px;
text-align: center;
animation: witr-shadow 1s linear infinite;
color: #fff;
}
/* ===== Choose Area CSS ===== */
.h6_chos_area {
padding: 0 0 70px;
}
.h6_chos_area .witr_section_title {
margin-bottom: 62px;
}
.h6_vd_left {
padding: 100px 0 100px 0;
background-image: url("../image/choose-bg.jpg");
background-size: cover;
border-radius: 5px;
margin-bottom: 30px;
}
.h6_vd_left .witr_text_widget_inner h2 {
margin: 0 0 15px 0;
font-size:35px;
}
.h6_chos_witr .witr_text_widget_inner h2 {
font-size: 35px;
margin-bottom: 5px;
}
.h6_chos_witr .witr_text_widget p {
margin: 25px 0 25px 0;
}
.witr_widget_list ul li, .witr_widget_list ul li a {
list-style: none;
display: flex;
align-items: baseline;
}
.witr_widget_list span {
color: #273353;
}
span.witr_list_icon {
margin: 0 8px 10px 0;
}
.witr_widget_list i {
color: #21CDC0;
}
span.witr_list_text {
font-size: 18px;
color: #273353;
}
.h6_chos_witr .witr_btn {
border-radius: 5px;
margin-top: 35px;
}
.h6_chos_witr {
padding: 0 10px 0 13px;
}
/* ===== Choose Area CSS ===== */
.h7_chose {
border-style: solid;
border-width: 0 0 1px 0;
border-color: #DDDDDD8F;
}
.h7_chose .witr_videobg_image:before {
background: 0 0;
}
/* ===== 8. Portfolio Area CSS ===== */
.gn_proj_area {
padding: 90px 0 90px;
}
.gn_proj_area .witr_section_title_inner p {
width: 40%;
}
.gn_proj_area .witr_section_title {
margin-bottom: 38px;
}
.witr_single_pslide {
margin-bottom:0;
overflow: inherit;
}
.witr_pslide_image {
overflow: hidden;
position: relative;
}
.toggle_pslide {
display: flex;
align-items: center;
}
.witr_pslide_image::before {
position: absolute;
content: '';
background: #222429;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(0);
transition: .5s;
z-index: 1;
opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
background: #3cdce0;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
bottom: auto;
top: 30px;
left: 30px;
right: auto;
transform: scaleX(0);
position: absolute;
z-index: 9;
transition: .5s;
}
.witr_pslide .witr_pslide_custom a span {
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 5px;
font-size: 30px;
color: #04b6ba;
background: #fff;
display: inline-block;
transition: .5s;
text-align: center;
}
.ps1 .witr_content_pslide_text {
position: absolute;
bottom: -100px;
left: 30px;
right: 30px;
transition: .5s;
opacity: 1;
z-index: 2;
text-align: left;
border-radius: 5px;
}
.witr_pslide_custom {
position: absolute;
bottom: -17px;
right: 50%;
z-index: 9;
transition: .5s;
transform: translateX(50%);
}
.witr_content_pslide_text a {
display: inline-block;
}
.witr_pslide3 .witr_pslide_custom a span {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
box-shadow: 0 0 65px 0 #00000014;
text-align: center;
color: #04b6ba;
background: #fff;
display: inline-block;
}
.witr_content_pslide_text h3 {
margin-bottom: 5px;
}
.witr_content_pslide_text h3 a {
display: inline-block;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
}
.witr_content_pslide_text p {
margin-bottom: 4px;
}
.all_pslides_color p {
color: #fff;
text-transform: uppercase;
}
.witr_pslide_image img {
margin-right: auto;
margin-left: auto;
transition: .5s;
width: 100%;
}
.witr_pslide_btnb a {
color: #04b6ba;
background: #04b6ba29;
font-size: 14px;
border-radius: 100px 100px 100px 100px;
margin: 19px 0px 0px 0px;
padding: 10px 20px 10px 20px;
display: inline-block;
}
.witr_pslide_btnb a:hover {
color: #fff;
background: #04b6ba;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
bottom: auto;
transform: scaleX(1);
}
.ps1 .witr_content_pslide_text a:hover{
color:#04b6ba
}
.witr_single_pslide:hover .witr_pslide_custom {
bottom: -20px;
}
.witr_pslide3 .witr_pslide_custom a span {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 18px;
box-shadow: 0 0 65px 0 #00000014;
background: #fff;
text-align: center;
color: #04b6ba;
display: inline-block;
transition: .5s;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
color: #fff;
background: #04b6ba;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
opacity: 1;
bottom: 30px;
}
/* ===== Portfolio Area CSS ===== */
.port_area {
padding: 70px 0 70px;
}
.port2clmn{
padding: 90px 0 84px;
}
.port2clmn .pstyle2 .prot_content_inner {
top: 60%;
transition: all .3s ease-in-out .3s;
opacity: 0;
}
.port2clmn .picon a {
font-size: 20px;
color: #fff;
background: #04b6ba;
}
.port2clmn .witr_section_title {
margin-bottom: 30px;
}
.port2clmn .portfolio_nav ul li{
margin:0 5px 10px;
transition: .5s;
border: 1px solid #f3eaea;
}
.port2clmn .portfolio_nav ul li.current_menu_item, .port2clmn .portfolio_nav ul li:hover {
border-color: #04b6ba;
background: #04b6ba;
color: #fff;
}
.p3clmn .pstyle2 .prot_content_inner {
top: 50%;
transition: all .3s ease-in-out .3s;
opacity: 1;
}
.p3clmn .picon a {
font-size: 25px;
background: 0 0;
}
.positi_3.pprotfolio4 {
padding: 20px 10px 23px;
border: none;
position: absolute;
bottom: -100px;
left: 0;
right: 0;
z-index: 9;
transition: .5s;
text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
bottom: 0;
}
.positi_3.pprotfolio4 {
background: #04b6ba;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
color: #fff;
}
.portfolio_nav ul {}
.portfolio_nav ul li {
display: inline;
}
.portfolio_nav ul li {
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-weight: 500;
margin: 0;
padding: 10px 20px;
position: relative;
transition: .5s;
border: none;
background: #FFFFFF00;
color: #333333;
}
.prot_wrap {
overflow: hidden;
}
.single_protfolio {
position: relative;
overflow: hidden;
margin-bottom:25px;
}
.prot_thumb {} .prot_thumb img {
display: block;
transform: scale(1);
transition: all 0.5s ease 0s;
width: 100%;
}
.single_protfolio:hover .prot_thumb img {
transform: scale(1.1);
}
.prot_content {
position: absolute;
text-align: center;
transition: .5s;
right: 0;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 9;
}
.multi_gallery.prot_content {
height: 90%;
width: 80%;
right: 10%;
top: 5%;
bottom: 5%;
left: 10%;
}
.single_protfolio:hover .prot_content {
opacity: 1;
}
.prot_content h3 {
margin: 0;
text-transform: capitalize;
font-size: 23px;
margin-bottom: 0;
}
.prot_content h3 a {
font-size: 23px;
font-weight: 700;
text-transform: capitalize;
transition: .5s;
color: #fff;
margin-bottom: 0;
display: inline-block;
}
.prot_content h3 a:hover {
color: #04b6ba;
}
.prot_content p {
line-height: 1.2;
margin: 5px 0 0;
}
.prot_content p span {
display: inline-block;
color: #fff;
}
.single_protfolio:hover .prot_content {
opacity: 1;
transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
position: relative;
margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
bottom: 0;
content: ",";
position: absolute;
right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
content: "";
}
.nospace.col-xs-12 {
padding: 0px;
}
.nospace .single_protfolio {
margin-bottom: 0px;
}
.portfolio_nav {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 40px;
}
/* load button css */
.gallery_load_button a {
padding: 7px 15px;
display: inline-block;
font-size: 17px;
margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
margin-top: 30px;
}
.prots-contentg p {}
/*style 1 */
.em_port_content {
height: 100%;
opacity: 1;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
z-index: 9;
left: 0;
top: -100%;
width: 100%;
transition: .5s;
text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
transition: .5s;
}
.portfolio_readmore_btn {
padding-top: 23px;
}
.portfolio_readmore_btn > a {
border-radius: 5px;
display: inline-block;
padding: 6px 21px;
text-transform: uppercase;
transition: .3s;
border: 1px solid transparent;
}
.pstyle_1 .picon a {
background:0 0;
border-radius: 5px;
display: inline-block;
font-size: 25px;
height: 50px;
line-height: 50px;
margin: 0 8px 11px;
width: 50px;
transition: .5s;
color: #fff;
}
.picon a:hover {
border-color: #191f2d;
background: #191f2d;
}
.prot_thumb {
overflow: hidden;
position: relative;
}
.pprotfolio4 {
box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
padding: 17px 10px 20px;
}
.pprotfolio4 {
padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
margin: 0;
}
.porttitle_inner4 h3 a {
color: #454545;
}
.porttitle_inner4 p {
margin-bottom: 0;
}
.porttitle_inner4 p span {
display: inline-block;
color: #454545;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
color: #04B6BA;
}
.prot_content {
background: #04b6ba80;
}
.pprotfolio4 {
box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
padding: 20px 10px 23px;
border: none;
}
.portfolio_nav {
text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
border-color: #04b6ba;
background: #04b6ba;
color: #fff;
}
ul.page-numbers a.page-numbers {
box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
border-radius: 5px;
margin-right: 10px;
padding: 15px 24px;
font-size: 19px;
line-height: 1;
transition: .5s;
}
.page-numbers span.current, .paginations a {
display: inline-block;
font-weight: 500;
margin: auto 5px;
}
.paginations a {
color: #888;
}
.page-numbers li {
display: inline-block;
}
.paginations {
text-align: center;
margin-top: 20px;
}
.portfolio_4column_gutter .single_protfolio {
margin-bottom: 0px;
}
/* port style 3 */
.em_plus_port {
position: absolute;
bottom: 20px;
right: 30px;
z-index: 99;
}
.prot_content_inner {
left: 50%;
position: absolute;
top: 60%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 10;
opacity: 0;
transition: all .3s ease-in-out .3s;
}
.single_protfolio:hover .prot_content_inner {
top: 50%;
opacity: 1;
}
.picon a {
border-radius: 5px;
display: inline-block;
font-size: 25px;
height: 50px;
line-height: 50px;
margin: 0 3px 11px;
width: 50px;
text-align: center;
color: #fff;
background: 0 0;
}
.picon a:hover {
border-color: #3cdce0;
background: #3cdce0;
}
/* style 1 */
.em_port_content {
height: 100%;
width: 100%;
}
.pstyle_1 .porttitle_inner h3 {
padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
transition: .5s;
margin-bottom:30px;
}
.portfolio_readmore_btn {
padding-top: 23px;
}
.portfolio_readmore_btn > a {
border-radius: 5px;
display: inline-block;
padding: 6px 21px;
text-transform: uppercase;
transition: .3s;
border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
left: 3000px;
position: absolute;
top: 60%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 10;
transition: all .3s ease-in-out .3s;
opacity: 0;
padding: 15px 0 20px 20px;
transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
background: #04b6ba;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
top: 50%;
opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
left: 50%;
position: absolute;
top: 60%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
z-index: 10;
transition: all .3s ease-in-out .3s;
opacity: 0;
}
.port_style02 .prot_content h3 a {
font-size: 23px;
font-weight: 700;
text-transform: capitalize;
transition: .5s;
color: #fff;
margin-bottom: 0px;
display: inline-block;
}
.port_style02 .picon a:hover {
border-color: #0a0a0a;
background: #0a0a0a;
}
.port_style02 .single_protfolio {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
color: #04b6ba;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
position: absolute;
top: 50%;
width: 100%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 10;
}
.portfolio_style2 .prot_content {
position: absolute;
text-align: center;
transition: .5s;
right: 0;
top: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
top: 50%;
opacity: 1;
left: 50%;
right: 50%;
transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
opacity: 1;
transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
color: #04b6ba;
}
.p2clmn .prot_content_inner {
top: 50%;
opacity: 1;
}
.port_grid .portfolio_nav ul li {
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-weight: 500;
margin: 0 5px 10px;
padding: 10px 20px;
position: relative;
transition: .5s;
border: 1px solid #f3eaea;
}
.port_area .prot_content_inner {
top: 50%;
opacity: 1;
}
.port_area .witr_section_title_inner.text-center p {
width: 38%;
}
.h3_port_area .witr_section_title_inner.text-center p {
width: 64%;
}
/* recent project css */
.galenical-blog-area.galenical-blog-single.single-blog-details {
padding: 120px 0 95px;
}
.portfolio-details-box h2 {
font-size: 25px;
}
.prots-contentg ul {
display: inline-block;
margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
padding-top: 15px;
padding-bottom: 10px;
list-style: none;
}
.portfolio-details-box ul li b {
font-size: 18px;
font-weight: 600;
}
.portfolio-details-box ul li span.eright {
font-weight: 400;
font-size: 16px;
margin-left: 5px;
}
.galenical-blog-social {
margin-bottom: 25px;
margin-top: 25px;
}
.galenical-single-icon a {
border: 1px solid #e6e6e6;
display: inline-block;
font-size: 15px;
height: 40px;
line-height: 41px;
margin: 0 9px 0 0;
text-align: center;
width: 40px;
border-radius: 5px;
color: #04b6ba;
}
.galenical-single-icon a:hover {
background: #04b6ba;
color: #fff;
}
.pr-title h2 {
margin-top: 15px;
margin-bottom: 15px;
}
/* ===== 9. Faq Area CSS ===== */
.gn_faq_area {
background: #F9F9F9;
padding: 95px 0 85px 0;
}
.accordion_area .card-2 {
margin-bottom: 15px;
border-radius: 5px;
background: #fff;
border: none;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
.witr_ac_style {
color: #222429;
}
.witr_ac_style {
display: flex;
align-items: center;
padding: 19px 0 19px 10px;
transition: .5s;
}
.accordion_area .card-2 p {
padding: 20px;
background: #fff;
}
.witr_ac_style, .witr_ac_style::before {
font-size: 20px;
font-weight: 600;
}
.witr_ac_style:before {
position: absolute;
content: '\ea99';
right: 30px;
font-family: IcoFont!important;
font-weight: 400;
font-size:20px;
}
.active .witr_ac_style:before {
content: '\eaa1';
}
.witr_ac_card i {
font-size: 20px;
display: inline-block;
}
.accordion_area .card-header.witr_ac_card {
background: #fff;
padding: 0;
border-bottom: 0;
text-align: left;
}
.witr_ac_card i {
margin-right: 10px;
font-size: 20px;
}
.active .witr_ac_style {
color: #fff;
background: #21CDC0;
}
.active .witr_ac_style:before {
color: #fff;
}
.witr_ac_style:focus, .witr_ac_style:hover {
background: #04b6ba;
color:#fff;
}
.faq_witr_img .single_image {
margin: 30px 0 0 0;
}
.faq_left {
margin: 0 30px 0 0;
}
.procdrs_pfaq {
background: 0 0;
padding: 65px 0 85px 0;
}
/* ===== Faq Area CSS ===== */
.faq_area2 {
padding: 0px 0 100px;
}
.accordion_area_02 .witr_ac_style {
padding: 10px 15px;
border-bottom: none;
}
.accordion_area_02 .accordion_02_shadow {
border:none;
box-shadow: 0px 0px 20px 0px #dddddd80;
background:none;
}
.accordion_area_02 .card-header.witr_ac_card a:hover {
color: #232323;
}
.border_bottom_0{
border-bottom:none;
}
.writ_ac_style_02 {
margin-left: 25px;
font-size: 20px;
font-weight: 600;
display: block;
background: none !important;
font-family: Heebo,sans-serif;
}
.writ_ac_style_02:before {
position: absolute;
content: '\f067';
left: 20px;
margin-right:10px;
font-family: fontawesome !important;
font-weight: 200;
}
.active .writ_ac_style_02:before {
content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
background: #fff;
padding: 0px 10px;
}
.content_style p,
.conent_style p {
padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
border: 0 !important;
margin-bottom: 20px;
box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
}
.faq_area2 .witr_ac_style2 {
padding-left: 30px;
font-size: 20px;
font-weight: 600;
display: flex;
align-items: center;
padding: 11px 15px;
transition: .5s;
padding: 12px 20px 12px 20px;
color: #232323;
}
.writ_ac_style_02:before {
font-weight: 200;
font-size: 17px;
color: #3a4268;
margin-top: 3px;
}
.faq_area2 .active .witr_ac_style {
color:#333;
background: #A4282800;
}
.faq_area2 .card-header.witr_ac_card a:hover {
color: #232323;
}
/* ===== 10. Counter Area CSS ===== */
.gn_coun_area {
background-image: url("../image/counter.jpg");
background-position: center center;
background-size: cover;
padding: 100px 0 70px 0;
position: relative;
}
.gn_coun_area::before{
content:"";
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background: #000000;
opacity: 0.74;
}
.single_counter {
border-top: 2px solid #324452;
border-bottom: 2px solid #324452;
}
.single_counter {
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}
.single_counter {
position: relative;
padding: 32px 0;
text-align: center;
transition: all .3s ease 0s;
margin-bottom: 30px;
}
.single_counter:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 40%;
}
.single_counter:before {
border-left: 2px solid #324452;
border-right: 2px solid #324452;
}
.counter_icon {
margin-top: 7px;
}
.counter_icon i {
display: inline-block;
font-size: 50px;
text-align: center;
color: #fff;
display: block;
}
.counter_title {
padding: 0;
}
.counter_title h4 {
font-size: 18px;
margin: 0;
text-transform: capitalize;
transition: .5s;
padding: 20px 0 10px 0;
font-weight: 600;
color: #fff;
}
.countr_text>h3 {
display: inline-block;
font-size: 45px;
font-weight: 500;
color: #fff;
}
.countr_text span {
line-height: 1;
transition: .5s;
display: inline-block;
font-size: 43px;
color: #fff;
}
.single_counter:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 40%;
}
.single_counter:after {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 40%;
}
.single_counter:before {
border-left: 2px solid #324452;
border-right: 2px solid #324452;
}
.single_counter::before, .single_counter::after {
border-left-color: #fff;
border-right-color: #fff;
}
.single_counter:after {
border-left: 2px solid #324452;
border-right: 2px solid #324452;
}
.single_counter::before, .single_counter::after {
border-left-color: #FFFFFF;
border-right-color: #FFFFFF;
}
.single_counter:hover {
border-top-color: #04B6BA;
border-bottom-color: #04B6BA;
}
.single_counter:hover, .single_counter:hover:after, .single_counter:hover:before {
border-color: #04b6ba;
}
.single_counter:hover, .witr_counter_6 .wirt_new_iner {
background: #04b6ba;
}
/* ===== Counter Area CSS ===== */
.gn_cou_up_ara {
padding: 100px 0 70px;
}
.witr_counter_6.witr_counter_single {
padding: 28px 25px 42px;
box-shadow: 0 5px 20px 0 #0000000d;
background: #fff;
text-align: left;
margin-bottom: 30px;
display: block;
}
.witr_counter_6 .witr_counter_number_inn {
overflow: inherit;
}
.wirt_new_iner {
float: left;
margin-right: 20px;
}
.witr_counter_6 .wirt_new_iner {
padding: 30px 0 32px;
border-radius: 5px;
width: 29%;
text-align: center;
transform: skewY(356deg);
background: #04b6ba;
}
.witr_counter_6 .witr_counter_number_inn h3, .witr_counter_6 .witr_counter_number_inn span {
font-size: 31px;
}
.witr_counter_6 .witr_counter_number_inn h3, .witr_counter_6 .witr_counter_number_inn span {
font-size: 31px;
color: #fff;
display: inline-block;
font-weight: 800;
margin-bottom: 0;
}
.witr_counter_number_inn span {
line-height: 0;
}
.wirt_counter_tiner p {
margin-bottom: 0;
}
/* ===== 11. Team Area CSS ===== */
.gn_team_area {
padding: 90px 0 0;
}
.em-team {
text-align: center;
position: relative;
transition: .5s;
margin-bottom: 30px;
}
.em-team-one {
position: relative;
overflow: hidden;
padding-bottom: 55px;
}
.em-team-content-image img {
width: 100%;
}
.em-team-content-waraper {
bottom: -67px;
left: 0;
margin: 0 10px;
padding: 30px 0;
position: absolute;
right: 0;
box-shadow: 0px 0px 65px 0px rgb(0, 0, 0,0.08);
transition: all 0.3s ease 0s;
background:#fff;
}
.em-content-title h5 {
font-size: 23px;
margin-bottom: 0;
transition: .5s;
}
.em-content-title h5 a {
font-weight: 700;
}
.em-content-subtitle {
font-size: 16px;
margin: 5px 0 0;
text-transform: capitalize;
transition: .5s;
}
.em-team-content-socials {
position: relative;
transition: .5s;
}
.em-team-content-socials a {
border-radius: 50%;
display: inline-block;
height: 35px;
line-height: 35px;
margin: 14px 3px 0;
text-align: center;
width: 35px;
background: #fff;
color: #04b6ba;
}
.em-team:hover .em-team-content-waraper {
bottom: 0;
background: #04b6bae6;
}
.em-team:hover .em-content-title h5 a{
color:#fff;
}
.em-team:hover .em-content-subtitle{
color:#fff;
}
.em-team-content-socials a:hover {
background: #04b6bae6;
color:#fff;
}
.ab_team_area {
padding: 90px 0 50px;
}
/* ===== Team Area CSS ===== */
.h4_team_area {
background: #F9F9F9;
padding: 90px 0 0 0;
}
.busi_singleTeam {
position: relative;
overflow: hidden;
transition:.5s;
}
.busi_singleTeam:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: .5s;
background: #F81B1B00;
}
.busi_singleTeam img {
width: 100%;
height: auto;
}
.busi_TMHover {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
top: 0;
margin: auto;
opacity: 0;
width: calc(90% - 0px);
height: calc(40% - 0px);
transition: all ease .4s;
background:rgba(255,255,255,.9);
}
.busi_TMHover:before {
position: absolute;
left: 0;
top: 0;
width: 0px;
height: 3px;
content: '';
transition: all ease 500ms;
background: #04b6ba;
}
.TM_center {
left: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.busi_singleTeam h5 {
font-size: 23px;
margin-bottom: 0px;
margin-left: -30px;
transition: all 0.6s ease-in-out;
}
.busi_singleTeam span {
font-size: 20px;
transition: all 0.6s ease-in-out;
}
.busiTS {
opacity: 0;
transition: all 0.9s ease-in-out;
margin-top: 8px;
}
.busiTS a{
font-size: 16px;
height: 34px;
width: 34px;
line-height: 30px;
border-radius: 50%;
text-align: center;
transition: .5s;
display: inline-block;
border: 2px solid #ddd;
color: #222429;
}
.busi_TMHover:after {
position: absolute;
right: 0;
bottom: 0;
width: 0px;
height: 3px;
content: '';
transition: all ease 500ms;
background: #04b6ba;
}
.busi_singleTeam:hover .busi_TMHover {
opacity: 1;
}
.busi_singleTeam:hover .busi_TMHover:before, .busi_singleTeam:hover .busi_TMHover:after {
width: 80px;
}
.busi_singleTeam:hover h5 {
margin-left: 0;
}
.busiTS a:hover {
border-color: #04b6ba;
}
.busiTS a:hover, .busi_TMHover:after, .busi_TMHover:before {
background: #04b6ba;
}
.busiTS a:hover {
color: #fff;
}
.busi_singleTeam:hover .busiTS {
opacity: 1;
transition: all 0.9s ease-in-out;
}
.busiTS a:hover {
transform: rotate(360deg);
}
/* ===== Team Area CSS ===== */
.h6_team_area {
background: 0 0;
}
.h6_team_area .witr_section_title_inner p {
width: 38%;
}
.team_page_team .witr_section_title_inner p {
width: 38%;
}
/* ===== Team Area CSS ===== */
.gn_team_area3 {
padding: 85px 0 70px;
}
.gn_team_area3 .team-part {
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
transition: .5s;
margin-bottom: 30px;
}
.post_team10_area .witr_team_section {
position: relative;
text-align:center;
}
.gn_team_area3 .witr_team_section:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
transition: .5s;
background: #04b6ba6b;
}
.post_team10_area .team_o_icons {
margin-top: 0;
padding: 0;
position: absolute;
top: 50%;
left: -25%;
transform: translateY(-50%);
transition: .5s;
}
.post_team10_area .team_o_icons ul li {
display: block;
}
.post_team10_area .team_o_icons ul li a {
width: 55px;
height: 55px;
line-height: 55px;
border: none;
border-radius: 0;
margin: 0px;
font-size: 20px;
display: block;
color: #fff;
text-align: center;
transition: .5s;
background: #272727;
}
.gn_team_area3 .witr_team_content {
padding: 23px 5px 23px;
background: #04B6BA;
}
.gn_team_area3 .witr_team_content h5 {
margin: 0;
color: #fff;
}
.gn_team_area3 .witr_team_content h5 a{
color: #fff;
}
.gn_team_area3 .witr_team_content span {
font-size: 18px;
color: #fff;
}
.gn_team_area3 .witr_team_section:hover:before {
opacity: 1;
}
.post_team10_area .team-part:hover .team_o_icons {
left: 0;
}
.post_team10_area .team_o_icons ul li a:hover {
background: #04b6ba;
}
.gn_team_area3 .all_color_team:hover .all_content_bg_color{
background: #3CDCE0;
}
/* ===== 12. Testimonial Area CSS ===== */
.gn_test_area {
padding: 0 0 85px;
}
.gn_test_area .witr_section_title {
margin-bottom: 20px;
}
.single_creativeItem {
text-align: center;
}
.box-size {
padding: 10px 15px;
}
.testiCreCon {
position: relative;
background: #fff;
border-radius: 0;
margin-bottom: 44px;
padding: 29px 0 31px;
transition: .5s;
background:#F9F9F9;
}
.testiCreCon li {
font-size: 120px;
color: #04b6ba14;
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-top: -20px;
}
.testiCreCon:hover.testiCreCon li {
color: #ffffff1f;
}
.testiCreCon p {
position: relative;
margin: 0;
z-index: 1;
color: #666666;
transition:.5s;
}
.testiCreCon:after {
position: absolute;
content: '';
left: 50%;
bottom: -36px;
border-radius: 15px;
width: 50px;
height: 50px;
background: #fff;
transform: rotate(45deg) translateX(-50%);
z-index: -1;
transition: .5s;
background: #F9F9F9;
}
.post_t6 .em_test_thumb {
float: inherit;
margin-right: 0;
margin-bottom: 10px;
}
.em_test_thumb img {
border-radius: 50%;
width: 80px;
}
.testAuthor h6 {
margin-bottom: 0;
color: #333333;
}
.testAuthor span {
font-size: 15px;
}
.testiCreCon:hover{
background:#04B6BA;
}
.testiCreCon:hover:after{
background:#04B6BA;
}
.testiCreCon:hover p{
color:#fff;
}
.h6_test_area {
padding: 90px 0 0px;
}
.ab_page_test {
padding: 90px 0 85px;
}
.dign_page_test {
padding: 90px 0 85px;
}
.test_page_test {
padding: 90px 0 85px;
}
/* ===== 13. Skill Area CSS ===== */
.h6_skill_area {
padding: 100px 0 70px;
}
.skill_left_img{
margin-bottom: 30px;
}
.skill_content{}
.skill_content .witr_section_title {
margin-bottom: 36px;
}
.skill_content .witr_section_title_inner p {
padding: 10px 0 0 0;
}
.witr_single_progress {
overflow: hidden;
position: relative;
margin-bottom: 20px;
}
.witr_title2 .witr_label {
position: absolute;
left: 0;
top: 0;
font-size: 17px;
font-weight: 700;
color: #272727;
}
.witr_progress-style2.progress {
box-shadow: none;
border-radius: 0;
overflow: visible;
height: 6px;
}
.progress {
margin-top: 29px;
}
.witr_progress-style2 .progress-bar {
position: relative;
text-align: left;
line-height: 4px;
border-radius: 0;
box-shadow: none;
}
.progress-bar {
overflow: inherit;
}
.progress-bar {
background: #04b6ba;
}
.witr_progress-style2 .witr_percent {
position: absolute;
right: 0;
font-weight: 700;
font-size: 16px;
top: -19px;
}
.witr_progress-style2 .witr_percent {
color: #272727;
}
.skill_content .witr_btn {
margin-top: 25px;
}
.progress_area3 {
background: #F9F9F9;
padding: 98px 0 80px;
}
.progress_area2 {
padding: 95px 0 80px;
}
.progress_area2 .witr_section_title {
margin-bottom: 30px;
}
.progress_area2 .progress-bar {
background: #04b6ba;
}
.progress_area2 .progress {
background-color: #e9ecef;
}
.progress_area2 .witr_percent {
color: #272727;
font-weight: 700;
}
.progress_area2 .witr_label {
font-weight: 700;
color: #272727;
font-size: 17px;
}
.progress_area2 .witr_single_progress {
overflow: hidden;
margin-bottom: 20px;
}
.progress2_witr_inner .witr_progress-style7 .witr_percent {
position: absolute;
right: -13px;
font-weight: 500;
font-size: 10px;
top: -35px;
padding: 3px 6px;
}
.witr_progress-style7 .witr_percent {
background: #272727;
}
.witr_progress-style7 .witr_percent::after {
content: '';
position: absolute;
border: 5px solid transparent;
left: 50%;
top: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress2_witr_inner .progress.witr_progress-style7 {
overflow: visible;
height: 6px;
}
.progress2_witr_inner .witr_percent {
color: #fff;
font-weight: 700;
}
.progress2_witr_inner .progress {
margin-top: 8px;
}
.progress2_witr_inner .witr_label {
font-weight: 600;
font-size: 15px;
}
.witr_progress-style8 {
position: relative;
height: 40px;
box-shadow: none;
border-radius: 20px;
overflow: visible;
padding: 7px;
box-shadow: 0 1px 10px rgba(68, 68, 68, 0.08);
}
.witr_progress-style8 + .witr_progress-style8 {
margin-top: 30px;
}
.witr_progress-style8 .progress-bar {
text-align: left;
border-radius: 0;
box-shadow: none;
border-radius: 15px;
}
.witr_progress-style8 .witr_label {
position: absolute;
left: 20px;
font-size: 13px;
font-weight: 500;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.witr_progress-style8 .witr_percent {
position: absolute;
right: 14px;
top: 50%;
font-weight: 500;
font-size: 13px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.progress_bar_area .progress {
margin-top: 29px;
}
.witr_progress-style8 {
background: #fff;
}
.witr_progress-style5 {
height: 24px;
box-shadow: none;
border-radius: 0;
overflow: visible;
margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
position: relative;
text-align: left;
border-radius: 0;
box-shadow: none;
}
.witr_title5 .witr_label {
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
font-weight: 600;
}
.witr_progress-style5 .witr_percent {
position: absolute;
right: 0;
font-weight: 500;
font-size: 12px;
top: -35px;
padding: 3px 6px;
border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
content: "";
position: absolute;
border: 11px solid transparent;
left: -19px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.progress.witr_progress-style5 {
margin-top: 37px;
}.witr_progress-style5 {
height: 24px;
box-shadow: none;
border-radius: 0;
overflow: visible;
margin-top: 30px;
}
.witr_progress-style5 + .witr_progress-style5 {
margin-top: 60px;
}
.witr_progress-style5 .progress-bar {
position: relative;
text-align: left;
border-radius: 0;
box-shadow: none;
}
.witr_title5 .witr_label {
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
font-weight: 600;
}
.witr_progress-style5 .witr_percent {
position: absolute;
right: 0;
font-weight: 500;
font-size: 12px;
top: -35px;
padding: 3px 6px;
border-radius: 4px;
}
.witr_progress-style5 .witr_percent:after {
content: "";
position: absolute;
border: 11px solid transparent;
left: -19px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.progress.witr_progress-style5 {
margin-top: 37px;
}
.right_progress_inner .progress {
background-color: #e9ecef;
}
.witr_progress-style5 .witr_percent {
position: absolute;
right: 0;
font-weight: 500;
font-size: 12px;
top: -35px;
padding: 3px 6px;
border-radius: 4px;
}
.witr_progress-style5 .witr_percent {
background: #222;
}
.progress_bar_area .witr_section_title {
padding-bottom: 32px;
}
.procdrs_pskill {
background:#F9F8FCB8;
}
/* ===== Progress Area CSS ===== */
.circle_area {
padding: 92px 0 70px;
}
.circle_area .witr_section_title {
margin-bottom: 30px;
}
.witr_circle_area {
text-align: center;
margin-bottom: 20px;
}
.witr_cp_class {
position: relative;
}
span.witr_cir_text {
position: absolute;
content: "";
left: 50%;
top: 50%;
font-size: 20px;
transform: translateX(-50%) translateY(-50%);
font-weight: 700;
color: #7c7c7c;
}
.witr_circle_title {
margin-top: 10px;
}
.progressbar_title_section {
background: #F9F9F9;
padding: 110px 0px 55px;
}
/* ===== Skill Area CSS ===== */
.gn_skill_area {
padding: 100px 0 80px;
}
.em-team {
text-align: center;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.em-team-one {
position: relative;
overflow: hidden;
padding-bottom: 55px;
}
.em-team-content-image img {
width: 100%;
}
.em-team-content-waraper {
bottom: -67px;
left: 0;
margin: 0 10px;
padding: 30px 0;
position: absolute;
right: 0;
box-shadow: 0 0 65px 0 rgb(0, 0, 0, 0.08);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.em-team-content-title h2 {
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
font-size: 22px;
}
.em-team-content-subtitle {
font-size: 16px;
margin-bottom: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.em-team-content-socials a {
border-radius: 50%;
display: inline-block;
height: 35px;
line-height: 35px;
margin: 14px 3px 0;
text-align: center;
width: 35px;
}
.em-team-content-socials {
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.em-team:hover .em-team-content-waraper {
bottom: 0;
}
.em-content-title h5 {
font-size: 23px;
margin-bottom: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.em-content-title h5 a {
font-weight: 700;
}
.em-content-subtitle {
font-size: 16px;
margin: 5px 0 0;
text-transform: capitalize;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.team-wrap {
overflow: visible;
position: relative;
}
.team-front {
opacity: 1;
transition: opacity 0.4s, -webkit-transform 0.8s;
-webkit-transition: opacity 0.4s, -webkit-transform 0.8s;
transition: transform 0.8s, opacity 0.4s;
transition: transform 0.8s, opacity 0.4s, -webkit-transform 0.8s;
}
.team-front {
z-index: 2;
position: relative;
border-radius: 50%;
overflow: hidden;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.em-team-content-socials a {
border-radius: 50%;
display: inline-block;
height: 35px;
line-height: 35px;
margin: 14px 3px 0;
text-align: center;
width: 35px;
}
.em-team-content-socials {
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.em-team:hover .em-team-content-waraper {
background: #21cdc0e6;
}
.em-team-content-socials a:hover, .em-team:hover .em-content-subtitle, .em-team:hover .em-content-title h5, .em-team:hover .em-content-title h5 a, .team-style-2 .em-content-desc-inner, .team-style-2 .em-content-socials a, .team-style-2 .em-content-subtitle, .team-style-2 .em-content-title h5 {
color: #fff;
}
.em-team-content-socials a, .em-team-content-waraper, .team-part .witr_team_sec_3 .team-social {
background: #fff;
}
.em-team-content-socials a {
color: #21cdc0;
}
.em-team-content-socials a:hover {
background: #21cdc0e6;
}
.team_bottom_content {
padding-top: 25px;
padding-bottom: 20px;
}
.gn_skill_area .text_box {
padding: 10px 32px 31px 32px;
}
.gn_skill_area .service-btn a, .gn_skill_area .witr_service_btn_3d a {
color: #fff;
background-color: #04B6BA;
margin: 12px 0px 0px 0px;
padding: 10px 30px 10px 30px;
border: 1px solid #04B6BA;
border-radius: 30px;
font-size: 14px;
font-weight: 500;
}
.gn_skill_area .service-btn a:hover, .gn_skill_area .witr_service_btn_3d a:hover {
background-color: #21CDC0;
border-style: solid;
border-color: #21CDC0;
}
.gn_skill_area .service-item h3 {
padding: 15px 0 10px;
}
.gn_skill_area .service-item.all_color_service.text-left {
padding: 0px 0px 0px 0px;
box-shadow: 0px 0px 20px 0px rgba(42, 67, 113, 0.15);
background:#fff;
}
.gn_skill_area .service-item.all_color_service.text-left:hover{
box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.skill_inner_area .witr_label {
font-weight: 500;
}
.skill_inner_area .progress {
border-style: default;
height: 10px;
border-radius: 30px;
}
.witr_progress-style13.progress {
border: 1px solid #04b6ba;
background:0 0;
}
.witr_progress-style13.witr_progress-style2 .progress-bar {
margin: 2px 2px 2px;
border-radius: 30px;
}
/* ===== 14. Cart Area CSS ===== */
.trading_cart_area {
padding: 90px 0px 75px;
}
.trading-single-blog-details {
background: #fff;
margin-bottom: 40px;
}
.single-blog-content {
overflow: hidden;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #a46497;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-info, .woocommerce-message {
border-top-color: #04b6ba;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-info::before {
color: #04b6ba;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
clear: both;
}
.woocommerce .witr_cart_to_cross a.checkout-button.alt, .woocommerce .witr_checkout_form button.button.alt, .woocommerce .witr_product_cart button, .woocommerce .witr_product_cart button.button:disabled, .woocommerce .witr_product_cart button.button:disabled[disabled], .woocommerce a.button, .woocommerce a.button.wc-backward, .woocommerce button.button, .woocommerce input.button {
background: #04b6ba;
color: #fff;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #04b6ba;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
clear: both;
}
.woocommerce a.button.wc-backward:hover, .woocommerce a.button:hover{
background: #000;
}
/* ===== 15. My Account Area CSS ===== */
.my_account {
padding: 100px 0 70px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px;
}
.woocommerce form .form-row {
width: 100%!important;
}
.woocommerce form .form-row, .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row {
display: block;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0!important;
text-decoration: none;
visibility: visible;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: solid 1px #e4e4e4;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
color: #43454b;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: .6180469716em;
outline: 0;
border: 0;
-webkit-appearance: none;
border-radius: 2px;
box-sizing: border-box;
font-weight: 400;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
width: 100%;
margin: 0;
line-height: normal;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: solid 1px #e4e4e4;
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
background: #04b6ba;
color: #fff!important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em;
}
p.woocommerce-LostPassword.lost_password a {
margin-top: 10px;
display: inline-block;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme span {
margin-top: 8px;
display: inline-block;
}
form.woocommerce-form.woocommerce-form-login.login label {
font-size: 16px;
}
.woocommerce button.button:hover{
background:#000;
}
/* ===== 16. Contact Area CSS ===== */
.gn_cont_area {
padding: 90px 0 80px;
}
.gn_cont_area .witr_section_title {
margin-bottom: 30px;
}
.apartment_text h1 {
font-size: 17px;
margin-bottom: 5px;
color:#fff;
}
.apartment_text h2 {
margin-bottom: 40px;
font-size: 38px;
color:#fff;
}
.apartment_area {
text-align: center;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
padding: 0;
}
.witr_apartment_form .btn:hover{
background-color: #14b1bb;;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input, .witr_apartment_form textarea {
width: 100%;
height: 45px;
border-radius: 0;
outline: none;
margin-bottom: 23px;
background: #FFFFFF2B;
font-size: 16px;
outline: none;
padding: .375rem .75rem;
padding-left: 10px;
color: #888;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #DDDDDD;
}
.twr_form_box textarea {
margin-bottom: 15px;
height: 150px;
width: 100%;
}
.witr_apartment_form input, .witr_apartment_form form select, .wpcf7-not-valid-tip, .witr_apartment_form input::-webkit-input-placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap a::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-submit::-webkit-input-placeholder, .witr_apartment_form form select option {
color: #888;
}
.witr_apartment_form textarea {
color: #888;
}
.witr_apartment_form textarea::placeholder{
color: #888;
}
.witr_apartment_form .btn {
border: 0 none;
display: inline-block;
padding: 12px 35px 12px 35px;
background: #04b6ba;
color: #fff;
font-size: 14px;
font-weight: 600;
border-radius: 100px;
margin-top: 15px;
border-width:1px;
border-style:solid;
}
.witr_apartment_form .btn:hover {
color: #04B6BA;
background: #02010100;
border-color: #04B6BA;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;
}
p.form-messege{
margin-top: 8px;
}
.cont_img .single_image{
margin: 0;
padding: 90px 0 0 0;
}
.fll_contact .apartment_area {
position: relative;
background-size: cover;
padding: 30px 20px 30px 20px;
border-radius: 10px;
text-align: left;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
background: #F3F3F3;
margin-bottom: 20px;
}
.fll_contact .apartment_text h2 {
margin-bottom: 40px;
font-size: 25px;
font-size: 25px;
color: #232323;
}
.fll_contact .witr_apartment_form form select, .fll_contact .witr_apartment_form form select, .fll_contact .witr_apartment_form input, .fll_contact .witr_apartment_form textarea {
height: 45px;
padding: 10px 10px 0px 15px;
padding-left: 30px;
color: #888;
border: 1px solid #DDDDDD;
background:#fff;
}
.fll_contact .witr_apartment_form form select::placeholder, .fll_contact .witr_apartment_form form select::placeholder, .fll_contact .witr_apartment_form input::placeholder, .fll_contact .witr_apartment_form textarea::placeholder{
color: #888;
}
.fll_contact .witr_apartment_form textarea{
height:150px;
}
.fll_contact .witr_apartment_form .btn {
display: inline-block;
font-weight: 600;
padding: 15px 30px;
background: #04b6ba;
width:100%;
font-size:16px;
font-family:Nunito,sans-serif;
border-radius:0;
height:auto;
}
/* map area css */
.map_inner_area iframe {
border: none;
width: 100%;
height: 500px;
margin-bottom: -8px;
}
/* ===== contact area css ===== */
.con_top_ser {
padding: 100px 0 0;
}
.con_top_ser .service-item {
padding: 50px 30px 25px 30px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
transition: .5s;
border: none;
}
.con_top_ser .service-item i{
font-size: 30px;
height: 80px;
width: 80px;
text-align: center;
border-radius: 5px;
line-height: 80px;
display: inline-block;
transition: .5s;
background: #04b6ba;
color: #fff;
}
.con_top_ser .service-item h3 {
padding: 15px 0 10px;
}
.con_top_ser .service-item p {
padding-top: 0;
margin-bottom: 0;
}
.con_top_ser .service-item:hover i {
color: #fff;
background:#111111;
}
/* ===== Contact Area CSS ===== */
.hosptl_bpage_cont {
padding: 90px 0 20px;
border-top: 1px solid #DDDDDD8C;
}
.hosptl_bpage_cont .witr_section_title {
margin-bottom: 50px;
}
.hosptl_bpage_cont .apartment_area {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
padding: 0;
text-align:left;
}
.hosptl_bpage_cont .apartment_text h2 {
font-size: 20px;
margin: 0 0 26px 0;
color: #333;
}
.hosptl_bpage_cont .witr_apartment_form form select, .hosptl_bpage_cont .witr_apartment_form form select, .hosptl_bpage_cont .witr_apartment_form input, .hosptl_bpage_cont .witr_apartment_form textarea {
margin-bottom: 23px;
background: #F9F9F9;
padding-left: 15px;
border-style: solid;
border-width: 1px;
border-color: #DDDDDD;
}
.hosptl_bpage_cont .witr_apartment_form form select:hover, .hosptl_bpage_cont .witr_apartment_form form select:hover, .hosptl_bpage_cont .witr_apartment_form input:hover, .hosptl_bpage_cont .witr_apartment_form textarea:hover{
border-color:#04B6BA;
}
.hosptl_bpage_cont .witr_apartment_form .btn {
padding: 15px 30px;
background: #F9F9F9;
color: #333333;
font-size: 14px;
font-weight: 600;
border-radius: 0;
margin-top: -5px;
border: none;
width: 100%;
}
.hosptl_bpage_cont .witr_apartment_form .btn:hover{
background:#3CDCE0;
color:#fff;
}
/* ===== Video Area CSS ===== */
.h5_vd_area {
background-image: url("../image/fun2.jpg");
background-position: center center;
background-size: cover;
padding: 100px 0 100px 0;
}
.witr_videobg_image:before {
content:"";
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #0000005E;
}
.h5_vd_area .play-overlay {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.h5_vd_area .witr_all_color_v a {
font-size: 18px;
}
.h5_vd_area .play-overlay a:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
animation-fill-mode: both;
animation: witr_squares 1.5s ease-in-out infinite;
background: #04b6ba;
}
.h5_vd_area .play-overlay a::before {
left: 0;
}
@keyframes witr_squares{
0%{
transform:scale(1);
opacity:0
}
20%{
transform:scale(1.24);
opacity:1
}
100%{
transform:scale(2.1);
opacity:0
}
}
.h5_vd_witr {
margin: 50px 10px 0 0;
}
.h5_vd_witr .witr_section_title {
margin-bottom: 25px;
}
.h5_vd_witr .witr_section_title_inner h3 {
color: #fff;
font-size: 20px;
}
.h5_vd_witr .witr_section_title_inner p {
color: #fff;
padding: 10px 0 0 0;
}
.h5_vd_witr_list {
display: flex;
justify-content: space-between;
margin-right: 44px;
}
.icon-list-items.inline-items .icon-list-item {
margin-right: 8px;
margin-left: 8px;
margin-bottom: 12px;
}
.icon-list-icon i {
color: #fff;
font-size: 14px;
width: 1.25em;
}
.icon-list-item > .icon-list-text, .list-item > a {
font-size: 14px;
font-weight: 500;
color: #fff;
padding-left: 27px;
text-align: center;
}
.h5_vd_witr .witr_btn {
border-radius: 100px;
font-size: 14px;
font-weight: 700;
margin-top: 18px;
}
.h5_vd_witr .pluse_btn_icon {
display: inline-block;
}
.h5_vd_witr .pluse_btn_icon span {
font-size: 20px;
text-align: center;
}
/* ===== Video Area CSS ===== */
.gn_vd_area {
background-image: url("../image/vbanner.jpg");
background-position: center center;
background-size: cover;
padding: 110px 0 110px 0;
position: relative;
}
.gn_vd_area::before{
content:"";
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background: #000000;
opacity: 0.75;
}
.video-overlay {
padding: 70px 0 50px;
}
.witr_all_color_v a {
font-size: 20px;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 100%;
}
.video-item a {
position: relative;
display: inline-block;
background: #04b6ba;
}
.video-item a:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
animation-fill-mode: both;
animation: witr-shadow 1s linear infinite;
left: 0;
right: 0;
bottom: 0;
}
.video-item a::before {
background: #04b6ba;
border-radius: 100%;
}
.video-item h3 {
font-size: 25px;
margin-top: 35px;
color: #fff;
}
@keyframes witr-shadow {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
}
100% {
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
}
}
.witr_all_color_v i {
color: #fff;
position: relative;
}
.witr_youtube_video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: -99;
}
.witr_youtube_video iframe {
width: 100%;
height: 100%;
border: none;
}
.video_page_area .witr_swiper_height {
z-index: -1;
}
.bvideo_page_area{
position:relative;
}
.video_page_area .witr_swiper_content h1, .video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swiper_content p, .video_page_area .witr_flow_text h5{
color:#fff;
z-index:999;
}
.video_page_area .witr_swiper_content_icon a i {
color: #fff;
background: #C0131300;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
color: #fff;
background: #04b6ba;
}
.video_page_area .witr_swiper_content {
top: 55%;
background: 0 0;
}
.video_page_area .witr_swiper_content p {
width: 36%;
}
.video_page_area .witr_ds_content_inner h2, .video_page_area .witr_ds_content_inner h3 {
color:#fff;
}
.video_page_area .witr_ds_content_inner p {
color:#fff;
}
/* ===== 17. Blog Area CSS ===== */
.galenical_blog_area {
position: relative;
padding: 90px 0 70px;
}
.blg_page_blg {
margin-top: 0;
padding: 115px 0 100px;
}
.galenical_blog_area .witr_section_title {
margin-bottom: 35px;
}
.galenical_blog_area .witr_section_title_inner h2 {
text-transform: uppercase;
}
.all_blog_color {
text-align: left;
}
.busi_singleBlog {
transition: .5s;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.07);
position: relative;
overflow: hidden;
background: #fff;
margin-bottom: 20px;
}
.witr_sb_thumb {
overflow: hidden;
position: relative;
}
.witr_sb_thumb:before {
position: absolute;
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(0);
transition: .5s;
z-index: 1;
background: rgba(0,0,0,.5);
}
.witr_sb_thumb img {
width: 100%;
transition: .5s;
}
.witr_top_category {
transform: scale(0);
transition: .5s;
}
.busi_singleBlog:hover .witr_top_category {
transform: scale(1);
}
.witr_top_category {
position: absolute;
left: 20px;
top: 20px;
z-index: 999;
}
.witr_top_category ul li {
display: inline-block;
}
.witr_top_category ul li a {
background: #04b6ba;
padding: 3px 10px;
}
.witr_top_category ul li a {
border-radius: 5px;
margin: 0 10px 0px 0;
display: inline-block;
}
.witr_top_category ul li a {
color:#fff;
}
.busi_singleBlog:hover {
box-shadow: 0 0 4px 0 rgba(0,0,0,.05);
}
.busi_singleBlog:hover .witr_sb_thumb img, .busi_singleBlog:hover .witr_sb_thumb:before {
transform: scale(1.2);
}
.witr_blog_con {
padding: 20px 15px 5px 25px;
margin-bottom: 0;
}
.bs5 span {
line-height: 26px;
}
.witr_blog_con h2 {
margin: 10px 0 10px 0;
color: #222429;
}
.witr_blog_con h2 a {
display: inline-block;
color: #222429;
text-transform: uppercase;
}
.witr_blog_con h2 a:hover{
color:#04b6ba;
}
.learn_btn {
padding: 0 0 0 10px;
background: 0 0;
font-size: 14px;
font-weight: 500;
color: #333333;
text-align: center;
display: inline-block;
background: #02010100;
}
.em-blog-content-area_adn {
padding: 0 10px 22px 20px;
}
.witr_blog_border {
margin-bottom: 10px;
}
.witr_blog_border {
border: 1px solid #f2f2f2;
}
.witr_blog_con span {
font-size: 16px;
line-height: 26px;
font-size: 16px;
margin-bottom: 15px;
margin-right: 2px;
}
.galenical-blog-meta-left_adn a, .galenical-blog-meta-left_adn span, .galenical-event-meta-left_adn a, .galenical-event-meta-left_adn span, .event_date_5 span, .witr_blog_con span, .witr_blog_con span a, .witr_blog_metan span, .witr_blog_metan span a, .witr_circal_r h6 {
color: #333333;
font-size: 13px;
font-weight: 600;
}
.witr_blog_meta_potion14 {
margin: 5px 0 17px;
}
.witr_blog_con span i {
margin-right: 5px;
padding-left: 5px;
transition: .5s;
color: #333333;
font-size: 13px;
}
.witr_blog_meta_potion {
margin-top: -55px;
margin-bottom: 25px;
z-index: 9;
position: relative;
padding: 15px 10px;
box-shadow: 0 0 30px 0 rgba(0,0,0,.04);
background: #fff;
}
.wbutton_right_icon {
position: absolute;
bottom: 0;
right: 24px;
}
.wbutton_right_icon a {
font-size: 20px;
position: relative;
z-index: 1;
color: #04b6ba;
}
.wbutton_right_icon a::before {
content: '';
position: absolute;
height: 110px;
width: 110px;
border: 2px solid #f7f7f7;
bottom: -78px;
z-index: -1;
transform: rotate(-35deg);
right: -38px;
border-radius: 0 20px;
transition: .5s;
}
.busi_singleBlog:hover .wbutton_right_icon a {
color: #fff;
}
.busi_singleBlog:hover .wbutton_right_icon a::before {
background: #04b6ba;
}
.galenical_blog_area:hover .slick-prev, .galenical_blog_area:hover .slick-next{
opacity:1;
}
.gd_team_area:hover .slick-prev, .gd_team_area:hover .slick-next{
opacity:1;
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
padding: 100px 0px 100px;
}
.blog-left-side > div {
background-color: #fff;
margin-bottom: 30px;
padding: 15px;
box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
margin-bottom: 0;
}
.blog-left-side h2 {
margin-bottom: 10px;
text-transform: uppercase;
}
.blog-left-side .content {
padding: 0;
}
.blog-left-side .push-bottom-large {
margin-bottom: 0;
}
.blog-left-side > div:last-child {
margin-bottom: 0;
}
.blog-left-side > aside:last-child {
margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
background: 0 0;
color: #18c8ff;
}
.defaultsearch {
background: #f7f7f7;
position: relative;
}
.defaultsearch input {
background: #f7f7f7 none repeat scroll 0 0;
border: 0 none;
height: 54px;
position: relative;
width: 100%;
}
.defaultsearch button {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: #858585;
font-size: 18px;
padding: 1px 15px;
position: absolute;
right: 0;
top: 50%;
cursor: pointer;
transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
padding-left: 10px;
}
.blog-left-side .widget h2 {
bottom: -1px;
display: block;
line-height: 17px;
margin-bottom: 20px;
padding-bottom: 14px;
position: relative;
text-transform: capitalize;
}
.blog-left-side .widget h2::before {
background: #04b6ba;
bottom: 0;
content: "";
height: 2px;
left: 0px;
position: absolute;
width: 26%;
top: 20px;
}
.em-blog-content-area {
padding: 20px 15px 0;
overflow: hidden;
}
.footer-middle .widget h5 {
text-transform: capitalize;
}
.blog-left-side .widget ul {
list-style: none;
}
.blog-left-side .widget ul li {
margin: 0 0 5px;
padding-left: 20px;
position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li span {
font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
margin: 0 0 10px;
padding-bottom: 10px;
}
.blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before {
color: #04b6ba;
}
.blog-left-side .widget select {
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #ddd;
padding-left: 5px;
}
.galenical-blog-meta-left i {
color: #04b6ba;
}
.galenical-blog-meta-left i {
font-size: 13px;
margin-right: 5px;
}
.galenical-blog-meta-left {
margin-bottom: 10px;
margin-top: 5px;
}
.recent-post-text h4 a:hover {
color: #04b6ba;
}
.recent-post-item {
padding-bottom:0;
}
.recent-post-text h4 {
margin-bottom: 0;
line-height: 1;
}
.galenical-blog-meta-left a, .galenical-blog-meta-left span {
color: #888;
}
.widget .screen-reader-text {
display: none;
}
.textwidget select {
width: 100%;
}
#wp-calendar {
width: 100%;
}
.tagcloud a {
display: inline-block;
font-size: 14px !important;
margin: 0 8px 10px 0;
padding: 7px 15px;
text-align: center;
font-weight: 400;
border: 1px solid #ddd;
text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
color: #DB2D2E;
}
.tagcloud a:hover {
background: #DB2D2E;
color: #fff;
}
#wp-calendar caption {
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
text-align: left;
text-transform: uppercase;
}
#wp-calendar {
font-size: 13px;
}
#wp-calendar {
border: 0 solid #e5e5e5;
margin-bottom: 20px;
overflow: auto;
vertical-align: top;
width: 100%;
margin: 0;
}
table#wp-calendar td {
border: 1px solid #e5e5e5;
padding: 5px 10px;
text-align: center;
vertical-align: top;
font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
padding: 8px;
}
table#wp-calendar th {
border: 1px solid #e5e5e5;
font-size: 13px;
font-weight: 700;
padding: 5px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
table#wp-calendar td#today {
color: #fff;
background-color: #04b6ba;
}
table#wp-calendar td#today a {
color: #fff;
}
.textwidget img {
margin-bottom: 15px;
}
.textwidget p {
margin-bottom: 0.5rem;
}
.galenical-blog-thumb img {
width: 100%;
transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
display: inline-block;
margin: auto;
width: 100%;
}
.witr-blog-side-area.blog_sidebar .galenical-single-blog {
margin-bottom: 30px;
box-shadow: none;
border-bottom: 1px solid #e7e7e7;
background: transparent;
}
.galenical-single-blog {
overflow: hidden;
text-align: left;
transition: all .3s ease-in-out 0s;
}
.galenical-blog-thumb {
overflow: hidden;
}
.single_blog_thumb img {
width: 100%;
}
.galenical-blog-thumb a {
display: block;
position: relative;
}
.galenical-blog-thumb a:before {
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
z-index: 999;
transition: .5s;
}
.galenical-blog-thumb a:before {
background: rgba(0,0,0,.7);
}
.galenical-blog-thumb img {
width: 100%;
}
.galenical_blog_area .em-blog-content-area {
padding: 20px 15px 0;
overflow: hidden;
box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.galenical-blog-meta.post_blog h2 a {
font-size: 24px;
font-weight: 700;
transition: .5s;
}
.galenical-blog-meta-left {
margin-bottom: 10px;
margin-top: 5px;
}
.galenical-blog-meta-left a, .galenical-blog-meta-left span {
color: #888888;
font-size: 16px;
margin-right: 5px;
margin-bottom: 0;
display: inline-block;
}
.galenical-blog-meta-left i {
color: #04b6ba;
margin-right: 5px;
font-size: 13px;
}
.galenical-blog-meta-left a, .galenical-blog-meta-left span {
color: #888;
}
.em-blog-content-area .witr_btn {
background: #04b6ba;
border-radius: 5px;
color: #fff;
display: inline-block;
font-size: 20px;
padding: 10px 30px;
text-align: center;
position: relative;
margin-right: 20px;
z-index: 2;
transition: 1s;
font-weight: 400;
margin-bottom: 20px;
}
.galenical-single-blog:hover .galenical-blog-thumb a:before {
opacity: 1;
}
.galenical-single-blog:hover .galenical-blog-thumb img {
transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
background: #323232;
color: #fff;
}
.galenical-blog-meta.post_blog h2 a {
font-size: 24px;
font-weight: 700;
transition: .5s;
}
.video-open-inline iframe {
width: 100%;
height: 400px;
border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
margin-bottom: 30px;
box-shadow: none;
border-bottom: 1px solid #e7e7e7;
background: transparent;
}
.witr-blog-side-area blockquote {
background-color: #f7f7f7;
border-left: 3px solid #04b6ba;
padding: 1em 1em;
margin-top: 15px;
}
blockquote {
margin: 0 0 30px;
font-size: 17px;
font-weight: 400;
box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
color: #454545;
}
.blog-left-side>div {
margin-bottom: 30px;
padding: 35px 30px 35px;
border-radius: 8px;
box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
font-size: 16px;
font-weight: 600;
}
.recent-post-text .rcomment {
font-size: 14px;
}
.widget_recent_data .recent-post-image img {
margin-bottom: 8px;
margin-top: 5px;
}
.widget_recent_data .recent-post-item {
margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
color: #030925;
}
.footer_s_inner {
margin-top: 10px;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
padding: 100px 0 70px;
}
.galenical-single-blog-details-inner {
padding: 38px 45px 45px;
box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
color: #5c727d;
}
.wp-block-group__inner-container {
text-align: center;
}
.galenical-single-icon-inner {
text-align: center;
}
.galenical-single-icon-inner a {
border: 1px solid #e6e6e6;
color: #17161a;
display: inline-block;
font-size: 15px;
height: 40px;
line-height: 41px;
margin: 0 9px 0 0;
text-align: center;
width: 40px;
border-radius: 5px;
}
.galenical-single-icon-inner a:hover {
background: #04b6ba;
border-color: #04b6ba;
color: #fff;
}
.comment-respond {
border: 1px solid #ddd;
margin-bottom: 30px;
padding: 25px 10px 30px;
background-color: #f1f1f1;
}
.comment_field .input-field {
width: 33.33%;
float: left;
margin-bottom: 25px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
color: #606060;
font-size: 14px;
margin-top: 15px;
margin-bottom: 0;
font-weight: 500;
}
.comment_field .input-field label, .comment_field .textarea-field label {
color: #606060;
font-size: 14px;
margin-top: 15px;
margin-bottom: 0;
font-weight: 500;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
color: #555555;
}
.comment_field .input-field input {
width: 100%;
border: 1px solid #e5e5e5;
padding: 6px 20px;
height: 54px;
font-size: 17px;
}
.comment_field .textarea-field textarea {
width: 100%;
border: 1px solid #e5e5e5;
height: 150px;
padding: 10px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
color: #555555;
}
.galenical_btn {
background: transparent;
border: 1px solid #ddd;
display: inline-block;
text-align: center;
padding: 12px 20px;
margin-top: 15px;
border-radius: 5px;
transition: .5s;
color: #444;
}
.galenical_btn:hover {
background: #04b6ba;
border-color:#04b6ba;
color:#fff;
}
/* end sidebar css */
/* ===== 18. Footer Area CSS ===== */
.witrfm_area {
position: relative;
}
.witrfm_area:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.8);
}
.footer-middle {
background-repeat: no-repeat;
background-position: center center;
background-image: url('../image/footerimage.jpg');
background-size: cover;
padding: 65px 0 73px;
}
.footer-middle .widget h2 {
margin-bottom: 28px;
margin-top: 28px;
position: relative;
}
.single-widget-item h2 {
margin-bottom: 33px;
margin-top: 28px;
}
.galenical-description-area a img {
margin: 26px 0;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
margin: 0;
float: left;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
font-weight: 500;
font-size: 14px;
}
.footer-middle .recent-post-text>h4 {
margin-bottom: 0;
font-weight: 400;
line-height: .7;
margin-top: 10px;
}
.recent-post-image {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.recent-post-image img {
border-radius: 0;
width: 70px;
}
.recent-post-item {
clear: both;
margin-bottom: 15px;
}
.footer-sociala-icon {
clear: both;
float: left;
font-size: 18px;
margin-right: 12px;
}
.footer-sociala-info {
overflow: hidden;
}
.recent-portfolio-area {
display: flex;
flex-flow: row;
flex-wrap: wrap;
}
.recent-portfolio {
margin-bottom: 10px;
margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
color: #04b6ba;
}
.footer-middle .recent-post-text .rcomment {
font-size: 16px;
font-weight: 400;
}
.footer-middle .widget ul li {
margin-bottom: 10px;
}
.footer-widget.address p {
margin-bottom: 6px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
color: #04b6ba;
}
.galenical-desgalenicaliption-area a img {
margin: 26px 0;
}
.galenical-description-area .social-icons a {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
border-radius: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 0;
background: #0491a3;
color: #fff;
}
.footer-middle .widget h2 {
color: #ffffff;
}
.galenical-description-area .social-icons a:hover {
background: #04b6ba;
color: #fff;
}
.twr_footer_contact input {
background: 0 0;
color: #fff;
border: 1px solid #fff;
height: 60px;
width: 100%;
padding-left: 30px;
color: #fff;
border-radius: 4px;
}
.twr_footer_contact input::placeholder{
color:#fff;
}
.twr_footer_contact button {
padding: 15px 30px;
margin-top: 10px;
outline: 0;
border: none;
background: #04b6ba;
color: #fff;
}
.witr_sub_table {
border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
display: flex;
justify-content: space-between;
padding-bottom: 8px;
margin-bottom: 8px;
}
.witr_sub_table span {
color:#fff;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .galenical-description-area p, .galenical-description-area .phone a, .galenical-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .galenical-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
color: #ffffff;
}
/* footer bottom area css */
.footer-bottom {
padding: 23px 0 22px;
position: relative;
background: #000000;
}
.footer-bottom:before {
content: "";
position: absolute;
top: 0;
height: 1px;
width: 61%;
left: 0;
right: 0;
margin: auto;
}
.copy-right-text p {
margin: 0;
padding: 0;
}
.copy-right-text p, .footer-menu ul li a {
color: #ffffff;
}
.footer-menu ul li {
display: inline-block;
}
.footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-menu ul li a {
padding: 0 10px;
display: block;
}
.copy-right-text a, .footer-menu ul li a:hover {
color: #04b6ba;
}
/* sgalenicaloll up css */
#scrollUp {
bottom: 30px;
font-size: 30px;
height: 40px;
line-height: 40px;
right: 100px;
text-align: center;
border-radius: 5px;
width: 40px;
background: #04b6ba;
}
#scrollUp i {
color: #fff;
}
/* slick slide css */
.slick-dots li button {
font-size: 0;
width: 30px;
height: 10px;
border: 0 solid #F0F0F0;
margin: 0 5px;
cursor: pointer;
border-radius: 0;
padding: 0;
transition: .5s;
outline: 0;
background: #fff;
}
.slick-dots li.slick-active button {
background-color:#04b6ba;
}
.slick-dots li {
display: inline-block;
}
.slick-dots {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
display: inline-block;
z-index: 11;
text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
font-size: 0;
position: absolute;
display: block;
padding: 0;
cursor: pointer;
color: #fff;
outline: none;
z-index: 9;
opacity: 0;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,.1);
width: 55px;
height: 55px;
line-height: 55px;
top: 50%;
transform: translate(0px, -50%);
transition: .5s;
border: 0px solid #19191b;
background: #04b6ba;
}
.slick-prev {
left: -65px;
}
.slick-next {
right: -65px;
}
.slick-next:before, .slick-prev:before {
color: #fff;
font-size: 40px;
transition: all .3s ease 0s;
content: "\ea93";
font-family: IcoFont!important;
line-height: inherit;
opacity: 1;
}
.slick-next:before {
content: "\ea94";
font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
background: #1f1d1d;
border-color: #1f1d1d;
}
.slick-prev:hover:before, .slick-next:hover:before {
color: #fff;
}
button:focus {
outline: 0;
}
.gd_test_area:hover .slick-prev, .gd_test_area:hover .slick-next {
opacity:1;
}
.gd_test_area2:hover .slick-prev, .gd_test_area2:hover .slick-next {
opacity:1;
}
/*===== 19. Breadcumb Area CSS =====*/
.breadcumb-inner h2 {
font-size: 36px;
}
.breadcumb-area {
padding-top: 60px;
padding-bottom: 60px;
background-image: url(../image/fun2.jpg);
position: relative;
background-position: center center;
background-size: cover;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
color:#fff;
}
.breadcumb-inner li {
display: inline-block;
margin: 0;
color:#fff;
}
.breadcumb-inner li:nth-last-child(-n+1) {
color:#fff;
}
.breadcumb-inner li a {
color:#fff;
}
.breadcumb-inner li a:hover {
color: #04b6ba;
}
.brpt h2 {
font-size: 30px;
color: #fff;
margin-bottom: 5px;
}
.lcase {
text-transform: lowercase;
}
.ucase {
text-transform: uppercase;
}
.ccase {
text-transform: capitalize;
}
/* ===== 20. Tab Area CSS ===== */
.h5tab_tab_area {
padding: 0 0 70px;
}
.witr_adv_tab_area {
text-align: left;
}
.nav-tabs {
justify-content: center;
}
.witr_taba_style1 .nav-tabs .nav-item {
margin-bottom: 15px;
text-align: center;
}
.nav-tabs .nav-link {
color: #fff;
background-image: url("../image/li2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-style: default;
padding: 50px 34px 50px 34px;
}
.witr_taba_style1 .nav-tabs .nav-link {
margin-right: 15px;
border: 0;
border-radius: 5px;
font-size: 17px;
position: relative;
box-shadow: 0 0 25px 2px rgba(196,206,213,.2);
transition: .5s;
}
.witr_taba_style1 .nav-tabs span {
display: block;
float: left;
margin: 0 15px;
}
.nav-link strong {
font-size: 17px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
color: #fff;
}
.h5tab_tab_area .single_image img {
width: 100%;
max-width: 100%;
transition: 0.5s;
margin-bottom: 30px;
}
.nav-tabs {
border-bottom: none;
margin-bottom: 85px;
}
/* content css */
.tab_content_inner {
padding: 6px 0 0;
}
.tab_content_inner .witr_section_title {
margin-bottom: 20px;
}
.tab_content_inner .witr_section_title_inner h3 {
font-size: 25px;
padding: 0 0 17px 0;
}
.tab_content_inner .em-service2.sleft {
text-align: left;
margin-bottom: 23px;
}
.witr_s_flex {
display: flex;
}
.service_top_text {
display: block;
}
.tab_content_inner .em-service-icon {
margin: 0 10px 0 0;
}
.tab_content_inner .all_icon_color i{
margin: 0 10px 0 0;
}
.tab_content_inner .all_icon_color i {
color: #333333;
font-size: 20px;
border-radius: 100px;
}
.tab_content_inner .em-service-icon i {
height: auto;
width: auto;
line-height: normal;
background: 0 0;
border: none;
text-align: center;
display: inline-block;
}
.tab_content_inner .em-service-title h3 {
padding: 0;
transition: .5s;
margin-bottom: 8px;
color: #333333;
font-size: 18px;
font-weight: 700;
text-transform:uppercase;
}
.tab_content_inner .all_color_service h3 a {
color: #333333;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.tab_content_inner .all_color_service p {
margin: 0;
}
.tab_con3 .witr_section_title {
margin-bottom: 10px;
}
/* ===== 21. Spring Fall Area CSS ===== */
.sp_fall_area {
padding: 100px 0 80px;
}
.fll_left_con img{
width:100%;
margin-bottom:20px;
}
.witr_text_widget_inner1 {
padding-bottom: 50px;
}
.fll_left_con .accordion_area {
margin-top: 20px;
}
.fll_left_con .accordion_area .card-header.witr_ac_card {
background: 0;
}
.fll_left_con .witr_ac_style {
background:#F7FBF7;
}
.fll_left_con .accordion_area .card-2 {
border-style: solid;
border-width: 0px 0px 0px 0px;
background:#348E381A;
margin-bottom: 15px;
}
.fll_left_con .accordion_area .card-2 p {
padding: 4px 15px 15px;
background: 0;
}
.fll_left_con .active .witr_ac_style {
color: #232323;
background: #FFFFFF00;
}
.fll_witr_con .all_list_color {
text-align: center;
background: #F3F3F3;
padding: 10px;
position: relative;
border-radius: 10px;
margin-bottom: 20px;
}
.fll_witr_con .departmentList h3 {
margin-bottom: 22px;
text-align: center;
padding: 20px;
color: #fff;
background-color:#04b6ba;
border-radius: 5px;
}
.fll_witr_con .all_list_color ul li a, .fll_witr_con .all_list_color ul li span {
color: #fff;
background-color: #04b6ba;
border-radius: 5px;
margin: 0 0 10px 0;
padding: 10px;
font-size: 18px;
display: block;
}
.fll_witr_con .all_list_color ul li a:hover, .fll_witr_con .all_list_color ul li span:hover {
background: #171616;
}
.fll_witr_con .departmentList ul li a i, .fll_witr_con .departmentList ul li span i {
display: inline-block;
margin-top: 4px;
text-align: center;
font-size: inherit;
color: #fff;
}
.fll_btm_list .departmentList h3 {
background-color: #348E38;
padding: 14px 14px 14px 14px;
}
.fll_btm_list .all_list_color {
text-align: left;
background: #F3F3F3;
padding: 20px;
}
.fll_btm_list .departmentList ul li a, .fll_btm_list .departmentList ul li span {
font-size: 18px;
display: block;
padding: 8px 7px;
margin-bottom: 0;
color:#4f555a;
background:0 0;
}
.fll_btm_list .all_list_color ul li a:hover, .fll_btm_list .all_list_color ul li span:hover {
background: 0;
}
.fll_btm_list .departmentList ul li span i{
color:#4f555a;
}
/* ===== 22. Shop Area CSS ===== */
section.shop_grid_area.sec_padding {
padding: 120px 0 90px;
}
.sec_padding .witr_section_title {
margin-bottom: 40px;
}
.order_tx {
justify-content: flex-end;
align-items: center;
}
ul.tx_product_tab.nav {
justify-content: flex-end;
margin-bottom: 2em;
}
ul.tx_product_tab.nav li a.active {
color: #fff;
border: 1px solid #04b6ba;
font-size: 22px;
margin: 1px 0 0;
padding: 2px 9px 2px;
display: inline-block;
margin-left: 10px;
border-radius: 5px;
background: #04b6ba;
transition-duration: .5s;
}
ul.tx_product_tab.nav li a {
font-size: 22px;
margin: 1px 0 0;
padding: 2px 9px 2px;
display: inline-block;
margin-left: 10px;
border-radius: 5px;
color: #333;
border: 1px solid #e8e8e8;
}
.woocommerce-ordering {
margin: 0 0 2em;
}
.woocommerce-result-count {
font-weight: 600;
}
.row.tx_product_list {
box-shadow: 0 0 30px 0 rgb(0 0 0 / 5%);
margin-bottom: 30px !important;
}
.tbd_product {
padding-left: 0;
}
.listdiv_center {
padding: 15px 0;
}
.shop_grid_area .price span {
font-size: 1rem;
font-weight: 700;
color: #04b6ba;
}
p.list_produc_content {
margin-top: 15px;
}
.thb_product_car {
text-align: center;
transition: 0.5s;
display: flex;
justify-content: left;
align-items: center;
overflow: hidden;
opacity: 1;
}
.thb_product_car.thb_product_carlist a, .product_icon a {
width: 38px;
height: 38px;
border-radius: 50%;
margin-right: 3px;
display: inline-block;
text-align: center;
line-height: 38px;
box-shadow: 0 0 10px 0 rgb(27 81 209 / 10%);
margin: 0 3px;
color: #212121;
transition-duration: .5s;
background: #fff;
}
.tbd_product .thb_product_car a {
background: #fff;
color: #0e0d0d;
}
.thb_product_car.thb_product_carlist a:hover, .product_icon a:hover {
color: #fff;
background: #04b6ba;
}
.product_icon {
position: absolute;
opacity: 0;
text-align: center;
left: 0;
right: 0;
bottom: 0;
transition-duration: .5s;
visibility: hidden;
}
.product_inner:hover .product_icon {
transform: translateY(-20px);
opacity: 1;
visibility: visible;
}
.product_img {
position: relative;
text-align: center;
}
.product_img img {
width: 100%;
}
.d-flex {
display: flex!important;
justify-content: flex-end;
}
.sale {
position: absolute;
top: 10px;
right: 10px;
background-color: #04b6ba;
padding: 6px 12px;
border-radius: 2px;
}
.sale p {
margin: 0;
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
line-height: normal;
}
.product_inner {
box-shadow: 0 0 10px 0 rgba(148,146,245,.2);
margin-bottom: 30px;
}
.product_text {
padding: 20px
}
.tbd_product_title a h3, .product_name h3 a {
font-weight: 700;
color: #232323;
display: block;
transition-duration: .5s;
}
.product_name h3 a {
font-size: 19px;
text-align: center;
}
.tbd_product_title a h3 {
font-size: 24px;
}
.tbd_product_title a h3:hover {
color: #04b6ba;
}
.tbd_product_title h3 a:hover, .product_name h3 a:hover {
color: #04b6ba;
}
.product_price p {
color: #033D50;
text-align: center;
margin: 0;
font-weight: 400;
font-size: 16px;
}
.shop_grid_area .price span del, .product_price p del {
font-size: 1rem;
font-weight: 700;
color: #04b6ba;
opacity: 0.5;
margin-right: 4px;
}
section.prod_area {
padding: 100px 0 110px;
background: #EAEEFE;
}
section.prod_area .product_inner {
box-shadow: none;
}
a.thumbnail_overly {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: .5s;
transform: scale(0);
}
.product_inner:hover a.thumbnail_overly {
transform: scale(1);
}
.tbd_product_thumb img {
margin: auto;
}
a.thumbnail_overly img {
height: 95%;
width: 90%;
}
/* ===== 23. Brand Area CSS ===== */
.gn_brand_area {
padding: 0 0 100px;
}
.gn_brand_area .slide_items {
text-align: center;
}
.h6_brand {
background: #F9F9F9;
padding: 83px 0 100px;
}
.ab_page_brand{
background: #F9F9F9;
padding: 82px 0 100px;
}
.met_doc_br {
padding: 85px 0 100px;
}
.diag_page_brnd {
background: #F9F9F9;
padding: 85px 0 100px;
}
/* ===== 24. Call Area CSS ===== */
.gn_call_area {
background-image: url("../image/footerimage.jpg");
background-position: center center;
background-size: cover;
padding: 95px 0 93px 0;
position: relative;
}
.gn_call_area::before{
content:"";
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background: #000000;
opacity: 0.75;
}
.gn_call_area .all_cal_color h2 {
color: #fff;
font-size: 30px;
font-weight: 600;
padding: 0 0 12px 0;
}
.gn_call_area .all_cal_color p {
color: #fff;
width: 65%;
margin:auto;
}
.galenical_button {
margin-top: 45px;
}
.all_cal_color a{
font-size: 14px;
font-weight: 600;
padding: 8px 28px 8px 28px;
transition: 1s;
overflow: hidden;
display: inline-block;
border-radius: 30px;
background: #04b6ba;
color: #fff;
}
.galenical_button a i {
margin-left: 10px;
}
.galenical_button a:hover {
background: #3cdce0;
}
/* ===== Call Area CSS ===== */
.gn_call_area2 {
background-image: url("../image/counter.jpg");
background-position: center center;
background-size: cover;
padding: 85px 0 88px 0;
position: relative;
}
.gn_call_area2::before{
content:"";
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
background: #000000;
opacity: 0.75;
}
.gn_call_area2 .all_cal_color h5 {
color: #fff;
font-size: 55px;
font-weight: 600;
}
.gn_call_area2 .all_cal_color h2 {
color: #fff;
font-size: 22px;
font-weight: 600;
padding: 20px 0 10px 0;
}
.gn_call_area2 .all_cal_color h3 {
color: #fff;
font-size: 22px;
font-weight: 600;
}
/* ===== Call Area CSS ===== */
.h6_call_area {
padding: 95px 0 195px 0;
}
.h6_cal_btm_vd .witr_videobg_image {
position: relative;
text-align: center;
}
.h6_cal_btm_vd .play-overlay {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.h6_call_area .witr_play_vi.witr_all_color_v {
margin-top: 105px;
}
/* ===== Call Area CSS ===== */
.h7_call_area {
background: #04B6BA;
padding: 52px 0 48px 0;
}
.h7_call_area .all_cal_color h2 {
color: #fff;
font-size: 25px;
font-weight: 600;
padding: 0 0 8px 0;
margin-bottom: 0;
}
.h7_call_area .all_cal_color h3 {
color: #fff;
font-size: 25px;
}
.h7_call_area .witr_button_area {
text-align: left;
overflow: hidden;
}
.h7_call_area .witr_btn_sinner {
text-align: right;
}
.h7_call_area .witr_btn {
background: #fff;
color: #04B6BA;
border-radius: 30px;
margin-right: 0;
margin: 12px 0 0 0;
}
.h7_call_area .witr_btn:hover{
background:#3CDCE0;
color:#fff;
}
/* ===== Call Area CSS ===== */
.mc4wp-form-fields {
margin: 15px 0 0 0;
}
.mc4wp-form-fields p {
position: relative;
line-height: 27px;
}
.mc4wp-form-fields input {
background: #fff;
}
.mc4wp-form-fields input {
color: #333;
}
.mc4wp-form-fields input {
width: 100%;
font-size: 16px;
line-height: 28px;
border-radius: 30px;
border: none;
outline: 0;
padding: 5px 27px;
height: 42px;
border: 1px solid #ffffff66;
}
.mc4wp-form-fields button {
width: 26%;
border-radius: 0 30px 30px 0;
border: none;
outline: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
font-size: 19px;
text-align: center;
z-index: 2;
cursor: pointer;
padding: 10px 10px;
transition: .5s;
margin: 0;
background: #04b6ba;
color: #fff;
}
.mc4wp-form-fields button:hover {
background: #18406b;
}
/* ===== 25. Countdown Area CSS ===== */
.gn_cound_area {
background: #04B6BA;
padding: 90px 0 70px 0;
}
.gn_cound_area .witr_section_title_inner h3, .gn_cound_area .witr_section_title_inner p{
color: #fff;
}
.counterdowns {
text-align: center;
}
span.cdowns {
width: 200px;
height: 200px;
display: inline-block;
margin: 0 10px;
position: relative;
line-height: 1;
padding: 59px 0 0 0;
background: #D90A2C00;
border: 1px solid #fff;
margin-bottom: 30px;
}
span.time-counts {
color: #fff;
font-size: 50px;
font-weight: 700;
display: inline-block;
}
.counterdowns p {
font-size: 16px;
font-weight: 600;
color: #fff;
margin: 10px 0 0 0;
}
.cdowns:last-child::before,
.cdowns:last-child::after{
display:none;
}
/* ===== Countdown Area CSS ===== */
.gn_cound_area2 {
padding: 90px 0 0;
}
.gn_cound_area2 span.cdowns:before {
position: absolute;
content: "";
top: 68px;
right: -19px;
height: 12px;
width: 12px;
border-radius: 50%;
}
.gn_cound_area2 span.cdowns:after, .gn_cound_area2 span.cdowns:before {
background: #04b6ba;
}
.gn_cound_area2 .counterdowns p {
color: #04b6ba;
}
.gn_cound_area2 span.cdowns:after {
position: absolute;
content: "";
top: 100px;
right: -19px;
height: 12px;
width: 12px;
border-radius: 50%;
}
.gn_cound_area2 span.time-counts {
color: #04b6ba;
}
/* ===== 26. Work Hours Area CSS ===== */
.gn_work_area {
padding: 90px 0 65px;
}
.work_left .departmentList{
background: #04B6BA;
border-radius: 0;
position: relative;
padding: 73px 30px 65px;
background-size: cover;
text-align: left;
}
.work_left .departmentList h3 {
margin-bottom: 22px;
font-size: 30px;
}
.work_left .departmentList h3 a {
color: #fff;
font-size: 30px;
}
.work_left .departmentList ul li a, .work_left .departmentList ul li span {
font-size: 18px;
display: block;
padding: 8px 7px;
margin-bottom: 1px;
color: #fff;
border-style: dashed;
border-width: 0 0 1px 0;
}
.work_left .departmentList ul li a i, .work_left .departmentList ul li span i {
display: inline-block;
text-align: center;
margin: 0 10px 4px 0;
color: #fff;
font-size: 18px;
}
.work_left .departmentList .discover_more {
color: #fff;
background: #3CDCE0;
margin: 50px 0 0 0;
padding: 10px 30px 10px 30px;
display: inline-block;
}
.work_left .departmentList .discover_more:hover {
color: #333333;
background: #fff;
}
/* team css */
.work_inn_team .slick-slide {
padding-top: 0;
}
.work_inn_team .team-part {
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.05);
transition: .5s;
margin-bottom: 30px;
}
.work_inn_team .witr_team_section {
position: relative;
text-align: center;
}
.work_inn_team .witr_team_section:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
transition: .5s;
background: #04b6ba6b;
}
.work_inn_team .witr_team_content {
padding: 23px 5px 23px;
}
.work_inn_team .witr_team_content h5 {
margin: 0;
}
.work_inn_team .witr_team_content span {
font-size: 18px;
}
.work_inn_team .witr_team_content h5 a:hover, .work_inn_team .witr_team_content h5:hover, .work_inn_team .witr_team_content span {
color: #04b6ba;
}
.work_inn_team .team_o_icons {
margin-top: 15px;
padding-top: 17px;
padding-bottom: 10px;
position: relative;
}
.work_inn_team .team_o_icons:before {
position: absolute;
content: "";
top: 0px;
height: 1px;
width: 25%;
margin: auto;
left: 0;
right: 0;
transition: .5s;
background: #ddd;
}
.work_inn_team .team_o_icons ul li {
list-style: none;
display: inline-block;
}
.work_inn_team .team_o_icons ul li a {
display: block;
width: 35px;
height: 35px;
line-height: 33px;
border-radius: 5px;
text-align: center;
transition: .5s;
margin: 0px 2px;
font-size: 15px;
border: 1px solid #04b6ba1c;
background: #04b6ba33;
color: #04b6ba;
}
.work_inn_team .witr_team_section:hover:before {
opacity: 1;
}
.all_color_team:hover .team_o_icons:before {
width: 100%;
}
.all_color_team:hover .team_o_icons:before {
background: #04b6ba;
}
.team_o_icons ul li a:hover {
background: #04b6ba;
color:#fff;
}
/* ===== 27. Pricing Area CSS ===== */
.gn_pric_area {
padding: 90px 0 70px;
}
.pricing_area {
border-radius: 5px;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.pricing-part {
position: relative;
overflow: hidden;
text-align:center;
}
.pricing_top_box {
position: relative;
padding: 30px 25px;
border-radius: 5px;
background: #04b6ba;
}
.pricing_topb_zindex {
position: relative;
z-index: 1;
}
.pricing_style_6.pricing-part h4, .pricing_top_box .prt_content {
padding: 0;
}
.pricing-part h4 {
font-size: 30px;
display: block;
}
.pricing_style_2 .pricing-part h5, .pricing_style_4 .pricing-part h5, .pricing_style_6.pricing-part h4, .pricing_style_6.pricing-part h5, .pricing_style_6.pricing-part h6, .pricing_top_box .prt_content, .pricing_top_box .prt_content p, .pricing_top_box p, .witr_ribon_text h3 {
color: #fff;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
margin: 0;
}
.top_by_bottom {
padding-top: 30px;
}
.pricing-part h5 {
font-size: 35px;
color:#fff;
}
.pricing-part span {
font-size: 24px;
margin-right: 5px;
}
.pricing_style_6 .witr_pricing_icon {
position: relative;
top: -50px;
left: 44px;
}
.pricing_style_6 .witr_pricing_icon i {
padding-top: 0;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
background: #fff;
text-align: center;
border-radius: 100%;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
font-size: 40px;
color: #04b6ba;
}
.pricing_style_6 .witri_texti_list {
margin-top: 0;
}
.pricing-part ul {
padding: 0 30px;
}
.witri_texti_list ul li {
list-style: none;
font-size: 17px;
margin-bottom: 17px;
}
.witri_texti_list ul li i {
margin-right: 10px;
}
.pricing_style_6 .witr_btnp_color {
padding-top: 45px;
padding-bottom: 0;
}
.pricing-part a.btn {
border: 1px solid #04b6ba;
font-size: 14px;
font-weight: 500;
background: #04b6ba;
color: #fff;
padding: 17px 30px;
display: block;
border-radius: 0;
}
.pricing-part a.btn:hover {
background: 0 0;
color: #04b6ba;
}
.pricing_style_6.pricing-part strong {
right: -25px;
top: -30px;
width: auto;
transform: inherit;
border-radius: 0 5px 0 0;
background: #3cdce0;
font-size: 16px;
font-weight: 400;
position: absolute;
padding: 7px 20px;
text-align: center;
color: #fff;
}
.tx_golobal_color{
background: #04b6ba;
}
.tx_btn_global_color:hover{
background:#000;
}