@charset "utf-8";

/* CSS Document */

body {

	margin:0;

	padding:0;

	font-family: 'Ubuntu', sans-serif;

}



.rmm{ max-width:100% !important;}


div, id, span, h1, h2, h3, h4, h5, h6, ul, li, ol {

	margin:0;

	padding:0;

}

a {

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

}

input[type=text], textarea {

	-webkit-transition: all 0.30s ease-in-out;

	-moz-transition: all 0.30s ease-in-out;

	-ms-transition: all 0.30s ease-in-out;

	-o-transition: all 0.30s ease-in-out;

	outline: none;

}

input[type=text]:focus, textarea:focus {

	box-shadow: 0 0 5px rgba(24, 140, 95, 1);

	border: 1px solid rgba(24, 140, 95, 1);

}

input[type=tel], textarea {

	-webkit-transition: all 0.30s ease-in-out;

	-moz-transition: all 0.30s ease-in-out;

	-ms-transition: all 0.30s ease-in-out;

	-o-transition: all 0.30s ease-in-out;

	outline: none;

	border: 1px solid #ccc;

}

input[type=tel]:focus, textarea:focus {

	box-shadow: 0 0 5px rgba(24, 140, 95, 1);

	border: 1px solid rgba(24, 140, 95, 1);

}

img {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	vertical-align:middle;

}

h1 {

	font-size:22px;

	color:#473e37;

	font-weight:normal;

}

h2 {

	font-size:21px;

	color:#473e37;

	font-weight:normal;

}

h3 {

	font-size:20px;

	color:#473e37;

	font-weight:normal;

}

h4 {

	font-size:18px;

	color:#473e37;

	font-weight:normal;

	padding-bottom:2px;

}

.cls

{

	clear:both;

}

.main_wraper {

	width:100%;

	float:left;

}



.container_main {

	width:980px;

	margin:0 auto;

	padding:0 10px 0 10px;

	box-shadow: 0 0 3px 3px rgba(100, 100, 100, 0.2);

}

.top_part

{

	width:100%;

}

.logo

{

	width:31%;

	float:left;

	background:#0F0;

}
.phram {position: absolute;left: 15%;top: 13px;}

