.btn{font-weight:300;border:0;}.btn.btn-primary{background-color:#00B050;}.btn.btn-primary:hover,.btn.btn-primary.active{
	background-color:#666666;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

#contact .box h1,#contact .box h2,#contact .box h3{color:#fff;}#contact .box a{color:#999;}#contact .box a:hover{color:#00B050;}
.box{padding:50px 30px;background:#fff0;position:relative;}.box.first{margin-top:-40px;border-radius:5px 5px 0 0; z-index: 99;}.box.last{border-radius:0 0 5px 5px;}.box h2{
	display:inline-block;
	border-radius:4px;
	position:relative;
	margin-bottom:10px;
	font-size:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}





/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */


.flippanel {
	margin: 0 auto;
	height: 330px;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	float:none;
	display:table;
	margin-left: -120px;
    left: 100%;
	margin-bottom:30px;
	}

.flippanel .front,
.flippanel .back {
	text-align: center;
}
	
.flippanel .front {
	height: inherit;
	position: absolute;
	top: 0;
	left:0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.flippanel .back {
	height: inherit;
	position: absolute;
	top: 0;
	left:0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.flippanel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.flippanel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.flippanel p{
margin:0px;
    line-height: 25px;
	color: #000;
}
span.flip-title{
	    text-transform: uppercase;
    color: #000;
    font-size: 21px;
	font-weight: 700;
}

.box1{
	background-color: #86898a38;
	width: 325px;
	height: 350px;
	margin: 0 auto;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}
.box2{
	background-color: #0bb0e8;
	color:#FFFFFF;
	width: 325px;
	height: 350px;
	margin: 0 auto;
	padding: 20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*
.boxbg01
{
background:url(../image/img1.jpg) center left;
height:260px;
}
.boxbg02
{
background:url(../image/img2.jpg) center left;
height:260px;
}
.boxbg03
{
background:url(../image/img3.jpg) center left;
height:260px;
}
.boxbg04
{
background:url(../image/img4.jpg) center left;
height:260px;
}
*/
.flipbox1
{
	margin-right: 80px;
}
.flipbox3 {
    margin-right: -80px;
}


.underline
{
border-bottom:dotted 1px #8BD6FE;
width:50px;
display:inline-block;
text-align:center;
margin-top:-20px;
}





@media (min-width:0px) and (max-width:760px)
{
.box h2
{
font-size:35px;
}
}

.lead {
    margin-top: 0px;
	color:#000000;
}


.quotes
{
margin: 20px 0 10px;
color:#000000;
font-size:15px;
font-weight:500;
}

.box li
{
line-height:26px;
font-family: 'robotoregular';
font-size:15px;
}


.green
{
color:#00B050;
}


.btn.download {
    background-color: #0070c0;
}

.green-top
{
	background:#00B050;
	padding:5px;
	padding-right:20px;
	text-align:right;
}
.green-top a
{
	color:#fff;
}
.green-top a:hover
{
	color:#fff;
	text-shadow:1px 2px 2px #000;
}
.green-top .active
{
	color:#fff;
	text-shadow:1px 2px 2px #000;
}


.blue-box
{
	background: #0070c0;
    padding: 30px;
    color: #fff;
	margin-bottom:30px;
}
.blue-box:hover
{
	background:#333333;
}
.blue-box h3 {
    color: #09f273;
	margin-bottom:20px;
}

@media (max-width:600px)
{
.green-top
{
	text-align:center;
}
}