/* CSS Document */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
.clr{clear:both;}
.fl{float:left;}
.fr{float:right;}

img {
	border: none;
}
input, textarea {
	outline: none;
}
a{
	color:#21cfac;
	-webkit-transition:all 200ms ease 0s;
    -moz-transition:all 200ms ease 0s;
    -o-transition:all 200ms ease 0s;
	transition:all 200ms ease 0s;
}
a, a:hover {
	text-decoration: none;
}
a:hover {
	color: #C4151C;
}

a, a:visited, a:active {
	outline-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*text-transform: uppercase;*/
	font-weight:600;
}
h1{
	font-size:40px;
	color:#252b33;
}
h2{
	font-size:36px;
	color:#252b33;
	font-weight:900;
}
h5{
	font-size:16px;
	color:#fc3768;
}
ul, li{
	list-style:none;
}
.pad10{padding:10px 0;}
.pad20{padding:20px 0;}
.pad30{padding:30px 0;}
.pad40{padding:40px 0;}
.pad50{padding:50px 0;}
.pad60{padding:60px 0;}
.pad70{padding:70px 0;}
.pad80{padding:80px 0;}
.pad90{padding:90px 0;}
.pad100{padding:100px 0;}
.pad110{padding:110px 0;}
.pad120{padding:120px 0;}


.fa{
	font-family: 'FontAwesome';
}

.btn{
	display:block;
	border:1px solid #778597;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.rphoto{
	display:block;
	width:54px;
	height:54px;
	border-radius:100px;
	border:2px solid #FFF;
	overflow:hidden;
}
.rphoto img{
	width:100%;
	height:100%;
}

body{
	/*padding-top:72px;*/
	font-family:'Proxima Nova', Helvetica, sans-serif;
	font-size:14px;
	font-weight:400;
	color:#252b33;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
/*  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1000px; } }*/

.col{
	padding-left:15px;
	padding-right:15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both;}

.col-full{
	max-width:1140px;
	margin:0 auto;
}
#header{
	background-color:#252B33;
	padding:17px 0;
	height:72px;
	width:100%;
	z-index:101 !important;
}
#container_wrap #header{
	background:none;
}
#container_wrap .is-sticky #header,
.is-sticky #header{
	background-color:#252B33;
	/*box-shadow:0 3px 9px #000;*/
	position:fixed;
	/*overflow:hidden;*/
}

.logo{
	margin:6px 0 0 14px;
}
.logo a{
	display:block;
	outline:none;
	max-width:155px;
}
.logo a img{
	width:100%;
}
.mainmenu{
	width:78.86%;
}
.mainmenu li{
	display:table-cell;
	line-height:38px;
}
.mainmenu li a{
	display:block;
	margin:0px 25px;
	text-transform:uppercase;
	font-size:14px;
	color:#cfcfd0; /*778597*/
	font-weight:600;
	padding-bottom:10px;
}
.mainmenu .menu li.active a{
	border-bottom:7px solid #21cfac;
	/*line-height:48px;*/
}
span.fa-lock{
	font-family: 'FontAwesome';
	padding-left:7px;
}
.mainmenu li a.gstart{
	padding:0 12px;
	border-color:#FFF;
}
.is-sticky .mainmenu li a.gstart{
	background-color:#21cfac;
	border-color:#21cfac;
	color:#FFF;
}
.mainmenu a:hover{
	color:#FFF;
}
.mainmenu .btn:hover{
	box-shadow:inset 0 0px 3px #FFF;
}
#boxslider{
}
#boxslider{
	background-image:url(../images/main_banner.jpg);
	background-size:cover;
	/*background-attachment:fixed;*/
	background-position:top center;
	height:1321px;
	position:relative;
	padding-top:42px;
}

