.vc_custom_1513591297030{margin-top: -110px !important;}.vc_custom_1513380001266{background-color: #fafafa !important;}
.wpb_animate_when_almost_visible { opacity: 1; }
/*.q_logo img, #nav-menu-item-5383, .textwidget, .qode-dlf-filter-logo a img, .wpb_revslider_element, .main_menu, .header_bottom {
		    display:none;
		}*/
		.qode-dlf-filter-logo {
		    /*background:url("https://voxnet.asia/wp-content/uploads/2018/06/favicon-1.png")no-repeat;*/
		    background-size:80px;
		    background-position:center;
		}
		.qode-demos-filter-holder {
		    transform:translateY(0);
		}
		.vc_single_image-wrapper {
		    padding-top:150px;
		}
		.vc_single_image-wrapper {
		    padding-top:200px;
		}
.qode-demos-filter-holder .qode-dlf-search input{
		min-width:250px;
		width: 100%;
	}
	.hide-filter{
		background-color: #e8e8e8;
	}
	.radius-5px{
		border-radius: 5px;
		border-color: transparent;
		margin-top:10px;
	}
	.icon_plan{
		font-size: 50px;
	    color: #E74C3C;
	    padding-bottom: 20px;
	}
	.icon_template{
		font-size: 50px;
	    color: #ff9800;
	    padding-bottom: 20px;
	}
	.input_template{
		color:  #ff9800;
	}
	.select-plan-ddl-pop{
    	background-size: 15px;
    	font-size: 20px;
    	border-radius: 5px;
	}
	.selected-plan-pop{
	    width: 50%;
	    min-width: 200px;
	    margin: 0 auto;
	    padding: 10px;
	    color: white;
	    font-weight: 500;
	}
	.selected-template-pop{
	    border: 1px solid #FF9800;
	    background: none;
	    color: #FF9800;
	    width: 45%;
	    min-width: 200px;
	    margin: 0 auto;
	    padding: 10px;
	    font-weight: 500;
	}
	.btn_close{
		padding: 10px;
	    background: #2196F3;
	    color: white;
	    position: absolute;
	    bottom: 0;
	    left:0;
	    width: 45%;
	}
	.btn_close:hover{
		background-color: #f56759;
		color:white;
	}
	.btn-proceed{
		padding: 10px;
	    background: #2196F3;
	    color: white;
	    position: absolute;
	    bottom: 0;
	    width: 50%;
	    right:0;
	}
	.btn-proceed:hover{
		background: #5cb1f5;
		color:white;
	}
	/* The Modal (background) */
	.modal-header h3{
		color: white!important;
		font-size:15px;
		font-weight: 500;
	}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 150; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    /*border: 1px solid #888;*/
    width: 50%;
    min-width: 250px;
    min-height: 350px;
    max-width: 800px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-top:3px;
}

.close:hover,
.close:focus {
    color: #ffc107;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 5px 16px;
    background-color: #FF9800;
    color: white;
    font-weight: 500;
}

.modal-body {padding: 15px;text-align: center;}

