@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');



/*-----------banner and header------------------*/
.banner{width:100%; margin:0 auto; overflow:hidden; }
.bannerInner{width:100%; position:relative; margin:0 auto;}
.bannerOverlay{width:100%; position:absolute; z-index:100; height:auto; margin:0 auto;}
.menuOuter{width:100%; margin:0 auto; position:fixed; top:0; background:#FFF; height:100px; border-bottom:solid 5px #2391cf; }
/*-----------banner and header------------------*/

/*------------welcome part-----------------*/
.panelOne {background:#f5f5f5; margin:0 auto; overflow:hidden; padding:20px 0;}
.panelOne h1 {font-size: 30px; line-height:60px; color: #333; font-family: 'Open Sans', sans-serif; margin:0;}
.panelOne h2 { font-weight:bold; font-size: 13px; line-height:30px; color: #333; font-family: 'Open Sans', sans-serif; margin:0;}
.whitebox{background:#FFF; padding:10px; margin:10px auto; overflow:hidden; display:block;
border-radius:15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);}
.whitebox img{width:100%; margin:10px auto; overflow:hidden; transition:0.2s;}
.whitebox:hover img{transform:scale(1.2);}
.whitebox:hover{text-decoration:none;}
/*.blueboxoverlay{position:absolute; left:30px; bottom:20px; width:100%;}*/
/*------------welcome part-----------------*/

/*------------product section in index page-----------------*/
.productBg{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/product_bg_1.jpg); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:100px 0;}
.productBg h2{font-size: 30px; padding-bottom: 15px; color: #fff; font-family: 'Open Sans', sans-serif; text-align:center; }
.productBg h3{font-size: 14px; line-height:30px; color: #000; font-family: 'Open Sans', sans-serif; text-align:center; margin:0;}
.productBgbox{background:#FFF; margin:10px auto; padding:10px; overflow:hidden; display:block;}
.productBgbox img{width:100%; margin:10px auto; overflow:hidden;}
.productBgbox:hover{text-decoration:none;}

/*-------------hover six-------------------*/

.hoverSix {position:relative; width:100%; /*height:250px;*/ overflow:hidden; margin:10px auto; border-radius:8px;}
.hoverSix figure {margin:0; padding:0; position:relative; }
.hoverSix figure img {display:block;  position:relative;  z-index:10;  margin:-15px 0; width:100%; backface-visibility:hidden; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;}
.hoverSix figure h2 {font-family: 'Open Sans', sans-serif; color:#0e294b; font-size:14px; line-height:24px; text-align:center}
.hoverSix figure p {display:block; font-family: 'Open Sans', sans-serif; font-size:12px; line-height:18px; margin:0;
    color:#333; text-align:justify;}

.hoverSix figure figcaption {display:block; position:absolute; z-index:5; -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box; box-sizing:border-box; top:0; left:0; width:100%;  height:100%;
    padding:10px; background:#ebebeb;
    text-align:center; backface-visibility:hidden; -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-transition:all .5s;
    -moz-transition:all .5s; transition:all .5s;}
	
.hoverSix figure:hover img,figure.hover img {-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg); transform:rotateY(180deg)}
.hoverSix figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);  -moz-transform:rotateY(0); transform:rotateY(0)}

.greenbtn{display:inline-block; padding:10px; background:#063; font-family: 'Open Sans', sans-serif; color:#FFF; font-size:14px; text-align:center; border-radius:5px; margin-top:5px;}
.greenbtn:hover{color:#FFF; text-decoration:none;}
/*-------------hover six-------------------*/

/*------------product section in index page-----------------*/

/*--------------about section in index page----------------*/
.whiteBg{background:#FFF; width:100%; margin:0 auto; padding:20px 0 0 0;}
.whiteBg h1{font-size: 30px; padding-bottom: 15px; color: #333; font-family: 'Open Sans', sans-serif; }
.whiteBg p{font-family: 'Open Sans', sans-serif; text-align:center;  margin:10px 0; font-weight:normal; font-size:16px; line-height:30px; color:#000; text-align:justify; }

/*--------------end of about section in index page----------------*/

/*------------client section-----------------*/
.appointmentsbg{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/appointments_bg.jpg); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:40px 0;}
.appointmentsbg h3{margin:0; font-family: 'Open Sans', sans-serif; font-size:30px; line-height:60px; text-align:center; 
text-transform:uppercase; color:#fff;}
.appointmentsbg p{margin:0; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:20px; color:#fff; 
text-align:center; }
.appointmentsbg img{width:100%; margin:10px auto; overflow:hidden;}
/*------------client section-----------------*/

/*------------Contact part in index page-----------------*/
.contactbg{background: #f5f5f5; overflow:hidden; margin:0 auto;}
.contactbgLeft{width:50%; float:left; margin-top:20px;}
.contactbgRight{width:50%; float:right; padding:10px 30px;}


.contactbgTop{margin:10px auto; padding:5px; width:100%; overflow:hidden; background: #FFF;}
/*.contactbgTop i{background: #4bb3e7; width: 80px; height: 80px; border-radius: 50px; color: #FFF; 
font-size: 40px; line-height: 80px; margin: 0 auto; display: block; text-align: center;}*/
.contactbgTop img{margin:10px auto; display:block;}
.contactbgTop h2{margin:0 0 10px 0; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; text-align:center; 
text-transform:uppercase; color:#F90;}
.contactbgTop h3{margin:0 0 10px 0; font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; text-align:center; 
text-transform:uppercase; color:#666;}
.contactbgTop p{margin:10px 0; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:30px; /*text-align:center; */
 color:#666;}
/*------------Contact part in index page-----------------*/
 

/*------form--------*/
.enquiryForm{margin:10px auto; padding:5px; width:100%; overflow:hidden; background: #FFF;}
.enquiryForm h4{ font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; text-align:center; 
text-transform:uppercase; color:#666;}

.formbtn{background:#86d6f6; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; padding:5px 10px; 
display:inline-block; border:none; margin:10px 0; color:#FFF;}
.formbtn:hover{background:#066;}
.form-control{background:#FFF; border:solid 1px #cccccc; box-shadow:none; border-radius:0!important;} 
.red{color:#F00;}
label{font-weight:normal; font-family: 'Open Sans', sans-serif;}
/*------------Contact part in index page-----------------*/

/*-------footer section---------*/
.footerTop{ background:#363839; margin:0 auto; border-top:5px solid #fff; padding:25px 0;}
.footerTop h4{font-family: 'Open Sans', sans-serif;  font-size:16px; line-height:36px; font-weight:normal; color:#fff; 
margin:20px 0; }
.footerTop h5{font-family: 'Open Sans', sans-serif;  font-size:12px; line-height:24px; font-weight:normal; color:#fff; 
margin:0 0; }
.footerTop p{font-family: 'Open Sans', sans-serif; font-size:12px; line-height:24px; font-weight:normal; color:#fff; 
margin:3px 0; text-align:justify; }
.newsBox{ height:200px; float:left; margin:0 0 10px 0; padding:10px; border:solid 1px #fff;}
.newsBoxInner{ margin:0; border-bottom:solid 1px #fff; padding-bottom:5px; }
ul.listThree{margin:0; padding:0;}
ul.listThree li{font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:14px; line-height:20px; color:#fff; 
margin:5px 0 ; font-weight:normal; list-style:none; }
ul.listThree li a{color:#fff;}

.footerBottom{background:#282a2b; margin:0 auto;  }
.footerBottom p{font-family: 'Open Sans', sans-serif; font-size:12px; line-height:16px; color:#fff; margin-top:25px;}
.footerBottom img{float:left; margin:10px 8px;}

/* social icon */
.social-icon {padding: 0; float:right; margin:5px 0;}
.social-icon li {list-style: none; display: inline-block;  padding: 0;}
.social-icon li a {border-radius: 10%; width: 30px;  height: 30px; color: #000; background:#fff; padding:5px;  margin-top:5px;
font-size: 20px;  line-height: 20px;  text-align: center; text-decoration: none;   }
/* end of social icon */
/*-------footer section---------*/


/*------------innerpage----------------*/
.innerpagebanner{width:100%; margin:0 auto; margin-top:100px;}
/*------------innerpage----------------*/
.body{background:#f6f5f5; margin:0 auto; width:100%; overflow:hidden; padding:20px 0;}
.body h2{font-family: 'Open Sans', sans-serif; font-size:26px; line-height:36px; margin:15px 0; color:#333; 
text-transform:uppercase;}
.body h3{font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; margin:0; color:#333;}
.body h4{font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; margin:0; color:#06F;}

.body p{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; margin:10px 0; color:#333; 
text-align:justify; }
.listone{margin:0; padding:0;}
.listone li{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; margin:15px; color:#333; 
text-align:justify;}

/*------------about us and team and testimonials page----------------*/
.about_us{ margin:0 auto; width:100%; overflow:hidden; padding:20px 0;}
.about_us_text{background:#FFF; margin:0 auto; overflow:hidden; }
.about_us_textLeft{width:50%; float:left; margin:0;}
.about_us_textLeft img{width:100%; margin:0 auto;}
.about_us_textRight{width:50%; float:right; margin:0; padding:10px 20px;}
/*.tableOne {width: 100%; border-collapse: collapse; margin:0; padding:0;}
.tableOne td{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; color:#666; border:solid 1px #999;}*/



.team{background:#FFF; margin:0 auto; width:100%; overflow:hidden; padding:20px 0;}
.team img{width:100%; margin:0 auto; border:solid 2px #333; border-radius:50%;}
.social-icon-one{margin:0 auto; display:table; padding:0;}
.social-icon-one li{display: table-cell; height: 30px; vertical-align: middle; padding: 0 10px;}
.social-icon-one li a {border-radius: 10%; width: 30px;  height: 30px; color: #09F; background:#fff; padding:5px;  margin-top:5px;
font-size: 20px;  line-height: 20px;  text-align: center; text-decoration: none;   }
.team_box{margin:0 auto 30px auto; width:100%; overflow:hidden;}


.testimonials{margin:0 auto; width:100%; overflow:hidden; padding:20px 0; }
.testimonials img{margin:15px auto; border:solid 2px #CCC; }
.blue{color:#09C; font-size:20px; line-height:24px; margin:10px 0;}
.blueone{color:#069; font-size:16px; line-height:24px; margin:10px 0;}
.testimonials_box{margin:0 auto 30px auto; width:100%; overflow:hidden; border-bottom:solid 2px #e0e0e1;}

span.deepblue{color:#0288d1;}
span.deepgreen{color:#0f9d58;}
span.deepred{color:#e65100;}

.newsbg{width:100%; margin:5px auto; border-bottom:solid 1px #999; overflow:hidden;}

/*------------about us and team and testimonails page----------------*/


/*------------contact page----------------*/
/*.contact{ margin:0 auto; width:100%; overflow:hidden; padding:20px 0;}*/
.break-small {background: #FFF; display: block; height: 2px; margin: 20px 0; width: 60px;}

.contact{background-attachment: fixed;  background-clip: initial;
    background-color: rgba(0, 0, 0, 0);  background-image:url(../images/contact_bg.jpg); background-origin: initial; 
	background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding:40px;}
.contact h2{font-size:20px; margin-top:10px; color:#FFF;}
.contact p{text-align: center; font-size:16px; }


/*.contactpanel-box {background:#eeeeee; position: relative; height:202px; border: 2px solid #666; margin:30px 0;  }
.icon-wrapper {background: #ffffff; position: absolute;  border-radius: 50%; width: 80px; height: 80px; 
padding: 3px; top:-30px; left:50%; transform: translate(-50%, 0); }
.icon-wrapper i {color: #008A8A; border: 2px solid #008A8A; border-radius: 50%; width: 74px; height: 74px;
  font-size: 40px;  line-height: 74px; text-align: center;  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.contactpanel-box:hover i {background: #28334f; color: #fff;} */
/*------------contact page----------------*/


/*------------project page----------------*/
.project{width:100%; margin:0 au; overflow:hidden;}
/*--start-hovereffect--*/
.hovereffect {width:100%; height:100%; overflow:hidden; position:relative; text-align:center; cursor:default; margin:10px 0;
border:solid 2px #666;}
.hovereffect img {transition:0.4s; width:100%; }
.hovereffect h2 {margin-top:45%; color:#FFF; font-size:16px!important; line-height:20px!important; padding:0 10px;}
.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;
background-color:rgba(0,0,0,0.4); transition:0.4s;}
.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover .overlay {opacity:1;}
.hovereffect:hover h2 {opacity:1;}
/*--end-hovereffect--*/
/*------------project page----------------*/

/*------------product page -----------*/
.product{width:100%; margin:10px auto; overflow:hidden;}
.product h2{font-family: 'Open Sans', sans-serif; font-size:26px; line-height:36px; margin:15px 0; color:#333; 
text-transform:uppercase;}
.product h3{font-family: 'Open Sans', sans-serif; font-size:20px; line-height:30px; margin:0; color:#333;}
.product p{font-family: 'Open Sans', sans-serif; font-size:13px; line-height:24px; margin:10px 0; color:#333; text-align:center;}
.product h4{font-family: 'Open Sans', sans-serif; font-size:13px; line-height:24px; margin:0; color:#333; margin:10px 0;}

.product_box{width:100%; margin:15px auto; overflow:hidden; display:block; border: 1px solid #b6b4af; padding:10px;}
.product_image{width: 100%;  margin: 0 auto;  overflow: hidden; }
.product_image img{width:100%; margin:0 auto; display:block; }

.product_text{width:100%; background:#f1f1f1; margin:0 auto; overflow:hidden; }
.product_box:hover{-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); text-decoration:none;}
/*------------product page-----------*/


/*------------product details-----------*/
.product_details{margin:20px auto; width:100%; overflow:hidden;}
.product_details h2{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:36px; margin:15px 0; color:#666; 
text-transform:uppercase;}
.product_details h3{font-family: 'Open Sans', sans-serif; font-size:18px; line-height:30px; margin:0; color:#06C;}
.product_details p{font-family: 'Open Sans', sans-serif; font-size:13px; line-height:24px; margin:10px 0; color:#333; }
.product_details img{margin:15px auto; border:solid 2px #CCC; }
span.deeporenge{color:#F90; font-size:10px; }
span.deeporenge a{color:#F90;}
span.deeporenge a:hover{color:#F90; text-decoration:none;}
.tableFour{margin:10px 0;}
.tableFour th{background:#066; border:solid 1px #999; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:30px;
 color:#FFF; padding:5px; text-align:center;}
.tableFour td{ border:solid 1px #999; font-family: 'Open Sans', sans-serif; font-size:13px; line-height:30px;
 color:#333; padding:5px; text-align:center;}
/*------------product details-----------*/


/*----------------daiseikai page---------------------------------*/
.daiseikai_bg{ margin:0 auto; width:100%; overflow:hidden; padding:20px 0;}
.daiseikai_bg h2{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:36px; margin:15px 0; text-align:center; color:#333;}
.daiseikai_bg p{font-family: 'Open Sans', sans-serif; font-size:14px; line-height:24px; margin:15px 0; text-align:center; color:#333;
font-style:italic;}
.daiseikai_bg h3{font-family: Arial, Helvetica, sans-serif; font-size:24px; line-height:36px; margin:15px 0; text-align:center; 
color:#963; text-transform:uppercase; font-weight:bold;}


.dai_one{width:100%; margin:30px auto; overflow:hidden;}
.dai_onebox{width:100%; margin:0 auto; overflow:hidden; }
.dai_onebox img{margin:0 auto 10px auto; overflow:hidden; display:block;}

.dai_two{background:#f4f3f2; width:100%; margin:10px auto; overflow:hidden; padding:15px 0;}
.dai_two p{margin-top:100px;}

.boxone{margin-top:100px;}
.benefitsbox{width:100%; margin:20px auto; overflow:hidden; border:solid 1px #960; padding:10px;}
.benefitsbox img{margin: 10px auto; overflow:hidden; display:block;}
/*----------------daiseikai page---------------------------------*/




@media (max-width: 1024px) {
		
	.contactbgLeft{width:100%; }
	.contactbgRight{width:100%; }
	.about_us_textLeft{width:100%;}
	.about_us_textRight{width:100%;}
	.hoverSix figure h2 {font-size:16px; margin:10px 0;}
	.hoverSix figure p { margin:10px 0; font-size:14px; line-height:20px;}
	.greenbtn{margin-top:15px;}
	.hoverSix figure figcaption{ padding:20px;}
}



@media (max-width: 768px) {
		
	.contactbgLeft{width:100%; }
	.contactbgRight{width:100%; }
	.about_us_textLeft{width:100%;}
	.about_us_textRight{width:100%;}
	
	.hoverSix figure h2 {font-size:16px; margin:10px 0;}
	.hoverSix figure p { margin:10px 0; font-size:14px; line-height:20px;}
	.greenbtn{margin-top:15px;}
	.hoverSix figure figcaption{ padding:20px;}
	
	
}

@media (max-width: 500px) {
	
	.menuOuter{height:80px; }
	.slider-main{margin-top:80px!important;}
	.social-icon {float:left; }
	
	.hoverSix figure h2 {font-size:16px; margin:10px 0;}
	.hoverSix figure p { margin:10px 0; font-size:14px; line-height:20px;}
	.greenbtn{margin-top:15px;}
	.hoverSix figure figcaption{ padding:20px;}
	
	.innerpagebanner{width:100%; margin:0 auto; margin-top:80px;}
		
	.contactbgLeft{width:100%; }
	.contactbgRight{width:100%; }
	
	.about_us_textLeft{width:100%;}
	.about_us_textRight{width:100%;}
	
	.hovereffect h2 {margin-top:30%; color:#FFF; font-size:13px!important; line-height:18px!important;}
	
}



@media (min-width: 769px) {
}