#boxslider .banner_txt{
	text-align:center;
	color:#FFF;
	padding-top:187px;
}
.banner_txt .h2{
	font-size:72px;
	font-weight:900;
}
.banner_txt .p{
	font-size:24px;
	padding-bottom:30px;
	line-height:36px;
}
.banner_txt .btn{
	margin:0 auto;
	max-width:200px;
	font-size:14px;
	color:#FFF;
	border-radius:4px;
	border:2px solid #21CFAC;
	font-weight:600;
	overflow:hidden;
}
.banner_txt .btn a{
	color:#FFF;
	display:block;
	padding:15px;
	line-height:24px;
	border-radius:100px;
	border-radius:4px;
}
.banner_txt a:hover{
	box-shadow:inset 0 0 10px #333;
}
.demolink {
	bottom:30px;
	left: 50%;
	margin-left: -75px;
	position: absolute;
	text-align: center;
	width: 150px;
}
.demolink a{
	display:block;
	padding-top:50px;
	background:url(../images/request_demo_icon.png) no-repeat top center;
	font-size:18px;
	color:#FFF;
}
.demolink a:hover{
	color:#21cfac;
}
#bookingwrap{
	background-color:#252B33;
	height:527px;
	position:relative;
}
#bookingwrap .bookingwrap_bg{
	background:url(../images/vecation_bg.png) no-repeat top right;
	position:absolute;
	width:67.6%;
	height:527px;
	top:0;
}
#bookingwrap .container{
	padding-top:30px;
	height:527px;
	position:relative;
}
#bookingwrap .imgbox{
	margin-left:-82px;
	margin-right:-10px;
}
#bookingwrap .detail{
	width:362px;
	padding-top:20px;
}
#bookingwrap h2{
	line-height:normal;
	color:#FFF;
	margin-bottom:25px;
}
#bookingwrap h2 span{
	color:#21cfac;
}
#bookingwrap p{
	font-size:18px;
	color:#a6b5c8;
	line-height:30px;
	margin-bottom:25px;
}
#bookingwrap p u{
	color:#FFF;
}
#bookingwrap .tagline{
	font-style:italic;
	color:#FFF;
	line-height:24px;
}
#bookingwrap .rphoto{
	float:left;
	margin-right:10px;
}
.aspen_logo{
	display:block;
	height:25px;
	line-height:25px;
	color:#778597;
	font-size:10px;
	font-weight:600;
	text-transform:uppercase;
	margin:12px 35px 0 0;
	float:right;
	padding-left:63px;
	letter-spacing:2px;
	background:url(../images/aspen_logo.png) no-repeat left;
}
#whyveryus h2{
	text-align:center;
	margin-bottom:10px;
}
#whyveryus h2 span{
	color:#FC3768;
}
#whyveryus p{
	line-height:30px;
	font-size:18px;
	text-align:center;
	color:#778597;
}
#whyveryus p span{
	border-bottom:1px solid #FC3768;
	font-weight:600;
}
#whyveryus .box_section{
	padding-top:54px;
}
#whyveryus .box{
	width:34.12%;
	/*width:24.03%;*/
	position:relative;
}
#whyveryus .box p{
	text-align:left;
	font-size:14px;
	line-height:24px;
	color:#778597;
}
#whyveryus .box a.more{
	color:#21cfac;
}
#whyveryus .box a.more:hover{
	text-decoration:underline;
}
#whyveryus .box .cell{
	padding-bottom:60px;
	padding-left:114px;
	background:url(../images/arrow_rft.png) no-repeat left top;
}
#whyveryus .box.first .cell{
	padding-bottom:60px;
	padding-right:114px;
	padding-left:0;
	background:url(../images/arrow_lft.png) no-repeat right top;
}
#whyveryus .box .cell.a{background-position:right 12px;}
#whyveryus .box .cell.b{background-position:right 12px;}
#whyveryus .box .cell.c{background-position:left 60px;}
#whyveryus .box .cell.d{background-position:left 168px;}


#whyveryus .bnr{
	/*width:51.93%;*/
	width:31.73%;
	left:34.12%;
	position:relative;
}
#whyveryus .whyveryus_code{
	border:1px solid #E2E2E2;
	max-width:362px;
	max-height:554px;
	box-shadow:0 0 70px #EEE;
	overflow:hidden;
}
#whyveryus .whyveryus_code img{
	width:100%;
}
#whyveryus .note_b{
	font-size:12px;
	font-weight:600;
	color:#c2c2c2;
	text-align:center;
	margin-top:40px;
	text-transform:uppercase;
}
#whyveryus .note_b span{
	width:16px;
	height:20px;
	background:url(../images/uspto_icon.png) no-repeat left top;
	display:inline-block;
	vertical-align:middle;
	padding-right:30px;
}
#whyveryus .first{
	left:-31.73%;
}
.box_section h4{
	font-size:18px;
	color:#252b33;
	line-height:30px;
	padding-left:94px;
	background:url(../images/whyveryus_icons.png) no-repeat left top;
	margin:30px 0;
}
.box_section h4.returns{background-position:0 -92px;}
.box_section h4.boost{background-position:0 -184px;}
.box_section h4.social{background-position:0 -268px;}

