/* Font Awesome */
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

/* Google Fonts */
@import url(//fonts.googleapis.com/css?family=Raleway:400,100,300,500,700,900);

body {
    padding:0 !important;
    margin:0 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .lead {
    font-weight: 300;
}
#header, #feature, #about, #testimonial, #screenshots, #portfolio, #image, #video, #newsletter, #download, #social {
  font-family: 'Raleway', sans-serif;
}

.control-label{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 500;
}

/*feature*/

.messaging-icon{
	margin: 0;
    width: 25px;
    height: 25px;
    border: 0;
    color: white;
    padding: 0px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
    border-radius: 50%;
}

.list_icon_add ul li button svg,
.messaging-icon svg{
	fill: white;
}

.feature .step-icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.feature .step-icon .fa{ padding: 0;}

.list_icon_add ul li{
	display: inline-block;
	margin: 0 10px;
}

.list_icon_add ul li button {
    background-color: #BFBFBF;
    display: inline-block;
    line-height: 45px;
    height: 45px;
    width: 45px;
    border: 0;
    border-radius: 50%;
    padding: 0;
    overflow: visible;
    position: relative;
	cursor: pointer; 
}

.list_icon_add ul li button:hover{
	background: #959595;
}

.list_icon_add ul li button:focus{
	box-shadow: none;
	outline: unset;
}

.list_icon_add ul li button.wh-messenger-added.wh-messenger-bg-facebook {
    background-color: #0084ff;
}

.messaging-icon-active {
    background-color: #0084ff !important;
}
.list_icon_add ul li button.wh-messenger-bg-zalo{background-color: unset;}
.wh-messenger-bg-zalo.messaging-icon-active {
    background-color: unset !important;
}
.wh-messenger-bg-zalo.messaging-icon-active #original-icon{
    fill: #08f;
}

.wh-messenger-bg-call.messaging-icon-active,
.call-icon-active{
	 background-color: #ec5923 !important;
}

.wh-messenger-bg-location.messaging-icon-active,
.location-icon.messaging-icon-active{
	 background-color: #ff5555 !important;
}
/*end feature*/

/*//custom*/
.custom_phone {
    -webkit-animation: RotateRing 2.5s infinite ease-in-out;
    -moz-animation: RotateRing 2.5s infinite ease-in-out;
    -ms-animation: RotateRing 2.5s infinite ease-in-out;
    -o-animation: RotateRing 2.5s infinite ease-in-out;
    animation: RotateRing 2.5s infinite ease-in-out;
}
@-webkit-keyframes RotateRing{0%,100%,16%,24%,8%{-webkit-transform:rotate(0)}12%,20%,4%{-webkit-transform:rotate(-45deg)}}
@-moz-keyframes RotateRing{0%,100%,16%,24%,8%{-moz-transform:rotate(0)}12%,20%,4%{-moz-transform:rotate(-45deg)}}
@-ms-keyframes RotateRing{0%,100%,16%,24%,8%{-ms-transform:rotate(0)}12%,20%,4%{-ms-transform:rotate(-45deg)}}
@-o-keyframes RotateRing{0%,100%,16%,24%,8%{-o-transform:rotate(0)}12%,20%,4%{-o-transform:rotate(-45deg)}}
@keyframes RotateRing{0%,100%,16%,24%,8%{transform:rotate(0)}12%,20%,4%{transform:rotate(-45deg)}}