@charset "utf-8";
/* CSS Document */

*{ margin:0px 0px; padding:0px 0px; text-decoration:none; list-style:none;}
h1, h2, h3, h4, h5, h6, ul, ol{ margin:0px 0px; padding:0px 0px;}
.pad-right{ padding-right:0px!important;}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#main-header{ width:100%; float:left; position:relative; padding:10px 0px;}
.logo{ float:left; margin:0px 0px 0px 0px; position:relative;}
.logo span{ font-size:25px; font-family: 'latoregular'; color:#33589F; margin:0px 0px 0px 10px;}

.menu{ float:right; margin:20px 0px 0px 0px; position:relative;}
.menu ul{ margin:0px 0px; position:relative;}
.menu ul li{ display:inline-block; margin:0px 5px 0px 0px;  border:1px solid #333; position:relative; overflow:hidden;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.menu ul li a{ font-size:14px; font-family: 'latoregular'; color:#2C2C30; padding:7px 10px; display:block; text-decoration:none;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.menu ul li:hover{ background:#4B6EA9;}
.menu ul li:hover a{ color:#fff;}

.menu ul li a i{ font-size:30px; color:#33589F; transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.menu ul li a i:hover{ color:#000;}

.g-play-link{ border:none!important; background:none!important; margin: 0px!important; }
.g-play-link a{ padding:2px 5px!important;}

#banner{ width:100%; float:left; padding: 30px 0px 60px 0px; position:relative; top:-15px; z-index:1; 
background:url(../images/banner.png) no-repeat top center;}

#banner h1{ font-size:30px; color:#fff; font-family: 'latolight'; font-weight:normal; line-height:36px;}
#banner h1 b{ font-size:40px; color:#fff; font-family: 'latobold'; font-weight:normal; line-height:48px;}

#middle{ width:100%; float:left; background:#f3f3f3; position:relative; top:-51px; padding:30px 0px 35px 0px;}

.left-cont{ float:left; margin:30px 0px 15px 0px; position:relative;}
.pro-box{ float:left; margin:0px 56px 0px 0px; position:relative; }
.pro-box p{margin:5px 0px 10px 0px; font-size:14px; font-family: 'latoregular'; color:#2C2C30; text-align:center;}
.circle{ display:inline-block; background:#fff; box-shadow:0px 0px 4px 0px #9A9A9A; width:86px; height:86px; border-radius:50%;
 margin:0px 0px 0px 0px;
 transition:all ease 0.7s;
 -moz-transition:all ease 0.7s;
 -ms-transition:all ease 0.7s;
 -webkit-transition:all ease 0.7s;}
 
.pro-box:hover .circle{ background:#2C9ECF; box-shadow:none;}

.facebook{ position:fixed; right:-37px; top:310px; transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); z-index:11;}
.facebook a{ padding:8px 10px; background:#33589f; color:#fff; font-size:14px; text-decoration:none!important;
border:1px solid #33589f;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.facebook a i{ font-size:16px; color:#fff; margin:0px 5px 0px 0px;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.facebook:hover a{ color:#33589f; background:#fff;}
.facebook:hover a i{ color:#33589f;}
.facebook a:focus{ color:#fff;}

 
.circle a .img{ padding:0px 0px; background:#fff; width:74px; height:74px; border:1px solid #ccc; 
border-radius:50%; margin:6px auto 0px auto; position:relative;}
.circle a .img img{margin:auto; position: absolute;
bottom: 0; top:0;
right: 0; left: 0;
transition: all ease 1s;
-moz-transition: all ease 1s;
-ms-transition: all ease 1s;
-webkit-transition: all ease 1s;
}
.pro-box:hover .circle >a .img img{ transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);}


.mobile{ float:left; margin:10px 0px 0px 0px; position:relative; background:url(../images/mobile.png) no-repeat 0px 0px;
padding:15px 0px 55px 0px;}
.link{position: absolute;
    margin: 0px 0px 0px 0px;
    bottom: 203px;
    left: 60px;}

.pattern-overlay {background-color: rgba(0, 0, 0, 0.8); }

#about-us {
	position:relative; top:-52px;
    background: url(../images/about-bg.jpg) 50% 0 no-repeat fixed;
    margin: 0 auto;
    background-position: center center;
    background-size: cover; 
}
.about-main{ margin:0px 0px 0px 0px; position:relative; text-align:center; padding:0px 0px 15px 0px;}
.about-main i{ font-size:27px; color:#333; margin:0px 0px 0px 0px;}
.ttl-top{ padding:11px 17px; background:#f3f3f3; position:relative; top:-20px; border-radius:50%;}
.ttl-bottom{ padding:13px 18px; background:#fff; position:relative; bottom:-44px; border-radius:50%;}
.about-main h1{ color:#fff; font-family: 'latoregular'; font-size:30px; margin:0px 0px 10px 0px;}
.about-main p{ color:#fff; font-family: 'latoregular'; font-size:17px; margin:0px 0px 10px 0px; line-height:28px;
font-weight:normal;}

#bottom{ margin:0px 0px 0px 0px; position:relative;}
#bottom h1{font-family: 'latoregular'; font-size:30px; color:#333; text-align:center; margin:0px 0px 0px 0px; }
.form{ width:100%; float:left; padding:10px 10px; border:1px solid #ccc; margin:15px 0px 20px 0px;}
.form input{ position:relative; padding:10px 15px 10px 45px; color:#333; font-size:14px; 
border:1px solid #E1E1E1; box-shadow:none; border-radius:0; height:40px;}
.form textarea{ position:relative; padding:10px 15px 10px 45px; color:#333; font-size:14px; 
border:1px solid #E1E1E1; box-shadow:none; border-radius:0; height:40px!important; resize:none; overflow:hidden;}
.form i{ min-width:37px; height:40px; color:#fff; background:#33589F; position:absolute; z-index:1; padding:12px 0px 0px 11px;}
.form span .captcha{ position:absolute; right:20px; top:5px; z-index:11;}
.form .submit{ float:right; margin:0px 0px 0px 0px; padding:8px 30px 8px 30px; color:#fff;
font-family: 'latobold'; background:#ED1C24; border:1px solid #ED1C24;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.form .submit:hover{background:#333; border:1px solid #333;}

.error{ float:left; font-size:14px; color:#F63333; font-family: 'latoregular'; padding:0px 0px 0px 0px;}
.validate{font-size:11px; color:#953438; font-family: 'latoregular'; padding:0px 0px 0px 12px;}


#thanks{width:60%; margin:56px auto; padding:20px; border:#CCC 1px dashed; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333; line-height:20px; font-size:14px;}
#thanks h3{font-family: Verdana, Geneva, sans-serif; background-image:none; padding-bottom:15px; font-size: 18px; line-height: 30px; font-weight: bold; color:#F60 !important;}
#thanks p{padding:5px 0px; }

#footer{ width:100%; float:left; background:#33589F; padding:13px 0px;}
.footer-left{ float:left; font-size:14px; color:#fff; font-family: 'latoregular'; }
.footer-right{ float:right; font-size:14px; color:#fff; font-family: 'latoregular'; text-transform:uppercase; }
.footer-right a{ font-size:14px; color:#fff; font-family: 'latoregular'; }
.footer-right a:hover{ color:#000;}


.news{position:relative; padding:25px 0px; width:77%; margin: 70px 0px 0px 25px;}

.demof{
	margin: 0px 0;
}
.demof ul{
	padding: 0;
	list-style: none; width:100%;
}
.demof li{
	padding: 0px 0px 5px 0px; margin-bottom:0px!important; border-bottom:1px solid #ccc;
	
}
.demof li .img{ float:left; margin:0px 10px 0px 0px;}
.demof li .img img{
	float: left;
	max-width: 100px;
	margin: 15px 0px 0 0;
}
.demof li .text{ float:left; margin:0px 0px 0px 0px;}

.demof li:last-child{ border:none;}

.demof li.odd{
	background: #fff;
}
.demof li:after {
	content: '';
	display: block;
	clear: both;
}

.demof li .text a{
	font-size: 13px;
    font-family: 'latobold';
    color: #000;
	font-weight:normal; 
}
.demof li .text p {
	margin: 0px 0 0px 0;
	font-size: 11px;
    font-family: 'latoregular';
    color: #333;
}
.demof li .text p b{font-size: 11px; color:#333; font-weight:normal; font-family: 'latobold';}

.g-play{ text-align:center; margin:15px auto; position:relative;}
.g-play img{border:1px solid #ccc;}