@import url('https://fonts.googleapis.com/css?family=Mirza:400,500,600,700');
 @import url('https://fonts.googleapis.com/css?family=Roboto');
body {
	font-family: 'Mirza', cursive !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Mirza', cursive !important;
}
.container {
	width: 1300px;
	overflow: hidden !important;
	position: relative;
}

.sunways-lgo1 {
    max-width: 122px!important;
    padding: 20px 10px;
}
.sun {
    float: right;
}
.eye-set1 {
	margin-bottom: 60px!important;
}
.headerSection {
	position: relative;
	z-index: 99;
	width: 100%;
}
.headerSection header {
	position: relative;
	width: 100%;
	padding: 0px 0;
	padding-bottom: 3px;
}
.harmful-img img {
	margin-top: 15px;
	margin-left: 0px;
	width: 100%;
}
.set-fuc ul {
	font-size: 22px;
}
.carousel {
	margin-top: -10px;
}
.dropdown-menu > .active-set > a, .dropdown-menu > .active-set > a, .dropdown-menu > .active-set > a {
	color: #fff;
	text-decoration: none;
	background-color: #0c80bb!important;
	outline: 0;
}
.carokid-logo {
	display: inline-block;
}
.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.nav-fixed {
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 99;
	background-color: #fff;
}
.fixed-header.nav-fixed strong {
	position: relative;
	top: 3px;
	left: 0%;
	display: inline-block;
}
.visible-title {
	visibility: visible;
}
/*.carokid-logo h1 {
  position: relative;
  margin-top: 30px;
  top: 50%;
  width: 191px;
  height: 55px;
  margin-left: 0px;
  cursor: pointer;
  left: 20%;
  font-size: 30px;font-weight: bold;
  color: #556270;margin-right: 45px;
}*/



.navbar-nav {
	float: right;
}
.navbar-expand-lg .navbar-collapse {
    /* float: right; */
    float: left;
    display: block;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	background: #cd1e2b;
	color: #fff;
}
.navbar {
	padding: 0px;
}
.navbar-nav li {
	background: #0c80bb;
	border-right: 1px solid #fff;
	color: #fff!important;
	border-bottom: 1px solid #fff;
}
.navbar-nav li:hover {
	background: #cd1e2b;
	border-right: 1px solid #fff;
	color: #fff!important;
}
.navbar-light .navbar-nav .nav-link {
	color: #ffffff;
    padding: 19px;
    padding-right: 19px;
    padding-left: 19px;
    font-size: 16px;
    padding-left: 9px;
    padding-right: 9px;
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #ffffff;
	background: #cd1e2b;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: 0px;
}
.sub-arrow {
	margin-bottom: -3px;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0px 0px;
	clear: both;
	font-weight: 400;
	color: #fff;
	border-bottom: 1px solid #fff;
	text-align: inherit;
	white-space: nowrap;
	background: 0 0;
	border: 0;
}

.carousel-inner img{
	width: 100%;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0px;
	margin: 0px 0 0;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
}
.navbar-collapse {
	max-height: 340px;
	padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	border: 0px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-overflow-scrolling: touch;
}
.navbar {
	position: relative;
	min-height: 40px;
	margin-bottom: 0px;
	border: 0px solid transparent;
}
.navbar-brand img {
	width: 100%;
    max-width: 178px;
    margin: 0 7px;
    margin-right: -20px;
    margin-left: 0;
    /* margin-left: 43px; */
}
.navbar-brand .sunways-logo1 {
	max-width: 86px;
	width: 100%;
	margin-left: 0px;
}
.bg-light {
	background-color: #fff !important;
}
.dropdown-menu > li > a {
	display: block;
	padding: .25rem 1.5rem;
	clear: both;
	background: #0c80bb;
	font-size: 18px;
	line-height: 1.428571429;
	color: #fff;
	white-space: nowrap;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #428bca;
	outline: 0;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cd1e2b!important;
	outline: 0;
}
.dropdown-menu > li > a:hover {
	display: block;
	color: #fff;
	background-color: #cd1e2b!important;
	white-space: nowrap;
}
.navbar-toggler {
	display: none;
}
.navbar-brand {
	float: left;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 20px;
    /* width: 32%; */
    width: auto;
    display: inline-block;
}