.gray{
	background-color:#F2F6F6;
	border-top:1px solid #EAEDED;
	border-bottom:1px solid #EAEDED;
}

#detailbox .pad120{
	padding-bottom:0px;
	overflow:hidden;
}
#detailbox .box_wrap{
	position:relative;
}
#detailbox .detail{
	width:40.79%;
	padding-top:20px;
	font-size:18px;
	color:#252b33;
	line-height:24px;
}
#detailbox .detail h5{
	margin-bottom:20px;
}
#detailbox .detail h2{
	line-height:normal;
	margin-bottom:20px;
}
#detailbox .detail p{
	color:#778597;
	line-height:30px;
}
#detailbox .detail p u{
	color:#252b33;
}
#detailbox ul.ofr_list{
	margin-top:30px;
}
#detailbox ul.ofr_list li{
	font-weight:600;
	font-size:18px;
	padding:0;
	width:163px;
	height:152px;
	border:1px solid #E2E2E2;
	display:block;
	float:left;
	background-color:#FFF;
	margin-right:29px;
	margin-bottom:29px;
	overflow:hidden;
	text-align:center;
	position:relative;
	cursor:pointer;
}
#detailbox ul.ofr_list li .overly{
	font-weight:400;
	font-size:14px;
	color:#FFF;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0px;
	background-color:#252B33;
	line-height:21px;
	overflow:hidden;
	padding:0;
	text-align:left;
	-webkit-transition:all 500ms ease 0s;
    -moz-transition:all 500ms ease 0s;
    -o-transition:all 500ms ease 0s;
	transition:all 500ms ease 0s;
	padding:0px 10px 0px 20px;
}
#detailbox ul.ofr_list li:hover .overly{
	height:100%;
	padding:20px 10px 20px 20px;
}
#detailbox ul.ofr_list li span{
	color:#21cfac;
}
#detailbox ul.ofr_list li .icon{
	background:url(../images/detailbox_icons.png) no-repeat left top;
	width:46px;
	height:40px;
	margin:5px auto;
}
#detailbox ul.ofr_list li.accpt .icon{background-position:0 -95px;}
#detailbox ul.ofr_list li.incrse .icon{background-position:0 -194px;}
#detailbox ul.ofr_list li.veting .icon{background-position:0 -292px;}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.active .flipper{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
	}

.flip-container, .flip-container .front, .flip-container .back {
	width:163px;
	height:152px;
	padding:20px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	
	transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.flip-container .front, .flip-container .back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.flip-container .front {
	z-index: 2;
	/* for firefox 31 */
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.flip-container .back {
	-webkit-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
	font-weight:400;
	font-size:14px;
	color:#FFF;
	padding:20px 10px 20px 20px;
	background-color:#252B33;
	line-height:20px;
	text-align:left;
}

#detailbox .graph{
	width:59.03%;
}
#detailbox .graph .imgbox{
	display:block;
	/*max-height:693px;
	margin:0 0 0 -42px;*/
	max-width: 1014px;
	min-width: 1014px;
	height:711px;
	position:relative;
	background-image:url(../images/detailbox_img_new.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}
/*.imgbox .tile_box{
	background:url(../images/zoom_socialgroups_tile1.png) no-repeat left top;
	display:block;
	width:440px;
	height:440px;
	position:absolute;
	top:240px;
	left:-70px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: scale(0.01);
	-moz-transform: scale(0.01);
	-o-transform: scale(0.01);
	transform: scale(0.01);
	visibility:hidden;
}
.imgbox .tile_box.tile2{
	background-image:url(../images/zoom_socialgroups_tile2.png);
	left:436px;
	top:86px;
}
.imgbox .tile_box.tile3{
	background-image:url(../images/zoom_socialgroups_tile3.png);
	left:126px;
	top:94px;
}
.imgbox .tile_box.tile4{
	background-image:url(../images/zoom_socialgroups_tile4.png);
	left:356px;
	top:286px;
}*/
#detailbox .graph .imgbox span.plus{
	position:absolute;
	top:174px;
	left:270px;
	color:#FC275C;
	font-size:21px;
	cursor:pointer;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	background-color:#FFF;
	border-radius:50px;
	height:25px;
	width:25px;
	background:url(../images/plus_arow.png) no-repeat left top;
}
#detailbox .graph .imgbox span.plus:hover,
#detailbox .graph .imgbox span.plus.active{
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}
#detailbox .graph .imgbox span.point1{top:440px; left:155px;}
#detailbox .graph .imgbox span.point2{top:255px; left:522px;}
#detailbox .graph .imgbox span.point4{top:438px; left:485px;}