.modal-footer {
    padding: 2px 16px;
    background-color: white;
    color: white;
}
		/* Top right Select CSS Start */
		select {
		  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
		  /*background-color:#3498DB;*/
		  background-repeat:no-repeat;
		  background-position: right 10px top 15px;
		  background-size: 9px;
		  color:#e74c3c;
		  padding:12px;
		  width:auto;
		  border:1px solid #E74C3C;
        	font-style: normal;
		    /*font-weight: bold;*/
		  
		  text-align:center;
		  /*text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);*/
		  border-radius:0px;
		  -webkit-border-radius:0px;
		  -webkit-appearance: none;
		  
		  outline:0;
		  -webkit-transition:0.3s ease all;
			   -moz-transition:0.3s ease all;
			    -ms-transition:0.3s ease all;
			     -o-transition:0.3s ease all;
			        transition:0.3s ease all;
			        margin:5px;
		}
		.hidden{
			display:none!important;
		}
		.center{
			text-align: center;
		}
		.blue {
		  background-color:#3498DB;
		}

		.blue:hover {
		  background-color:#2980B9;
		  color:white;
		}

		.green {
		  background-color:#2ECC71;
		}

		.green:hover {
		  background-color:#27AE60;
		}

		.red {
		  background-color:#E74C3C;
		}

		.red:hover {
		  background-color:#C0392B;
		}
		.orange{
			background-color:#FF9800
		}
		.orange:hover{
			background-color:#ffb74c
		}

		select:focus, select:active {
		  /*border:0;*/
		  outline:0;
		}
		.qode-demos-list-holder article .qode-dli-text .qode-dli-title .special{
			display:none;
		}
		.qode-demos-list-holder article .qode-dli-text-holder .qode-dli-text h3 a{
			font-size:15px;
		}
		.white-tx{
			color:white;
		}
		.p-12{
			padding: 12px;
		}
		.f-r{
			float:right;
		}
		.selected_template_lb{
			font-size: 11px;
		    /*background: #FF9800;*/
		    padding: 10px;
		    color: white;
		    font-weight: 500;
		}
		.qode-dli-image:hover{
			opacity: 0.8;
			background-image: url("https://voxnet.asia/wp-content/uploads/2018/06/favicon-1.png")no-repeat;
		}
		.label{
			font-family: 'Open Sans', sans-serif;
		    font-size: 15px;
        	font-style: normal;
		    font-weight: bold;
		    text-decoration: none;
		}
		.btn-show-silter{
		    text-align: center;
		    margin: 0px auto;
		    padding: 18px;
		    background: none;
		    width: 100%;
    		border: 1px solid #e8eae8;
		}
		input{
			padding:10px;
			background: none;
			border:1px solid #ff9800;
		}
		/* Top right Select CSS End */
		.qode-mds-title {
		    color: #272727;
		    font-size: 62px;
		    line-height: 67px;
		    letter-spacing: -1.24px;
		    margin-bottom: 18px;
		}
		.qode-mds-subtitle {
		    color: #7c7c7c;
		    font-size: 20px;
		    line-height: 32px;
		    font-weight: 300;
		    margin-bottom: 33px;
		}
		.qode-demos-filter-holder .qode-dlf-inner{
		  		min-height: 105px;
		}


		@media only screen and (min-width: 700px) {
		     #qode-multi-device-showcase .qode-mds-content-holder { 
		        width: 50%; 
		        padding-left: 8%;
		    }
		}

		@media only screen and (min-width: 1024px) {
		     #qode-multi-device-showcase .qode-mds-content-holder { 
		        width: 50%; 
		        padding-left: 4%;
		    }
		}

		@media only screen and (min-width: 1200px) {
		    #qode-multi-device-showcase .qode-mds-content-holder { 
		        width: 40%; 
		        padding-left: 3%;
		    }
		}

		@media only screen and (min-width: 1440px) {
		 	#qode-multi-device-showcase .qode-mds-content-holder { 
		        width: 40%; 
		        padding-left: 2.5%;
		    }
		}

		.qode-lazy-preloader svg circle {
		    stroke:#9c9c9c;
		}

		#back_to_top {
		    display: none;
		}

		.qbutton,
		.qbutton.medium {
		    line-height: 53px;
		    height: 53px;
		    font-weight:500;
		    letter-spacing: 2px;
		    padding-left: 50px;
		    padding-right: 50px;
		}
		
		/*Iphone 5S*/
		@media only screen 
		  and (min-device-width: 320px) 
		  and (max-device-width: 568px)
		  and (-webkit-min-device-pixel-ratio: 2) {
		  	.qode-purchase-button{
		  		display: none;
		  	}

		  	.selected-template-pop{
		  		font-size: 15px;
		  	}
		  	.select-plan-ddl-pop{
		  		font-size: 15px;
		  	}
		  	h3{
		  		font-size: 15px;
		  	}
			.modal-content{
		  		width :95%;

		  	}
		  	.modal{
		  		padding-top: 10px;
		  	}
			.qode-demos-filter-holder{
		  		position: fixed!important;
		  		display: -webkit-box;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-inner{
		  		padding-left:0px;
		  		/*padding-top: 50px;*/
		  		width: 98%;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu{
		  		display: block;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-filter-logo{
		  		width: 15%;
		  		height:60px;
		  	}
		  	.qode-dlf-filter-logo{
		  		    background-size: 45px!important;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-search{
		  		padding-left:25px;
		  		background-position: right center;
		  		margin-left:0px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu nav.main_menu.right{
		  		padding:5px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button{
		  		    position: fixed;
				    top: 153px;
				    width: 100%;
				    /*margin-top:50px;*/
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button a{
		  		width: 100%;
		  		text-align:center;
		  		padding: 0px!important;
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list{
		  		/*padding-top: 60px;*/
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list>li{
		  		padding:10px;
		  	}
		  	.btn-show-silter{
		  		/*margin-top:160px;*/
		  		padding: 15px;
		  		margin-left:4px;
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list>li{
		  		border: 1px solid #e5e5e5;
    			margin: 2px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-search input{
		  		font-size: 12px;
		  	}
		}
		/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
		@media only screen 
		  and (min-device-width: 375px) 
		  and (max-device-width: 667px) 
		  and (-webkit-min-device-pixel-ratio: 2) { 
		  	.qode-purchase-button{
		  		display: none;
		  	}
		  	.modal-content{
		  		width :95%;
		  	}
		  	.modal{
		  		padding-top: 50px;
		  	}
		  	.hide-filter{
		  		width: 95%;
   				text-align: center;
		  	}
		}
		/*IPhone X*/
		@media only screen 
		  and (min-device-width: 375px) 
		  and (max-device-width: 812px) 
		  and (-webkit-min-device-pixel-ratio: 3) { 
		  	.qode-purchase-button{
		  		display: none;
		  	}
		  	.modal-content{
		  		width :90%;
		  	}
		  	.btn_close{
		  		width: 45%;
		  	}
		  	.qode-demos-filter-holder{
		  		position: fixed!important;
		  		display: -webkit-box;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-inner{
		  		padding-left:0px;
		  		/*padding-top: 50px;*/
		  		width: 98%;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu{
		  		display: block;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-filter-logo{
		  		width: 15%;
		  		height:60px;
		  	}
		  	.qode-dlf-filter-logo{
		  		    background-size: 45px!important;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-search{
		  		padding-left:25px;
		  		background-position: right center;
		  		margin-left:0px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu nav.main_menu.right{
		  		padding:5px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button{
		  		    position: fixed;
				    top: 153px;
				    width: 100%;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button a{
		  		width: 100%;
		  		text-align:center;
		  		padding: 0px!important;
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list{
		  		/*padding-top: 60px;*/
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list>li{
		  		padding:10px 10px;
		  	}
		  	.hide-filter{
		  		width: 100%;
   				text-align: center;
		  	}
		}
		/*IPAD*/
		@media only screen 
		  and (min-device-width: 768px) 
		  and (max-device-width: 1024px) 
		  and (-webkit-min-device-pixel-ratio: 1) {
		  	.qode-purchase-button{
		  		display: none;
		  	}
		  	.modal-content{
		  		width :90%;
		  	}
		  	.btn_close{
		  		width: 45%;
		  	}
		  	.qode-demos-filter-holder{
		  		position: fixed!important;
		  		display: -webkit-box;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-inner{
		  		padding-left:0px;
		  		/*padding-top: 50px;*/
		  		width: 100%;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu{
		  		display: block;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-filter-logo{
		  		width: 15%;
		  		height:60px;
		  	}
		  	.qode-dlf-filter-logo{
		  		    background-size: 45px!important;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-filter-logo img{
		  		width: 45%;

		  	}
		  	.qode-demos-filter-holder .qode-dlf-search{
		  		padding-left:50px;
		  		background-position: right center;
		  		margin-left:0px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu nav.main_menu.right{
		  		padding:5px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button{
		  		    position: fixed;
				    top: 153px;
				    width: 100%;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-menu .qode-purchase-button a{
		  		width: 100%;
		  		text-align:center;
		  		padding: 0px!important;
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list{
		  		/*padding-top: 60px;*/
		  	}
		  	.qode-demos-filter-holder ul.qode-dfl-filter-list>li{
		  		padding:12px;
		  		border:1px solid #e5e5e5;
		  		margin:2px;
		  	}
		  	.qode-demos-filter-holder .qode-dlf-search input{
		  		width: 100%;
		  	}
		  	.vc_single_image-wrapper{
		  		padding-top: 0px;
		  	}
		  	.hide-filter{
		  		width: 100%;
   				text-align: center;
		  	}
		}
		@media only screen and (max-width: 1441px){
		    .qode-demos-list-holder .qode-dlf-section-title-holder{
		        margin-top: 0px;
		        margin-bottom:80px;
		    }
		}