.navigation-menu {
	float: right;
	clear: both;
}
.sunways-logo {
	display: inline-block;
}
.sunways-logo img {
	max-width: 86px;
	width: 100%;
}
#intro {
	background: url(../images/banner-img-1.jpg) 30% 0 no-repeat;
	color: white;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	background-size: cover;
}
.home-read-buttton {
	position: absolute;
	top: 75%;
	left: 19%;
}
.banner-text {
	max-width: 411px;
	/* margin: 0 auto; */
	padding-top: 45px;
	display: block;
}
.banner-text-new {
	max-width: 344px;
	padding-top: 45px;
	display: block;
	margin-top: 37px;
	margin-left: 83px;
}
.we-care-for-you {
	text-align: center;
	color: #274cd0;
	font-size: 41px;
	font-weight: 600;
	text-shadow: 0px 0 0 #000, 0px 0 0 #000, 0 0px 0 #000, 0 0px 0 #000, 0px -1px 0 #000, 0px 0px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, 1px 1px 5px #000;
	font-family: 'Mirza', cursive;
}
.jumping-child {
	max-width: 495px;
	width: 100%;
}
#second {
	background: url(../images/banner-img-2.jpg) 50% 0 no-repeat;
	color: white;
	height: 494px;
	margin: 0 auto;
	/* overflow: hidden; */
	padding: 0;
	background-size: 100% 100%;
}
.brif-about-carokid-content {
	display: inline-block;
	width: 39%;
	vertical-align: middle;
	margin-top: 50px;
}
.brif-about-carokid-content p {
	color: #333;
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.brif-about-carokid {
	display: inline-block;
	width: 15%;
	position: relative;
	vertical-align: top;
}
#second .bg {
	background: url(../images/medicien-bottel.png) 50% 0 no-repeat;
	height: 360px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 570px;
	z-index: 9;
	background-size: 591px;
	/* left: 0; */
	right: 106px;
	top: auto;
    bottom: -470px;
}
.arrow-button {
	position: relative;
	left: 64px;
	max-width: 140px;
	top: 0;
	bottom: -480px;
}
.about-us-button {
	position: relative;
	text-align: left !important;
}
.about-us h4 {
	font-family: 'Mirza', cursive !important;
	font-size: 40px;
	font-weight: 700;
}
.drowing-contest p {
	color: #3168f3;
	font-size: 22px;
}
.address h4 {
	color: #ba272d;
	font-size: 29px;
/*font-weight: 700;*/}
#third {
	background: url(../images/banner-img-3.jpg) 50% 0 no-repeat;
	color: white;
	height: 778px;
	padding: 0px 0 0 0;
	background-size: cover;
	position: relative;
}
#fifth {
	background: url(../images/banner-img-5.jpg) 50% 0 no-repeat;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background-size: cover;
}
/*.story{
    margin: 0 auto;
    min-width: 980px;
    overflow: auto;
    width: 980px;
}*/

.story .float-left, .story .float-right {
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;
}
.about-carokid {
	margin-top: 10%;
}
.artist {
	display: block;
	text-align: center;
	margin-top: 50%;
}
.result-of-drawing h3 {
	position: relative;
	display: inline-block;
	color: #fff;
}
.result-of-drawing {
	text-align: center;
	position: relative;
}
.result-of-drawing::before {
	width: 100%;
	background: url(../images/result-banner.png) no-repeat;
	position: absolute;
	height: 144px;
	content: " ";
	background-size: 395px;
	/* top: 1px; */
	top: -23px;
	right: 0px;
}
.drowing-contest, .address {
	padding: 0px 41px;
	display: block;
	text-align: center;
}
.drawing-contest {
	position: relative;
	margin-top: 150px;
}
.drawing-contest img {
	max-width: 371px;
}
.pan-india p {
	text-align: center;
	font-size: 18px;
	display: block;
	margin-top: 20px;
}
.funforchilderns {
	position: relative;
	text-align: center;
}
.funforchilderns::before {
	content: '';
	background: url(../images/funforchilderns.png) no-repeat;
width: 335px;
height: 277px;
position: absolute;
background-size: 340px;
margin: 0 auto;
left: 7px;
right: 0;
top: -13px;
}
.funforchilderns h3 {
	display: inline-block;
	z-index: 9;
	position: relative;
	padding: 69px 66px;
	font-size: 49px;
	text-transform: uppercase;
	color: #fff;
	line-height: 44px;
}
.arreanging-games h5 {
	color: #3a9d31;
	font-size: 35px;
	line-height: 74px;
	text-align: center;
}
footer {
	background: url(../images/footer-image.png) 50% 0 no-repeat;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background-size: cover;
	margin-bottom: -20px;
}
.footer-links li {
	display: inline-block;
	padding: 20px 0px;
}
.footer-links li a {
    color: #fff;
    font-size: 16px;
    padding: 10px 4px;
    text-decoration: none;
}
.quick-links {
	margin-top: 150px;
}
.footer-links {
	max-width: 896px;
	margin: 0 auto;
}
.quick-links-social li {
	display: inline-block;
}
.socialmedia li {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 54px;
	margin: 0 16px;
}
.socialmedia .facebook {
	padding: 0px 10px;
	font-size: 24px;
	line-height: 41px;
}
.socialmedia {
	margin: 0 auto;
	width: 266px;
}
.socialmedia .facebook .fa-facebook {
	color: #255595;
}
.socialmedia .facebook .fa-twitter {
	color: #2ba4db;
}
.socialmedia .facebook .fa-google-plus {
	color: #d65542;
}
.bottom-line {
	border: 1px solid #fff;
	width: 58%;
	display: block;
	margin: 20px auto;
	/* padding: 25px; */
	margin-top: 27px;
	opacity: 0.6;
}
.postFooter p {
	color: #fff;
	font-family: 'Roboto', sans-serif !important;
}
.postFooter a {
	color: #fff;
	text-decoration: none;
}
.read-more-button {
	position: relative;
	text-align: center;
}
.read-more-button::before {
	content: '';
	background: url(../images/button.png) no-repeat;
	width: 172px;
	height: 55px;
	position: absolute;
	background-size: 170px;
	margin: 0 auto;
left: 0;
right: 0;
}