.phram p {
margin: 0;
    color: #000;
    padding: 10px 20px;
    font-size: 15px;
    border: 1px solid #000;
    border-radius: 4px;
    background-image: linear-gradient(#fffc80, #ffff00, #deaf2bbd);
}
a.download-link {
    background: #188c5f;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    margin: 10px 0;
}

a.download-link:hover {
    background: #0d5f3f;
}

.top_right

{
	position: relative;
	width:69%;

	float:left;

	margin-top:10px;

}

.social

{

	width:100%;

	text-align:right;

	float:left;

}

.social_icon

{

	width:24px;

	float:right;

	margin-right:7px;

}

.email_text

{

	width:99%;

	text-align:right;

	font-size:16px;

	color:#473e37;

	font-weight:normal;

	float:left;

	padding-top:10px;

}

.email_text span

{

	text-align:right;

	font-size:13px;

	color:#0d5f3f;

	font-weight:normal;

}

.navi {

	width:100%;

	background:#188c5f;

	height:52px;

	border-radius:8px 8px 0 0;

	-moz-border-radius:8px 8px 0 0;

	-webkit-border-radius:8px 8px 0 0;

}

.banner{

	width:100%;

}

.middle_part

{

	width:100%;

	padding:31px 0 0 0;

}

.main_rpt

{

	width:100%;

	margin-bottom:30px;

}



.left_part

{

	width:67.55%;

	float:left;

	margin-right:38px;

}

.right_part

{

	width:28.57%;

	float:left;

}

.heading

{

	width:100%;

	background:url(../images/green-line.jpg) no-repeat bottom left;

	padding:0 0 10px 0;

	margin-bottom:17px;

}

.heading span

{

	font-size:22px;

	color:#473e37;

	font-weight:normal;

}

.common_text

{

	width:100%;

	font-size:14px;

	color:#414241;

	font-weight:normal;

	line-height:22px;

}

.common_text label

{

	display:block;

	font-size:14px;

	color:#414241;

	font-weight:normal;

	text-align:center;

	padding-top:15px;

}



.border

{

	width:100%;

	border:1px solid #d2d2d2;

}

.right_link

{

	width:100%;

}

.right_link ul

{

	margin:0;

	padding:0;

}

.right_link ul li

{

	margin:0;

	padding:0;

	background:url(../images/arrow.jpg) no-repeat 18px 17px;

	list-style-type:none;

	border-bottom:1px dashed #a7a7a5;

	padding:10px 0 10px 36px;



}

.right_link ul li a

{

	font-size:15px;

	font-weight:normal;

	color:#414241;

	text-decoration:none;

}

.right_link ul li a:hover

{

	text-decoration:underline;

}

.right_link ul li:last-child

{

	border-bottom:none;

}

.box_first {

	width:30.41%;

	float:left;

	padding:5px;

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

	border:1px solid #d2d2d2;

	margin:0 7px 20px 7px;

}

.box_last {

	width:30.41%;

	float:left;

	padding:5px;

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

	border:1px solid #d2d2d2;

	margin-bottom:20px;

	margin-left:7px;

}

.box_heading {

	width:100%;

	font-size:17px;

	color:#473e37;

	font-weight:normal;

	border-bottom:1px solid #000;

	padding:16px 0 2px 0;

	margin-bottom:16px;

}

.box_img {

	width:100%;

}

.box_cont

{

	font-size:13px;

	color:#473e37;

	font-weight:normal;

	padding:10px 0 10px 0;

	

}

.box_cont a

{

	color:#188c5f;

	text-decoration:none;

}

.think_line

{

	width:100%;

	border-top:7px solid #a8d0c0;

}

.bottom_main

{

	width:100%;

}

.b_col

{

	width:22.95%;

	float:left;

	margin-right:111px;

}

.b_collast

{

	width:31.12%;

	float:left;

}

.heading1

{

	width:100%;

	background:url(../images/green-line.jpg) no-repeat bottom left;

	padding:0 0 10px 0;

	margin-bottom:17px;

}

.heading1 span

{

	font-size:20px;

	color:#473e37;

	font-weight:normal;

}



.bottom_link

{

	width:100%;

}

.bottom_link ul

{

	margin:0;

	padding:0;

}

.bottom_link ul li

{

	margin:0;

	padding:0;

	background:url(../images/arrow.jpg) no-repeat 7px 12px;

	list-style-type:none;

	border-bottom:1px dashed #a7a7a5;

	padding:6px 0 6px 0;



}

.bottom_link ul li a

{

	font-size:13px;

	font-weight:normal;

	color:#414241;

	text-decoration:none;

	padding-left:22px;

}

.bottom_link ul li a:hover

{

	text-decoration:underline;

}

.bottom_link ul li:last-child

{

	border-bottom:none;

}



.b_text

{

	width:100%;

	font-size:13px;

	font-weight:normal;

	color:#414241;

	text-decoration:none;

	line-height:20px;

}

.b_text span

{

	font-weight:bold;

}

.b_text a

{

	color:#188c5f;

	text-decoration:none;

}

.b_form

{

	width:100%;

	margin-bottom:15px;

	float:left;

}

.b_name

{

	width:60px;


	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

.b_inp

{

	width:239px;

	float:left;

	border:1px solid #a1a1a1;

	height:23px;

	line-height:23px;

	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

.b_combo

{

	width:237px;

	float:left;

	border:1px solid #a1a1a1;

	height:60px;

	line-height:23px;

	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

.btn

{

	height:32px;

	background:#188c5f;

	padding:7px 20px 7px 20px;

	text-align:center;

	font-size:14px;

	color:#FFF;

	text-align:center;

	text-decoration:none;

	border: 0;

	outline: none;

	margin-left: 99px;

	cursor: pointer;

}

.btn:hover

{

	background:#1f9f6d;

}

.b_green

{

	width:100%;

	background:#188c5f;

}

.b_green

{

	width:98%;

	background:#188c5f;

	font-size:12px;

	font-weight:normal;

	color:#ededed;

	padding:10px 10px 10px 10px;

}

.b_green span

{



	font-size:12px;

	font-weight:normal;

	color:#ededed;

	float:right;

	text-align:right;

}

.b_green a

{

	font-size:12px;

	font-weight:normal;

	color:#ededed;

	text-decoration:none;

}

.b_green a:hover

{



	text-decoration:underline;

}	

.cont_form

{

	width:100%;

	margin-bottom:20px;

	float:left;

}

.cont_name

{

	width:100px;

	float:left;

	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

.cont_inp

{

	width:400px;

	float:left;

	border:1px solid #a1a1a1;

	height:23px;

	line-height:23px;

	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

.cont_combo

{

	width:470px;

	float:left;

	border:1px solid #a1a1a1;

	height:100px;

	line-height:23px;

	font-size:14px;

	color:#4d4d4d;

	font-weight:normal;

}

#mainwrapper {

	font: 10pt normal Arial, sans-serif;

	height:156px;

	margin: 0 auto 0 auto;

	text-align: center;

}



/* Image Box Style */

#mainwrapper .box {

	cursor: pointer;

	height:156px;

	float: left;

	position: relative;

	overflow: hidden;

	width:298px;

}

#mainwrapper .box img {

	position: absolute;

	left: 0;

		-webkit-transition: all 300ms ease-out;

		-moz-transition: all 300ms ease-out;

		-o-transition: all 300ms ease-out;

		-ms-transition: all 300ms ease-out;	

	transition: all 300ms ease-out;

}



/* Caption Common Style */

#mainwrapper .box .caption {

	

	position: absolute;

	color: #fff;

	z-index: 100;

		-webkit-transition: all 300ms ease-out;

		-moz-transition: all 300ms ease-out;

		-o-transition: all 300ms ease-out;

		-ms-transition: all 300ms ease-out;	

		transition: all 300ms ease-out;

	left: 0;

}

#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {

	opacity: 0;

	width: 298px;

	height: 156px;

	text-align: left;

}









/** Caption 6: Scale **/

#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {

	position: relative;

	left: -290px;

	width: 298px;

	-webkit-transition: all 300ms ease-out;

	-moz-transition: all 300ms ease-out;

	-o-transition: all 300ms ease-out;

	-ms-transition: all 300ms ease-out;	

	transition: all 300ms ease-out;

	

}



