/*-- IVF WEBSITE - DESIGNED BY /***MOIZ ALAM ***/ html, body {overflow-x: hidden} body {overflow: hidden !important;width: 100%;height: 100%;margin: 0;background: #FFF;color: #000; font-family: 'Lato',sans-serif;} body a {transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all;-ms-transition: 0.5s all;text-decoration: none; font-family: 'Raleway', sans-serif;} body a:focus,a:hover {text-decoration: none;} h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-family: 'Lato',sans-serif;} p {margin: 0;font-size: 15px;font-family:'Lato',sans-serif; text-align: justify;} ul {margin: 0;padding: 0;font-family:'Lato',sans-serif;font-size: 15px;} ul.b {margin-left: 5% !important;} ol.num {margin-left: 3% !important;} label {margin: 0;} a:focus, a:hover {text-decoration: none;outline: none;} /*-- //Reset-Code -- */ .header {position: relative;} .header-nav {position: relative;} .top-bar-w3layouts {width: 100%;z-index: 99999;background: #fff;} /*-- Logo --*/ .logo {width: 60%;float: left;} .logo a {font-size: 40px;font-weight: bolder;color: #EEE;} .logo a:hover {color: #FFF;} ul, ol {margin-top: 0;margin-bottom: 0px;} .info {width: 40%;float: left;padding-top: 20px;} .info .email, .info .phone {width: 50%;float: left;} .info p {color: #EEE;font-size: 13px;} .info a {color: #FFF;} .info a:hover {color: #009688;} .info span.glyphicon {margin-right: 5px;} .navbar-brand {line-height: 0px !important;} .navbar-brand {float: none;} nav.linkEffects.linkHoverEffect_12 ul {margin-top: 6px;} .carousel-caption {padding-bottom: 10%;right: 5%;text-align: right;} .slider-text {font-size: 40px;color: #000;font-family:'Sacramento',cursive;padding-right: 0%; text-align: right;} h1.b-head {font-size: 45px;color:#000;font-weight: 500;} .main-logo {width: 20%;} .sitemap li {padding: 5px 0 5px 25px;} .sitemap li a {padding: 0px 0 0px 22px;color: #aa8d4d; background: url(http://localhost/common/notfound) 0px 3px no-repeat; -webkit-transition: all 0.3s ease-out 0s;} /* -- TOP HEADER */ .bottom-middle li {display: inline-block;} .top .top-middle, .top .top-right {padding: 0px;} .top .top-left {text-align: left;font-size: 18px;font-weight: 300; position: absolute;} .top-left li {display: inline-block;color:#fff;margin-right: 0em;letter-spacing: 1px;} .top-left li a {color:#fff;} .top {padding: 0px 0;background:#000;} .top-middle {text-align: right;} .top-left p {color:#fff;font-size: 16px;margin-top: 3px;} .top-left i.fa {margin-right: 2px;color: #fff;font-size: 20px;} .top .top-right {text-align: right;color: #aa8d4d;font-size: 18px;font-weight: 300; float: right; margin-top: 9%;} .top-right li {display: inline-block;color:#fff;letter-spacing: 1px;} .top-right li a {color:#fff;} .top-right p {color:#fff;font-size: 16px;margin-top: 3px;} .top-right i.fa {margin-right: 2px;color: #fff;font-size: 20px;} .top-middle li {display: inline-block;} .top-middle li {margin-left: 15px;} .top-middle .fa-facebook {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .top-middle .fa-twitter {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .top-middle .fa-youtube {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .top-middle .fa-instagram {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .top-middle i.fa {border: 1px solid #fff;color: #fff;transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} /* -- //TOP HEADER */ /*-- //BOTTOM HEADER */ .bottom-middle .fa-facebook {font-size: 28px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .bottom-middle .fa-twitter {font-size: 28px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .bottom-middle .fa-youtube {font-size: 28px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .bottom-middle .fa-instagram {font-size: 28px;text-align: center;line-height: 29px;width: 30px;height: 30px;} .bottom-middle i.fa {color: #aa8d4d;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all;-ms-transition: 0.5s all;} /*-- footer --*/ .footer h6 {font-size: 16px;color: #bfbfbf;text-align: left;line-height: 36px;} .footer {background: #0b0c11;padding:2em 0em;} .w3layouts_footer_grid.bottom-middle {padding: 0 3em;} .w3layouts_footer_grid h2, .w3layouts_footer_grid h3 {font-size: 24px;color: #fff;position: relative;margin-bottom: 1.5em;letter-spacing: 2px;} h3.heading-agileinfo.white-w3ls {color: #f8b239;font-size: 35px;line-height: 48px;} .more-button a {font-size: 15px;background: #f8b239;color: #fff;padding: 8px 25px;display: inline-block;margin-top: 2em;} .more-button a:hover {background: #000;} ul.links li {list-style: none;color: #fff;margin-bottom: 10px;} .w3layouts_footer_grid h2 span, .w3layouts_footer_grid h3 span {color: #efb14f;} ul.links li a {color: #fff;} p.copyright {color: #d7d3d3;font-size: 22px;font-weight: 300; margin-left: -2%;} p.copyright1 {color: #d7d3d3;font-size: 22px;font-weight: 300;} ul.top-right1 {margin-top: -12%;} span.lang {font-family: 'Tajawal', sans-serif; font-size: 18px;} ul.con_inner_text li {list-style-type: none;color: #bfbfbf;line-height:1.5em;font-size: 15px;margin-bottom: 17px; letter-spacing: 1px;} ul.con_inner_text li a {color: #bfbfbf;} a.link {color: #d7d3d3;} ul.social-left li {display: inline-block;-webkit-transition: -webkit-transform .7s; -moz-transition: -moz-transform .7s;-ms-transition: -ms-transform .7s; -o-transition: -o-transform .7s;transition: transform .7s;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);text-align: center;} ul.social-left li:hover {-webkit-transform: scale(1.3,1.3) rotate(360deg);-moz-transform: scale(1.3,1.3) rotate(360deg); -ms-transform: scale(1.3,1.3) rotate(360deg);-o-transform: scale(1.3,1.3) rotate(360deg); transform: scale(1.3,1.3) rotate(360deg);} .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #000;} .dropdown-menu {background-color: #232425;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #fff;background-color: transparent;} .col-centered {float: none;margin: 0 auto;width: 25%;} .container-top {padding-right: 5%;padding-left: 5%;margin-left: 3%;margin-right: 3%;} .carousel-indicators .active {background-color: #000;width: 18px;height: 18px;} .carousel-indicators li {width: 18px;height: 18px;} .cta {background: url(../images/section-1.jpg);padding-top: 3%;padding-bottom: 3%;overflow: hidden;} .cta1 {background: url(../images/section-2.jpg);padding-top: 3%;padding-bottom: 3%;overflow: hidden;} .articles {background: url(../images/section-03.jpg);padding-bottom: 10%;padding-top: 2%;} .cta-inner {padding: 1rem;margin: 0.5rem;border:3px solid #aa8d4d;float:right;color: #fff;font-weight: 400;font-size: 16px;} .cta-inner1 {padding: 1rem;margin: 0.5rem;border:3px solid #aa8d4d;float:left;color: #fff;font-weight: 400;font-size: 16px;} h4.head4 {font-size: 25px;color: #aa8d4d; font-weight: 500;} .leftside {width: 77%;position: relative;bottom: -90px!important;} .rightside {width: 80%;position: relative;bottom: -70px!important;} p.btn-center {text-align: center;} .SiteBtn {background: transparent; color: #fff !important; text-transform: uppercase; text-align: center; border-radius: 0;position: relative; border:2px solid #aa8d4d;} .SiteBtn:hover {background: transparent; color: #fff;} .SiteBtn1 {background: transparent; color: #000 !important; text-transform: uppercase; text-align: center; border-radius: 0;position: relative; border:2px solid #aa8d4d;} .SiteBtn1:hover {background: transparent; color: #000;} .btn {color: #ece82e;} .btn:hover {color: #ece82e;} .content-holder {background-color: #000; padding-top: 2%; padding-bottom: 2%;} .box {border:2px solid #aa8d4d;} .carousel-control.left {left: -18px;height: 40px;width: 40px;background: url(../images/slider-left.png)no-repeat;margin-top: 90px;} .carousel-control.right {right:-38px;height: 40px;width: 40px;background: url(../images/slider-right.png)no-repeat;margin-top: 90px;} .section-head1 {font-size: 30px;font-weight: 500; color: #aa8d4d;} h2.videos {font-size: 25px;text-align: center;color: #fff;text-decoration: underline;text-decoration-color: #aa8d4d;} h2.article-head {font-size: 25px;text-align: center;color: #fff;text-decoration: underline;text-decoration-color: #aa8d4d;} h3.footer-head {font-size: 22px;color: #fff;font-weight: 300;} p.article-text {font-size: 20px;color: #aa8d4d;font-weight: 500;} p.text-content {font-size: 16px;color: #fff;font-weight: 500; text-align: justify;} h4.article-head1 {font-size: 22px;color: #fff;font-weight: 500;} figure {margin: 0; padding: 0; overflow: hidden;} /* Zoom In #1 */ .hover1 figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .hover1 figure:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);} /* Zoom In #1 END*/ /* Gray Scale */ .hover08 figure img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .hover08 figure:hover img {-webkit-filter: grayscale(0); filter: grayscale(0);} .banner-image {width: 100%;} /* Zoom Out Scale */ .hover06 figure img {-webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;} .hover06 figure:hover img {-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);} .img-thumbnail1 {border:2px solid #aa8d4d;} .img-thumbnail2 {border:2px solid #aa8d4d;} .mobile-logo {display: none;} .logo-footer {margin-left: -15%; width: 75%;} .dropbtn {background-color: transparent;color: white;font-size: 16px;border: none;} .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #000;min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 9999;text-align: left;} .dropdown-content a {color: black;padding: 7px 7px;text-decoration: none;display: block;} .dropdown-content a:hover {background-color: #aa8d4d;} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: transparent;} .banner-img {width: 100%; height: 500px !important;} .map {width: 300px; height: 200px;border:5px solid #aa8d4d;} .col-centered {float: none;margin: 0 auto;} .insta {color: #aa8d4d; font-size: 18px;} .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{background-color: #aa8d4d; border-color: #aa8d4d;} /************************************************************************************/ /*MOBILE MEDIA QUERIES STARTS HERE*/ /************************************************************************************/ @media only screen and (min-width: 2560px){ .leftside {width: 80%; top: 110px;} .rightside {width: 57%; top: 110px;} .banner-img {width: 100%; height: 750px !important;}} @media only screen and (min-width: 1880px){ .banner-img {width: 100%; height: 575px !important;}} @media only screen and (max-width:1366px){ .banner-img {width: 100%; height: 450px !important;}} @media only screen and (max-width: 1024px){ .banner-img {width: 100%; height: 350px !important;} p.copyright {font-size: 22px;} p.copyright1 {font-size: 22px;} .main-logo {width: 25%;} .top .top-left {margin-left:-5%;} .top .top-right {margin-top: 10%;} .top-left li {font-size: 11px;} .top-right li {font-size: 15px;} .top-right i.fa {font-size: 18px;} .leftside {width: 100%;} .rightside {width: 100%;} .map {width: 300px; height: 250px;}} @media only screen and (max-width: 768px){ .main-logo {display: none;} .leftside {width: 120%;} .rightside {width: 120%;} p {font-size: 14px; text-align: left;} ul {font-size: 15px;} p.copyright {font-size: 16px;} p.copyright1 {font-size: 16px;} h3.footer-head {font-size: 20px;} .slider-text {font-size: 25px;} h1.b-head {font-size: 30px;} .mobile-logo {display: block;} .col-centered {width: 50%;height: 260px;} .top .top-left {display: block; margin-left: -3%;} .top-right li {font-size: 15px;} .top .top-right {font-size: 13px; margin-top: 5%;} ul.con_inner_text li {line-height: 1.3em;} .logo-footer {margin-left: -5%;} .map {width: 245px; height: 200px;} .img-thumbnail1 {height: 200px;} .top {padding: 8px 0;} .banner-img {height: 280px !important;} ul.top-right1 {margin-top: -4%;}} @media only screen and (max-width: 425px){ .top .top-right {text-align: right;padding: 0px 0 0; margin-top: 5%;} .top .top-left {margin-left: 10%; margin-top: -2%;} .leftside {top: 0px;width: 65%;} .top-right li {font-size: 12px;} .dropbtn {font-size: 13px;} h1.b-head {font-size: 18px;} .slider-text {font-size: 15px;} .rightside {width: 55%;top: -35px; margin-bottom: -35%; float: right;} h4.head4 {font-size: 20px;} .section-head1 {font-size: 25px;} p.copyright1 {font-size: 18px;} p.copyright {font-size: 18px;} .top-right i.fa {font-size: 13px;} .col-centered {width: 75%; height: 200px;} .logo-footer {width: 210px; height: 200px;} .map {width: 245px; height: 200px;} h1 span {font-size: 22px !important;} h1.ivf-head {font-size: 22px !important;} .cta1 {padding-bottom: 15%;} h3.footer-head {margin-top: 10%;} .banner-img {height: 150px !important;}} @media only screen and (max-width: 375px){ .top-right li {font-size: 11px;} .cta1 {padding-bottom: 13%;} h1.b-head {font-size: 14px;} .banner-img {height: 130px !important;} .nav-tabs>li>a {font-size: 18px !important;}} @media only screen and (max-width: 320px){ .top-right li {font-size: 9px;} .section-head1 {font-size: 22px;} .dropbtn {font-size: 10px;} .cta1 {padding-bottom: 10%;} .slider-text {margin-bottom: -3%;} .rightside {width: 50%; top: -35px;margin-bottom: -35%;}} /************************************************************************************/ /*MOBILE MEDIA QUERIES ENDS HERE*/ /************************************************************************************/ /************************************************************************************/ /*IVF INNER PAGES CSS STARTS HERE*/ /************************************************************************************/ .about-us {padding-left: 15px;} .services {padding-left: 15px;} .blog {padding-left: 15px;} .gallery {padding-left: 15px;} .contact {padding-left: 15px; padding-right: 15px;} .breadcrumb {float:left; width:100%; padding:5px 0; padding-left: 15px !important; background-color: transparent;} .mid_cont {float:left; width:100%; padding:10px 0 15px 0;} h1 span {float:left; width:auto; padding:5px 0px 0 0; display:block; background:url(../images/line.png) left top no-repeat;font-size: 25px; color: #aa8d4d;} h1.ivf-head {float:left; width:auto; padding:5px 0px 0 0; display:block;font-size: 25px; color: #aa8d4d;} p.inner-text {text-align: justify;} h1.achiements {text-align: center; color: #aa8d4d; font-size: 30px;} b.breadcrumb-home {color: #aa8d4d; font-size: 20px; font-weight: 500;} b.breadcrumb1 {color: #000; font-size: 18px; font-weight: 500;} figure {margin: 0; padding: 0; overflow: hidden;} .hover1 figure img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .hover1 figure:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);} .hover08 figure img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} .hover08 figure:hover img {-webkit-filter: grayscale(0); filter: grayscale(0);} .banner-image {width: 100%;} .hover06 figure img {-webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;} .hover06 figure:hover img {-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);} .news-post {border-bottom: 1px solid #f2f2f2;padding-right: 10px;} .news-post:last-child {border-bottom: none;} .news-post .news-img img {width: 100%;} .readmore a {position:relative; color: #aa8d4d; font-weight: bold; font-size: 15px;} .readmore a:after {content:''; position:absolute; bottom:0; left:0; width:0%; border-bottom:1px solid #333; transition:0.4s;} .readmore a:hover:after {width:100%;} .article-head {color: #aa8d4d; font-size: 20px; font-weight: 500;} .contact-form input[type="text"], .contact-form input[type="email"],textarea {margin: .5em 0;padding: .7em 1em;font-size: .9em;width: 100%;background: transparent;border: 1px solid #aa8d4d;color:#fff;letter-spacing: 2px;} .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus {box-shadow: none;border: 1px solid transparent;} .contact-form ::-webkit-input-placeholder {color:#999 !important;} .contact-form input[type="submit"] {background: #aa8d4d;border: 1px solid #aa8d4d;padding: .5em 2em; text-transform: uppercase;color: #fff;font-size: .9em;letter-spacing: 2px;} .contact-form input[type="submit"]:hover {background: none;border: 1px solid #aa8d4d;color:#aa8d4d;} .contact-form {padding: 4.0em 3em;background: #000;} .contact-form h4.heading {text-align: left;font-size: 25px;margin-bottom: 20px;font-weight: 500; text-transform:uppercase;color: #aa8d4d;letter-spacing: 1px;} .contact-grid1 i {font-size: 25px;color: #aa8d4d;margin-bottom: 10px;} .contact-right p {font-weight: 600;font-size: 18px;color: #444;margin-bottom: 5px;} .contact-right span,.contact-right a {font-size: 15px;color: #464646;letter-spacing: 1px;line-height: 26px;} .back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;} .btn-primary {background: #aa8d4d; color: #fff; border-color: #aa8d4d;} .btn-primary:hover {background: #aa8d4d; color: #fff; border-color: #aa8d4d;} /********************************************************************************/ /*IVF MEDIA GALLERY STARTS HERE*/ /********************************************************************************/ .gallery_grids {padding-top:1em;} .gallery_grid1 {margin-top:2em;} .gallery_grid01 {position: relative;} .gallery_grid1_pos {background: #aa8d4d;bottom: 45px;left: 45px;opacity: 0;padding:1em;position: absolute; right: 45px;text-align: center;top: 45px;visibility: hidden;-webkit-transform: scaleX(-1); transform: scaleX(-1);-moz-transform: scaleX(-1);-o-transform: scaleX(-1); -ms-transform: scaleX(-1);-webkit-transition: all 0.8s ease;transition: all 0.8s ease;} .gallery_grid1_pos h3 {font-size: 1.2em;letter-spacing: 2px;font-weight: 600;margin: 3em 0 .5em;padding-bottom:.5em; position: relative;text-transform: uppercase;color: #fff;} .gallery_grid1_pos p {color: #fff;line-height:2em;letter-spacing:1px;} .gallery_grid1:hover .gallery_grid1_pos {opacity:1;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1); -moz-transform: scaleX(1);-o-transform: scaleX(1);-ms-transform: scaleX(1);} .gallery-main {float: left;width: 33.33%;} .gallery_grid1_pos h3 {font-size: 1.5em;margin: 2em 0 .5em;} /**********************************************************************************/ /*IVF MEDIA GALLERY ENDS HERE*/ /**********************************************************************************/ /**********************************************************************************/ /*IVF MEDIA GALLERY MEDIA QUERIES STARTS HERE*/ /**********************************************************************************/ @media(max-width:1080px){ .gallery_grid1_pos h3 {margin: 2em 0 .5em;}} @media(max-width:1024px){ .gallery_grid1_pos h3 {font-size: 1.2em;margin: 2em 0 .5em;}} @media(max-width:991px){ .gallery-main {float: left;width: 33.33%;} .gallery_grid1_pos h3 {font-size: 1.5em;margin: 3em 0 .5em;} .gallery_grid1_pos h3 {font-size: 1.5em;margin: 1em 0 .5em;} .gallery_grid1_pos {padding: 0em;} .gallery_grid1_pos h3 {font-size: 1.2em;}} @media(max-width:800px){ .gallery-main {float: left;width: 33.33%;}} @media(max-width:736px){ .gallery_grid1_pos h3 {font-size: 1em;}} @media(max-width:667px){ .gallery_grid1_pos {bottom: 26px;left: 15px;right: 15px;top: 54px;}} @media(max-width:640px){ .gallery_grid1_pos {bottom: 33px;left: 15px;right: 15px;top: 35px;}} @media(max-width:568px){ .gallery-main {float: none;width: 80%;margin: 0 auto;} .gallery_grid1_pos h3 {font-size: 1.3em;} .gallery_grid1_pos h3 {font-size: 1.5em;margin: 4em 0 .5em;} .gallery_grid1_pos h3 {font-size: 1.5em;margin: 3.5em 0 .5em;}} @media(max-width:480px){ .gallery_grid1_pos h3 {font-size: 1.5em;margin: 2.5em 0 .5em;} .gallery_grid1_pos {bottom: 44px;left: 15px;right: 15px;top: 58px;}} @media(max-width:414px){ .gallery_grid1_pos h3 {font-size: 1.5em;margin: 1.5em 0 .5em;}} @media(max-width:384px){ .gallery_grid1_pos h3 {font-size: 1.5em;margin: 1em 0 .5em;} .gallery_grid1_pos h3 {font-size: 1.3em;margin: 1em 0 .5em;}} @media(max-width:320px){ .gallery-main {float: none;width: 100%;margin: 0 auto;}} /***********************************************************************************/ /*IVF MEDIA GALLERY MEDIA QUERIES ENDS HERE*/ /***********************************************************************************/ /***********************************************************************************/ /*IVF INNER PAGES CSS ENDS HERE*/ /***********************************************************************************/ /***********************************************************************************/ /*FAQ CSS STARTS HERE*/ /***********************************************************************************/ .nav-bottom,.team,.about,.services,.gallery,.reservation,.mail {padding:2em 0;} .nav-bottom h3,.wthree_about_right h3,.team h3,.services h3, .gallery h3,.reservation h3,.mail h3 {text-align: center;color: #fff;font-size: 1em;} .nav-bottom h3 span,.wthree_about_right h3 span,.team h3 span, .services h3 span,.gallery h3 span,.reservation h3 span, .mail h3 span {display: block;color: #212121;font-size: 2.5em;position: relative; padding-bottom:.5em;} .nav-bottom h3 span:before,.nav-bottom h3 span:after,.team h3 span:before, .team h3 span:after,.services h3 span:before,.services h3 span:after, .gallery h3 span:before,.gallery h3 span:after,.reservation h3 span:before, .reservation h3 span:after,.mail h3 span:before,.mail h3 span:after {content: '';position: absolute;bottom: 0%;} .nav-bottom h3 span:before,.team h3 span:before,.services h3 span:before, .services h3 span:before,.gallery h3 span:before, .reservation h3 span:before,.mail h3 span:before {left: 43%;width: 15%;height: 1px;background: #212121;} .nav-bottom h3 span:after,.team h3 span:after,.services span:after, .gallery h3 span:after,.reservation h3 span:after,.mail h3 span:after {right: 48.5%;width: 2%;background: #EE692D;height: 4px;} .tab-grid-left .nav-tabs {float: none;border-bottom: 0;} .tab-grid-left .nav-tabs li {float: none;margin: 1px 0 0;} .tab-grid-left .nav-tabs li a {margin-right: 0;border: 0;background-color: transparent;color: #000; padding: 1em 2em;font-size: 17px!important;text-transform: none; border-radius: 0;text-align: left; font-family: 'Lato',sans-serif; font-weight: 500;} .tab-grid-left .nav-tabs li a:hover {background-color: #aa8d4d !important;color: #000;} .tab-grid-left .nav-tabs .active .glyphicon {color: #000;} .tab-grid-left .nav-tabs > li.active > a, .tab-grid-left .nav-tabs > li.active > a:hover, .tab-grid-left .nav-tabs > li.active > a:focus {border: 0;background-color:#aa8d4d!important;color: #000!important;} .tab-grid-left .tab-content .tab-pane {display: none;} .tab-grid-left .tab-content .active {display: block;} .tab-grid-left {text-align: center;} .tab-content {padding: 2em 1em;-moz-box-shadow:0px 0px 3px #DDD; -o-box-shadow:0px 0px 3px #DDD;-ms-box-shadow:0px 0px 3px #DDD;} .types_nav_bottom_left h4 {font-size: 1.5em;color: #aa8d4d ;font-weight: 300;margin-top: -2%;} .types_nav_bottom_left p {color:#000;line-height:1.5em;margin: 1em 0; text-align: justify;} .types_nav_bottom_left {margin: 2.5em 0 0;} .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {color:#000!important;} h4.bold {font-size: 20px; font-weight: 600;} .hover08 figure img {-webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition:.3s ease-in-out; transition: .3s ease-in-out;} .hover08 figure:hover img {-webkit-filter: grayscale(0); filter: grayscale(0);} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background:#aa8d4d!important; color:#fff!important;} .nav-tabs>li>a {background:#000!important; color:#fff!important;} .nav-tabs>li>a:hover {background:#000!important; color:#fff!important;} .nav-tabs {border-bottom: 0px solid;} .tab-grid-right {border:1px solid #aa8d4d; margin-top:1%;} /***MEDIA QUERIES**/ @media (max-width:1366px){ .types_nav_bottom_left {margin: 1.5em 0 0;}} @media (max-width: 1080px){ .types_nav_bottom_left {margin: 0;}} @media (max-width:991px){ .types_nav_bottom_left {margin: 0 0 2em;padding: 0;} .types_nav_bottom_right img {margin: 0 auto;width: 60%;} .tab-grid-right {margin-left: -8px;}} @media (max-width:480px){ .tab-grid-left {float: none;width: 100%;margin-top: 20%;} .tab-grid-left .nav-tabs li a {padding: 0.8em 15px;font-size: 14px;} .types_nav_bottom_left h4 {font-size: 1.3em;} .tab-content {padding: 1.5em;} .tab-grid-right {float: none;width: 100%;}} @media (max-width: 414px){ .types_nav_bottom_left p {margin: 1em 0 0;} .types_nav_bottom_left {margin: 0 0 1em;}} @media (max-width:375px){ .types_nav_bottom_right img {width: 90%;}} @media (max-width:320px){ .tab-grid-left,.tab-grid-right {padding: 0;}} /*----- //nav-bottom-ends-here -----* MEDIA QUERY ENDS/