/* ---------- Theme CSS ---------- */

*{ margin: 0; padding: 0; font-family: 'Chivo', sans-serif; color:#222; line-height: 1.1;  }

.clear{ clear: both; }

a { text-decoration: none; }

.mobOnly{ display:none; }

#Map-Container {
	width: 100%;
	margin: 0px;
	padding: 0px; 
	position: relative;
}
#Accessibility, #Header, #Banner, #Content-Main, #Footer, #Mobile-Menu, #Service, #Credibility, .gridWrapper {
	max-width: 1200px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}
/* ADA */
.adaOn span {
	background: #3c4dc4;
	color: #fff;
	border-radius: 50%;
}
/* Scroller CSS */
#Scroller a {
	background: #fff;
	border: 2px solid #000;
	color: #000;
	border-radius: 50%;
}
/* Header CSS */
#Header {
	min-height: 10px;
}
/* Menu CSS */

.menus { vertical-align: middle;}

.menu {
	text-align: center;
}
.menu li {
    font-size: 16px; font-weight: 600;

}
.menu li a { padding: 15px 24px; position: relative; }

.menu > li:last-child > a:after { background: none; }
.menu li li, .menu ul {	background: #e2e2e2; text-transform: none; }
.menu ul li{ margin: 0 15px; border-bottom: solid 1px #000; }
.menu ul ul{ width: 200px; }

.sign a 
{ background: #313fa0; margin: 0 10px; padding: 15px 50px !important; border-radius: 10px; color: #efe60f;}

.menu-home {
	width: 90px;
	font-size: 0px !important;
  
}
.menu-home a::before {
	font-size: 20px;
}
.menu-home a {
	width: 100%;
	height: 100%;
}
.menu-home a::before {
	vertical-align: top;
	margin: auto;
}
.menu-home span {
	vertical-align: middle;
}
.toggleMenu {
	font: bold 16px/30px 'Chivo', sans-serif;
}
.toggleMenu a {
	border-radius: 5px;
	border: 2px solid #ccc;
    color: #000;
}
.toggleMenu span{ color: #000; }
.Wrapper {
	font: normal 14px/20px 'Chivo', sans-serif;
}
/* Home Banner CSS */
#Banner-Container #Banner {
	height: 618px;
}
#Banner-Container .banner1 {
	background: url(../images/banner1.jpg) no-repeat center top;
}
#Banner-Container .banner1 .theme-L {
	background: url(../images/banner1-l.jpg) no-repeat right top;
}
#Banner-Container .banner1 .theme-R {
	background: url(../images/banner1-r.jpg) no-repeat left top;
}
#Banner-Container .banner2 {
	background: url(../images/banner2.jpg) no-repeat center top;
}
#Banner-Container .banner2 .theme-L {
	background: url(../images/banner2-l.jpg) no-repeat right top;
}
#Banner-Container .banner2 .theme-R {
	background: url(../images/banner2-r.jpg) no-repeat left top;
}

#Banner-Container .banner3 {
	background: url(../images/banner3.jpg) no-repeat center top;
}
#Banner-Container .banner3 .theme-L {
	background: url(../images/banner3-l.jpg) no-repeat right top;
}
#Banner-Container .banner3 .theme-R {
	background: url(../images/banner3-r.jpg) no-repeat left top;
}