/* home feature box */
.layer-features .features-navigation .nav-item.active {
	background-color: #de2055;
	color: #fff;
}
.layer-features .features-devices .device-zoom {
	background-image: url(../images/detailbox_img_new_large.jpg);
	background-size: 1251px 850px;
	border: 4px solid #fff;
	border-radius: 100%;
	box-shadow: 0 30px 40px 15px rgba(0, 0, 0, 0.3);
	height:380px;
	position: absolute;
	transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s;
	-moz-transition: all 0.9s ease 0s;
	width:380px;
	z-index:2;
}
.layer-features .features-devices .device-zoom.show-social {
	background-position:-20px -310px;
	top:250px;
	left:243px;
	transform: translateX(-75%) translateY(0px);
	-moz-transform: translateX(-75%) translateY(0px);
	-webkit-transform: translateX(-75%) translateY(0px);
	-o-transform: translateX(-75%) translateY(0px);
}
.layer-features .features-devices .device-zoom.show-booking {
	background-position:-570px -150px;
	left:540px;
	top:110px;
	transform: translateX(-33%) translateY(0%);
	-moz-transform: translateX(-33%) translateY(0%);
	-webkit-transform: translateX(-33%) translateY(0%);
	-o-transform: translateX(-33%) translateY(0%);
}
.layer-features .features-devices .device-zoom.show-profit {
	background-position:-130px -110px;
	left:330px;
	top: 80px;
	transform: translateX(-58%) translateY(0px);
	-moz-transform: translateX(-58%) translateY(0px);
	-webkit-transform: translateX(-58%) translateY(0px);
	-o-transform: translateX(-58%) translateY(0px);
}
.layer-features .features-devices .device-zoom.show-identity {
	background-position:-520px -370px;
	left:600px;
	top:300px;
	transform: translateX(-64%) translateY(1%);
	-moz-transform: translateX(-64%) translateY(1%);
	-webkit-transform: translateX(-64%) translateY(1%);
	-o-transform: translateX(-64%) translateY(1%);
}

/* end: home feature box */


#conectbox .detail{
	text-align:center;
	font-size:18px;
	line-height:30px;
	color:#778597;
}
#conectbox .detail u{
	color:#252b33;
}
#conectbox .graph{
	text-align:center;
}
.features .box{
	width:50%;
}
.features .box.fl{padding-right:15px;}
.features .box.fr{padding-left:15px;}
.features li{
	padding:26px 26px 26px 96px;
	background:url(../images/features_icon.png) no-repeat 30px 33px;
	font-weight:600;
	font-size:18px;
	margin-bottom:18px;
	/*max-width:410px;*/
	border:1px solid #E4E4E4;
	border-radius:3px;
}
.features li span{
	display:block;
	font-weight:400;
	color:#778597;
	padding-top:10px;
	font-size:14px;
	line-height:21px;
}
.features li.b{background-position:30px -165px;}
.features li.c{background-position:30px -364px;}
.features li.d{background-position:30px -550px;}
.features li.e{background-position:30px -758px;}
.features li.f{background-position:30px -954px;}
.features li.g{background-position:30px -1148px;}
.features li.h{background-position:30px -1378px;}




