body { font-family: 'Jost', sans-serif; overflow-x: hidden; color: #222; font-size:1.1rem; background:#f8f8f8; letter-spacing: .05rem; line-height: 2rem; font-weight: 400; } h1, h2, h3, h4, h5, h6, a { color:#222; font-weight: 400; } .lang-dropdown-content ul li a { font-size:25px; } p { color:#222; } header { width: 100%; top: 0px; z-index:999; left: 0; } #header-top { display:block; margin-top:0px; transition: all ease .3s; padding: 10px 0px; background:rgba(77,160,216,0.89); padding:4px 40px; padding-left: 20px; } header.smaller #header-top { background:rgba(77,160,216,1); margin-top:-66px; } header.smaller #header-top:after { transition: all ease .3s; } .header_online_menu { display:block; border-radius:4px; text-align:left; padding:4px 37px; float:left; padding-right:12px; } .header_online_menu.free_hotline { background:#112d4e url(../img/temp/tour-medical-/free_hotline.svg) 8px center no-repeat; background-size:22px 22px; margin-top:4px } .header_online_menu.free_whatsapp { background:#25d366 url(../img/temp/tour-medical-/free_whatsapp.svg) 8px center no-repeat; background-size:22px 22px; margin:0px 4px; margin-top:4px } .header_online_menu1.free_whatsapp { background: #25d366; margin: 0px 15px; margin-top: 8px; padding: 4px 8px; border-radius: 60px; font-size: 28px; color: #ffffff; } .header_online_menu.free_quote { background:#e91e63 url(../img/temp/tour-medical-/free_quote.svg) 8px center no-repeat; background-size:22px 22px; margin-top:4px } a:hover.header_online_menu {color:#ffffff !important; } a:hover.header_online_menu span, a:hover.header_online_menu b {color:#ffffff !important; margin-bottom:0px; } .mobile_whatsapp { position: absolute; right: 45px; top: 18px; display:none } .header_online_menu { text-align:left; color:#fff; } .header_online_menu span { display:block; font-size:16px; line-height:17px; font-weight:400 } .header_online_menu b { display:block; font-size:19px; font-weight:900 } #header-top .header_online_menu b { font-size:12px; } .header_top_right_menu { display:block; float:right; position:relative; top:12px } .header_online_right_menu { display:block; border-radius:4px; text-align:left; padding:6px 48px; float:left; padding-right:22px; } .header_online_right_menu.e_mail { background:url(../img/temp/tour-medical-/e_mail.svg) 8px center no-repeat; background-size:28px 28px; } .header_online_right_menu.address { background:url(../img/temp/tour-medical-/address.svg) 8px center no-repeat; background-size:28px 28px; } .header_online_right_menu { text-align:left; color:#fff; font-size:12px; } .header_online_right_menu span { display:block; font-size:16px; font-weight:300 } .social-network-top { list-style:none; display:block; float:right; position:relative; top:6px } .social-network-top li { float:left; margin-right:3px; } .social-network-top li a i{ width: 38px; height: 38px; font-size: 21px; margin: 0px auto; padding: 0px; text-align: center; color:#fff } .social-network-top li a i:hover{ color:#ffcb00 } #header-middle { display:block; margin-top:0px; transition: all ease .3s; background:rgba(255,255,255, 0.889); padding:0px 10px; height:60px } header.smaller #header-middle { background:rgba(255,255,255, 1); box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.68); } header.smaller #header-middle:after { transition: all ease .3s; } #header-middle #logo { display:block; margin-left:10px; margin-top:14px; margin-right:30px; float:left;z-index: 11; position: relative; } #header-middle #logo img{ max-width:196px;transition: all ease .3s; } .header_languages { list-style:none; margin-top:-60px; margin-right:35px; float:right } .header_languages li { float:left; } .header_languages li a { display:block; } .lang-dropdown .dropdown-menu{ display: block; width: 30px; z-index: 9001; border: none; margin-top:-2px; ; border: none; visibility: hidden; transition: all 0.25s; } .lang-dropdown .dropdown-menu.dropdown-menu-right { right: -61px; } .lang-dropdown:hover .dropdown-toggle, .lang-dropdown.show .dropdown-toggle { color: #cc9966; } .lang-dropdown:hover .dropdown-menu{ visibility: visible; opacity: 1; } .lang-dropdown-content { display:block; } .lang-dropdown-content ul { list-style:none; } .lang-dropdown-content ul li { display:inline-block; width:100%; display:block; } .lang-dropdown-content ul li a { border:none; border-bottom:1px solid #f2f2f2; padding:4px 16px; font-size:14px; } #mainMenu { padding-top: 20px; position:relative; /* width:80%; position: absolute; left:150px; right:10%; top: 77px; */ } .rd-mobilemenu, .rd-mobilepanel { display:none } #mainMenu>.container { padding: 0!important } #mainMenu [class*=col-lg-] { line-height: 24px!important } #mainMenu nav > ul { list-style: none; padding: 0; } #mainMenu nav>ul>li { float: left; border: 0; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } #mainMenu nav>ul>li>a { padding: 0px 5px; display:block; -webkit-transition: all .3s ease; transition: all .3s ease; font-size:15px; text-transform:uppercase; margin-left:5px; font-weight:600; padding-bottom:20px } .page #mainMenu nav>ul>li>a { color:#222; } header.smaller #mainMenu nav>ul>li>a { color:#222; } #mainMenu nav>ul>li>a:hover { color:#248ce8 } #mainMenu nav li.dropdown-submenu:before { content: "\f106"; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-family:FontAwesome; opacity: .6; position: absolute; right: 16px; color: #ff0000; font-size: 16px; } #mainMenu nav li.dropdown-submenu:after { content: "\f106"; font-family:FontAwesome; position: absolute; right: 16px; color: #fff; font-size: 16px; } #mainMenu nav>ul>li .dropdown-menu { min-width:260px; top:auto; border:0; left:2%; right:2%; margin:0; margin-top:-6px; padding:10px; display:none; position:absolute;border-bottom: 2px solid #000000;-webkit-box-shadow: 3px 50px 52px -17px rgba(0,0,0,0.75); -moz-box-shadow: 3px 50px 52px -17px rgba(0,0,0,0.75); box-shadow: 3px 50px 52px -17px rgba(0,0,0,0.75); } #mainMenu .mega_menu_multiply { } #mainMenu .mega_menu_multiply .meta_menu_title_multiply { font-weight:900; display:block; margin-bottom:15px; font-size:33px } #mainMenu .mega_menu_multiply h4 { font-weight:700; display:block; margin-bottom:15px; font-size: 16px; } #mainMenu .mega_menu_multiply .mega-multiply-link { padding: 1px; display: block; border:1px dashed #fff; } #mainMenu .mega_menu_multiply .mega-multiply-link:hover { border:1px dashed #112d4e; padding-left:5px; color:#666666; } #mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span, #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a { font-size: 13px; line-height: 14px; border-bottom:1px solid #eae9e9; padding: 12px 20px 12px 18px; display: block; -webkit-transition: .3s ease; transition: .3s ease } #mainMenu nav>ul>li .dropdown-menu.menu-last { right: 0; left: auto } #mainMenu nav>ul>li.mega-menu-item { position: static; } #mainMenu nav>ul>li.mega-menu-item>.dropdown-menu { /* left: 8%; right: 8%; */overflow: hidden; width: 96%; -webkit-transition-duration: .3s!important; transition-duration: .3s!important } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content { padding: 20px } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title { color: #000; font-size: 17px; line-height: 14px; font-weight: 600; padding-bottom: 12px } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content li~.mega-menu-title { margin-top: 12px } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a { padding: 10px 0 } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>a>i, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content>span>i, #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li>a>i { margin-left: 0; margin-right: 8px } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:first-child>a { padding-top: 0 } #mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*=col-]>ul>li:last-child>a { padding-bottom: 0 } #mainMenu nav>ul>li .dropdown-submenu { position: relative } #mainMenu nav>ul>li .dropdown-submenu:before { line-height: 40px; content: "\f105"; font-family:FontAwesome; opacity: .6; position: absolute; right: 16px; color: #262626; font-size: 2px; -webkit-transition: all .2s ease; transition: all .2s ease } #mainMenu nav>ul>li .dropdown-submenu>.dropdown-menu { margin-left: -6px; left: 100%; top: -1px; z-index: 1 } #mainMenu nav>ul>li .dropdown-submenu>.dropdown-menu.menu-invert { right: 100%; left: auto } #mainMenu nav>ul>li .dropdown-submenu:not(.hover-active):hover:before { right: 12px } #mainMenu nav>ul>li .dropdown-submenu:hover>ul { display: block; } #mainMenu nav>ul>li:hover>ul { display: block; } #mainMenu nav>ul>li:last-child { margin-right: 0 } #mainMenu nav>ul>a.btn { margin-top: 4px } #mainMenu nav>ul li ul { list-style: none; padding: 0 } #mainMenu.menu-sub-title nav>ul>li { line-height: 64px } #mainMenu.menu-sub-title nav>ul>li>a>.menu-sub-title { font-size: 10px; padding: 0; margin-top: -14px!important; line-height: 0; height: 0; text-transform: none; display: block; opacity: .5; font-weight: 400; margin: 0; margin-top: 0; margin-bottom: 0; margin-bottom: -50px; margin-left: 12px; margin-right: 14px } #mainMenu .mega-menu-link { font-size: 19px; padding: 5px; display: block; width: 300px; } .meta_menu_title { display:block; border-bottom:1px solid #f2f2f2; padding-bottom:7px; margin-bottom:7px } /** Mobile menu and content **/ .mobil_menu_bar { position:absolute; right:25px; top:25px; display:none; font-size:31px; color:#222; cursor:pointer } .sidenav { height: 100%; width: 0; position: fixed; z-index: 111; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav .closebtn { position: absolute; top: 30px; right: 25px; font-size: 36px; border:1px solid #f2f2f2; padding:8px 12px; z-index: 99; border-radius:4px } .mobile_content { margin:0px auto; padding:0px; text-align:center; display:table; margin-top:50px; } .menu_list_mobiles{ list-style:none; margin-top:50px; display:block; } .menu_list_mobiles li a { text-align:left; font-size:17px; display:block; margin-bottom:7px; border-bottom:1px solid #f2f2f2; text-align:center; padding-bottom:5px } .menu_list_mobiles .contact_us_info{ transition: 0.5s; } .background-videos{width:100%; height:100%;background:#000;/* transform:scale(0.9); */} #mainVideoCon { height:100vh; background:#000;} #visualVideo {width:100%;background:#000;} .background-video-wrapper{position:absolute; left:0; top:0; overflow:hidden; height:100%; width:100%;background:#000;} .background-video{position:absolute; top:0; left:0px; width:100%; height:100%;background:#000;/* transform:scale(0.9); */} .background-video:after {content:""; position:absolute; width:100%; height:100%; background-color:#000; z-index:99;} .background-video.start:after{opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s; } .background-video iframe{ width: 100vw; height: 200vh; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; background:#000; transform: translate(-50%, -50%); pointer-events:none; } .main-video-play {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999;} .video-circle-box {display:inline-block; } .video-circle-box .circle-box {position:relative; margin:auto; width:60px; height:60px; text-align:center; border:2px solid #fff; border-color:rgba(255, 255, 255, 0.2); border-radius: 50%; z-index:11; box-sizing:border-box; cursor:pointer;} .video-circle-box .circle-box svg{ overflow: visible; position:absolute; top:2px; left:-2px; width:54px; height:54px; fill:none; stroke:#fff; transform:rotate(-90deg); } .video-circle-box .circle-box svg circle { transform-origin: center; stroke: #fff; stroke-dasharray: 360; stroke-dashoffset: 360; stroke-width: 4px; } .video-circle-box .circle-box i {line-height:54px; font-size:24px; color:#fff; } .video-circle-box .circle-box i.play:before {content:"\ea3e";} @media all and (max-width:1024px){ #mainVideoCon {height:56.25vw;} .background-video iframe {height:100%; min-height:100%;} .video-circle-box .circle-box {width:43px; height:43px;} .video-circle-box .circle-box svg {width:38px; height:38px; } .video-circle-box .circle-box i {font-size:18px; line-height:38px;} } /* ** main slider and mail search area */ #main-slider-full { margin-top:0px; position:relative; } #main-slider-full .slider-desc { position: absolute; bottom: 37%; left: 15%; right: 15%; text-align:center; z-index:101 } #main-slider-full .slider-desc { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; animation-name: fadeInDown; } #main-slider-full .slider-desc h2 { font-size:27px; font-weight:700; display:block; color:#fff; } #main-slider-full .slider-desc i { font-size:23px; font-weight:100; display:block; color:#fff; } #main-slider-full .slider-desc { position: absolute; bottom: 37%; left: 15%; right: 15%; text-align:center; z-index:101 } #main-slider-full .slider-desc { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; animation-name: fadeInDown; } #main-slider-full .slider-desc h3 { font-size:24px; font-weight:700; display:block; color:#fff; } #main-slider-full .slider-desc i { font-size:21px; font-weight:300; display:block; color:#fff; } /** Mobile menu and content **/ .mobil_menu_bar { position:absolute; right:25px; top:25px; display:none; font-size:31px; color:#222; cursor:pointer } .sidenav { height: 100%; width: 0; position: fixed; z-index: 111; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav .closebtn { position: absolute; top: 30px; right: 25px; font-size: 36px; border:1px solid #f2f2f2; padding:8px 12px; z-index: 99; border-radius:4px } .mobile_content { margin:0px auto; padding:0px; text-align:center; display:table; margin-top:30px; } .menu_list_mobiles{ list-style:none; margin-top:5px; display:block; } .menu_list_mobiles li a { text-align:left; font-size:22px; display:block; margin-bottom:15px; border-bottom:1px solid #f2f2f2; text-align:center; padding-bottom:5px } .menu_list_mobiles .contact_us_info{ transition: 0.5s; } .klinik { padding:0px 5px; margin:0px auto; text-align:center; padding-top:20px; } .klinik a { display:block; border-radius:5px; background:#fff } .klinik a .shadow { height:120px; padding-top:15px; } .klinik a:hover { -webkit-box-shadow: 3px 10px 52px -17px rgba(0,0,0,0.75); -moz-box-shadow: 3px 10px 52px -17px rgba(0,0,0,0.75); box-shadow: 3px 10px 52px -17px rgba(0,0,0,0.75); transform: scale(1.057, 1.057); -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; } .klinik .frame { display:block; height:40px; margin-bottom:10px; align-items: center; justify-content: center; display: flex; text-align:center; } .klinik .frame img { margin:0px auto; text-align:center; width:60px; padding:10px 0px; margin-top:10px } .klinik h6 { color:#222; height:50px; align-items: center; justify-content: center; display: flex; text-align:center; padding:0px 2px; font-size: 12px; } .new_form { display:block; position:relative; margin-bottom:80px; z-index:99; height:435px; /* background:#fff */ } .new_form.homepage{ margin-top:-120px; } .new_form.page{ margin-top:20px; } .form_description_area { display:block; padding:20px 15px; } .form_description_area.backgr { background:#fff url(../images/form_bak.png) left bottom no-repeat; } .form_description_area h3 { font-size:21px; display:block; margin-bottom:15px; display:block; margin-bottom:20px } .form_description_area h3 span { color:#4ca0d8; font-weight:300 } .form_header_area { display:block; padding:60px 0px 100px; text-align:center } .form_header_area h3 { font-size:28px; display:block; margin-bottom:15px; display:block; margin-bottom:20px; color:#fff } .form_header_area h3 span { color:#a4cfec; font-weight:300 } .form_description_area p { font-size:16px; color:#fff } #your_plan_form{margin-top:-70px;} .item_form_block { padding:4px 12px; border-radius:3px; margin-bottom:10px; border: 2px solid #f2f2f2; } .form_name_icon { background:url(../img/temp/tour-medical-/name.svg) center left no-repeat; background-size:22px 22px } .form_date_icon { background:url(../img/temp/tour-medical-/date.svg) center left no-repeat; background-size:17px 17px } .form_email_icon { background:url(../img/temp/tour-medical-/email.svg) center left no-repeat; background-size:18px 18px } .form_message_icon { background:url(../img/temp/tour-medical-/mesages.svg) 0px 10px no-repeat; width:100%; background-size:22px 22px } .form_item { display:block; border:none; width:100%; padding:10px 10px; font-size:16px; padding-left:35px } .form_item:placeholder {color:#000000} .form_description_area .select_form { display: inline-block; width: 100%; height: 40px; padding: .445rem 1.75rem .445rem .75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; font-size:16px; -webkit-background-size: 8px 10px; background-size: 28px 15px; border-radius: .25rem; -moz-appearance: none; -webkit-appearance: none; border: none; } .form_description_area .book_form_send { border:none; display: block; padding:10px 21px; background:#e91e63; color:#fff; cursor:pointer; font-size:19px; text-align:center; margin-top:10px; } .form_description_area .book_form_send::after { content: "\f178"; font-family: "FontAwesome"; padding-left: 5px; } .form_description_area .book_form_prices { border:none; display: block; padding:10px 21px; background:#4ca0d8; color:#fff; cursor:pointer; font-size:33px; font-weight:900; text-align:center; } .form_description_area ul { list-style:none; margin:0px; padding:0px } .form_description_area ul li { display:block; margin-bottom:5px; margin-right:5px; color:#000 } .form_description_area ul li a { /* border:1px solid #124c88; */ padding:5px 6px; text-align:left; color:#fff; } .select_form_other_page { display: inline-block; width: 100%; height: 34px; padding: .445rem 1.75rem .445rem .75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; font-size:16px; -webkit-background-size: 8px 10px; background-size: 28px 15px; border-radius: .25rem; -moz-appearance: none; -webkit-appearance: none; border: none; } /** search desc **/ .page_slider_desc { position: absolute; margin:0px auto; padding:0px; bottom: 37%; display:table; left: 0; right: 0; text-align:center; z-index:101; width:800px; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.3s; animation-name: fadeInDown; } .page_slider_desc h3 { font-size:24px; font-weight:700; display:block; color:#fff; } .page_slider_desc i { font-size:21px; font-weight:100; display:block; color:#fff; } .search_area { position:absolute; left:0px; right:0px; width:800px; text-align:center; margin:0px auto; padding:0px; bottom:25%; z-index:101; display:block; } .search_select { display: inline-block; width: 100%; padding:12px 20px; line-height: 1.25; color: #464a4c; vertical-align: middle; background:rgba(246, 255, 255, 0.99) url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; background-size: auto; -webkit-background-size: 8px 10px; background-size: 28px 15px; -moz-appearance: none; -webkit-appearance: none; border:none } .search_city { display: inline-block; width: 100%; padding:12px 20px; line-height: 1.25; color: #464a4c; vertical-align: middle; background:rgba(246, 255, 255, 0.99) url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; background-size: auto; -webkit-background-size: 8px 10px; background-size: 28px 15px; -moz-appearance: none; -webkit-appearance: none; border:none } .search_button { border:none; display: block; padding:10px 21px; background:#4ca0d8; color:#fff; cursor:pointer;font-family: 'Domine', serif; } .search_button::after { content: "\f178"; font-family: "FontAwesome"; padding-left: 5px; } /** ************************************************** Home-1 ************************************************** **/ .home_category { background:#fff; margin:0px 0px; padding:40px 0px } .box { display:block; position:relative } .box:hover h3 { position:absolute; left:20px; top:30px; font-size:31px; transition: all ease .3s; opacity:0.1 } .box.box_1 img{ width: 100%; height: 587px; object-fit:cover } .box img{ width: 100%; } .box h3{ position:absolute; left:20px; top:50px; font-size:31px; font-weight:700; transition: all ease .3s; } .box h3 span{ color:#4ca0d8; display:block } .box.box_2 { padding:0px; margin-bottom:10px } .videos { display:block; position:relative; cursor:pointer; } .videos_desc { position:absolute; } .videos_desc.video_1 { position:absolute; left:4%; top:56px; z-index:20; } .videos_desc.video_2 { position:absolute; left:4%; top:50px; z-index:20; } .videos_desc.video_3 { position:absolute; left:4%; bottom:40px; z-index:20; } .videos_desc.video_4 { position:absolute; left:4%; bottom:40px; z-index:20; } .videos_desc h2.normal { font-size:31px; font-weight:900; text-transform:uppercase; transition: all ease .3s; margin-bottom: 7px; } .videos_desc h2.normal span{ color:#fff; display:block } .videos_desc h2.small { font-size:17px; font-weight:900; text-transform:uppercase; transition: all ease .3s; margin-bottom:7px } .videos_desc h2.small span{ color:#fff; display:block } .videos_desc p.normal { display: block; width: 210px; font-size: 17px; text-align: justify; } .videos_desc p.small { display: block; width: 310px; font-size: 14px; text-align: justify; line-height: 13px; } .videos_desc a.button_normal { background: #396280; display: block; text-align: center; font-size: 17px; color: #fff; text-transform:uppercase; border-radius: 21px; width: 150px; padding:6px 0px; } .videos_desc a.button_small { background: #396280; display: block; text-align: center; font-size: 13px; color: #fff; text-transform:uppercase; border-radius: 21px; width: 120px; padding:6px 0px } .videos:hover .videos_desc.video_1 { transition: all ease .2s; top:50px; } .videos:hover .videos_desc.video_2 { transition: all ease .2s; top:40px; } .videos:hover .videos_desc.video_3 { transition: all ease .2s; bottom:30px; } .videos:hover .videos_desc.video_4 { transition: all ease .2s; bottom:50px; } .home_category_content .owl-carousel .owl-nav button { position: absolute; border-radius: 2px; bottom: 6%; top: unset; width:40px; height: 40px; } .home_category_content .owl-carousel .owl-nav button.owl-prev { background:rgba(255,255,255,0.77); border-radius:50%; left: auto; right: 96px; padding-right:3px; } .home_category_content .owl-carousel .owl-nav button.owl-next { background:rgba(255,255,255,0.77); border-radius:50%; left: auto; right: 30px; padding-left:3px; } .home_category_content .owl-carousel .owl-nav button.owl-prev:hover, .hotels .owl-carousel .owl-nav button.owl-next:hover { background:#fff; } /* ** book_now background-clip: padding-box; */ .book_now { background:#4ca0d8 url(../images/bg-book.png) center center; padding:30px 0px; margin:15px 0px; } .book_now h2 { color:#fff; font-size:38px; font-weight:700;margin-top: 22px; } .book_now h2 i.normal { display:block; font-weight:200; font-size: 23px; } .book_now h2 i.small { display:block; font-weight:200; font-size:19px } .book_social { display:block; margin-top:25px } .book_social_media { list-style:none; display:block; float:right; margin-bottom:30px; } .book_social_media li { float:left; margin-right:20px; } .book_social_media li a i{ width: 38px; height: 38px; font-size: 41px; margin: 0px auto; padding: 0px; text-align: center; padding-top:12px; color:#fff } .book_social_media li a i:hover{ color:#39628d } .book_treatment_plan { display:block; } .book_treatment_plan p { color:#fff } .book_treatment_plan p i { font-size:68px; float:left; padding-right:15px } .book_treatment_plan p b { font-size:28px; } .book_treatment_plan p span { font-size:14px; } .all_book_treatment_plan { display: block; margin: 0px auto; padding: 0px; text-align: center; color: #fff; margin-top: 80px; z-index:999; } .all_book_treatment_plan a{ display: block; border: 2px solid #fff; font-size:15px; color: #fff; padding: 6px 16px; font-weight:300 } .book_now_steps { background:#4ca0d8 url(../images/home/bg_steps.jpg) center center; padding:160px 0px; margin:15px 0px; position:relative; background-size: cover; } .book_now_steps .hc-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; text-indent: -9999px; background:rgba(0, 0, 0, 0.49); } .book_now_steps .text-centers { margin:0px auto; padding:0px; text-align:center; display:block; } .book_now_steps .text-centers h2 { color:#fff; font-size:38px; font-weight:700; } .book_now_steps .text-centers h2 i { display:block; font-weight:200; font-size:17px; } .book_steps_plan { display:block; } .book_steps_plan h2 { display:block; font-size:25px; } .book_steps_plan h2 i { display: block; font-size: 15px; font-weight: 100; } .treatment_plan { list-style:none; display:table; margin:0px auto; padding:0px; text-align:center; margin-top:40px } .treatment_plan li { float:left; display:block; } .treatment_plan li a { display:block; color:#fff; margin:0px 30px; } .treatment_plan li a:hover { transform: scale(1.2); -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; } .treatment_plan li a span { display:block; font-size:16px; text-align:center; text-transform:uppercase; border-bottom:1px solid #65c1ee; padding-bottom:2px; } .treatment_plan li a b { display:block; font-size:17px; text-align:center; text-transform:uppercase; padding-top:4px; } .treatment_plan li a img { display:block; height:72px; text-align: center; margin: 0px auto; margin-top:30px } /* ** Happ patiens background-clip: padding-box; */ .happ_patient_list { /* background: url(../images/happ_bg.png) no-repeat; */ /* background-size:contain */ } .happ_patient_list_bg { padding:10px 20px; border:1px solid #d2d2d2; border-radius:10px 10px 10px 10px; background: rgb(250,250,250); background: linear-gradient(360deg, rgba(250,250,250,1) 26%, rgba(242,243,242,1) 93%); } .happ_patients { background: url(../images/bg-1.png) center bottom no-repeat; background-size: contain; margin: 55px 0px; margin-bottom:0px; position:relative; padding-bottom: 130px; border-radius:10px 10px 10px 10px; } .happ_patients .accommodation { position:absolute; left:0px; right:0px; bottom:30px; margin:0px auto; padding:0px; text-align:center; display:block; font-size:41px; color:#fff } .happ_patients .happ_patient_item { display:block; margin:0px auto; padding:0px; text-align:center; padding:0px 30px; margin-top:20px; } .happ_patients .happ_patient_img img { display:block; width:90px; border-radius:0px 30px 30px 30px } .happ_patients .happ_patient_desc { display:block; float:left; margin-left:1px } .happ_patients .happ_patient_desc h4 { text-align:left; } .happ_patients .happ_patient_desc h6 { text-align:left; display:block; margin-top:2px } .happ_patients p { text-align:left; display:block; margin-top:10px } .happ_patients .happy_star { margin:0px; padding:0px; list-style:none; margin-top:10px } .happ_patients .happy_star li{ display:block; float:left; margin-right:5px; color:#ddd } .happ_patients .happy_star li::after{ content: "\f005"; font-family: "FontAwesome"; padding-left: 5px; color:#ffa735; font-size: 17px; } .happ_patients .happy_logo { align-items: center; justify-content: center; display:flex; margin-top:80px } .happ_patients .happy_logo img { width:120px; } .show_more { background:#396280; display:block; text-align:center; font-size:15px; color:#fff; border-radius:21px; width:150px; margin:0px auto; padding:0px; text-align:center; padding:5px 0px; text-transform:uppercase;margin-bottom:100px } /** soluotion_center page settings **/ .soluotion_center { padding:30px 0px; } .soluotion_main { display:block;/* background:rgba(141, 143, 157, 0.79); */ padding:0px 40px; border-radius:5px } .soluotion_main h2 { display:block; text-align:left; font-weight:900; /* color:#fff */ } .soluotion_main h2 span { display:block; } .soluotion_main span { display:block; font-size:14px; /* color:#fff; */margin:10px 0px 0px } .soluotion_main p { display:block; font-size:21px;/* color:#fff */ } .soluotion_media { list-style:none; display:block; margin-top:30px; float:right } .soluotion_media li { float:left; display:block; } .soluotion_media li a { display:block;/* color:#fff; */ margin-left:20px; } .soluotion_media li a:hover { transform: scale(1.2); -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; } .soluotion_media li a span { display:block; font-size:15px; width:120px; text-align:center; font-weight:700; color:#fff } .soluotion_media li a img { height: 78px; text-align: center; display: table; margin: 0px auto; padding: 0px; } /* ** explore_hotel background-clip: padding-box; */ .explore_hotel { display: block; margin: 0px 0px; padding: 250px 0px; background-size: cover; } .explore_hotel_content { display: block; } .explore_hotel .search_area { width:800px; text-align:center; margin:0px auto; padding:0px; display:block; } .explore_hotel .search_text { display: block; width: 100%; padding:10px 15px; padding-left:60px; border:none; font-size:15px; color: #222; background:none; background:rgba(246, 255, 255, 0.99) url(../images/home/icon_search.png) 30px center no-repeat; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .explore_hotel .search_select { display: inline-block; width: 100%; padding:12px 20px; line-height: 1.25; color: #464a4c; vertical-align: middle; background:rgba(246, 255, 255, 0.99) url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; background-size: auto; -webkit-background-size: 8px 10px; background-size: 28px 15px; -moz-appearance: none; -webkit-appearance: none; border:none } .explore_hotel .search_button { border:none; display: block; padding:10px 21px; background:#4ca0d8; color:#fff } .explore_hotel .text-center h3 { color:#fff } .explore_hotel .text-center h2 { color:#fff } .explore_hotel .text-center p { display:block; border:2px solid #fff; margin:0px auto; padding:0px; padding:6px 0px; text-align:center; color:#fff; width:250px; margin-top:30px } /* ** news background-clip: padding-box; */ .post_news_blog { display:block; padding:40px 20px; } .post_news { background:#fff; display:block; box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1); border-bottom:2px solid #e24134 } .post_news_header { display:block; } .post_news_header img { width:100%; height:160px; object-fit: cover; } .post_news_footer { height:140px; padding: 25px; align-items: left; justify-content: center; margin-top:-12px; } .post_news_footer span { display:block; height:30px; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:10px;color:#fc5a1b; font-size:13px } .post_news_footer h3 a { font-size: 16px; line-height:12px; } @media(max-width:1600px) { .post_news_header img { height:120px; } .post_news_footer { height:160px; padding: 15px; } .post_news_footer h3 a { font-size: 15px; line-height:10px; } } .daha_fazlasi { margin: 0px auto; padding:0px; text-align:center; display:table; margin-top:30px } .daha_fazlasi a { font-size: 17px; text-align: center; padding:8px 12px; color:#fff; background: #ff4720; border: 1px solid #f74e2a; } .daha_fazlasi a::before { content: "\f0c9"; font-family: "FontAwesome"; padding-right: 5px; } /** ************************************************** news_event settings ************************************************** **/ .news_event { display:block; padding:40px 20px; } .news_event_item { display:block; position:relative; } .news_event_item a { } .news_event_item a img{ width:100%; height:240px } .news_event_item a .desc{ margin:0px auto; padding:0px; position:absolute; text-align:center; left:0px; right:0px; bottom:20px; padding:0px 20px; } .news_event_item a h3{ font-size:17px; color:#fff;text-align:left; font-weight:bold } .news_event_item a p{ font-size:14px; color:#fff; text-align:left; line-height: 16px; } .news_event_item a:hover .desc { bottom:40px; transition: all ease .3s; } /** ************************************************** hotels settings ************************************************** **/ .hotels { display:block; padding:0px 0px; } .hotels_item { display:block; margin-bottom:15px } .hotels_item_header { display:block; margin-bottom:5px; } .hotels_item_header h3 { display:block; text-align:center;padding-top:40px; padding-bottom:15px; font-weight:500 } .hotels_item_header h4 { display:block; text-align:left; color:#4ca0d8; margin-top:15px; font-weight:bold } .hotels_item_content img{ width:100%; } .hotels_item_footer { display:block; margin:15px 0px } .hotels_item_footer .show_more { display:block; padding:6px 0px; text-align:center; background:#396280; color:#fff; border-radius:4px; font-size: 17px; } .hotels_item_footer .explore_hotel_button { display: block; border: 1px solid #4ca0d8; margin-top: 0px; padding: 0px; padding: 6px 0px; text-align: center; color: #4ca0d8; width: 80%; } .hotels .owl-carousel .owl-nav button { position: absolute; border-radius: 2px; bottom: 34%; top: unset; width:40px; height: 40px; } .hotels .owl-carousel .owl-nav button.owl-prev { background:rgba(255,255,255,0.77); border-radius:50%; left: auto; right: 96px; padding-right:3px; } .hotels .owl-carousel .owl-nav button.owl-next { background:rgba(255,255,255,0.77); border-radius:50%; left: auto; right: 30px; padding-left:3px; } .hotels .owl-carousel .owl-nav button.owl-prev:hover, .hotels .owl-carousel .owl-nav button.owl-next:hover { background:#fff; } /** ************************************************** happy_guest settings ************************************************** **/ .vip_transfer_header { background: #4ca0d8; padding: 60px 0px; margin: 85px 0px; } .vip_transfer_header_content { display:block; margin-bottom:15px; position:relative; } .vip_transfer_header_content .vip_transfer_car { position:absolute; left:0px; top:-110px; } .vip_transfer_header_content .vip_title { position:absolute; left:530px; top:-30px; font-size:33px; color:#fff } .vip_transfer_inner { padding: 60px 0px; margin: 55px 0px; } .vip_description h2{ display: block; text-align: left; font-size: 33px; font-weight: 900; margin-bottom:15px } .vip_description h2 span { color: #4ca0d8; } .vip_description .show_more { background: #396280; display: block; text-align: center; font-size: 15px; color: #fff; border-radius: 21px; width: 200px; text-align: center; padding: 5px 0px; text-transform: uppercase; float:left; margin-top:15px; } .big_car_big_photo { display:block; position:relative } .big_car_big_photo h2 { position:absolute; left:30px; top:30px; font-size:28px; color:#fff; text-align:left; transition: all ease .2s; z-index:2 } .big_car_big_photo h2 span { display:block; } .big_car_big_photo .bottom_text { position:absolute; left:30px; bottom:10px; font-size:15px; color:#fff; text-align:left; width:300px; transition: all ease .2s; } .big_car_search_area { display:block; padding:0px 30px; position:relative; height: 364px; } .big_car_search_area h2 { font-size:33px; text-align:left; } .big_car_big_photo:hover h2 { top:42px; transition: all ease .2s; } .big_car_big_photo:hover .bottom_text { bottom:22px; transition: all ease .2s; } .big_car_big_photo a { display: block; padding: 0px 30px; position: absolute; right: 0px; bottom: 0px; background: #4ca0d8; padding: 33px 32px; color: #fff; text-align: center; font-size:23px } .big_car_big_photo a span { display: block; font-size:16px } .big_car_search_area .form_titles { display:block; text-align:left; font-size:12px; font-weight:700 } .big_car_search_area .search_area { display:block; margin-top:30px } .big_car_search_area .search_date { display: block; width: 100%; padding:10px 15px; padding-left:10px; border:none; font-size:15px; color: #222; background:none; border:1px solid #f2f2f2; background:#fff } .big_car_search_area .search_select { display: inline-block; width: 100%; padding:12px 20px; line-height: 1.25; color: #464a4c; vertical-align: middle; border:1px solid #eae8e8; background:rgba(255, 255, 255, 0.99) url("../img/temp/tour-medical-/select.svg") no-repeat right .75rem center; background-size: auto; -webkit-background-size: 8px 10px; background-size: 28px 15px; -moz-appearance: none; -webkit-appearance: none; border:none } .big_car_search_area .search_button { border:none; display: block; padding:10px 21px; background:#4ca0d8; color:#fff; cursor:pointer; text-align:center; font-family: 'Jost', sans-serif; margin-top: 24px; } .vip_bg { } .find_your_car_desc{ display:block; font-size:14px; margin-top:30px } .vip_bottom { position:absolute; left:0px; bottom:-70px; z-index: 2; } /** ************************************************** happy_guest settings ************************************************** **/ .happy_guest { display:block; padding:40px 20px; } .happy_guest_content { display:block; margin-bottom:15px } .happy_guest .happy_guest_item { display:block; margin:0px auto; padding:0px; text-align:center; padding:20px 30px; margin-top:20px; border-radius:10px 10px 10px 10px; border:1px solid #ddd; } .happy_guest .happy_guest_item h4 { display:block; font-size:17px } .happy_guest .happy_guest_item p { display:block; font-size:13px } .happy_guest .happy_guest_item img { display:block; width:66px; height:66px; margin:0px auto; padding:0px; text-align:center; margin-bottom:15px } .happy_guest .owl-prev { position:absolute; left:-40px; top:50%; } .happy_guest .owl-prev span { font-size:63px; color:#4ca0d8 } .happy_guest .owl-next { position:absolute; right:-40px; top:50%; } .happy_guest .owl-next span { font-size:63px; color:#4ca0d8 } /**** center *** */ .happy_guest .center .happy_guest_item { display:block; margin:0px auto; padding:0px; text-align:center; padding:20px 30px; border:none; background:url(../images/bg-center.png) center center no-repeat; background-size: contain; height:370px } .happy_guest .center .happy_guest_item h4 { display:block; font-size:19px } .happy_guest .center .happy_guest_item p { display:block; font-size:15px } .happy_guest .center .happy_guest_item img { display:block; width:78px; height:75px; margin:0px auto; padding:0px; text-align:center; margin-bottom:15px } .happy_guest .show_more { background:#396280; display:block; text-align:center; font-size:15px; color:#fff; border-radius:21px; width:150px; margin:0px auto; padding:0px; text-align:center; padding:5px 0px; text-transform:uppercase } /** ************************************************** join_our_story settings ************************************************** **/ .join_our_story { display:block; padding:0px 20px; /* border-top:1px solid #d1d1d1 */ } .join_our_story_item { display:block; position:relative; margin-bottom:15px } .join_our_stroy_header { display:block; padding:40px 20px; } .join_our_stroy_header_left { display:block; margin:0px auto; padding:0px; text-align:center; } .join_our_stroy_header_left h2 { display:block; font-size:21px } .join_our_stroy_header_left h3 { display:block; color: #222; padding:4px 0px; font-size:35px } .join_our_stroy_header_left p { font-size:15px } .join_our_stroy_header_left p a { } .social { list-style:none; display:table; margin: 0px auto; padding: 0px; text-align: center; margin-top:20px } .social li { float:left; margin-right:6px; } .social li a { width: 52px; height: 52px; display:block; font-size: 21px; padding-top:16px; color:#fff; border-radius:50% } .social li a.facebook { background:#2464a6 } .social li a.youtube { background:#f05044 } .social li a.instagram { background:#d30abe } .social li a.whatsapp { background:#2ead43 } .social li a.linkedin { background:#2366b3 } .social li a.pinterest { background:#c8232c } .social li a.twitter { background:#1d9bf0 } .join_our_story_item_msj { position:absolute; left:1px; right:1px; top:0px; width: 100%; height:100%; background:rgba(58,58,58,0.7); transition: all ease .3s; opacity:0 } .join_our_story_item img{ width: 100%; height: 280px; text-align: center; margin: 0px auto; padding: 0px; } .join_desc { display:block; margin-top:50px; } .join_our_story_item p { font-size:16px; color:#fff; text-align:center; } .join_our_story_item:hover .join_our_story_item_msj { transition: all ease .3s; opacity:0.88 } .contact_media { list-style:none; display:block; float:right; } .contact_media li { float:left; display:block; } .contact_media li a { display:block; color:#fff; margin-left:20px; } .contact_media li a:hover { transform: scale(1.2); -o-transition:.1s; -ms-transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; } .contact_media li a span { display:block; font-size:14px; text-align:center; text-transform:uppercase } .contact_media li a img { display:block; /* width:72px; */height:88px } /** ************************************************** FOOTER SETTINGS ************************************************** **/ footer { background:#1a1a1a; padding:40px 10px; position:relative; z-index:100 } footer .list-item { list-style:none } footer .list-item li { padding-bottom: 4px; } footer .list-item li a{ display:block; margin:2px 0px; color:#a1a1a1; font-size:16px; } footer .list-item li a:hover { color:#777; } #footer-header { display:block; } #footer-header h3 { color: #fff; padding-bottom:12px; font-size: 21px; margin-bottom: 15px; padding-top:10px; } #footer-bottom { margin-top:30px; display:block; border-top:1px solid #333333; padding:25px 0px; } #footer-bottom p { display:inline-block; font-size:16px; } #footer-bottom p b{ display:inline-block; font-size:16px; color:#a1a1a1; font-weight:normal } .footer_text p { display:inline-block; font-size:16px; color:#a1a1a1; margin-top:12px } .footer_text p b { display:block; font-size:16px; color:#fff; } .footer_text p i { display: inline-block; color: #278ecc; margin-right: 10px; font-weight: 900; font-size: 19px; } .footer_text p a{ display:inline-block; font-size:16px; color:#a1a1a1; } .footer_text p img { float:right; margin-bottom:20px; } .social-network { list-style:none; display:block; float:right; } .social-network li { float:left; margin-right:6px; } .social-network li a i{ width: 32px; height: 32px; font-size: 19px; margin: 0px auto; padding: 0px; text-align: center; padding-top:12px; color:#fff } .social-network li a i:hover{ color:#ffcb00 } #footer-middle { display:block; margin-top:30px; display:block; border-top:1px solid #333333; padding:25px 0px; } #footer-middle h3 { color: #fff; padding-bottom:12px; font-size: 21px; margin-bottom: 15px; padding-top:10px; } #news_letter { display: block; padding: 35px 0px; background: #464646; } #news_letter h2 { display:block; color:#fff } #news_letter .form-controls { display: block; padding: 9px 10px; text-align: center; margin: 15px 0px; width: 100%; border-radius: 10px 0px 0px 10px; font-size:17px; border: none; } .news_letter_form { position:relative } .news_letter_form a, .news_letter_form button { background: #4ca0d8; margin-top: 14px; padding: 12px 22px; border-radius: 0px 10px 10px 0px; font-size: 17px; position: absolute; right: -6px; top: -14px; } .testimonial { margin-bottom: 20px } .testimonial blockquote { background: #ccc; border-radius: 5px; border: 0; color: #666; font-family: playfair display,serif; margin: 0; padding: 40px 64px 40px 72px; padding: 2.5rem 4rem 2.5rem 4.5rem; position: relative } .testimonial blockquote:before { left: 22px; top: 21px; color: #fff; content: "“"; font-size: 85px; font-style: normal; line-height: 1; position: absolute } .testimonial blockquote p { color: #fff; font-family: playfair display,serif; font-size: 1.2em } .testimonial .testimonial-arrow-down { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 8px solid #ccc; height: 0; margin: 0 0 0 45px; width: 0 } .testimonial .testimonial-author { display: flex; margin: 12px 0 0 } .testimonial .testimonial-author .testimonial-author-thumbnail { width: auto } .testimonial .testimonial-author img { max-width: 25px } .testimonial .testimonial-author strong { color: ##3f72af; display: block; margin-bottom: 2px; font-size: 16px; font-size: 1rem } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12.8px; font-size: .8rem; font-weight: 600 } .testimonial .testimonial-author p { color: #999; text-align: left; line-height: 1.2; margin-left: 9.6px; margin-left: .6rem } .testimonial.testimonial-style-2 { text-align: center } .testimonial.testimonial-style-2 blockquote { background: 0 0!important; border-radius: 4px; padding: 22px 20px } .testimonial.testimonial-style-2 blockquote:before,.testimonial.testimonial-style-2 blockquote:after { display: none } .testimonial.testimonial-style-2 blockquote p { color: #777 } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; flex-direction: column } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 15px; max-width: 60px; max-height: 60px } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0 } .testimonial.testimonial-with-quotes blockquote:before { color: #777; display: block!important; left: 10px; top: 0; content: "“"; font-size: 80px; font-style: normal; line-height: 1; position: absolute } .testimonial.testimonial-with-quotes blockquote:after { color: #777; display: block!important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; content: "”" } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px } .testimonial.testimonial-with-quotes.testimonial-remove-left-quote blockquote:before { content: none } .testimonial.testimonial-with-quotes.testimonial-remove-right-quote blockquote:after { content: none } .testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:before,.testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:after { color: #fff!important } .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:before,.testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:after { color: #3f72af!important } @media(max-width: 767px) { .testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:before,.testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:after { content:none } } .testimonial.testimonial-trasnparent-background blockquote { background: 0 0!important } .testimonial.testimonial-alternarive-font blockquote p { font-family: playfair display,serif; font-style: italic; font-size: 1.2em } .testimonial.testimonial-light blockquote:before,.testimonial.testimonial-light blockquote:after,.testimonial.testimonial-light blockquote p { color: #fff } .testimonial.testimonial-light blockquote.blockquote-default:before,.testimonial.testimonial-light blockquote.blockquote-default:after,.testimonial.testimonial-light blockquote.blockquote-default p { color: #777!important } .testimonial.testimonial-light .testimonial-author span,.testimonial.testimonial-light .testimonial-author strong { color: #fff }