.read-more-button-1{
		content: '';
	
	width: 173px;
	height: 55px;
	position: absolute;
	background-size: 170px;

}

.read {
	position: relative;
	font-size: 23px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	/* padding-left: 27px; */
	padding: 11px 24px;
	line-height: 29px;
}
.read-more-button a {
	text-decoration: none;
}
/*.video-background{position: relative;text-align: center;}*/

.video-background::before {
	content: '';
	background: url(../images/video-background.png) no-repeat;
	width: 452px;
	height: 302px;
	position: absolute;
	background-size: 431px;
}
.video-background-new::before {
	content: '';
	background: url(../images/video-background.png) no-repeat;
	width: 381px;
	height: 392px;
	position: absolute;
	background-size: 370px 339px;
	margin-left: 0%;
}
.squint-set-img {
	margin-top: -12px;
	margin-left: 30px;
}
.videos-images-new {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 12px;
	padding-top: 46px;
}
.videos-images {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 43px;
	cursor: pointer;
	padding-left: 22px;
}
.read-set-bt {
	margin-top: -50px;
}
.videos-images-home {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 35px;
	cursor: pointer;
	padding-left: 32px;
}
.videos-palyer {
	max-width: 901px;
	margin: 0 auto;
}
.videos-images::after {
	content: '';
	background: url(../images/video-background.png) no-repeat;
	width: 452px;
	height: 302px;
	position: absolute;
	background-size: 431px;
}
.video-background a {
	position: relative;
}
.play-video {
	position: absolute;
	top: 104px;
	left: 189px;
	cursor: pointer;
}
.read-more-button:hover::before {
	content: '';
	background: url(../images/button-hover.png) no-repeat;
	width: 172px;
	height: 55px;
	position: absolute;
	background-size: 170px;
}
.read-more-button-home::before {
	content: '';
	background: url(../images/button-hover.png) no-repeat;
	width: 172px;
	height: 55px;
	position: absolute;
	background-size: 170px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.read-more-button-home:hover::before {
	content: '';
	background: url(../images/button.png) no-repeat;
	width: 172px;
	height: 55px;
	position: absolute;
	background-size: 170px;
}
.carokid-logo img {
	width: 100%;
	max-width: 194px;
	/* margin: 0 50px; */
	margin-right: 55px;
	margin-left: 68px;
}
.headerSection .continer {
	display: inline-block;
}
.carousel-caption {
	left: 43% !important;
	top: 0%;
}
#loading {
	-webkit-animation-delay: 3s;
	-webkit-animation: rotation 6s infinite linear;
}
 @-webkit-keyframes rotation {
 from {
 -webkit-transform: rotateY(0deg);
}
 to {
 -webkit-transform: rotateY(360deg);
}
}
.carousel-control.right {
	background-image: none !important;
}
.carousel-control.left {
	background-image: none !important;
}
.carousel-indicators {
	display: none !important;
}
.read-more-button-home a {
	color: #fff;
	text-decoration: none;
}
 @-webkit-keyframes spaceboots {
 0% {
-webkit-transform: translate(2px, 1px) rotate(0deg);
}
 10% {
-webkit-transform: translate(-1px, -2px) rotate(-1deg);
}
 20% {
-webkit-transform: translate(-3px, 0px) rotate(1deg);
}
 30% {
-webkit-transform: translate(0px, 2px) rotate(0deg);
}
 40% {
-webkit-transform: translate(1px, -1px) rotate(1deg);
}
 50% {
-webkit-transform: translate(-1px, 2px) rotate(-1deg);
}
 60% {
-webkit-transform: translate(-3px, 1px) rotate(0deg);
}
 70% {
-webkit-transform: translate(2px, 1px) rotate(-1deg);
}
 80% {
-webkit-transform: translate(-1px, -1px) rotate(1deg);
}
 90% {
-webkit-transform: translate(2px, 2px) rotate(0deg);
}
 100% {
-webkit-transform: translate(1px, -2px) rotate(-1deg);
}
}
.shake:hover, .shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.jellwy img {
	width: 303px;
	position: absolute;
	margin: 0 auto;
	right: 109px;
	 top:auto; 
	bottom: -316px;
	
}

.ie .jellwy img {
	width: 303px;
	position: absolute;
	right: 109px;
	 top:auto; 
	bottom: 155px;
	
}