#roomprice{
	border-top:1px solid #EAEDED;
}
#roomprice .box{
	width:50%;
	height:698px;
	padding-top:109px;
	position:relative;
}
#roomprice .box.fl{
	background:url(../images/roomprice_bg.jpg) repeat top right;
	border-right:1px solid #21CFAC;
}
#roomprice .box.fr{
	z-index:1;
	background-color:#FFF;
}
ul.roompoint{
	width:426px;
	float:right;
}
ul.roompoint .roombox{
	width:368px;
	height:68px;
	background-color:#252B33;
	padding:12px 21px;
	border-radius:3px;
	color:#FFF;
	line-height:21px;
	float:left;
	margin-bottom:31px;
}
ul.roompoint .roombox span{
	color:#21cfac;
	font-weight:600;
}
ul.roompoint .roombox:after{
	content:'';
	display:block;
	width:10px;
	height:10px;
	background:url(../images/room_arrow.png) no-repeat top right;
	float:right;
	margin-right:-31px;
	margin-top:-2px;
}
ul.roompoint .count{
	float:right;
	display:block;
	width:38px;
	height:38px;
	text-align:center;
	font-weight:600;
	color:#252b33;
	border:2px solid #21cfac;
	border-radius:100px;
	line-height:38px;
	background-color:#FFF;
	margin:14px -19px 0 0;
	position:relative;
	z-index:2;
}
#roomprice .detail{
	max-width:362px;
	margin-left:209px;
}
#roomprice .detail h2{
	margin-bottom:20px;
}
#roomprice .detail p{
	font-size:18px;
	color:#778597;
	line-height:30px;
	margin-bottom:35px;
}
#roomprice .detail p u{
	color:#252b33;
}
#roomprice .detail .btn{
	display:block;
	border:1px solid #21CFAC;
	text-align:center;
	max-width:188px;
	max-height:49px;
	line-height:49px;
}
#roomprice .detail .btn:hover{
	border-color:#fc3768;
}
#roomprice .detail .btn a{
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
}
#roomprice .detail .btn:hover a{
	color:#fc3768;
}
#roomprice .tagline{
	font-style:italic;
	line-height:19px;
	margin-top:70px;
}
#roomprice .tagtxt{
	padding-top:6px;
}
#roomprice .tagline .rphoto{
	float:left;
	margin-right:20px;
}
#roomprice .vrma_logo{
	margin:18px 0 0 70px;
}


#clientbox .detail{
	text-align:center;
}

#clientbox .detail h2{
	margin-bottom:20px;
}

#clientbox .detail p{
	font-size:18px;
	color:#778597;
	line-height:30px;
}
.client_logo{
	text-align:center;
	padding-top:35px;
}
.client_logo li{
	display:inline-block;
	padding:0 26px;
}