/* Banner Content CSS */
.banner-head
{font-family: 'MuseoModerno', cursive; color: #222; font-size: 45px; font-weight: 900; text-transform: capitalize; line-height: 1.1;}

.banner-content {
	position: absolute;
	left: 40%;
	bottom: 26%;
	padding: 15px;
	text-align: right;
}

.banner2 .banner-content .banner-head { color: #fff012;}
.banner3 .banner-content .banner-head { color: #fff;}

/* Navigation CSS */

.navigation 
{ font-weight: 300; padding: 20px 0px 10px 10px;}

.navigation span { color: #313da3; margin: 0 5px; font-weight: 400;}

/* Text CSS */
.textMain {
	padding: 10px 10px 50px 10px;
	font: normal 16px/24px 'Chivo', sans-serif;
	color: #2d2f2f;
}
.textMain a {
	color: #162fd9;
}
.textMain a:hover {
	color: #1b2675;
}
.textMain h1 {
	font: 600 30px/34px 'Chivo', sans-serif;
	color: #414141;
}
.textMain h1 span {
	font: normal 20px/24px 'Chivo', sans-serif;
	color: #4d4d4d;
}
.textMain h2 {
	font: 500 24px/30px 'Chivo', sans-serif;
	color: #162fd9; 
}

.textMain h2 span {
	font: normal 18px/22px 'Chivo', sans-serif;
	color: #000000;
}


.about h2 { font-size: 40px; line-height: 1.3;}
.about h2 span { font-size: 40px; display: inline-block; color: #db3232; line-height: 1.1;}

.textMain h2 a, .hTag2 a, .textMain h3.hTag2 a, .textMain h4.hTag2 a {
	color: #0563f2;
}
.textMain h3 {
	font: 500 20px/30px 'Chivo', sans-serif;
	color: #222;
}
.textMain h3 a, .hTag3 a, .textMain h2.hTag3 a, .textMain h4.hTag3 a {
	color: #353535;
}
.textMain h4, .hTag4, .textMain h2.hTag4, .textMain h3.hTag4 {
	font: normal 18px/22px 'Chivo', sans-serif;
	color: #545454;
}
.textMain h4 a, .hTag4 a, .textMain h2.hTag4 a, .textMain h3.hTag4 a {
	color: #014cbe;
}

.forms div { display: inline-block; width: 48%; }

.forms { box-shadow: 0px 0px 10px #e1e3ef; margin: 30px 0 5px; padding: 20px;}

.ppl { text-align: center;}

.ppl img { box-shadow: 0 0px 5px #514e4e; margin: 20px auto; border: 5px solid #313fa0;}

.banner-abt { position: relative; background: #f4f5fa; text-align: center; margin: 25px 0; padding: 40px 0 20px; }

.banner-abt .theme-L, .banner-abt .theme-R { background: #f4f5fa;}

.banner-abt .main-ttl li 
{ display: inline-block; min-width: 310px; padding: 10px; width: 30%; position: relative; padding-top: 120px; background: none; border-right: 1px solid #e2e3e8;}

.banner-abt .main-ttl li::before 
{ content: '';position: absolute; left: 0; right: 0; margin: 0 auto; width: 100px; height: 100px; border-radius: 50%; background: url(../images/vission.png)no-repeat center center #303f9f; top: 10px; }

.banner-abt .main-ttl li.two::before 
{ background: url(../images/mission.png)no-repeat center center #303f9f;}

.banner-abt .main-ttl li.three::before 
{ background: url(../images/values.png)no-repeat center center #303f9f;}

.banner-abt .main-ttl li.three { border: none !important;}

.main-ttl span { font-size: 24px !important; padding: 10px; display: inline-block;}

.textMain .gfts { text-align: center;}

.textMain .gfts li
{ display: inline-block; min-width: 280px; width: 30%; box-shadow: 0px 0px 5px #ccc; margin: 10px; background: none; padding: 10px 0 20px;}

.textMain .gfts li:hover {box-shadow: 0px 0px 10px #ccc;} 

.textMain .gfts li span { display: block; padding: 5px; text-transform: capitalize; font-weight: 600;}

.textMain .gfts li span.free { color: #db3232; font-size: 24px;}

.textMain .paypl, #complimentary-gift .paypl 
{ text-align: center; padding: 15px; margin: 10px; background: #e6e6e6; border-radius: 5px;}

.textMain .paypl img, #complimentary-gift .paypl img
{ margin: 0 20px;}

.textMain .paypl span, #complimentary-gift .paypl span
{ font-weight: 600;}

header { padding: 25px 0;}

body.home header { position: absolute; 	z-index: 999; background: #f3f3f3d6;}

.logo{ position: relative; display: inline-block; }

.banner{ height: 175px; background: #e1e3ef;   text-align: center; padding: 60px 0; }
.banner h1
{ text-transform: capitalize; font-weight: 400; font-size: 40px;  font-family: 'Chivo', sans-serif; line-height: 1.1; }
.navigation { letter-spacing: 1px; }
.navigation a{ text-decoration: none;  }

#Content-Container{ margin: 35px 0; }
.sidebar1{ background: url(../images/side-drbg.jpg) no-repeat 0 0; height: 590px; text-align: center; overflow: hidden; position: relative; }
.sidebar1 .drName{ padding: 35px 0 5px 0; font-size: 32px; text-transform: uppercase; font-weight: 600; font-family: 'Chivo', sans-serif; }
.sidebar1 .drName span{  font-weight: 300; line-height: 1.1; }
.sidebar1 p{  text-transform: uppercase; color: #580f8b; font-size: 14px; }
.sidebar1 img{  margin: 15px 0 0 0; }
.amore a{ padding: 14px 30px; background: #260e4f;  text-transform: uppercase; color: #fff; position: absolute; bottom: 45px; left: 65px; font-weight: 900; }

.sidebar2{ margin: 60px 0; }
.sidebar2 span a{  margin: 0 auto; display: table; font-size: 26px;  font-family: 'Chivo', sans-serif; text-transform: uppercase; font-weight: 600; color: #0a2d4e; }
.sidebar2 ul{ margin: 30px 0; }
.sidebar2 ul li{ margin: 10px 0; text-transform: uppercase; font-size: 16px; font-weight: 600; position: relative; }
.sidebar2 ul li a{ padding: 20px 0 20px 90px; display: block; background:#bbe2f0 url(../images/res1.png) no-repeat 26px 11px; color: #171717; border-radius: 5px; }
.sidebar2 ul li a:hover{ background:#503662 url(../images/res1h.png) no-repeat 26px 11px; color: #fff; }
.sidebar2 ul li a{ background-position: 26px 11px; }
.sidebar2 ul li:nth-child(2) a{ background-position: 26px -58px; }
.sidebar2 ul li:nth-child(3) a{ background-position: 26px -128px; }
.sidebar2 ul li:nth-child(4) a{ background-position:  26px -198px; }
.sidebar2 ul li:before{ position: absolute; top: 10px; width: 6px; height: 42px; background: #fff; content: ''; left: 0;  }
.sidebar2 ul li:after{ position: absolute; top: 10px; width: 6px; height: 42px; background: #fff; content: ''; right: 0;  }

.map{ background: url(../images/map.jpg) no-repeat top center; height: 391px; margin-bottom: 20px; }
.map  .theme-L {	background: url(../images/map-l.jpg) no-repeat right top; height: 391px; }
.map  .theme-R {	background: url(../images/map-r.jpg) no-repeat left top; height: 391px; }
.contactWrap{ width: 100%; height: 220px; background: #503662; margin: 0px 0 0 0; display: block; }
.space{ height: 171px;  }
.cont{ text-transform: uppercase; font-weight: bold; text-align: center; padding: 40px 0 30px; font-size:36px;  font-family: 'Chivo', sans-serif; }
.cont a{ color: #fff; font-family: 'Chivo', sans-serif; }

.box1{ margin: 25px 75px 0 75px; }
.box1 .phNum{ width: 390px; border-right: solid 1px #a89bb1; display: inline-block;  margin-right: 60px;}
.box1 .phNum p{ font-size: 17px;  color: #fff; font-family: 'Chivo', sans-serif; display: inline-block;}
.box1 .phNum p  strong{ color: #fff; display: block; text-transform: uppercase; font-size: 18px; line-height: 1.5;font-family: 'Chivo', sans-serif;  }
.box1 .num2{ display: inline-block; vertical-align: top; font-size: 22px; margin-top: 22px; }
.box1 .num2 a{ padding: 16px 36px 16px 55px; border: solid 1px #a89bb1; color: #fff; background: url(../images/call.png) no-repeat 22px 22px; }
.box1 .bookappt{ display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 18px; margin-left: -4px; font-weight: 900; }
.box1 .bookappt a{ width: 345px; background:#fff url(../images/bookbg.png) no-repeat 36px 23px; padding: 22px 50px 22px 70px;  display: block; color: #000;  }

/*.logos{ width: 100%; }*/
.logos li{display: inline-block; padding: 0px 30px; border-right: solid 1px #ccc; margin: 20px 0 40px; width: 382px !important; }
.logos li:last-child{ border: none; }

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { background-color: #f7f7f7;}

footer { background:url(../images/footer-bg.jpg)no-repeat -290px 15px #303f9f; }

#Footer{ padding: 60px 0 40px; }


.ypo-logo{ margin: 20px auto 0; }

/*welcome sec*/

#welcome-sec {
	background: url(../images/welcome-bg.jpg)no-repeat bottom center #303f9f;
	text-align: center;
	padding: 30px 0 90px;
}

#welcome-sec * { color: #fff;}

#welcome-sec h1 { font-size: 50px; font-weight: 400; padding: 10px 0; }

#welcome-sec p { line-height: 2; margin: 15px 19px; font-weight: 300;}

#welcome-sec p span { font-weight: 600;}

#jewellery-sec .v-txt
{ font-size: 30px; width: 80%; margin: 50px auto 10px; text-align: center; padding: 20px 0; font-weight: 300; }

#jewellery-sec .v-txt p { color: #277fc7; position: relative;}

.v-txt span 
{ margin: 0 10px; position: absolute; top: 0; width: 45px; height: 40px; display: inline-block; vertical-align: top;}

.v-txt .lft { background: url(../images/q-left.png) no-repeat 0 0; left: -8%;}
.v-txt .rgt { background: url(../images/q-right.png) no-repeat 0 0; right: -8%;}

.jwl { text-align: center; padding: 30px 0;}

.jwl li { display: inline-block; margin: 15px; width: 45%; box-shadow: 0px 3px 4px #ccc; vertical-align: top;}

.jwl li > div { padding: 15px 20px;}

#jewellery-sec h3 { font-size: 48px; color: #303f9f; font-family: 'MuseoModerno', cursive; }

#jewellery-sec h3 span { display: block; font-size: 23px; color: #277fc7; font-family: 'Chivo', sans-serif; }

.jwl p 
{ margin: 25px 5px; text-align: justify; line-height: 1.5; font-family: 'Chivo', sans-serif; min-height: 240px; font-weight: 300; }

.jwl a 
{ width: 180px; margin: 5px auto; padding: 10px; text-align: center; background: #303f9f; color: #f2e40c; display: inline-block; border-radius: 5px; font-family: 'MuseoModerno', cursive;}

.jwl a:hover { background: #f2e40c; color: #303f9f;}

#complimentary-gift { text-align: center; padding: 40px 10px; background: #f7f7f7;}

#complimentary-gift h2 { font-size: 36px; font-weight: 400; margin: 20px 0;}

#complimentary-gift p { line-height: 2; margin: 15px 5px; }

#complimentary-gift p span.clr { color: #277fc7;}

#complimentary-gift p span.bld { font-weight: 600;}

#thanku { padding: 40px 5px; text-align: center;}

#thanku h2 { font-size: 30px; color: #277fc7; margin: 20px 5px; font-weight: 300;}

#thanku p { margin: 30px auto; width: 80%; font-weight: 300; line-height: 1.5;}

.sldr li
{ min-width: 200px; width: 340px !important; box-shadow: 0px 0px 5px #ccc; margin: 10px 20px; background: #fff; padding: 10px 0 20px;}

.sldr li:hover {box-shadow: 0px 0px 10px #ccc;} 

.sldr li span { display: block; padding: 5px; text-transform: capitalize; font-weight: 600;}

.sldr li span.free { color: #db3232; font-size: 24px;}

.sldr { margin: 20px auto;}




/* Sidebar CSS */
#Sidebar {
	width: 320px;
}
/* Footer CSS */

#Footer .table-div div {
	display: table-cell;
	vertical-align: top;
	padding: 10px 20px;
}

#Footer * { color: #fff;}

.foo-logo {
	width: 35%;
}

#Footer h3 {
	margin: 5px 0 15px;
    font-size: 18px;
}

#Footer ul li {
	list-style: disc;
	margin-left: 16px;
}

#Footer ul li a {
	display: inline-block;
	padding: 3px;
	margin: 2px;
    font-weight: 300;
}

.foo-two {
	margin: 10px 0 0 36%;
	border-top: 1px solid #5965b2;
	padding-top: 20px;
}

.foo-two * {
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
}


.social-logo li {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	margin: 5px !important;
	font-size: 24px;
}

.foo-two div {
	min-width: 180px;
}

#Footer h2 {
	font-size: 16px;
	font-weight: 300;
}

.ypo-logo {
	width: 120px;
	text-align: center;
}
/* Contact Page */
.contactTable {
	border-spacing: 5px;
	border: 2px solid #ccc;
    margin: 10px auto;
}
.contactTable:hover {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.contact-address {
	width: 320px;
	padding: 10px;
	position: relative;
}
.contact-address p.textMainBold {
	padding: 5px 0px;
}
.contact-address p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.contact-address p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
.contact-map {
	position: relative;
}
.contact-map iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9;
	border: 0px;
}
/* Profile Schema */
.textMain .schemaTable {
	padding: 5px;
	text-align: center;
}
.textMain .schemaTitle {
	padding: 5px 10px;
	font: normal 18px/24px 'Chivo', sans-serif;
}
.textMain .schemaTable ul {
	margin: 0px;
	padding: 0px;
	border-radius: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-moz-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-ms-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	-o-box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
	box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.2);
}
.textMain .schemaTable li {
	margin: 0px;
	padding: 10px;
	position: relative;
	background: none;
	border-right: 1px dotted #ccc;
	min-width: 250px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
    vertical-align: top;
    min-height: 165px;
}

.textMain .schemaTable li:last-child {
	border-right: 0px;
}
.textMain .schemaTable p.textMainBold {
	padding: 5px 0px;
}
.textMain .schemaTable p {
	position: relative;
	padding: 5px 10px 5px 30px;
}
.textMain .schemaTable p::before {
	position: absolute;
	left: 5px;
	top: 5px;
}
/* Submit Testimonials */
.textMain .write-review {
	font: normal 16px/20px 'Chivo', sans-serif;
	float: right;
	position: relative;
}
.textMain .write-review a {
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none;
    border: 2px solid #ccc;
    margin: 5px;

}

.textMain .write-review a::before {
	margin-right: 15px;
}
/* Usefull Links Page */
.textMain .useFul {
	margin: 15px 0px;
	padding: 0px;
}
.textMain .useFul ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	text-align: center;
}
.textMain .useFul li {
	margin: 1%;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	min-width: 290px;
	font: 400 16px/20px 'Source Sans Pro', sans-serif;
	background: none;
	border: 2px solid #ccc;
}
.textMain .useFul li span {
	display: block;
	padding: 15px 0px;
	background: #ccc;
	margin: 0px 0px 15px 0px;
}
.textMain .useFul li img {
	margin: 10px 0px;
}
.textMain .useFul li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
/* Relative List */
.textMain .relList li {
	border: 2px solid #ccc;
}
.textMain .relList li a {
	padding: 5px 15px;
}


#connect-sblock {
	margin: 15px 0;
	border: 1px solid #999;
	width: 100%;
	float: left;
	clear: both;
}

#connect-sblock ul li {
	color: #000;
	float: left;
	list-style: outside none none !important;
	margin: 0 0 0 10px;
	padding: 15px 0 20px 48px;
	width: 28%;
	background: none !important;
}

.ctabs .font-icon::before {
	margin: 0 5px; 
}

#connect-sblock ul li a {
	padding: 0 0 0 10px;
	display: inline-block;
}

.fbb {
	text-align: center;
	margin: 20px 0;
	text-align: center;
}

.fbb a {
	background: #372544;
	color: #fff !important;
	margin: 5px;
	padding: 4px;
	border-radius: 10px 1px;
}

.fbb .font-icon::before {
	margin: 0;
}

.tabs3 {
	text-align: center;
}

#qlinks ul li, .tabs3 li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1% 0;
	list-style: none !important;
	background: none !important;
	min-width: 315px;
	padding: 5px 5px 5px 0 !important;
	text-align: center;
}

#qlinks ul li a, .tabs3 li a {
	display: block;
	font-size: 17px !important;
	background: #503662;
	color: #fff;
	padding: 12px 10px 12px 20px;
	text-decoration: none;
	transition: 0.5s;
    border-radius: 15px;
}

#qlinks ul li:hover a,.tabs3 li:hover a {
	color: #fff;
	background: #805b99;
	border-radius: 0 20px;
}

.textMain h3.gen-text {
	font-weight: bold;
}

.intram {
	font-size: 24px;
    color: #503662;
}

.subMenu {
	width: 260px;
}

.tabs li {
	float: left;
	width: 48%;
	margin: 0 1% 0;
	list-style: none !important;
	background: none;
	min-width: 315px;
	padding: 5px 5px 5px 0 !important;
}

.tabs li a {
	display: block;
	font-size: 17px !important;
	color: #000;
	padding: 12px 10px 12px 20px;
	text-decoration: none;
	border: 1px solid #503662;
}

#Content { width: 74%; }

/*	 landing page */

.textMain ul.lPage-list li { background: none !important; padding: 0; }
.textMain ul.lPage-list li h2{ font-size: 25px!important;}
.lPage-list li{margin-bottom: 25px; border-bottom: 1px solid #ccc; width: 100%; float: left; padding-bottom: 10px!important;}
.lp-txt{display: table; clear: both; margin: 10px 0; width: 100%;}
.lp-txt img{display: table-cell;width: 150px; padding: 2px; border: solid 1px #ccc; object-fit: cover; height: 150px; min-width: 140px;}
.lp-txt p 
{ display: table-cell; margin: 0 5px; width: 80%; vertical-align: top; padding: 0 0 0 10px !important;}
.lp-rd{display: block;}
.lp-rd a
{float: right; background:#503662 url(../images/read-icon.png) no-repeat 8px 9px; padding:6px 10px 6px 36px; color: #fff!important; margin-right: 10px; text-transform: capitalize; font-weight: 300; text-decoration: none;}
.lp-rd a:hover{ background-color:#6a4682; color: #fff; }
.lp-rd a.lmovie{background: #503662 url(../images/video-icon.png) no-repeat 8px 14px;}
.lp-rd a.lmovie:hover {background-color: #6a4682;}	

.fixedsidebar {
	width: 290px !important;
	display: inline-block !important;
	vertical-align: top !important;
}

.accordion { margin: 60px 0;}

.accordion .accordTitle {
	margin: 20px 0;
}

.accordion .accordTitle {
	margin: 20px 0 0;
	background: #e7ecf5;
	padding: 10px 5px 10px 35px;
	transition: 0.5s;
	border: 0;
	border-radius: 0px 25px 25px 0;
}


.textMain .accordTitle::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 0px solid transparent;
	border-right: 25px solid #9d6fbc;
	border-top: 25px solid transparent;
	left: 0;
	top: 0;
    background: #fff;
}

.textMain .accordTitle::after {
	background: #503662;
	padding: 15px 18px;
	border-radius: 50%;
	right: 0;
	color: #fff;
}

.textMain .accordion .accordTitle a {
	color: #503662;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0;
}

.textMain .accordion .accordTitle.showAccord a
{ color: #fff;}

.textMain .accordTitle.showAccord {
	background: #503662;
}

.accordContent ul li span { display: block;}

.accordContent .table-div {
	/*border: 1px dotted;*/
	padding: 5px;
	margin: 5px;
}


.accordContent .table-cell div {
	padding: 5px;
	min-height: 65px;
}

.accordContent .table-div .extra div { border-bottom: 1px dotted;}

.accordContent .acc-contt span { min-width: 100px; width: 50%; }

 .textMain .accordContent {
	background: #f1f1f1;
	border: 0; 
    padding: 30px; 
    margin-top: -20px;
   /*  display: block;*/
}

.menu li ul.doubleColumn {
	width: 540px;
	left: -170px;
}

.menu li ul.doubleColumn li {
	float: left;
	width: 44%;
	display: table;
}

p.serv-d {
	margin: 15px auto;
	text-align: center;
	clear: both;
	font-weight: 600;
}

.invitt .table-div {
	margin: 0;
}

.accordContent .nov { width: 180px;}

.accordContent .insure li { display: inline-block; vertical-align: top; min-width: 150px; width: 32%;}

.accordContent .awardd { margin: 10px 0;}

.accordContent .awardd div { display: inline-block; vertical-align: top;}

.accordContent .awardd .awrd-year { min-width: 100px; margin: 5px; font-weight: 700; }

.accordContent .invitt .awrd-year { min-width: 170px;}

.navigation .copy-jl { display: none;}

.navigation a:hover { color: #313fa0;}

.patient-stories-detail .reviews { text-align: left; display: block;}

.pat-rews { text-align: center; margin: 10px auto; font-weight: bold; font-style: italic; color: #fff;}

.textMain .jody-c { font-size: 32px;}

#connect-sblock { text-align: center;}

.accordContent .table-div .extra div.textMainBold, .accordContent .table-div .extra div.licc
{ min-height: 40px;}


#Patient-Reviews h3 { display: none;}

#Practce-Location .nbs-flexisel-nav-left, #Practce-Location .nbs-flexisel-nav-right
{ background-color: #503662 !important;}

.menu-faq .mn-fq {
	color: #fff;
	text-transform: lowercase;
}

.mn-fq { text-transform: lowercase; color: #503662;}

.menu-home a {
	padding: 12px 24px !important;
}

.end {
	font-style: italic;
}

@media screen and (max-width : 1200px) {
    .theme-L, .theme-R{ display: none; }
    .logo{ margin: 0 0 0 10px; }
    .appoint{ margin: 15px 0; }
    .bannerfull img{ margin: 8px 0 0 10px;  }
    .banText{ width: 540px; }
    #Content { width: 69%;}
    .accordContent .table-cell div { min-height: 85px;}
    #Usefull-links, #Patient-Resources { text-align: center;}
    
}

@media screen and (max-width : 1024px) {
.logos li{ width: 324px !important;}
.menu li a { padding: 15px 10px;}
.jwl p { min-height: 290px;}
.sldr li { width: 280px !important;}
.banner-content { left: 30%;}
#jewellery-sec .v-txt { font-size: 28px;}
    
}

@media screen and (max-width : 1023px) {
    .menu-home{ width: auto;  }
    .menu li{ font-size: 14px;  }
    .menu li a {padding: 15px 7px; font-size: 12px;}
    .menu li.menu-home a { font-size: 0px;}
    .logo {margin: 0 0 0 10px;width: 60%; }
    .logo img{ width: 50%; }
    .logo img.nyu{ width: 27%; }
    .appoint{ width: 281px; margin: 0; }
    .book{ margin: 10px 0 0 0; }
    .book a {	padding-left: 22px;	background-position:  1px -51px; }
    .logo::before {right: 199px;	}
   .bannerfull img {	margin: 111px 0 0 10px;	width: 44%; }
    .banText {	width: 400px; margin: 85px 0 0 10px; }
    .banText h2{ font-size: 40px; }
    .banText h3{ font-size: 14px; }
    .banText .v1 a{ padding: 12px 21px; }
    .banner-head{ font-size: 32px; }
    .logos li{ padding: 0; border: none; }
    .space{ height: 125px; }
    .contactWrap{ height: 285px; }
    .box1 .bookappt{ margin: 10px auto; display: table; }
    .textMain .bannerfull img { margin: 10px auto; width: 50%; text-align: center; display: block;}
    .textMain .jd-lit .bannerfull { background: none;}
    .textMain .banText { width: auto;}
    .videoBorder { padding: 60% 0px 0px 0px;}
    .sub-head { background-position: 35px 75px; min-height: 460px;}
    .bannerfull img { margin: 92px 0 0 10px;}
    .textMain .schemaTable li { min-height: 100px; border-bottom: 1px dotted;display: block;}
    #connect-sblock ul li { width: 30%; padding: 15px 0 20px 0px;}

    .jwl p { min-height: 408px;}
    .sldr li { width: 316px !important;}
    #thanku p { width: auto;}
    .foo-two { margin: 10px;}
    .foo-logo { width: 22%;}
    .banner-abt .main-ttl li { min-width: 240px;}
}

@media screen and (max-width : 767px) {
    .menu li a{ padding: 15px 5px; }
    .reviews{ margin: 60px auto 0;}
    .logo, .menu {	display: block;}
    .logo::before {	right: 252px; }
    .appoint {	width: 410px;	margin: 0 auto; float: none; }
    .book {	margin: 25px 0 0 20px; }
    .banText {	width: 52%;	margin: 15px 0 0 10px; }
    .banText h2 {	font-size: 29px; }
    .box1 .phNum {	width: 346px;	margin-right: 17px; }
    .condTrt2:before, .condTrt:before{display: none; }
     .condTrt2:after, .condTrt:after{ display: none; }
    .banner {	height: auto;	padding: 30px 0; }
    .banner h1{	line-height: 1.1; }
    #Content, .textMain .bannerfull img { width: auto;}
    .logos { text-align: center;}
    .logos li { margin: 5px auto; width: 610px !important;}
    .accordContent .insure li { width: 48%;}
    .accordContent .table-cell div { min-height: 110px;}
    
    header { padding: 25px 0 0px;}
    .menus { margin: 10px 0 0;}
    header { position: relative; text-align: center;}
    
    .banner-abt .main-ttl li { min-width: 204px;}
}


@media screen and (max-width : 640px) {

    .mobOnly{ display:block; }
	.bannerfull img {margin: 0px auto;width: 47%;display: table;padding: 20px 0 0 0; }
	.banText{ width:auto; }
	
    .parentMenu { background: #424FA8; text-align: left;}
    .parentMenu li { border-bottom: 1px dotted #fff;}
    #Header .table-cell { display: block; margin: 10px auto;}
    
	.parentMenu{ background:#505EBB; }
	.parentMenu li a{ color:#fff; }
	.parentList > .dropMenu::after, .parentList .subparentList > .dropMenu::after { color: #fff; }
    #welcome-sec h1 { font-size: 40px;}
    #jewellery-sec .v-txt { font-size: 20px;}
    .v-txt span { background-size: 80% !important; width: 30px;}
    #jewellery-sec h3 { font-size: 36px;}
    .jwl p { text-align: left; min-height: 504px;}
    #complimentary-gift h2 { font-size: 32px;}
    
    .sldr li { width: 255px !important;}
    .foo-two div, .foo-two h2 { display: block;text-align: center; margin: 15px auto;}
    #Footer .table-div div { display: inline-block; width: 49%;}
    
    /* Menu CSS */ 
    #Main-Menu { display: none;}
    #Mobile-Menu { display: block;}
    #Content, #Sidebar { display: block;}
    #Sidebar {margin: 0px auto;}
    .contactTable .table-cell { display: block; width: 100%;}
    .contact-address { border-radius: 10px 10px 0px 0px;}
    .contact-map { height: 250px;border-radius: 0px 0px 10px 10px;}
    .textMain .useFul li { width: 95%;}
    .textMain .schemaTable .table-cell { display: block; margin: 0px auto;}
    
    #connect-sblock ul li { width: 190px;}
    #connect-sblock ul li a { font-size: 14px;}

    .foo-logo { box-shadow: 0px 0px 10px #fff; border-radius: 5px;} 
    #thanku { padding: 10px 5px;}
    #Footer { padding: 40px 0 10px;}
    
    footer { background-image: none;}
    
    #Banner-Container #Banner { height: 300px;}
    #Banner-Container #Banner li { background-size: cover !important;}
    
    .banner-head { font-size: 26px;} 
    .banner-content { background-color: #0b0a0a26;}
    .img-r { float: none; clear: both; margin: 10px auto; text-align: center;}
    .textMain { padding: 10px;}
    
    #Scroller { display: none !important;}
    
    body.home header { position: relative !important;}
    
}

@media screen and (max-width : 639px) {
   
    .logo::before { display: none;  }
    .logo img {width: 65%; margin: 0 0 0 2%; }
    #Patient-Reviews{ padding: 0; }
    .sec4{ background: #482158; }
    #Publications-Presentations .pub1 img{ width: 30%; }
    .fName{ background: none; }
    .space{ height: auto; }
    .map{ background: none; height: auto;  }
    .contactWrap {	height: auto; }
    #connect-sblock ul li { float: none; width: auto; margin: 5px;}
    .sub-head { min-height: 890px;}
    .accordContent .table-div { font-size: 11px;}
    .sub-head h2 { font-size: 25px;}
    .invitt .table-cell { display: inline-block; font-size: 16px;}
    .acdemic .table-cell { display: block; min-height: 10px !important; font-size: 16px; }
    .acdemic .table-cell div { min-height: 10px;}
    .cred { text-align: center;}
    .sec4::before { display: none;}
    .logos li { width: 456px !important;}
    
    .jwl li { width: auto;}
    .jwl p { min-height: 10px;}
    
    .sldr li { width: 200px !important; display: inline-block; margin: 10px;}
    .jwl li > div { padding: 15px 5px;}
    
    .paypl img { display: block;margin: 10px auto !important;}
    
    #Banner-Container #Banner { height: 200px;}
    .banner-head { font-size: 26px;} 
    
        .banner-content { left: 0;}
    
    .textMain .banner-abt .main-ttl li 
    { min-width: 310px; border: 4px double #ccc !important; margin: 10px; width: 95%;}
    
    .forms div { display: block; width: auto;}


}

@media screen and (max-width : 479px) {
    .appoint {width: 275px;margin: 24px auto 0;float: none; }
    .book {	margin: 21px 0 0 0px; }
    .fName {width: 96%; font-size: 32px; }
    .copyrights p{ line-height: 2; }
    .condTrt .condTxt,  .condTrt2 .condTxt {	margin: 30px 0 0 30px; }
    .lp-txt img { display: block; float: none; margin: 10px auto; width: 170px;}
    .lp-txt p { display: block; width: auto;}
    .lp-rd a { float: none; display: inline-block; vertical-align: top; margin: 5px;}
    .textMain ul.lPage-list li h2 { text-align: center;}
    .sub-head { min-height: 990px; background-size: 70%; background-position: 50% 130px;}
    .accordContent .insure li { width: auto;}
    .accordion .accordTitle { font-size: 16px;}
    
    .textMain .banner-abt .main-ttl li { width: auto; min-width: 280px;}
    

}

@media screen and (max-width : 379px) {
	.banText h3{ line-height:1.4; }
	.banText .v1 a {	padding: 7px 9px; }
	.bannerfull .cred img {	margin: 2px auto 14px auto;		width: 54%;border: none; }
	.bannerfull .cred img + img {	border-right: solid 0px #ccc;	padding-left: 0px;	width: 40%; }
	.bannerfull img{ width:65%; }
    .textMain .jd-lit h1, .textMain .jd-lit h1 .sp-b { font-size: 32px;}
    #qlinks ul li, .tabs3 li { min-width: 300px;}
    .textMain .accordContent { padding: 10px 5px;}
    .accordContent .table-div { font-size: 10px;}
    .table-cell.extra.ex3, .table-cell.extra.ex4 { width: 17%; text-align: center; }
    .table-cell.extra.ex5 { text-align: center; }
    .logos li { width: 342px !important;}
    
    #welcome-sec h1 { font-size: 32px;}
    #jewellery-sec .v-txt { margin: 10px auto;}
    #complimentary-gift h2 { font-size: 24px;}
    .paypl span { display: block;}
    #thanku h2 { font-size: 22px;}
    
    #Footer .table-div div { display: block; width: 90%; margin: 10px auto;}
    
    .banner-head { font-size: 18px;}
}

@media screen and (max-width : 359px) 
{
.videoBorder { padding: 65% 0px 0px 0px;}
.logos li { width: 304px !important; padding: 0px 30px;}

}



/*Note: for .dfw-greymode it should look like same as a light-mode, plss remove unwanted css when all done */

/*accessibility 22-09-2020 (last updated)*/
.accessible_on #Container *
{ transform: none !important; transition: none !important; box-shadow: none !important; text-shadow: none !important; background: none !important; border-radius: 0 !important; animation: none !important; }

/*all colors -- not a*/
.dfw-whitemode #Container :not(a)
{color: #000 !important;}
.dfw-blackmode #Container :not(a)
{color: #fff !important;}

/*disable before and after*/
.dfw-whitemode #Container ::after, .dfw-blackmode #Container ::after, .dfw-whitemode #Container ::before, .dfw-blackmode #Container ::before 
{ display: none !important;}

/* anchor colors -- a */
.dfw-whitemode #Container a, .dfw-whitemode #Container a *
{color: #00e !important; text-decoration: none !important;}
.dfw-blackmode #Container a, .dfw-blackmode #Container a *
{color: #fc0 !important; text-decoration: none !important;}

/*menu backgrounds*/
.dfw-whitemode #Container #Main-Menu ul li ul *, .dfw-whitemode #Container #Main-Menu ul li ul, .dfw-whitemode #Container .parentMenu
{ background: #eee !important;}
.dfw-blackmode #Container #Main-Menu ul li ul *, .dfw-blackmode #Container #Main-Menu ul li ul, .dfw-blackmode #Container .parentMenu
{ background: #333 !important;}
.accessible_on .parentMenu li a
{ margin: 2px;}
.accessible_on:not(.dfw-greymode) .subMenu li { margin: 2px 0; }
.dfw-greymode .subMenu li { padding: 2px; margin: 0px; }
.accessible_on #Menu-Container 
{ z-index: 999;}
.accessible_on .menu li.menu-home a { font-size: 16px !important;}

/*dfw skip codes*/
.accessible_on .dfw-skip a { font-size: 12px !important; text-transform: none;}
.accessible_on .dfw-skip { z-index: 999; display: block; border: 1px solid !important;}
.accessible_on .dfw-skip { background: #fff !important;} 
.dfw-blackmode .dfw-skip { background: #000 !important;}

/*sidebar*/
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ padding: 5px; border: 1px solid; margin: 0 !important; width: 310px; text-align: center;}
.accessible_on #Sidebar, .accessible_on .fixedsidebar 
{ clear: both;}
.accessible_on #Sidebar .dfw-skip { margin-right: -100px;}

/*ADA for accordation*/
.accessible_on .accordContent, .accessible_on .accordTitle
{ display: block !important; border: 1px solid !important; }

/*content width auto*/
.accessible_on #Content { width: auto; }

/*gdp format for ADA*/
.accessible_on:not(.dfw-greymode) #gdpCookie
{ background: #8a8787 !important; left: 0; right: 0; margin: 0 auto; text-align: center; }

/*menu icon replace with text, Menus border none and top headder code*/
.menu li.menu-home a span { display: none !important;}
.accessible_on li.menu-home a span { display: block !important; font-size: 16px; }
.accessible_on:not(.dfw-greymode) .menu *
{ border: none !important;}
.accessible_on .menu ul
{ display: none; visibility: visible;  opacity: 1; z-index: 99; }

/*conatact us common and social links */
.accessible_on .contactTable { display: block; border: 0; box-shadow: none !important; }
.accessible_on .contact-address { border: 1px solid; margin: 10px auto; display: block;}
.accessible_on .social-logo { width: auto;}

/*conatact us common end */

.accessible_on.home #Header-Container, .accessible_on #credibility-sec 
{ position: relative !important;}

.accessible_on .abc
{ width: auto !important; float: none !important; height: auto; padding: 5px !important; clear: both !important; text-align: center;}

.accessible_on .abc 
{ float: none; display: inline-block; vertical-align: top; margin: 5px;}

.accessible_on .abc
{ height: auto !important;}

.accessible_on .abc
{ width: auto !important;}

.accessible_on .abc
{min-height: 10px !important; margin: 10px 0;}

/*display none items (updated commonly used clsses too)*/
.accessible_on .Banner-Tabs, .accessible_on .contactTable .contact-map, .accessible_on #Sidebar * br, .accessible_on .abc
{ display: none;}

/*commonly used ADA style for ul, li & a*/
.accessible_on #Sidebar ul, .accessible_on #Credibility ul, .accessible_on .tabs, .accessible_on #qlinks ul, .accessible_on .joint, .accessible_on .abc ul
{ text-align: center; float: none !important;}

.accessible_on #Sidebar ul li, .accessible_on #Credibility ul li, .accessible_on .tabs li, .accessible_on #qlinks ul li,.accessible_on .joint li, .accessible_on .abc ul li
{ display: inline-block !important; width: auto !important; border: 1px solid !important; height: auto; margin: 5px !important; min-height: 10px !important; float: none !important; vertical-align: top; min-width: 150px; padding: 0; background: none;}

.accessible_on #Sidebar ul li a, .accessible_on #Credibility ul li a, .accessible_on .tabs li a, .accessible_on #qlinks ul li a, .accessible_on .joint li a, .accessible_on .abc ul li a
{ display: inline-block; padding: 10px !important; min-width: 250px; border: 0 !important; min-height: 10px !important; float: none !important; vertical-align: top; width: 260px; height: auto; background: none;}

/*commonly used ADA style for ul, li & a end*/

/*required font icons*/
#Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, #Accessibility .dfwOn.dfwActive.dfwHide .dfwClose a::before, .accessible_on:not(.dfw-greymode) .parentList > .dropMenu::after, .accessible_on:not(.dfw-greymode) .parentList .subparentList > .dropMenu::after, .accessible_on #Container * .font-icon::before 
{ display: inline-block !important; }

/*not required font icons*/
.accessible_on #Container .menu-home a .font-icon::before, .accessible_on #Container .menu-home a::before, .accessible_on #Container .social-logo ul li a::before
{ display: none !important;}

/*grayscale for images*/
.accessible_on .logo img 
{ filter: grayscale(100%) contrast(50%);}
.accessible_on #Credibility li img { filter: invert(25%);}
.accessible_on .ypo-logo
{ filter: invert(1%) !important;}
.accessible_on.dfw-greymode .ypo-logo
{ filter: invert(1) !important;}

/*common code for New Accessibility sidebar (plss remove first 2 code for old site)*/
.dfwOn.dfwHide { left: -336px;}
.dfwOn.dfwActive.dfwHide .dfwClose { left: 85%;}

.dfw-whitemode #Accessibility li { color: #00e;}
.dfw-blackmode #Accessibility li { color: #fc0;}

/*common other code*/
.accessible_on footer .social-logo a span { display: block !important;}
.accessible_on footer .social-logo ul li {width: auto;}

.accessible_on #Content-Main { padding-top: 60px; margin-top: -60px;} /*check bredcrumb links on this style*/

/*common code for grey mode*/
.dfw-greymode #Container * { color: #000 !important;}
.dfw-greymode footer .social-logo ul li a { background: none; color: #fff;}
.dfw-greymode .dfw-skip a { color: #000;}
.dfw-greymode #Main-Menu .menu > li:hover
{ background: none !important; color: #000 !important; border-color: #fff;}
.dfw-greymode #Main-Menu ul.subMenu * 
{ background: #ccc !important; color: #000 !important;}
.dfw-greymode .navigation a, .dfw-greymode .navigation { color: #000;}

/*common border code goes here*/
.accessible_on .lp-rd a, .accessible_on .abc
{ border: 1px solid !important; margin: 5px;}

/*other code goes here*/
.accessible_on .abc
{ text-align: center;} 


/*border colors (it should be last)*/
.accessible_on.dfw-whitemode #Container *, .accessible_on.dfw-greymode #Container * { border-color: #000 !important; }
.accessible_on.dfw-blackmode #Container * { border-color: #fff !important;}