body {

	margin:0;

	padding:0;

	height:100%;

	width:100%;

	color:#01204c; 

	font-family: 'Roboto', sans-serif; font-size:16px;

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

	-webkit-text-size-adjust: 100%;

	 outline: 0px !important; font-weight:normal;

}

html{height:100%;} 

 

*{ box-sizing:border-box;}



a { 

	text-decoration: none; 

	outline: 0;

	-webkit-transform: translateZ(0);

	-webkit-transition:0.2s color linear;

		-moz-transition:0.2s color linear;

			transition:0.2s color linear;

}

:hover {  transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;

    -webkit-transition: all 0.5s ease-in-out 0s;

    -o-transition: all 0.5s ease-in-out 0s;}

 

  .scrollToTop{

	padding:10px; 

	text-align:center; 

	font-weight: bold;

	text-decoration: none;

	position:fixed;

	bottom:15px;

	right:15px; font-size:15px;

	display:none;background:#000; color:#fff; z-index:99999;



}

.scrollToTop:hover{

	text-decoration:none;

}





.item1 {

  position: relative;



  overflow: hidden;

   line-height:0px;

}

.item1 img {

  max-width: 100%;

  

  -moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.item1:hover img {

  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.hvr-sweep-to-right {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-sweep-to-right:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 0 50%;

  transform-origin: 0 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {

  color:#000;

}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}

 

.main-container{width:100%; float:left; margin:0px; padding:0px;}

.container {width:1170px; margin:0 auto; padding:0px; }

 

.header{width:100%; float:left; margin:0px; padding:0px 0; border-top:#4242a2 5px solid;}

 

.logo{width:auto; float:left; margin:0; padding:0; line-height:0px;}

.tagline{width:370px; float:left; margin:40px 0 0 30px; padding:10px 0 10px 25px; font-size:18px; line-height:24px; color:#555555; font-weight:300; border-left:#929292 1px solid} 

.header-right{width:385px; float:right; margin:0px; padding:0px;}

.header-image{float:right; margin:0px 10px 0 0; padding:0px; line-height:0px;}

.social-icon{width:185px; float:left; margin:50px 0 0 0; padding:0px;}

.social-icon ul{width:100%; float:left; margin:0px 0 10px 0; padding:0px;}

.social-icon ul li{width:auto; float:left; margin:0px 7px 0px 0; padding:0px; line-height:0; list-style:none;}

.social-icon ul li:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

  filter: grayscale(100%);} 

.social-icon p{width:100%; float:left;margin:0px; padding:0px; font-size:14px; color:#555555; line-height:normal; font-weight:300;}



  

.menu{width:100%; float:left; margin:0px 0 0 0; padding:5px 0 0 0; background:#c85da5}



.latest-news{width:100%; float:left; margin:0px; padding:15px 0; background:#4242a2}

.latest-news-box{width:auto; float:left; margin:0px; padding:0px 0px; position:relative;font-size:24px; color:#fff; font-weight:700; line-height:35px;}

.latest-news-box:after {

  content: " ";

  position: absolute;

  right: -35px;

  top: 5px;

  border-top: 15px solid transparent;

  border-right: none;

  border-left: 15px solid #fff;

  border-bottom: 15px solid transparent;

  display:block;

}

.latest-news marquee{width:84%; float:right; margin:10px 0 0 0; padding:0px; color:#fff; font-size:14px;}



 

.banner{width:100%; float:left; color: #fff; margin:0px 0 0 0; padding:0px; position:relative; /*background:url(../images/banner.jpg) no-repeat center top;*/ background-size:cover !important;} 

.banner-content{width:40%; float:left; margin:190px 0 25px 25px; padding:28px; text-shadow: 5px 2px 5px #454545; /*background:rgba(255,255,255,0.88)*/}  

.banner-content h3{width:100%; float:left;margin:0px; padding:0px; font-size:28px; /*color:#4242a2;*/ color: #ff9900; line-height:normal; font-weight:700; text-transform:uppercase}

.banner-content p{ color: #ff9900; }
 

.middle-section{width:100%; float:left; margin:0px; padding:0px;}

.about-section{width:100%; float:left; margin:0px; padding:38px 0;}



.about-left{width:54%; float:left; margin:0px; padding:0px;}

.chika-img{width:29.1%; float:left; margin:0px; padding:0px; position:relative;} 

.chika-img h4{width:100%; float:left;margin:0px; padding:0px; font-size:16px; color:#fff; line-height:42px; font-weight:700;  background:#00a9ec; text-align:center; position:absolute; bottom:20px}

.chika-img img{width:100%; height:auto; border-radius:5px;}

.about-text{width:70%; float:left; margin:0px; padding:0px 30px;} 

.about-text h3{width:100%; float:left; margin:0px 0 10px; padding:0px; font-size:24px; color:#c85da5; font-weight:700; line-height:24px;}

.about-text p{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:15px; color:#555555; font-weight:300; line-height:22px;}

.read-more{width:107px; float:left; margin:0px; padding:0px;line-height:30px; background:#00a9ec; border-radius:5px; font-size:14px; color:#fff; font-weight:400;text-align:center}

.read-more:hover{background:#c85da5}



.message-right{width:46%; float:left; margin:0px; padding:0px; border-left:#c7c7c7 1px solid;}

.chairman-img{width:34%; float:right; margin:0px; padding:0px; line-height:0px;} 

.chairman-img h4{width:100%; float:left;margin:0px; padding:10px 10px; font-size:14px; color:#fff; line-height:normal; font-weight:700;  background:#4242a2; text-align:left;border-radius:0 0 5px 5px;}

.chairman-img img{width:100%; height:auto; border-radius:5px 5px 0 0;}

.chairman-text{width:66%; float:left; margin:0px; padding:0px 20px 0 30px; } 

.chairman-text h3{width:100%; float:left; margin:0px 0 10px; padding:0px; font-size:24px; color:#c85da5; font-weight:700; line-height:24px;}

.chairman-text p{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:15px; color:#555555; font-weight:300; line-height:22px;}





 



.three-btn{width:100%; float:left; margin:0px; padding:0px 0 10px; }

.three-btn ul{width:100%; float:left; margin:0px; padding:0; display:flex; flex-wrap:wrap;} 

.three-btn ul li{width:31.6%; float:left; padding:0px; margin:0 2.4% 0px 0; list-style:none; text-align:left} 

.three-btn ul li:last-child{margin-right:0;}

.three-btn ul li img{width:100%; height:auto;} 



.learnmore-bar{width:100%; float:left; margin:0px 0 20px; padding:0px; background:#ed3237; border-radius:5px;}

.learnmore-bar h3{float:left; margin:0px; padding:10px 0 10px 22px; font-size:24px; color:#fff; font-weight:700; line-height:24px; letter-spacing:-0.5px;}

.learn-more{width:auto; float:right; margin:0px; padding:10px 30px; font-size:24px; color:#fff; font-weight:700; line-height:24px; letter-spacing:-0.5px; background:#00a9ec; border-radius:15px 5px 5px 15px}

.learn-more:hover{background:#4242a2} 

.learn-more i{float:right; margin:2px 0 0 10px;}

 

.newsletter{width:100%; float:left; margin:0px; padding:0px; background:#c85da5;} 

.newsletter-left{width:64%; float:left; margin:0px; padding:35px 0 0;} 

.newsletter-left h3{width:100%; float:left; margin:0px 0 5px; padding:0; font-size:30px; line-height:30px; color:#fff; font-weight:700; text-transform:uppercase} 

.newsletter-left p{width:100%; float:left; margin:0px 0 10px; padding:0; font-size:14px; line-height:30px; color:#fff; font-weight:400;} 

.newsletter-left ul{width:100%; float:left; margin:0px; padding:0;} 

.newsletter-left ul li{width:35%; float:left; padding:0px; margin:0 1.5% 0px 0; list-style:none; text-align:left} 

.newsletter-left ul li .txtfield{width:100%; float:left; margin:0px; padding:0px 10px; line-height:38px; border-radius:5px; outline:0px; border:0px; font-size:15px; font-weight:400; color:#555555}

.newsletter-left ul li:last-child{width:26%; margin:0px}

.newsletter-left ul li .subscribe{width:100%; float:left; margin:0px; padding:0px; font-size:18px; color:#fff; font-weight:700; line-height:38px; background:#00a9ec; border-radius:5px; text-align:center; text-transform:uppercase;border: none;}

.newsletter-left ul li .subscribe:hover{background:#4242a2} 

 

.newsletter-right{width:31.6%; float:right; margin:0px; padding:10px 0; line-height:0px;}  

.newsletter-right img{width:100%; height:auto;}

 

 

.footer{width:100%; float:left; margin:0px; padding:38px 0; background:#4242a2;}



.contact-footer{width:25%; float:left; margin:0px; padding:0px 5% 0 0;}

.contact-footer h3{width:100%; float:left; margin:0px 0 15px; padding:0px; font-size:18px; color:#ffffff; font-weight:700; line-height:20px;}

.contact-footer p{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:14px; color:#ffffff; font-weight:400; line-height:18px;}

.contact-footer p a{color:#fff;}

.contact-footer p a:hover{color:#00a9ec;}

 



.quick-link-footer{width:50%; float:left; margin:0px; padding:0px;}

.quick-link-footer h3{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:20px; color:#ffffff; font-weight:700; line-height:20px;}

.quick-link-footer ul{width:33.33%; float:left; margin:0px; padding:0px;}

.quick-link-footer ul li{width:100%; float:left; margin:0px; padding:0px; list-style:none; font-size:13px; line-height:18px; color:#fff; font-weight:400; text-transform:uppercase}

.quick-link-footer ul li a{color:#fff;}

.quick-link-footer ul li a:hover{color:#00a9ec;}



.quick-link-footer ul li ul{width:100%; float:left; margin:0px 0 10px; padding:0px;}

.quick-link-footer ul li ul li{width:100%; float:left; margin:0px; padding:0px; list-style:none; font-size:13px; line-height:18px; color:#c2c2ff; font-weight:400; text-transform:none}

.quick-link-footer ul li ul li a{color:#c2c2ff;}

.quick-link-footer ul li ul li a:hover{color:#fff;}



.copyright{width:100%; float:left; margin:0px; padding:22px 0; background:#fff; font-size:13px; color:#333333; line-height:16px; font-weight:400;}

.copyright-left{float:left; margin:0px; padding:0px;}

.copyright-right{float:right; margin:0px; padding:0px;}





.default-banner{width:100%; float:left; margin:0px; padding:0px; line-height:0px} 

.default-banner img{width:100%; height:auto;}





.sidebar{width:30%; float:right; margin:30px 0; padding:0px; }

.sidebar-btn{width:100%; float:left; margin:0px; padding:0px 0 10px; }

.sidebar-btn ul{width:100%; float:left; margin:0px; padding:0; display:flex; flex-wrap:wrap;} 

.sidebar-btn ul li{width:100%; float:left; padding:0px; margin:0 0 10px 0; list-style:none; text-align:left} 

.sidebar-btn ul li img{width:100%; height:auto;} 



.default-left{width:70%; float:left; margin:0px; padding:30px 5% 20px 0; }

.default-left h3{width:100%; float:left; margin:0px 0 15px; padding:0px; font-size:30px; color:#c85da5; font-weight:700; line-height:32px;}

.default-left p{width:auto; float:none; margin:0px 0 20px; padding:0px; font-size:15px; color:#555555; font-weight:300; line-height:22px;}



 /*------------------contact-page-----------------*/

.contact-middle-left{width:70%; float:left; margin:0px; padding:30px 5% 30px 0;}

.contact-middle-left h2{width:100%; float:left; margin:0px 0 15px; padding:0px; font-size:30px; color:#c85da5; font-weight:700; line-height:24px;}

.contact_dtl{width:100%; float:left; margin:30px 0 0 0; display:flex; flex-wrap:wrap;}

.contact_dtl .detail{width:33.33%; text-align:center; float:left; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:25px 0 25px 0px;}

.contact_dtl .detail:last-child{border-right:none;}

.contact_dtl .detail span i{font-size:37px; color:#c85da5}

.contact_dtl .detail p{font-size:14px; color:#333; padding-top:28px; line-height:24px}

.contact_dtl .detail p span{font-weight:700;}

.contact_dtl .detail p a{color:#0b486c;}



.contact_form {float: left;  width: 100%; padding:45px 0 72px 0px;}

.contact_form h1{text-align:center; font-size:30px; color:#464646; padding-bottom:35px;}

.input-group{float:left;  width:48%;  margin-right:20px;}

.input-group span input, .wpcf7-form-control-wrap captcha-1 input{background:#f7f7f7; font-size: 14px;  line-height: 17px;  padding:12px 15px 11px;  width: 100%;  border: 1px solid #e6e6e6 !important;

outline: none !important;  height: auto; color: #a6a6a6;  border-radius: 0;  box-shadow: none !important;  box-sizing: border-box;-webkit-appearance: none;

margin-bottom:15px;font-family: 'Roboto', sans-serif;}

.input-group span:last-child input{margin-bottom:10px;}

.message{width:48%; float:left;}

.contact_form input:focus, .message textarea:focus {border:1px solid #ff5c2c !important; -webkit-transition: all 0.60s ease-in-out;  outline: none;font-family: 'Roboto', sans-serif;}

.message textarea {background:#f7f7f7; height:156px;  border: 1px solid #e6e6e6 !important;  width:100%;  padding:10px;font-family: 'Roboto', sans-serif;font-size: 14px; }

.send-button{float:left;  width:147px;  height:41px; background:#00a9ec; text-align: center; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: bold; line-height:41px; color: #fff; border:none; outline:none; cursor:pointer;     margin-top:12px;}

 .send-button:hover{background:#c85da5}

 


.default-left .chika-diary{width:100%; float:left; margin:0px; padding:0px;}
.default-left .chika-diary ul{width:100%; float:left; margin:10px 0 0 0; padding:0px;} 
.default-left .chika-diary ul li{width:50%; float:left; margin:0px; padding:0px 3% 25px 0; list-style:none;} 
.default-left .chika-diary ul li img{max-width:100%; height:auto;}
.default-left .chika-diary ul li:hover{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}

.paginate { width: 100%; clear: both; text-align: center;}
.paginate .page-numbers.current {    background: #f4cee8;padding: 3px;margin: 3px;color:#555;}
.paginate .next.page-numbers, .paginate .prev.page-numbers,.paginate  .page-numbers {    background: #c85da5;padding: 3px;margin: 3px;color:#fff;}

.dairy-layout .dairy-image{width: 40%;float: left;margin: 0 20px 20px 0;}
.dairy-layout .dairy-image img{width: 100%;}
.dairy-layout p{width: auto !important; float: none;}

/*#cssmenu > ul > li.bot-corner {background: #4242a2; margin: -2px 0; padding: 0px;}*/

*#cssmenu > ul > li.bot-corner a{ border: 2px solid #ccc;padding: 0px 14px;line-height: 34px;background:#f3f3f3;border-radius: 20px;color: #555;}
.footer-social {

    margin: 10px 0 0 0 !important;

}
.footer-social li {

    width: 21% !important;

}
.back_news_button {font-weight: 700;background: #00a9ec;border-radius: 5px;text-align: center;
text-transform: uppercase;color:#fff;width: auto;padding: 10px;float: left;font-size: 17px;}