.brighten {
	-webkit-filter: brightness(50%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.brighten:hover {
	-webkit-filter: brightness(100%);
}
.overlay_popup {
	background-color: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	z-index: 9999999 !important;
}
.overlay_popup .main-video {
	height: 430px !important;
	margin-top: 0 !important;
	width: 100%;
	background-color: #000;
	overflow: hidden !important;
}
.main-video {
	width: 100%;
	height: 600px;
}
.overlay_popup.is-on {
	opacity: 1;
	visibility: visible;
}
.overlay_popup.is-on .content {
	opacity: 1;
	visibility: visible;
	top: 0;
}
.overlay_popup .content {
	background: #fff;
	position: absolute;
	top: -50%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 50%;
	height: 66.5%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border: 5px solid rgb(204, 204, 204);
}
#close {
	color: #FED333;
	cursor: pointer;
	font-size: 35px;
	position: absolute;
	right: -10px;
	top: -18px;
}
.child-eye-image {
	max-width: 1350px;
	margin: 0 auto;
}
.about-banner-section {
	    margin: 0;
    background: url(http://carokid.com/beta/css/../images/child-eye.jpg) center top 38px no-repeat;
    background-size: cover;
    /* height: 255px; */
    margin-top: 0;
}
.about-banner-section .about-banner-title {
    margin: 0 auto;
    padding: 77px 0px;
    text-align: right;
    width: 79%;
}
.about-banner-section .about-banner-title h1 {
	margin: 0;
	padding: 0;
	font-size: 45px;
	color: #cc202c;
	font-weight: 400;
}
.Drawing-banner-section {
	margin: 0;
	background: url(../images/carokid-bg-5.jpg) center top 0px no-repeat;
	background-size: cover;
	height: 400px;
	margin-top: -10px;
}
.Drawing-banner-section .Drawing-banner-title {
	margin: 0 auto;
	padding: 55px 0px;
	text-align: center;
	width: 100%;
}
.Drawing-banner-section .Drawing-banner-img {
	margin: 0 auto;
	padding: 36px 0px;
	text-align: right;
	width: 100%;
	margin-left: 0%
}
.Drawing-banner-img img {
	width: 65%
}
.Drawing-banner-section .Drawing-banner-title h1 {
	margin: 0;
	padding: 0;
	font-size: 50px;
	color: #284bcd;
	font-weight: 500;
	text-shadow: 0px 0 0 #000, 0px 0 0 #000, 0 0px 0 #000, 0 0px 0 #000, 0px -1px 0 #000, 0px 0px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, 1px 1px 3px #000;
}
.Drawing-banner-section .Drawing-banner-title p {
	margin: 0;
	padding: 0;
	font-size: 21px;
	color: #0c80bb;
	font-weight: 500;
}
.Drawing-banner-section .Drawing-banner-title h3 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #cc202c;
	font-weight: 400;
}
.vision-development {
	background: url(../images/vision-development.jpg) 50% 0 no-repeat;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0px;
	background-size: cover;
}
.Eye-Screening {
	background: url(../images/banner-img-4.jpg) 50% no-repeat;
	height: 502px;
	margin: 0 auto;
	padding-top: 30px;
	background-size: cover;
}
.eyes-container .video-background::before {
	left: 0px !important;
	content: '';
	background: url(../images/video-background.png) no-repeat;
	width: 403px;
	height: 285px;
	position: absolute;
	background-size: 409px 294px;
	top: 6px;
}
.eyes-container .videos-images {
	max-width: 403px;
	position: relative;
	display: inline-block;
}
.vision-development-content .vision-heading {
	margin-top: 0px;
	font-size: 50px;
	color: #cc202c;
	font-weight: 400;
}
.vision-development-content .vision-sub-heading {
	color: #2f67f2;
	font-size: 26px;
}
.vision-development-content .vision-sub-heading-new {
	color: #2f67f2;
	font-size: 23px;
	padding: 36px;
	padding-top: 100px;
}
.vision-development-content .text {
	font-size: 17px;
	line-height: 20px;
	padding: 5px 0px;
}
.eyes-container {
	max-width: 1657px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 0px;
	overflow: hidden;
}
.shrink img {
	transition: 1s ease;
}
.shrink img:hover {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	transition: 1s ease;
}
.eye-vision-compition .result-of-drawing::before {
	width: 100%;
	background: url(../images/result-banner.png) no-repeat;
	position: absolute;
	height: 144px;
	content: " ";
	background-size: 395px;
	/* top: 1px; */
	top: -23px;
	/* right: -80px; */
	left: 98px !important;
}
.eye-vision-compition .artist {
	display: block;
	text-align: center;
	margin-top: 0%;
	position: relative;
	left: 105px;
	top: 115px;
}
.eye-vision-image-compition img {
	width: 511px;
}
.eye-vision-compition .address {
	margin-bottom: 30px;
}
.eye-vision-compition .drowing-contest p {
	color: #2f67f2;
	font-size: 26px;
}
.drawing-menu {
	display: inline-block;
	position: relative;
	top: -196px;
	left: 0;
}
.video-background:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.childs-problem {
	display: inline-block;
	margin-right: 18px;
}
.childs-problem img {
	max-width: 239px;
	margin-top: -75px;
}
.child-problem-heading {
	display: inline-block;
	vertical-align: text-bottom;
}
.child-problem-heading h5 {
	margin-top: 0px;
	font-size: 25px;
	color: #cc202c;
	font-weight: 400;
}
.child-problem-content p {
	color: #2f67f2;
	font-size: 23px;
	margin-top: 20px;
}
.visions-problem {
	border: 2px dotted #cd1e2b;
	min-height: 253px;
}
.visions-problem-inner {
	padding: 15px 23px;
}
.four-signs {
	margin: 42px 7px;
	height: 303px;
}
.visions-problem-set {
	height: auto;
	text-align: center;
}
.visions-problem-inner:hover {
	background-color: #fff;
}
.heading-four-sign {
	text-align: center;
}
.heading-four-sign h4 {
	color: #ba272d;
	font-size: 26px;
	font-weight: 700;
}
.heading-four-sign p {
	color: #333;
	font-size: 19px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.heading-four-sign .home-read-buttton {
	position: relative!important;
	top: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sign-opret {
	width: 75%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.sign-opret .heading-four-sign .home-read-buttton {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0px;
}
.sign-opret-btn {
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -31px;
}
.sign-opret-btn a {
	text-align: center;
	left: 20%;
}
.sign-four {
	width: 100%;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.sign-four .heading-four-sign .home-read-buttton {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -31px;
}
.sign-four-btn {
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -31px;
}
.sign-four-btn a {
	text-align: center;
	left: 20%;
}
.set-fuc-ambl ul {
	font-size: 22px;
	text-align: left;
	width: 396px;
	margin: 0 auto;
}
.suport-set2::before {
	content: " ";
	width: 94%;
	background: url("../images/back-1-02.png") no-repeat;
	position: absolute;
	height: 237px ;
	margin: 0 auto;
	right: 0;
	left: 0px;
	padding: 0px 0 0 0px;
	background-size: 794px 237px ;
}
*, ::before, ::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
element {
	visibility: visible;
}
body {
	font-family: 'Mirza', cursive !important;
}
body {
	font-family: 'Mirza', cursive !important;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
}
html {
	font-size: 62.5%;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}
.sign-description img {
	border-radius: 40px;
	width: 100%;
}
.Four-Signs {
	margin-bottom: 36px;
}
.visions-problem-sign {
	height: 690px
}
.myopic-img img {
	margin-top: 15px;
	margin-left: 0px;
}
.myopic-heading h5 {
	text-align: center;
	font-size: 25px;
	color: #cc202c;
	font-weight: 400;
}
.set-myopia-child p {
	color: #000;
	font-size: 23px;
	margin-top: 20px;
}
.set-myopia-child1 {
	color: #000;
	font-size: 18px!important;
	margin-top: 20px;
}
.suport-set::before {
	content: " ";
	width: 94%;
	background: url("../images/back-1-02.png") no-repeat;
	position: absolute;
	height: 253px;
	margin: 0 auto;
	right: 0;
	left: 0px;
	padding: 0px 0 0 0px;
	background-size: 794px 252px;
}
.suport-set-main {
	padding: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	position: relative;
	height: auto;
}
.suport-set h3 {
	position: relative;
	padding-top: 50px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
}
.suport-set h4 {
	position: relative;
	padding-bottom: 7px;
	padding-top: 0px;
	width: 100%;
	color: #fff;
	text-align: left;
	font-weight: 400;
	font-size: 22px;
	padding-left: 85px;
	padding-right: 87px;
}

.suport-set2 h3 {
	position: relative;
	padding-top: 50px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
}
.suport-set2 h4 {
	position: relative;
	padding-bottom: 7px;
	padding-top: 0px;
	width: 100%;
	color: #fff;
	text-align: left;
	font-weight: 400;
	font-size: 22px;
	padding-left: 85px;
	padding-right: 87px;
}
.suport {
	background: url(../images/vision-development.jpg) 50% 0 no-repeat;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 0 0px;
	background-size: cover;
}
.suport-set {
	padding-bottom: 52px;
}

.suport-set2 {
	padding-bottom: 52px;
}
.product-text img {
	width: 70%;
}
.product-set-text {
	background-color: #fff;
	margin-top: 30px;
	margin-bottom: -16px;
	width: 115%;
}
.problem-chil {
	width: 714px;
	margin: 0 auto;
}
.more-inn-tittle {
	text-align: center;
	color: #2f67f2;
	font-size: 23px;
	margin-bottom: 40px;
}
.product-set-text p {
	font-size: 22px;
	padding: 10px;
}
.product-set-text span {
	font-size: 18px;
	padding: 10px;
	padding-top: 0px;
	color: #783b9b;
}
.product-text-bot {
	background-color: #fff;
	padding: 10px;
	margin-top: 13px;
	margin-bottom: 40px;
}
.product-text-bot p {
	font-size: 19px;
	padding: 0px;
}
.product-icon {
	margin: 0 auto;
	left: 0;
	right: 0;
	text-align: center;
}
.product-icon img {
	width: 45%;
}
.product-icon img:hover {
	opacity: 1;
	cursor: pointer;
	transform: translateY(-7px);
}
.product-icon h2 {
	font-size: 27px;
	color: #cd4553;
}
.product-icon span {
	font-size: 19px;
	padding: 7px;
	font-weight: 500;
}
.workstep {
	counter-reset: li;
	display: inline-block;
	position: relative;
	width: 100%;
}
.righttext {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	background-color: #015f9d;
	color: #fff;
	border-radius: 34px;
	width: 60%;
	padding-left: 40px;
	height: auto;
}
.workstep li {
	border-bottom: none;
	counter-increment: li;
	list-style-type: none;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 55px;
	position: relative;
	margin-left: 10%;
	width: 90%;
}
.workstep li::before {
	background-color: #e92d45;
	border-radius: 50%;
	color: #fff;
	content: counter(li, decimal);
	height: 80px;
	left: 0px;
	line-height: normal;
	position: absolute;
	text-align: center;
	width: 80px;
	border: 1px dashed #e92d45;
	font-size: 55px;
	padding: 0px 0;
	margin-top: 11px;
}
.workstep li::after {
	position: relative;
	content: '';
	display: block;
	background-image: url(../img/curvebor.png);
	height: 70px;
	width: 32px;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: -13px;
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	left: 30px;
	margin-bottom: -27px;
}
.workstep li h3 {
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.workstep li p {
	font-size: 16px;
	padding-right: 10px;
}
.left-set {
	margin-left: 30%!important;
}
.care-tip h5 {
	color: #e92d45;
	font-size: 35px;
	line-height: 4px;
	text-align: center;
}
.care-tip p {
	color: #2f67f2;
	font-size: 26px;
	line-height: 64px;
	text-align: center;
	margin-bottom: 30px;
}
.contact-img img {
	width: 100%;
}
.contact-list {
	counter-reset: li;
	display: inline-block;
	position: relative;
	padding: 30px 0;
}
.contact-list li {
	border-bottom: none;
	counter-increment: li;
	list-style-type: none;
}
.contact-list li h4 {
font-size: 24px;
color: #e92d45;
margin-top: 7px;
text-transform: uppercase;
font-family: Times, "Times New Roman", "serif" !important;
margin-left: 5px;
}
.contact-list li p {
	color: #333333;
	font-size: 20px;
}
.contact-list li span {
	color: #333333;
	font-size: 20px;
	margin-left: 0%;
	margin-top: 0px;
}
.contact-list div {
	margin-left: 12%;
	float: right;
	margin-top: -51px;
}
.map {
	background-color: #015f9d;
	padding: 10px;
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.map iframe {
	width: 100%;
	height: 400px;
}
.contact-map h5 {
	font-size: 35px;
	color: #e92d45;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 20px;
}
.contact-map h5::before {
	content: '';
	background-image: url(../images/contact-1-06.png);
	height: 64px;
	width: 42px;
	position: absolute;
	margin-left: -60px;
	margin-top: -18px;
}
.squint-text {
	position: relative;
	padding: 44px;
	padding-top: 0px;
}
.squint-text h3 {
	text-align: center;
	font-size: 34px;
	color: #cc202c;
	font-weight: 400;
}
.squint-text p {
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300;
}
.astigmatism-img img {
	width: 100%;
	margin-top: 15px;
	margin-left: 0%;
}
.astigmatism-problem-content p {
	color: #2f67f2;
	font-size: 23px;
	margin-top: 160px;
}
.suport-set-new::before {
	content: " ";
	width: 94%;
	background: url("../images/back-1-02.png") no-repeat;
	position: absolute;
	height: 200px;
	margin: 0 auto;
	right: 0;
	left: 0px;
	padding: 0px 0 0 0px;
	background-size: 810px 198px;
}
.suport-set-new {
	padding-bottom: 74px;
}
.astigmatism-test h3 {
	position: relative;
	padding: 66px;
	padding-bottom: 66px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 0px;
}
.astigmatism-test h4 {
	position: relative;
	padding-bottom: 10px;
	padding-top: 0px;
	width: 100%;
	color: #fff;
	text-align: left;
	font-weight: 400;
	font-size: 22px;
	padding-left: 85px;
	padding-right: 87px;
}
.astigmatism-test1 {
	position: absolute;
	z-index: 9;
	margin-top: -28px;
	width: 100%;
}
.astigmatism-test1 h3 {
	position: relative;
	padding: 0px;
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	padding-bottom: 0px;
	margin-top: 40px;
}
.astigmatism-test1 ul {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	color: #fff;
	text-align: left;
	font-weight: 400;
	font-size: 22px;
	padding-left: 85px;
	padding-right: 87px;
}
.amblyopia-img img {
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
}
.amblyopia-problem-content p {
	color: #2f67f2;
	font-size: 23px;
	margin-top: 48px;
}
.amblyopia-set-new {
	padding-bottom: 80px;
}
.amblyopia-set-new::before {
	content: " ";
	width: 94%;
	background: url("../images/back-1-02.png") no-repeat;
	position: absolute;
	height: 304px;
	margin: 0 auto;
	right: 0;
	left: 0px;
	padding: 0px 0 0 0px;
	background-size: 810px 306px;
}
.vit-a-background-new::before {
	content: '';
	background: url("../images/video-background.png") no-repeat;
	width: 452px;
	height: 392px;
	position: absolute;
	background-size: 431px 188px;
}
.vit-a-images-new {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 12px;
	padding-top: 35px;
	padding-left: 30px;
}
.vision-development-content .vit-a-heading-new {
	color: #2f67f2;
	font-size: 23px;
	padding: 36px;
	padding-top: 36px;
	padding-top: 24px;
}
.vision-development-content .vit-a-heading {
	margin-top: 0px;
	font-size: 44px;
	color: #cc202c;
	font-weight: 400;
	padding-left: 35px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.squint-text-new p {
	text-align: left;
	font-size: 19px;
	line-height: 22px;
	color: #333;
}
.squint-text-new h3 {
	text-align: left;
	font-size: 32px;
	color: #cc202c;
	font-weight: 400;
}
.squint-text-new {
	margin-top: -50px;
}
.squint-text-img {
	padding-bottom: 41px;
}
.vita-defic {
	padding: 00px;
	margin-left: 0px;
}
.squint-text-img::before {
	content: '';
	background: url("../images/video-background.png") no-repeat;
	width: 289px;
	height: 392px;
	position: absolute;
	background-size: 263px 200px;
}
.vit-a-images-img {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 12px;
	padding-top: 30px;
	padding-left: 24px;
	width: 254px;
}
.Eye-Screening-tit {
	background: url(../images/banner-img-4.jpg) 50% no-repeat;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	background-size: cover;
}
.vision-development-content .harmful-heading-new {
	font-size: 22px;
	padding: 36px;
	padding-top: 5px;
}
.harmful-background-new::before {
	content: '';
	background: url("../images/video-background.png") no-repeat;
	width: 452px;
	height: 392px;
	position: absolute;
	background-size: 431px 329px;
}
.harmful-defic {
	padding: 00px;
	margin-left: 61px;
}
.harmful-text-img::before {
	content: '';
	background: url("../images/video-background.png") no-repeat;
	width: 489px;
	height: 492px;
	position: absolute;
	background-size: 419px 246px;
}
.harmful-images-img {
	max-width: 440px;
	position: relative;
	display: inline-block;
	padding: 12px;
	padding-top: 12px;
	padding-top: 39px;
	padding-left: 26px;
	width: 100%;
}
.eyes-container-harmful {
	max-width: 1657px;
	margin: 0 auto;
	padding-top: 00px;
	padding-bottom: 70px;
	overflow: hidden;
}
.carokid-set {
	float: right;
}
.drawing-text h2 {
	text-align: center;
	font-size: 40px;
	color: #cc202c;
	font-weight: 400;
}
.drawing-text p {
	text-align: center;
	font-size: 20px;
	color: #3267f3;
	line-height: 20px;
	font-weight: 300;
}
.example1 {
	border: 2px solid #cd1e2b;
	padding: 0px;
	background-color: #cd1e2b;
	border-radius: 50px;
	width: 80px;
	height: 80px;
	cursor: pointer;
	margin: 0 auto;
	left: 0px;
	margin-right: 56px;
}
.example1:hover {
	border: 2px solid #3267f3;
	padding: 0px;
	background-color: #3267f3;
	border-radius: 50px;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	left: 0px;
	margin-right: 56px;
	cursor: pointer;
}
.example1 h2 {
	color: #fff;
	font-size: 34px;
	margin-top: 18px;
}
.Drawing-round p {
	margin-right: -16%;
	font-size: 20px;
	text-align: right;
	color: #3267f3;
	line-height: 20px;
	font-weight: 300;
}
.Drawing-round {
	margin-top: 20px;
	text-align: right;
}
.drawing-text h4 {
	margin-right: 20%;
	font-size: 40px;
	color: #284bcd;
	text-shadow: 0px 0 0 #000, 0px 0 0 #000, 0 0px 0 #000, 0 0px 0 #000, 0px -1px 0 #000, 0px 0px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, 1px 1px 3px #000;
	font-weight: 400;
}
.drawing-text h5 {
	margin-right: 0%;
	font-size: 40px;
	color: #cc202c;
	font-weight: 400;
}
.drawing-text h5::after {
	content: "";
	display: block;
	position: relative;
	top: 0px;
	text-align: center;
	width: 42px;
	height: 10px;
	margin: 0 auto;
	margin-right: 78px;
	border-bottom: 4px solid #acacac;
}
.drawing-titel-set {
	width: 37%;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 50px;
}
.drawing-titel-set h2 {
	text-align: center;
	font-size: 22px;
	color: #cc202c;
	font-weight: 400;
}
.drawing-bottom {
	position: relative;
	text-align: center;
}
.drawing-bottom strong {
	text-align: center;
	font-size: 22px;
	color: #3267f3;
	font-weight: 400;
}
.drawing-bottom p {
	text-align: center;
	font-size: 22px;
 color: #;
	font-weight: 400;
}
.drawing-bottom h2 {
	text-align: center;
	font-size: 32px;
	color: #cc202c;
	font-weight: 400;
}
.drawing-bottom ul {
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	list-style: none;
	text-align: center;
	font-weight: 400;
	padding-left: 85px;
	padding-right: 87px;
}
.drawing-bottom ul li {
	text-align: center;
	font-weight: 400;
	font-size: 20px;
}
.drawing-bottom ul li::before {
	content: "●";
	color: #cc202c;
	display: inline-block;
	width: 1em;
	font-size: 22px;
	margin-left: -1em
}
.drawing-set-new {
	margin: 0 auto;
	position: relative;
}
.Eye-Screening-drawing {
	background: url(../images/banner-img-5.jpg) 50% no-repeat;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	background-size: cover;
}
.drawing-set-new::before {
	content: " ";
	width: 74%;
	background: url("../images/drwing-bg-01.png") no-repeat;
	position: absolute;
	height: 238px;
	margin: 0 auto;
	right: 0;
	left: 0px;
	padding: 0px 0 0 0px;
	background-size: 480px 154px;
}
.drawing-set-new h4 {
	position: relative;
	padding-bottom: 10px;
	width: 84%;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 28px;
	margin: 0 auto;
	padding-left: 85px;
	padding-right: 87px;
	padding-top: 36px;
}
.drawing-bottom1 {
	text-align: left;
	width: 80%;
	margin: 0 auto;
	padding-top: 50px;
}
.drawing-bottom1 ul {
	list-style: none;
}
.drawing-bottom1 ul li {
	text-align: left;
	font-weight: 400;
	font-size: 20px;
}
.drawing-bottom1 ul li::before {
	content: "●";
	color: #cc202c;
	display: inline-block;
	width: 1em;
	font-size: 22px;
	margin-left: -1em
}
.drawing-bottom1 strong {
	color: #cc202c;
}


/*Domestic Ophthalmic conferences page css*/

.timetable-wrap {
    margin-bottom: 100px;overflow: auto;
}

.timetable-wrap::before {
    content: '';
}
.timetable-wrap .inner-timetable-wrap {
    position: relative;
}

.timetable-wrap .timetable-head {
    display: -ms-flexbox;
    display: flex;
    min-width: 900px;
    border-radius: 15px 15px 0 0;
    background: #ddd;
}
.timetable-wrap .timetable-head .timetable-head-block {
        width: 256px;
}

.timetable-wrap .timetable-head .timetable-head-block h5, .timetable-wrap .timetable-head .timetable-head-block .h5
{    padding-bottom: 10px  ;  margin-bottom: 0;    font-size: 21px;
    text-align: center;}

    .timetable-wrap .timetable-body {
    overflow: hidden;
    min-width: 900px;
    border-radius: 0 0 15px 15px;
}
.timetable-wrap .timetable-body .timetable-row {
    display: -ms-flexbox;
    display: flex;
}



.timetable-wrap .timetable-body .timetable-row .timetable-block {
      width: 240px;
    height: 179px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    transition: all .3s;    padding: 10px 20px;
}


.timetable-wrap .timetable-body .timetable-row .timetable-block.color-1 {
    background: #612580;
}

.timetable-wrap .timetable-body .timetable-row .timetable-block.color-2 {
        background: #3a9d32;
}

.timetable-wrap .timetable-body .timetable-row .timetable-block.color-4 {
    background: #c5250d;
}
.timetable-wrap .timetable-body .timetable-row .timetable-block.color-3 {
       background: #a43c87;
}

.timetable-wrap .timetable-body .timetable-row .timetable-block.color-5 {
    background: #ffc400;
}

.timetable-wrap .timetable-body .timetable-row .timetable-block a {
    margin-bottom: 0;
   font-family: 'Mirza', cursive !important;
    font-size: 20px;
    color: #fff;text-decoration: none;
}

.timetable-wrap .right-shadow {
    display: none;
    position: absolute;
    z-index: 10;
    width: 0;
    right: 14px;
    top: 0;
    height: 100%;
    max-width: 15px;
}
.timetable-wrap .left-shadow {
    display: none;
    position: absolute;
    z-index: 10;
    width: 0;
    left: 15px;
    top: 0;
    height: 100%;
    background-color: transparent;
    max-width: 15px;
}

.timetable-content .container {
       max-width: 960px;
}
.timetable-wrap .timetable-body .timetable-row .timetable-block:hover{    background: #00acee;}