/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


/* CSS Document */
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#7ac142;}
iframe{ max-width:100%;}
#navbtn{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left;}
.nav-menu li+li{ border-left:solid 1px #b10000;}
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:normal 16px/50px Arial, Helvetica, sans-serif; padding:0 47px;   white-space:nowrap; display:block; text-transform:uppercase; color:#fff; }
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ background:#000; color:#fff; }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/40px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}

header{ padding:16px 0 0;}
#logo{ padding:0 0 16px; float:left;}
.top-rt{ float:right;}
.address{ float:left; position:relative; font:400 15px/17px 'Roboto', sans-serif; padding:0 20px 0 54px; }
.address+.address{ border-left:solid 1px #a5a5a5;}
.address+.address img{ left:10px;}
.address span{ display:block; font-weight:300;}
.address span a{ color:#767676;}
.address img{ position:absolute; left:0; top:0;}

#navigation{ background:#f40000;}


.red-text{ color:#f40000;}
.white-text{ color:#fff;}

#banner{ position:relative;}
.banner-text{ position:absolute; left:50%; top:50%; width:1200px; transform:translate(-50%, -50%); z-index:999; color:#000;}
.banner-text h3{ font:300 40px/42px 'Raleway', sans-serif;}
.banner-text h2{ font:300 58px/62px 'Raleway', sans-serif; padding:15px 0 0; }
.banner-text h1{ font:700 71px/73px 'Roboto', sans-serif;}
.banner-text p{ font:300 18px/25px 'Roboto', sans-serif; padding:15px 0 0;}
.banner-text div{ width:50%;}
.viewmore{ background:#f40000; font:400 19px/57px 'Roboto', sans-serif; color:#fff; padding:0 40px; display:inline-block; margin:15px 0 0; border-radius:25px;}

.banner-bottom{position: relative;top: -62px;}
.thumb{ float:left; text-align:center; width:16.666%;  border-radius:10px; background:#581845; padding:37px 0; text-transform:capitalize; min-height:250px; transition: all 300ms ease-out 0s; z-index:1;}
.thumb:hover {box-shadow: 0 0 6px #000;z-index: 2;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}

.thumb h3{ font:300 19px/21px 'Roboto', sans-serif; padding:15px 0 0;}
.thumb+.thumb{ background:#900c3f;}
.thumb+.thumb+.thumb{ background:#c70039;}
.thumb+.thumb+.thumb+.thumb{ background:#ff5733;}
.thumb + .thumb + .thumb + .thumb + .thumb {background: #ff8327;}
.thumb + .thumb + .thumb + .thumb + .thumb + .thumb{ background:#f25213;}
.bg2-red{ background:#dd1d1c;}

.no-gap{ padding:0 !important;}
.gap-top{ padding-top:40px;}
.gap-bottom{ padding-bottom:40px;}
.gap{ padding-bottom:40px; padding-top:40px;}

#content{ padding:25px 0 20px;}
#content.innerpage{ padding:25px 0 0;}
#content h1{ font:600 47px/49px 'Roboto', sans-serif; padding:15px 0 0;}
#content h2{ font:300 44px/46px 'Roboto', sans-serif; padding:15px 0 0;}
#content h3{ font:400 35px/37px 'Roboto', sans-serif; padding:15px 0 0;}
#content h4{ font:400 27px/30px 'Roboto', sans-serif; padding:15px 0 0;}
#content h5{ font:400 20px/24px 'Roboto', sans-serif; padding:15px 0 0;}
#content h6{ font:400 16px/18px 'Roboto', sans-serif; padding:15px 0 0;}
#content p{ font:400 15px/20px 'Raleway', sans-serif; padding:15px 0 0;}

.contact-sec-part{ background:/*url(images/contact-part.jpg) no-repeat 50% 0*/ #000; background-size:cover;}
.main-part{ position:relative; margin:0 auto;}
.contact-part{ position:relative; width:50%; margin:0 auto; display:table; }
.big-circle{width:460px; height:460px; border-radius:100%; background:#f40000; margin:0 auto; text-align:center; position:relative; }
.big-circle img {width: 100%;height: 100%;border-radius: 100%;object-fit: cover;border:solid 11px #f40000;  }
.big-circle .text{ position:absolute; left:50%; top:50%; z-index:999; transform:translate(-50%, -50%); font:700 40px/42px 'Poppins', sans-serif; width:100%; text-shadow:0 0 6px #000;}
.contact-part  a{ color:#fff;}
#content .contact-sec-part h2{font:400 32px/38px 'Poppins', sans-serif; padding:20px 0 0;}
.allergic{ position:absolute; left:-121px; top:30px;}
.allergic1{ position:absolute; left:-215px; bottom:50px;}
.allergic2{ position:absolute; right:-235px; top:50px;}
.allergic3{ position:absolute; right:-100px; bottom:80px;}

.img-circle{ width:120px; height:120px; border-radius:100%; position:absolute; right:0; top:0;}
.img-circle img{ width:100%; height:100%; border-radius: 100%;object-fit: cover;border:solid 3px #ffffff;}

.img-circle1{ width:120px; height:120px; border-radius:100%; position:absolute; left:0; top:0;}
.img-circle1 img{ width:100%; height:100%; border-radius: 100%;object-fit: cover;border:solid 3px #ffffff;}
.text-circle{ position:relative; padding:0 145px 0 0;}
.text-circle1{ position:relative; padding:0 0 0 145px;}
.news-sec img{ width:100%;}

footer{ background:#000000; padding:40px 0 0;}
footer p{ font:400 15px/20px 'Raleway', sans-serif; padding:15px 0 0;}
footer h3{ font:400 26px/28px 'Raleway', sans-serif; text-transform:uppercase;}
.ftr-nav{ padding:15px 0 0;}
.ftr-nav ul li{ background:url(images/arrow.png) no-repeat 0 0; padding:0 0 0 20px;}
.ftr-nav ul li a{ font:300 15px/18px 'Raleway', sans-serif; padding:0 0 10px; display:block; color:#fff;}

.ftr-adrs{ padding:15px 0 0;}
.ftr-adrs ul li{ position:relative; padding:0 0 0 18px;}
.ftr-adrs ul li img{ position:absolute; left:0; top:0;}
.ftr-adrs ul li a{ font:300 15px/18px 'Raleway', sans-serif; color:#fff; word-wrap:break-word;}
.ftr-part{ padding:0 60px 0 0;}
.ftr-part+.ftr-part{ padding:0 80px; background:url(images/divider.png) no-repeat 0 50%, url(images/divider.png) no-repeat 100% 50%;}

.ftr-botm{ background:#1d1d1d; font:400 15px/17px 'Poppins', sans-serif; color:#fff; padding:10px 0; margin:25px 0 0; text-align:center;}
.food-sec{ background:url(images/bg1.jpg) no-repeat 50% 0; background-size:cover;}
.white-sec{ background:#fff;}
.side-spce{ padding:0 25px;}
.bg2{background:url(images/img14.jpg) no-repeat 50% 0; background-size:cover;}

.lightboxform-title{font:400 22px/26px 'Lora', serif; padding:10px 15px; background:#070706; color:#fff; margin:0 -10px; border-radius:4px 4px 0 0; }
#lightboxform{ background:rgba(0, 0, 0, 0.5); position:fixed; display:none; top:0; bottom:0; left:0; right:0; z-index:999;}
#lightboxform > div{ display:table; width:100%; height:100%;}
#lightboxform > div > div{ display:table-cell; vertical-align:middle;}
#lightboxform > div > div > div{ background:#fff; margin:0 auto; position:relative; max-width:590px; padding:0 10px 15px; border-radius:4px;}
#close{ position:absolute; right:6px; top:10px; width:22px; height:22px; cursor:pointer; font-size:0; border-radius:4px; box-shadow:0 0 3px #333; background-size:100%;background:url(images/close.png) no-repeat 0 0; font-style:italic;}
#lightboxform input[type="text"], #lightboxform input[type="email"], #lightboxform input[type="tel"], #lightboxform select{ border-radius:4px; border:1px solid #ccc;}
#lightboxform input[type="submit"]{  background:#ff7e00; border:0; border-bottom:3px solid #a15103; border-radius:3px; color:#fff; font:400 16px/38px "Lora",serif; padding:0 30px;  text-transform: uppercase; cursor:pointer; margin:15px 0 0;}
#lightboxform form{ padding:15px 5px;}

.pagination{ display:table; margin:40px auto;}
.pagination .page-numbers{ border:1px solid #000; font:400 16px/20px 'Lora', serif; color:#000; padding:10px; margin:0 3px;}
.pagination .page-numbers:hover{ background:#f40000; color:#fff;}
.map{ margin:40px 0;}
#content .news-sec h4 a{ color:#000;}
.news-sec{ margin:40px 0 0;}
.smlgapp{ padding:25px 0 0;}
#content .smlgapp a{ color:#000;}

.list{ padding:15px 0 0 15px;}
.list li{ list-style:outside circle;}


/*1-12-2017*/
.rt{ float:right;}
.thirty-three{ width:33.333%; float:left;}
.fst-sec{ position: relative;z-index: 100;left: 61px;}
.third-sec{ position: relative;z-index: 100;right:34px;}


.sml-crcl{ position:relative; padding:0 130px 74px 0 ; margin:0 0 15px;}
.circle-photo{ width: 120px;height: 120px;border-radius: 100%;position: absolute;right: 0;top: 0;}
.circle-photo img{    width: 100%;height: 100%;border-radius: 100%;object-fit: cover;border: solid 3px #ffffff; opacity:0.5;}

.circle-photo1{ width: 120px;height: 120px;border-radius: 100%;position: absolute;left: 0;top: 0;}
.circle-photo1 img{    width: 100%;height: 100%;border-radius: 100%;object-fit: cover;border: solid 3px #ffffff; opacity:0.5;}

.sml-crcl1{ position:relative; padding:0 0 42px 130px ; margin:0 0 15px;}

.blue-bg{ background:#006de8;}
.red-bg{ background:#ff0000;}
.grn-bg{ background:#22a23a;}
.orange-bg{ background:#ff8a00;}
.yellow-bg{ background:#fff000;}
.second-sec{ position:relative; z-index:9;}
.food-alergic{position:relative; left:64px;}
.asthama{ position:relative; left:64px;}
.conditions{ position:relative; right:15px; top:34px;}
.rhinitis{ position:relative; right:19px;}

.boximage img{ width:100%;}
.thumb a{ color:#fff;}


.big-circle img{ opacity:0.7;}


@media only screen and (max-width: 1198px) {
.banner-text{ width:1000px;}
.nav-menu li > a{ padding:0 31px;}
.banner-text h2{ font-size:35px; line-height:37px; padding:5px 0 0;}
.banner-text h3{ font-size:30px; line-height:32px;}
.banner-text h1{ font-size:52px; line-height:54px;}
.banner-text p{ padding:10px 0 0;}
.banner-text{ top:45%;}
#content .contact-sec-part h2{ font-size:23px; line-height:26px;}
.third-sec{ right:0;}
.big-circle .text{ font-size:32px; line-height:34px;}
}
@media only screen and (max-width: 990px) {
.banner-text{ width:748px;}
.nav-menu li > a{ padding:0 14px; font-size:15px;}
.banner-text p{ font-size:14px; line-height:18px;}
.banner-text h1{ font-size:30px; line-height:32px;}
.banner-text h3{ font-size:25px; line-height:27px;}
.banner-text h2{ font-size:25px; line-height:27px;}
.banner-bottom{ top:-34px;}
.thumb h3{ font-size:19px;}
.allergic2{ right:-116px;}
#content .contact-sec-part h2{ font-size:31px; line-height:34px;}
.allergic1{ left:-122px;}
.ftr-part + .ftr-part{ padding:0 40px;}
#content h4{ font-size:20px; line-height:24px; padding:10px 0 0;}
#content h2{ font-size:34px; line-height:36px;}
.thirty-three{ float:none; width:460px; margin:0 auto;}
.fst-sec{ left:0;}
.food-alergic{ left:0;}
.asthama{ left:0;}
.conditions{ right:0;}
}
@media only screen and (max-width: 740px) {
#navigation{ position:relative; margin:15px 0 0;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 0 50%; width:auto; height:40px; line-height:40px; font-size:20px; cursor:pointer; text-transform:uppercase; color:#fff; text-align:right;}
.nav-menu{ display:none;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #ff8080; border-left:none;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}
.banner-text{ width:98%;}
#logo{ float:none; text-align:center;}
.top-rt{ float:none; margin:0 auto; display:table; width:300px;}
.banner-bottom{ top:0;}
.thumb{ width:100%; float:none; min-height:inherit;}
#banner{ display:block; overflow:hidden;}
#banner > img{ max-width:220%; margin:0 -60%;}
.banner-text div{ width:65%;}
.big-circle{ width:360px; height:360px;}
.allergic1{ position:inherit; left:0; bottom:0; margin:0 0 60px;}
.allergic{ position:inherit; left:0; top:0;  margin:0 0 70px;} 
.allergic2{ position:inherit; left:0; top:0;  margin:0 0 70px;}
.allergic3{ position:inherit; left:0; top:0;  margin:0 0 70px;}
.ftr-part{ padding:0 0 25px 0;}
.ftr-part+.ftr-part{ background:none; padding:0;}
.address + .address{ border-left:none; padding-top:25px;}
.address + .address img{ top:15px;}
.allergic1{ top:25px;}
.allergic2{ top:30px;}
.allergic3{ top:36px;}
.news-sec{ margin:30px 0 0;}
.viewmore{ font-size:16px; line-height:38px; padding:0 21px;}
footer p{ font-size:13px; line-height:15px; padding:7px 0;}
.boximage{ padding:30px 0 0; text-align:center;}
.gap { padding-bottom: 20px; padding-top: 20px;}
.mdl{ text-align:center; display:table; margin:0 auto;}
#content h3{ font-size:25px; line-height:28px;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner-text{ width:96%;}
.big-circle{ width:280px; height:280px;}
#content .contact-sec-part h2{ font-size:22px; line-height:27px;}
.banner-text p{ display:none;}
.banner-text h2{ font-size:19px; line-height:24px;}
#content h1{ font-size:30px; line-height:32px;}
#content h2{ font-size:30px; line-height:32px;}
.thirty-three{ float:none; width:300px; margin:0 auto;}
}