#mainwrapper .box .scale-caption h3 {

	-webkit-transition-delay: 300ms;

	-moz-transition-delay: 300ms;

	-o-transition-delay: 300ms;

	-ms-transition-delay: 300ms;	

	transition-delay: 300ms;

	font-size:18px;

	line-height:30px;

	color:#CCC;

}



#mainwrapper .box .scale-caption p {

	-webkit-transition-delay: 500ms;

	-moz-transition-delay: 500ms;

	-o-transition-delay: 500ms;

	-ms-transition-delay: 500ms;	

	transition-delay: 500ms;

	font:normal 14px Arial, Helvetica, sans-serif;

	color:#999;

	line-height:20px;

}



/** Simple Caption :hover Behaviour **/

#mainwrapper .box:hover .simple-caption {

	-moz-transform: translateY(-100%);

	-o-transform: translateY(-100%);

	-webkit-transform: translateY(-100%);

	opacity: 1;

	transform: translateY(-100%);

}



/** Fade Caption :hover Behaviour **/

#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {

	opacity: 1;

}



/** Scale Caption :hover Behaviour **/

#mainwrapper .box:hover #image-6 {

	-moz-transform: scale(1.4);

	-o-transform: scale(1.4);

	-webkit-transform: scale(1.4);

	transform: scale(1.4);

}



#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {

	-moz-transform: translateX(285px);

	-o-transform: translateX(285px);

	-webkit-transform: translateX(285px);

	transform: translateX(285px);

	

}

caption {

	/*coordinated marking to match cell's padding*/

	margin-bottom:.5em;

	/*centered so it doesn't blend in to other content*/

	text-align:center;

}