#verifiedbox{
	background:url(../images/verifiedbox_bg.jpg) repeat top left;
	text-align:center;
}
.verified_logo{
	margin-top:-90px;
	margin-bottom:-40px;
}
#verifiedbox .detail{
	text-align:center;
}
#verifiedbox h2{
	color:#FFF;
}
#verifiedbox p{
	color:#778597;
	font-size:18px;
	line-height:30px;
}
#getstartedbox{
	background-color:#21CFAC;
}
#getstartedbox .detail{
	width:100%;
	display:table;
}
#getstartedbox h2{
	color:#FFF;
}
#getstartedbox .box{
	display:table-cell;
}
#getstartedbox .box.mdl{
	text-align:center;
}
#getstartedbox .box.last{
	text-align:right;
}
#getstartedbox .btn{
	width:198px;
	height:53px;
	border:2px solid #FFF;
	text-align:center;
	line-height:48px;
	font-size:14px;
	color:#FFF;
	margin:0 auto;
	font-weight:600;
}
#getstartedbox .btn:hover{
	box-shadow:inset 0 0 5px #000;
}
#getstartedbox .rdemo{
	color:#FFF;
	font-weight:600;
	font-size:14px;
	display:block;
	margin-top:20px;
	margin-bottom:-20px;
}
#getstartedbox .rdemo:hover{
	color:#000;
}
#footer{
}
.footer_top{
	background-color:#F2F6F6;
}
.footer_top .box{
	width:50%;
	display:table;
}
.footer_top .fimg{
	margin-right:28px;
}
.footer_top .detail{
	color:#778597;
	/*text-align: center;
    width: 250px; */
	/* Commented by Ali*/
}
.footer_top .detail h3 {
    font-size: 18px;
    color: #252b33;
	padding:10px 0;
	/*
	padding: 115px 0 0;
    background: url(../images/reasen_bg.png) no-repeat center 20px; */
	/* Commented by Ali*/
}
.footer_top .detail h6{
	font-size:10px;
	color:#778597;
	text-align: left;
}
.footer_top .detail p{
	line-height:21px;
}
.footer_top .download-paper{
	font-size:14px;
	color:#252b33;
	font-weight:600;
	background:url(../images/download_paper_icon.png) no-repeat left;
	line-height:27px;
	display:block;
	padding-left:46px;
	margin-top:22px;
}
.footer_top .download-paper:hover{
	color:#fc3768;
}
.footer_top ul{
	display:table-cell;
	width:33%;
}
.footer_top ul li{
	font-size:14px;
	color:#778597;
}
.footer_top ul li a{
	color:#778597;
	line-height:26px;
}
.footer_top ul li a:hover{
	color:#21cfac;
}
.footer_top ul li.title{
	font-weight:600;
	color:#252b33;
	padding-bottom:10px;
}
.footer_top ul li .bubl {
	background-color:#21CFAC;
	border-radius:20px;
	color: #fff;
	margin-left: 10px;
	padding: 2px 10px;
	font-size:12px;
}
.footer_bottom{
}
.footer_bottom .credit{
	width:68%;
	font-size:12px;
	color:#778597;
}
.footer_bottom .fa.fa-heart {
	font-size: 20px;
	vertical-align: middle;
}
.footer_bottom .social{
	width:32%;
	text-align:right;
}
.footer_bottom .social a{
	font-size:24px;
	margin:0 10px;
	color:#778597;
}
.footer_bottom .social a.fa-facebook:hover{color:#4A6EA9;}
.footer_bottom .social a.fa-twitter:hover{color:#28A9E0;}
.footer_bottom .social a.fa-linkedin:hover{color:#007AB9;}
.footer_bottom .social a.fa-youtube:hover{color:#C8302A;}

#resp_menu_wrap{
	display:none;
}
#mm-blocker {
	background: #ffffff none repeat scroll 0 0;
	display: none;
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 9999;
}
.mm-opened #header {
  position: relative;
}
.mm-menu.mm-current {
  display: block !important;
}
.logo .resmenu_left.for_mobile_tab,
.logo .friends_right.for_mobile,
.mainmenu .user_right.for_tab{
	display:none;
}



@media only screen and (max-width: 1024px) {
	.contect_box .btn{
		font-size:12px;
	}
}
@media only screen and (max-width: 1024px) {
	.mainmenu li a{
		padding:0 15px;
	}
	#whyveryus .box .cell {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
		padding: 0 15px !important;
	}
	#detailbox .detail > p br {
		display: none;
	}
	#getstartedbox h2 {
		font-size: 30px;
	}
}
@media only screen and (max-width: 768px) {
	#resp_menu_wrap{
		display: block;
	}
	.logo a {
		display: inline-block;
		vertical-align: middle;
	}
	.logo .resmenu_left.for_mobile_tab::before {
		color:#21cfac;
		content: "\f039";
		font-family: fontawesome;
		font-size: 35px;
		margin-right: 30px;
	}
	.logo .resmenu_left.for_mobile_tab{
		display:inline-block;
	}
	.mainmenu .user_right.for_tab a:before{
		color:#21cfac;
		content: "\f023";
		font-family: fontawesome;
		font-size: 35px;
	}
	.mainmenu .user_right.for_tab {
		display: table-cell;
		vertical-align: middle;
	}
	h2{
		font-size:26px;
	}
	.container{
		padding-left:30px;
		padding-right:30px;
	}
	.banner_txt .h2{
		font-size:52px;
	}
	.banner_txt .p{
		font-size:18px;
		line-height:28px;
	}
	#whyveryus .box {
		float: none;
		left: inherit;
		margin: 0 auto;
		width: 96%;
	}
	#whyveryus p {
		font-size: 16px;
		line-height: 26px;
	}
	#whyveryus .whyveryus_code{
		margin:0 auto;
	}
	#detailbox .detail{
		float:none;
		width:100%;
		margin:0 auto 50px;
	}
	#detailbox .graph{
		float:none;
		width:100%;
		margin:0 auto;
	}
	#conectbox .detail{
		font-size:14px;
	}
	#conectbox .graph img{
		width:100%;
	}
	#socialbox .box{
		float:none;
		width:100%;
	}
	#socialbox .imgbox{
		text-align:center;
	}
	#socialbox .imgbox{
		margin-bottom:0px;
	}
	#socialbox .detail{
		padding-top:40px;
	}
	#clientbox .detail p{
		font-size:14px;
	}
	#verifiedbox p{
		font-size:14px;
	}
	#getstartedbox h2{
		font-size:24px;
	}
	.footer_bottom .credit {
		float: none;
		width: 100%;
	}
	.footer_bottom .social {
		float: none;
		padding-top: 10px;
		width: 100%;
	}
	.mainmenu {
		width: auto;
	}
	.mainmenu .menu{display:none;}
}
@media only screen and (max-width: 700px) {
	h2{
		font-size:22px;
	}
	.banner_txt .h2 {
		font-size: 48px;
	}
	.detail p br{
		display:none;
	}
	.footer_top .box{
		float:none;
		width:100%;
		padding-bottom:40px;
	}
	.footer_top .box.last{
		padding-bottom:0;
	}
	.footer_top .detail p br{
		display:inherit;
	}
}
@media only screen and (max-width: 480px) {
	.logo a {
		display: inline-block;
		max-width: 60%;
		text-align: center;
		vertical-align: middle;
		width: 60%;
	}
	.logo a img {
		width: auto;
	}
	.logo .resmenu_left.for_mobile_tab {
		float: left;
		text-align: center;
		width: 20%;
	}
	.logo .friends_right.for_mobile {
		display: inline-block;
		float: right;
		text-align: right;
		width: 20%;
	}
	.logo .friends_right.for_mobile:before{
		color:#21cfac;
		content: "\f023";
		font-family: fontawesome;
		font-size: 35px;
	}
	
	.mainmenu{
		display:none;
	}
	.logo{float:none; margin:6px auto 0; max-width:100%;}
	.banner_txt .h2{
		font-size:24px;
	}
	.banner_txt .p{
		font-size:14px;
		line-height:normal;
	}
	.banner_txt .p br{
		display:none;
	}
	#boxslider .container {
		height: auto;
		padding-bottom: 130px;
	}
	#detailbox ul.ofr_list li{
		font-size:16px;
	}
	#detailbox ul.ofr_list li span {
		font-size: 12px;
		line-height: 14px !important;
	}
	.features .box{
		float:none;
		width:100%;
	}
	#socialbox .imgbox{
		padding:0px;
	}
	#socialbox .imgbox img{
		width:100%;
	}
	.contect_box .btn {
		float:none;
		width:98%;
		margin-top:20px;
		font-size:14px;
	}
	.client_logo li{
		padding:10px 26px;
	}
	.verified_logo img{
		width:100%;
	}
	#getstartedbox .box{
		display:block;
		text-align:center;
	}
	#getstartedbox .box.mdl{
		margin-top:10px;
	}
	#getstartedbox .box.last{
		text-align:center;
	}
	#getstartedbox .rdemo{
		margin-bottom:-65px;
		margin-top:55px;
	}
	.footer_top ul{
		display:block;
		margin-bottom:30px;
		width:100%;
	}
	.footer_bottom .credit {
		text-align: center;
	}
	.footer_bottom .credit span.fr {
		display: block;
		padding-top: 10px;
		width: 100%;
		float:none;
	}
	.footer_bottom .social{
		text-align:center;
	}
	#detailbox .pad120{
		padding-top:40px;
	}
	.footer_top .fimg{
		margin-bottom:20px;
	}
}