/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */


.rotate img{
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

.rotate img:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
}


.color img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s ease;
}

.color img:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}




    .btn-square.black {
border-color: #16a44a !important;
background-color: #16a44a !important;
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
padding-right: 7.5px !important;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.btn-square.black:hover {
border-color: #174582 !important;
background-color: #174582 !important;
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.black:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.black:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}

.btn-square.white {
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important;
transition: all ease .5s !important;
padding-right: 7.5px !important;
padding-right: 7.5px !important;
-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
/*margin-top: 60px !important;*/
}

.btn-square.white:hover {
border-color: #16a44a !important;
background-color: #16a44a !important;
padding: 10px 20px !important;
transition: .25s !important;
}

.btn-square.white:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
position:relative !important;
opacity: 0 !important;
left: -10.5px !important;
}

.btn-square.white:hover:after {
content: "\f061" !important;
font-family: FontAwesome !important;
transition: all ease .5s !important;
opacity: 1 !important;
left: 10.5px !important;
}


.bannerp {
width: 580px;
height:350px;

}




.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 33%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-family: 'Roboto';
}

/* banner number start from 0 */
/* banner caption no 1 */
.banner-item .banner-caption.id-0{
}

/* banner caption no 2 */
.banner-item .banner-caption.id-1{
}

@media screen and (max-width: 480px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */
	/* all banner caption */
	

.bannerp {
width: 260px;
height:157px;

}
	
	
	
	.banner-item .banner-caption{
	}

	/* banner number start from 0 */
	/* banner caption no 1 */
	.banner-item .banner-caption.id-0{
	}

	/* banner caption no 2 */
	.banner-item .banner-caption.id-1{
	}
}