html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */

/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

.show_important_wrapper {
	display: block !important;
}

.wpb_single_image .vc_figure{display: block !important;}
.vc_row{margin: 0 !important}
/*#input_5_42 li { float:left;}*/
#input_5_42 input { float:left; margin:0 !important }
#input_5_42 label { float:left; }


/* Default Font Styles
______________________*/
body, input, select, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Lato', 'sans-serif';
	font-size:14px;
	color:#000;
	line-height:1.4;
}
body{
	background:#f8f8f8;
}
.wrapper{
	/*padding-top:87px;*/
}
.gform_footer { text-align:center !important; margin:0 auto !important}
.gform_submit_button_1 { text-align:center !important; margin:0 auto !important;}

.paging-navigation,
.post-navigation {
	
}

/* Headings
______________________*/
h1{
	font-size:45px;
	color:#1f1f1e;
	line-height:1.2;
	margin:0 0 12px;
	font-weight:900;
}
h2{
	font-size:27px;
	font-size:40px;
	color:#1f1f1e;
	line-height:1.2;
	margin:0 0 12px;
	font-weight:900;
}
h3{
	font-size:28px;
	color:#1f1f1e;
	line-height:1.2;
	margin:0 0 12px;
	font-weight:900;
}
h4{
	font-size:22px;
	color:#1f1f1e;
	line-height:1.2;
	margin:0 0 12px;
	font-weight:900;
}


/* Links
______________________*/
a{
	color:#175ec4;
	text-decoration:underline;
	
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
a:hover {
	color:#3c80e2;
}
nav.paging-navigation{position: relative; top: 0;}
.w_blog{text-decoration: none;}
.paging-navigation .nav-links .nav-previous{float: left;}
.paging-navigation .nav-links .nav-next{float: right;}
.btn{
	background:#175ec4;
	color:#fff;
	display:inline-block;
	padding:15px 25px 16px;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.btn:hover{
	background:#3c80e2;
	color:#fff;
}
.btn-default{
	background:#fff;
	color:#1f1f1e;
}
.btn-default:hover{
	background:#fcfcfc;
	color:#000;
}

/* p, blockquote, address
______________________*/
p{
	padding: 15px 0;
}
img{
	max-width:100%;
	height:auto;
}

/* Layout 
______________________*/
ol { margin-left:20px;}
ol li { margin:5px 0;}
.content-width{
	width:1170px;
	margin:0 auto;
}
#container-fluid{
	text-align:center;
	max-width:1280px;
	margin:0 auto;
	
	-moz-box-shadow:0 3px 5px rgba(0,0,0, 0.3);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0, 0.3);
	box-shadow:0 3px 5px rgba(0,0,0, 0.3);
}

.gfield_radio label {
	display: inline !important;
	font-weight: bold;
	margin-left: 5px !important;
}

.gfield_radio input[type="radio"] {
	display: inline !important;
	text-align: center;
	float: none !important;
	padding: 0;
	height: auto;
	box-shadow: none;
	margin: 0 !important;
}

/* Header
______________________*/
#header-wrap{
	background:#f8f8f8;
	-moz-box-shadow:0 2px 5px #83a4d4;
	-webkit-box-shadow:0 2px 5px #83a4d4;
	box-shadow:0 2px 5px #83a4d4;
	
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:999;
}
#header{
	padding:7px 60px;
}
#logo{
	float:left;
	width:205px;
}
#nav-wrap{
	float:right;
	margin:30px 0 0;
}
	#menu{
		display:none;
		color:#181717;
		text-decoration:none;
		font-weight:bold;
		font-size:22px;
		background:url(../images/menu.png) right center no-repeat;
		background-size:28px auto;
		text-transform:uppercase;
		padding-right:38px;
	}
#nav li{
	float:left;
	margin-left:25px;
}
#nav a{
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}
#nav a:hover{
	color:#0130a4;
}
	#nav .nav-last{
		margin-top:-12px;
	}
	#nav .nav-last a{
		padding:10px 10px 11px;
		display:inline-block;
		color:#0130a4;
		border:3px solid #0130a4;
		border-radius:5px;
	}
	#nav .nav-last a:hover{
		color:#000;
		border-color:#000;
	}
/*  Main Area
-------------------------------------- */
.slider-wrap{
	position:relative;
	max-height:614px;
	overflow:hidden;
}
	.slider li{
		position:relative;
	}
	.slider img{
		width:100%;
		display:block;
		margin:0 auto;
	}
	.overlay-black{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0, 0.5);
	}
	.slider-overlay{
		position:absolute;
		left:50%;
		top:35%;
		width:900px;
		margin-left:-450px;
	}
		.slider-overlay h2,
		.slider-overlay h1{
			font-size:34px;
			font-size:60px;
			color:#fff;
			font-weight:900;
			line-height:1.1;
			margin:0 0 5px;
		}
		.slider-overlay h2 span,
		.slider-overlay h1 span{
			display:block;
		}
	.slider-overlay p{
		font-size:20px;
		color:#fff;
	}
	.txt-in{
		min-height:100px;
	}
	.slider .btn{
		text-transform:uppercase;
		min-width:150px;
		font-weight:bold;
	}
		.flex-control-nav{
			position:absolute;
			left:0;
			bottom:20px;
			width:100%;
			z-index:99;
		}
			.flex-control-nav li{
				display:inline-block;
				margin:0 5px;
			}
			.flex-control-nav a{
				display:inline-block;
				width:15px;
				height:15px;
				font-size:0;
				cursor:pointer;
				background:#000;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			.flex-control-nav a.flex-active{
				background:#fff;
				-moz-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
				-webkit-box-shadow:0 1px 2px rgba(0,0,0, 0.4);
				box-shadow:0 1px 2px rgba(0,0,0, 0.4);
			}
.feature-section-wrap{
	background:#fff;
	padding:60px 0 20px;
}
	.title-section{
		max-width:800px;
		margin:0 auto;
		padding:0 0 40px;
	}
		.title-section h2 span{
			color:#175ec4;
		}
	.title-section p{
		font-size:16px;
		color:#1f1f1e;
		line-height:1.4;
	}
	.feature-section li{
		float:left;
		width:230px;
		margin-right:80px;
	}
	.feature-section li.right-item{
		margin-right:0;
	}
		.feature-icon{
			margin:0 0 25px;
		}
			.feature-icon a{
				border:10px solid #175ec4;
				background:#175ec4;
				width:160px;
				height:120px;
				padding-top:40px;
				display:block;
				margin:0 auto;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			.feature-icon a:hover{
				background:#3c80e2;
				text-decoration:none;
			}
			.feature-icon a span{
				color:#fff;
				font-size:70px;
			}
		.feature-section h3{
			color:#1f1f1e;
			font-weight:bold;
			font-size:18px;
			text-transform:uppercase;
			line-height:1.2;
			margin:0 0 7px;
		}
		.feature-section p{
			font-size:16px;
			color:#1F1F1E;
		}
.main-slider-wrap{
	background:#0e0e0e url(../images/noice-black.png);
	color:#fff;
	padding:55px 0 30px;
	position:relative;
	height:625px;
}
	.main-slider-wrap .title-section{
		padding:0 0 10px;
	}
		.main-slider-wrap .title-section h2{
			color:#fff;
		}
		.main-slider-wrap .title-section p{
			color:#fff;
		}
	.main-slider-wrap .btn{
		text-transform:uppercase;
	}
	.slider-img-wrap{
		border-top:2px solid #ffffff;
		border-bottom:2px solid #ffffff;
		background:#404040 url(../images/noice-gray.png);
		height:245px;
		position:relative;
		padding: 0 0;
		margin:30px 0;
	}
		.caret-up,
		.caret-down{
			position:absolute;
			left:50%;
			top:-2px;
			margin-left:-25px;
			width:50px;
			height:38px;
			background:url(../images/arrow-top.png) no-repeat;
		}
		.caret-down{
			background:url(../images/arrow-bot.png) no-repeat;
			top:auto;
			bottom:-2px;
		}
	.bxslider p{
		color:#fff;
		font-size:22px;
		padding:0 50px 15px;
	}
	.slider1{
	}
		.slider-icon{
			margin:0 0 5px;
			text-align:center;
		}
		.slider-icon span{
			display:inline-block;
			color:#fff;
			font-size:80px;
			margin:0 0 5px;
		}
		.slider1 p{
			font-size:22px;
			color:#fff;
			line-height:1.2;
		}
		.slider1 p span{
			display:block;
		}
		.next,
		.prev{
			
			width:23px;
			height:56px;
			font-size:0;
			display:inline-block;
			
			position:absolute;
			top:390px;
			
			margin:40px 0 0 -130px;
			z-index:99999;
			background:url(../images/next.png) no-repeat;
			
		}
		.prev{
			background:url(../images/prev.png) no-repeat;
			
			left:49%;
		}
		
		
		
		
		
		.next{right:39%;}
			.bx-controls-direction{
				visibility:hidden;
			}
.work-section-wrap{
	padding:60px 0 50px;
	background:#f8f8f8;
}
.bx-wrapper .slide {
    height: 250px !important;
    padding: 59px 0;
}
	.work-section-wrap .title-section{
		max-width:600px;
	}
	.work-in{
		padding:0 40px 0 140px;
	}
	.count-section{
		float:left;
		width:280px;
		text-align:left;
		padding:15px 0 0;
	}
		.count-section li{
			position:relative;
			padding:4px 0 25px 60px;
			font-size:16px;
		}
		.number{
			position:absolute;
			left:0;
			top:0;
			width:42px;
			height:42px;
			display:inline-block;
			line-height:40px;
			font-size:26px;
			color:#1f1f1e;
			text-align:center;
			border:2px solid #1f1f1e;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
		}
	.work-photo{
		float:right;
		width:685px;
	}
.social-section-wrap{
	background:#fff;
	padding:65px 0;
}
	.social-section{
		font-size:16px;
	}
		.social-section li{
			display:inline-block;
			width:110px;
			margin:0 30px 25px;
		}
		.social-section a{
			color:#1f1f1e;
			text-decoration:none;
			line-height:1;
		}
		.social-section strong{
			display:block;
		}
	.social-logo{
	}
		.social-logo img{
			display:block;
			margin:0 auto;
		}
		.ribben-wrap{
			margin:0 0 10px;
		}
.mobile-section-wrap{
	background:url(../images/mobile-slider.jpg) no-repeat;
	background-size:100% 100%;
	min-height:835px;
	position:relative;
}
	.mobile-section-wrap .title-section{
		padding:75px 0 90px;
	}
	.mobile-section-wrap h2{
		color:#fff;
	}
	.mobile-in-wrap{
		color:#fff;
	}
		.left-content{
			float:left;
			width:300px;
			margin:25px 70px 0 0;
			text-align:right;
		}
		.mobile-slider-wrap{
			float:left;
			width:423px;
			height:563px;
			background:url(../images/mobile.png) no-repeat;
			
			position:absolute;
			left:50%;
			bottom:0;
			margin-left:-211px;
		}
			.mobile-section{
				margin:75px 40px 0;
				height:488px;
				overflow:hidden;
			}
		.right-content{
			float:right;
			width:300px;
			text-align:left;
			margin:25px 0 0;
		}
			.info-section li{
				padding:0 0 5px;
			}
			.info-section h3{
				font-size:22px;
				color:#fff;
				line-height:1.1;
				padding:8px 65px 5px 0;
				margin:0;
			}
			.info-section h3.double-line{
				padding-top:0;
			}
			.mobile-title{
				padding:0 0 10px;
			}
			.mobile-icon{
				float:right;
				width:48px;
				height:48px;
				line-height:50px;
				font-size:24px;
				background:#175ec4;
				text-align:center;
				border:1px solid #fff;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
			.info-section p{
				font-size:16px;
				line-height:1.2;
			}
	.info-section li{
		padding:0 0 10px;
	}
	.right-content .mobile-icon{
		float:left;
	}
	.right-content .info-section h3{
		padding-left:65px;
		padding-right:0;
	}
	
.dashboard-seciton-wrap{
	background:#fff;
	padding:60px 0 50px;
}
.testimonial-section-wrap{
	position:relative;
	color:#fff;
	max-height:700px;
	overflow:hidden;
}

.slider-img-wrap .loder{ background:url(../images/slider-bg.png)no-repeat center top; width:100%; height:251px; position:absolute; top:0; left:0; z-index:11; }
.slider-img-wrap { position:relative;}

.testimonial{
/*	
	background:url(../images/testimonial-1.jpg) center top no-repeat;
	background-size: cover;
	min-height:700px;
*/	
}
	.testimonial-section-wrap img{
		display:block;
		width:100%;
	}
	.overlay-black-testmonial--{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0, 0.8);
	}
	.slider-overlay-testimonial{
		position:absolute;
		left:50%;
		top:200px;
		width:800px;
		margin-left:-400px;
	}
	.testimonial h2{
		font-size:34px;
		font-size:50px;
		color:#fff;
		font-weight:900;
		line-height:1.1;
		margin:0 0 5px;
	}
	.testimonial p{
		font-size:36px;
		color:#fff;
	}
	.testimonial-author{
		text-align:right;
		font-size:20px;
		padding-right:20px;
	}
.get-touch-wrap{
	background:#fff;
	padding:100px 0 20px;
}
	.get-touch{
		max-width:850px;
		margin:0 auto;
		font-size:18px;
	}
	.get-touch-section{
		padding:0 0 30px;
	}
	.get-touch-section.last-section{
		padding-bottom:0;
	}
	.get-touch-section p{
		padding-bottom:25px;
	}
	.get-touch-section .btn{
		font-weight:bold;
		font-size:20px;
	}
.add-seciton{
	margin:0 70px 60px;
}
	.add-seciton a{
		display:inline-block;
		vertical-align:middle;
		margin:0 8px 5px;
	}
.inner-content{
	background:#fff;
	padding:100px 0 50px;
	/*
	-moz-box-shadow: inset 0 9px 5px -7px #83a4d4;
	-webkit-box-shadow: inset 0 9px 5px -7px #83a4d4;
	box-shadow: inset 0 9px 5px -7px #83a4d4;
	*/
}
	.portfolio-section{
		background:url(../images/border-mid.png) center top no-repeat;
		background-size:2px 100%;
		padding:15px 30px 0;
	}
		.portfolio-section ul{
			background:url(../images/border-bottom.png) center bottom no-repeat;
			background-size:100% auto;
			padding-bottom:3px;
		}
		.portfolio-section ul:last-child,
		.portfolio-section ul.last-item{
			background:none;
		}
		.portfolio-section li{
			float:left;
			width:50%;
			padding:45px 30px;
			overflow:hidden;
			position:relative;
			-moz-box-sizing:border-box;
			-webkit-box-sizing:border-box;
			box-sizing:border-box;
		}
		.portfolio-section h3{
			text-transform:uppercase;
			margin:0 0 5px;
		}
			.portfolio-info a{
				text-decoration:none;
			}
			.portfolio-info p{
				padding:0 0 2px;
			}
			.more{
				font-weight:bold;
				font-size:22px;
				font-weight:900;
			}
			.portfolio-overlay{
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				width:100%;
				height:100%;
				z-index:99;
			}
		.portfolio-in{
			-webkit-transition: -webkit-transform 0.4s;
			-moz-transition: -moz-transform 0.4s;
			transition: transform 0.4s;
		}
		.portfolio-section li:hover .portfolio-in{
			-webkit-transform: translateY(-50px);
			-moz-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
			transform: translateY(-30px);
		}
		.portfolio-info{
			position: absolute;
			top: 0;
			left: 0;
			height: 70px;
			width: 100%;
			top: auto;
			bottom: 0;
			opacity: 0;
			-webkit-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
			-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
			transition: transform 0.4s, opacity 0.1s 0.3s;
		}
		.portfolio-section li:hover .portfolio-info{
			opacity: 1;
			-webkit-transform: translateY(0px);
			-moz-transform: translateY(0px);
			-ms-transform: translateY(0px);
			transform: translateY(0px);
			-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
			-moz-transition: -moz-transform 0.4s, opacity 0.1s;
			transition: transform 0.4s, opacity 0.1s;
		}
/* package-page  */
.package-wrap{
	background:#fff;
}
.banner-section{
	position:relative;
	margin:0 0 30px;
}
	.banner-section img{
		display:block;
		width:100%;
	}
	.banner-info{
		position:absolute;
		left:0;
		top:110px;
		width:100%;
		text-align:center;
		color:#fff;
	}
		.banner-info h2,
		.banner-info h1{
			color:#fff;
			font-weight:normal;
			font-size:60px;
		}
		.banner-info p{
			font-size:18px;
			text-transform:uppercase;
			padding:0 0 25px;
		}
		.banner-link a{
			margin:0 7px;
		}
		.banner-link .btn{
			font-size:18px;
			color:#000000;
			text-transform:uppercase;
			padding:7px 12px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
		}
		.banner-link .watch{
			font-size:18px;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
		}
			.banner-link .watch span{
				color:#fff;
				padding:2px 6px;
				font-weight:900;
				display:inline-block;
				vertical-align:middle;
				border:1px solid #fff;
				margin-left:5px;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				border-radius:50%;
			}
.mobile-secondary-nav{
	display:none;
}
.secondary-nav{
	text-align:center;
	background:#fff;
	z-index:9;
}
.secondary-nav.active{
	position:fixed;
	width:1280px;
	left:50%;
	margin-left:-640px;
	
	-moz-box-shadow: 0 4px 4px -2px rgba(0,0,0, 0.3);
	-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0, 0.3);
	box-shadow: 0 4px 4px -2px rgba(0,0,0, 0.3);
}
	.secondary-nav ul{
		padding:12px 0 10px;
	}
	.secondary-nav li{
		display:inline-block;
		margin:0 25px;
	}
	.secondary-nav a{
		font-size:13px;
		color:#d2d2d2;
		text-decoration:none;
		text-transform:uppercase;
	}
		.secondary-nav a span{
			display:block;
			font-size:26px;
		}
		.secondary-nav a em{
			font-style:normal;
		}
	.secondary-nav a:hover,
	.secondary-nav li.active a{
		color:#1f1f1e;
	}
.secondary-nav-cover{
	display:none;
}
.website-section{
	padding:70px 30px 30px 50px;
	position:relative;
	border-bottom:1px solid #e6e9ea;
}
.website-lg-top{
	padding-top:130px;
}
.website-section.no-bot-gap{
	padding-bottom:0;
}
	.website-content{
		float:left;
		width:35%;
		text-align:left;
	}
		.website-content p{
			font-size:20px;
			line-height:1.4;
		}
		.website-title{
		}
			.website-title h2{
				font-size:48px;
			}
			.website-title h2 span{
				color:#2f62ae;
			}
			.website-title em,
			.website-title img{
				font-style:normal;
				display:inline-block;
				vertical-align:bottom;
			}
	.website-photo{
		float:right;
		width:62%;
		margin:20px 0 0;
		position:relative;
	}
		.website-photo img{
			display:block;
			margin:0 auto;
		}
		.stemp{
			position:absolute;
			left:-50px;
			top:-80px;
		}
	.website-full .website-content{
		float:none;
		width:auto;
	}
		.website-full .website-inner-content{
			max-width:450px;
		}
		.website-full .website-photo{
			float:none;
			width:auto;
			padding:0 0 40px;
		}
	.left-align{
		text-align:left;
	}
	.full-img{
		margin:0 -30px -4px -50px;
	}
		.full-img img{
			width:100%;
		}
	.txt-overlay{
		position:absolute;
		left:50px;
		top:70px;
	}
	.website-photo-block{
		padding:30px 15px 10px;
	}
.box-wrap{
	text-align:left;
	position:relative;
}
	.box-wrap h3{
		font-size:18px;
		color:#1f1f1e;
		font-weight:bold;
		padding:0 70px;
		margin:0;
		
		position:absolute;
		left:0;
		top:-44px;
		width:100%;
	}
	.box-wrap h3 span{
		background:#f8f8f8;
		padding:10px 14px 12px;
		min-width:210px;
		display:inline-block;
		border:2px solid #e6e9ea;
		border-bottom:none;
	}
.box-wrap-in{
	background:#f8f8f8;
	border-top:1px solid #e6e9ea;
	border-bottom:1px solid #e6e9ea;
	padding:25px 10px 0 70px;
}
	.box-section{
		float:left;
		width:30%;
		margin-right:3%;
		padding:0 0 20px;
	}
	.box-section.right-section{
		margin:0;
	}
		.box-section h4{
			font-size:18px;
			font-weight:bold;
		}
			.box-section h4 span{
				color:#000;
				font-size:24px;
				vertical-align:middle;
				margin-right:5px;
			}
			.box-section em{
				font-style:normal;
				display:inline-block;
				vertical-align:middle;
			}
		.box-section p{
			color:#333333;
			font-size:17px;
		}
	.tap-link{
		display:none;
		background:#F8F8F8;
		padding:13px 0 10px;
		font-size:20px;
		color:#244c9e;
		text-decoration:none;
		font-weight:bold;
		border-top:2px solid #e0e3e5;
		border-bottom:2px solid #e0e3e5;
	}
		.tap-link em{
			display:inline-block;
			vertical-align:middle;
			font-style:normal;
		}
		.tap-link span{
			color:#040707;
			font-size:40px;
			vertical-align:middle;
			margin:0 5px;
		}
	.tap-link.active{
		border-top:none;
	}
.website-bot-info{
	text-align:center;
	padding:80px 15px 55px;
	font-size:20px;
	color:#333333;
}
	.website-bot-info p{
	}
	.website-bot-info span{
		display:block;
	}
.social-media{
	background:#fff;
	padding:0 0 100px;
}
.social-wrap{
	background:#fff;
}
.media-section{
	background:#7abbdb url(../images/social-bg.jpg) no-repeat;
	background-size:100% auto;
}
.media-in{
	padding:68px 20px 0;
}
	.media-title{
		padding:0 0 15px;
	}
		.media-title h2,
		.media-title h1{
			font-size:48px;
			font-weight:900;
		}
		.media-title p{
			font-size:22px;
			color:#333;
			max-width:980px;
			margin:0 auto;
		}
	.marketing-photo img{
		display:block;
		margin:0 auto;
	}
.social-bot{
	background:#2f61ad;
	padding:25px;
	font-size:21px;
	color:#fff;
	font-weight:300;
	text-align:left;
}
	.social-in{
		max-width:760px;
		margin:0 auto;
	}
	.social-left{
		float:left;
		width:565px;
		margin:7px 0 0;
	}
	.social-right{
		float:right;
		width:140px;
		width:145px;
		background:url(../images/arrow-left.png) no-repeat;
		min-height:50px;
		padding:15px 0 15px 40px;
		font-size:12px;
	}
		.social-right span{
			display:block;
			font-size:18px;
		}
.title-lg p{
	font-size:20px;
}
.protect-in{
	padding:70px 0 30px;
}
.content-outer{
	padding:0 0 20px;
}
	.col-left{
		text-align:left;
		font-size:20px;
		color:#333333;
		margin:35px 0 0;
	}
		.list-section{
			margin:25px 0 0 18px;
			font-size:18px;
		}
			.list-section ul{
				list-style:outside;
				color:#1f1f1e;
			}
			.list-section li{
				padding:0 0 15px;
			}
	.col-right{
		float:right;
		width:730px;
		width:64%;
	}
		.col-right img{
			display:block;
			margin:0 auto;
		}
	.protect-motive .col-right{
		float:left;
		width:595px;
	}
	.protect-motive .col-left{
		float:left;
		width:480px;
		margin-left:55px;
		padding-top:10px;
	}
	.motive-info{
		color:#333;
		padding:0 0 35px;
	}
	.first{
		margin-left:-60px;
	}
	.third{
		margin-left:-65px;
		padding-top:15px;
	}
	.motive-info{
		position:relative;
	}
		.motive-info h4,
		.motive-info h3{
			font-size:18px;
			color:#333;
			line-height:1.2;
			margin:0;
		}
		.motive-info p{
			font-size:18px;
			padding:0 0 10px;
			line-height:1.2;
		}
	.motive-icon{
		position:absolute;
		left:-106px;
		top:8px;
		background:#175ec4;
		width:86px;
		height:86px;
		line-height:90px;
		text-align:center;
		color:#fff;
		font-size:48px;
		display:block;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	.second .motive-icon{
		left:-118px;
	}
	.third .motive-icon{
		left:-118px;
	}
.bot-info{
	text-align:left;
	max-width:720px;
	padding:0 10px 0 60px;
	margin:0 auto;
	color:#1f1f1e;
	font-size:20px;
	position:relative;
}
	.bot-info span{
		position:absolute;
		left:0;
		top:-7px;
		display:block;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		
		background:#175EC4;
		color: #FFFFFF;
		display: inline-block;
		font-size: 24px;
		height: 50px;
		width: 50px;
		line-height: 54px;
		position: relative;
		text-align: center;
	}
.gray-section{
	background:#f8f8f8;
}
/*  start-page  */
.start-section-wrap{
	background:#fff;
	padding:75px 0 120px;
}
	.start-section-wrap .title-section{
		max-width:inherit;
	}
	.start-section-wrap .list-section{
		max-width:680px;
		margin:0 auto;
		padding:0 0 40px 20px;
		text-align:left;
		font-size:22px;
	}
	.start-section-wrap .list-section li{
		padding:0 0 10px;
	}
.article-wrap{
	max-width:970px;
	margin:0 auto;
}
	.artile{
		float:left;
		width:450px;
		text-align:left;
		background:#eff2f3;
		border-top:10px solid #d1d4d5;
		margin:0 0 20px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.artile.right-section{
		float:right;
	}
		.article-in{
			padding:28px;
		}
		.article-title{
			padding:0 0 35px;
		}
			.article-title h3{
				float:left;
				font-size:28px;
				color:#1f1f1e;
				width:260px;
				text-transform:uppercase;
				font-weight:bold;
				line-height:1.2;
				margin:0 0 5px;
			}
			.article-price{
				float:right;
				color:#908f8f;
				font-size:16px;
			}
				.article-price strong{
					font-size:28px;
				}
	.article-list{
		font-size:16px;
		color:#333333;
		min-height:225px;
	}
		.article-list li{
			position:relative;
			padding:0 0 20px 40px;
		}
		.circle-wrap{
			position:absolute;
			left:0;
			top:0;
			background:#5fcf80;
			color:#eff2f3;
			width:22px;
			height:22px;
			-moz-border-radius:50%;
			-webkit-border-radius:50%;
			border-radius:50%;
		}
			.circle-wrap i{
				font-size:28px;
				text-align:center;
				margin:-3px 0 -2px -1px;
			}
	.btn-green{
		background:#5fcf80;
		font-size:24px;
		padding:9px 45px 10px;
		font-weight:900;
		color:#fff;
	}
	.btn-green:hover{
		background:#5abc80;
	}
.article-bot{
	text-align:center;
	font-size:22px;
	color:#333333;
	line-height:1.2;
	padding:0 0 20px;
}
.article-bot-section{
	background:#eff2f3;
	padding:15px 10px 12px 220px;
	text-align:left;
	margin:0 0 100px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
	.article-bot-section strong{
		display:block;
		font-size:22px;
		color:#333333;
	}
	.article-bot-section span{
		display:block;
		font-size:14px;
		color:#999;
	}
.start-info{
	max-width:650px;
	margin:0 auto;
	text-align:left;
	font-size:22px;
	color:#1f1f1e;
}
	.start-info li{
		padding:0 0 15px;
	}
	.start-info h3{
		font-size:28px;
		color:#1f1f1e;
		margin:0 0 10px;
	}
.sweet-nectar-section{
	background:#fff;
	padding:0 0 100px;
}
.sweet-nectar{
	background:url(../images/sweet-bg.jpg) no-repeat;
	background-size:100% auto;
	padding:95px 0 0;
	margin:0 0 70px;
}
.sweet-logo{
	padding:0 0 50px;
}
	.sweet-title{
		max-width:925px;
		margin:0 auto;
		color:#fff;
		font-size:22px;
		padding:0 0 20px;
	}
		.sweet-title h2{
			font-size:40px;
			color:#fff;
			font-weight:900;
			margin:0 0 20px;
		}
.integration-wrap{
	position:relative;
	text-align:right;
	padding:0 0 50px;
}
.integration-info{
	position:absolute;
	left:0;
	top:55px;
	width:500px;
	text-align:left;
	font-size:22px;
	color:#333333;
}
	.integration-info h3{
		font-size:40px;
		color:#1f1f1e;
		font-weight:900;
	}
.sweet-section{
	padding:50px 15px 60px;
}
.sweet-no-gap{
	padding:50px 0 0;
	padding-bottom:0 !important;
	margin-bottom:-1px;
}
.sweet-bg{
	background:#f8f8f8;
	border-top:1px solid #e6e9ea;
	border-bottom:1px solid #e6e9ea;
}
	.sweet-left-photo{
		float:left;
		width:350px;
	}
	.sweet-info-right{
		float:right;
		width:740px;
		margin:40px 0 0;
	}
		.sweet-info-right h2{
			margin:0 0 25px;
		}
		.sweet-info-right .list-section{
			font-size:18px;
			color:#1f1f1e;
			text-align:left;
			max-width:365px;
			margin:0 auto 50px;
		}
.media-icons{
	text-align:left;
	padding:0 0 0 80px;
}
	.media-icons ul,
	.media-icons li{
		list-style:none;
		margin:0;
		padding:0;
	}
	.media-icons li{
		padding:0 0 20px;
	}
	.media-icons ul{
		float:left;
		width:300px;
		margin-right:20px;
	}
	.media-icons .mobile-icon{
		position:static;
		color:#fff;
		float:left;
		border:4px solid #fff;
		margin-right:10px;
	}
	.media-icons strong{
		float:left;
		margin:18px 0 0;
		font-size:14px;
		color:#1f1f1e;
	}
.sweet-section .title-section{
	max-width:inherit;
}
	.sweet-banner{
		text-align:center;
	}
.banner-full{
}
	.banner-full img{
		width:100%;
		display:block;
	}
.pagination{
	background:#2f62ae;
	padding:30px 0 25px;
	color:#fff;
	text-align:center;
}
	.pagination a{
		color:#fff;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
		display:inline-block;
		vertical-align:middle;
	}
	.pagination strong{
		font-size:25px;
		color:#fff;
		text-transform:uppercase;
		font-weight:900;
		margin:0 7px;
		display:inline-block;
		vertical-align:middle;
	}
	.pagination .prev-pagi{
		background:url(../images/prev-pagi.png) left 8px no-repeat;
		padding-left:13px;
	}
	.pagination .next-pagi{
		background:url(../images/next-pagi.png) right 7px no-repeat;
		padding-right:13px;
	}
	.pagination .all{
		background:url(../images/all-projects.png) left 6px no-repeat;
		padding-left:20px;
		margin-left:50px;
	}
	.br-mobile{
		display:none;
	}
/*  order-page  */	
.order-banner{
	background:#000 url(../images/order-banner.jpg) no-repeat;
	background-size:100% 100%;
	min-height:739px;
}
	.order-title{
		text-align:center;
		padding:75px 40px 40px;
		color:#fff;
		font-size:22px;
	}
		.order-title h1{
			font-size:48px;
			color:#fff;
			font-weight:900;
		}
.order-content-wrap{
}
	.order-content{
		float:left;
		width:535px;
		padding:40px 45px 30px 60px;
		background:rgba(0,0,0, 0.5);
		color:#fff;
		font-size:22px;
		text-align:left;
		margin:50px 0 0;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
		.order-content ul{
			font-weight:bold;
			padding:0 0 35px;
		}
		.order-content li{
			padding:0 0 15px 40px;
			position:relative;
		}
		.order-content .circle-wrap{
			color:#000;
			border:none;
			top:4px;
		}
			.order-content .circle-wrap i{
				margin:-3px 0 -2px -2px;
			}
		.order-con-bot{
			padding:0 0 15px;
			font-size:18px;
		}
			.order-con-bot a,
			.order-con-bot span{
				display:inline-block;
				vertical-align:middle;
			}
			.order-con-bot a{
				margin-right:10px;
				font-size:24px;
				padding:10px 30px;
			}
	.order-mob{
		float:right;
		width:373px;
	}
		.order-mob img{
			display:block;
			margin:0 auto;
		}
.order-in{
	padding:65px 0 0;
}
	.order-in .title-section p{
		max-width:650px;
		margin:0 auto;
	}
.online-photo{
	text-align:center;
}
	.online-mob-photo{
		display:none;
	}
.online-info-wrap{
	max-width:590px;
	margin:0 auto 30px;
	text-align:left;
}
	.online-info{
		float:left;
		width:210px;
		margin-right:60px;
	}
	.online-info{
		float:left;
		width:210px;
	}
	.online-info.right-section{
		width:320px;
		margin-right:0;
	}
.online-bot{
	text-align:center;
	font-size:22px;
	color:#333333;
	padding:0 0 40px;
}
	.title-ex{
		max-width:975px;
	}
.order-second{
	display:none;
}
.mobile-conent-wrap{
	padding:0 45px 25px;
}
	.mobile-content-left{
		float:left;
		width:730px;
	}
	.mobile-content-right{
		float:left;
		width:440px;
		margin-left:-30px;
	}
	.mobile-conent-wrap h3{
		color:#1f1f1e;
		font-size:32px;
		margin:0 0 10px;
	}
	.mobile-conent-wrap p{
		font-size:18px;
	}
		.mobile-conent-wrap p,
		.mobile-conent-wrap h3{
			max-width:480px;
		}
.mobile-images{
	display:none;
}
.small-logo{
	text-align:right;
	margin:-70px 90px 70px 0;
	position:relative;
}
	.small-logo a{
		display:inline-block;
		margin-left:15px;
	}
.col-right-left{
	float:left;
	width:461px;
}
.col-left-right{
	float:right;
	width:460px;
	margin-right:80px;
}
.accept-gallery{
	text-align:center;
}
	.accept-gallery li{
		display:inline-block;
		vertical-align:top;
		width:230px;
		margin:0 25px;
	}
	.accept-gallery li:last-child{
		width:280px;
	}
	.accept-gallery h4{
		font-size:22px;
		margin:0 0 3px;
	}
	.accept-gallery p{
		font-size:18px;
	}
.blog-section{
	background:#fff;
	text-align:left;
	padding:120px 0;
}

.blog-photo-wrap{
	padding:0 0 50px;
}
	.blog-photo-left{
		float:left;
		width:670px;
	}
		.photo-wrap{
			position:relative;
		}
		.photo-wrap img{
			display:block;
			width:100%;
		}
		.blog-overlay{
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			background:rgba(0,0,0, 0.4);
			text-align:left;
			color:#fff;
		}
		.overlay-in{
			padding:15px 20px 18px;
			font-size:20px;
		}
			.blog-overlay h2{
				color:#fff;
				font-size:40px;
				line-height:1;
				margin:0;
			}
			.blog-overlay p{
				padding:0;
			}
	.blog-photo-right{
		float:right;
		width:468px;
	}
		.blog-photo-right .photo-wrap{
			margin:0 0 30px;
		}
		.blog-photo-right .photo-wrap:last-child{
			margin-bottom:0;
		}
		.blog-photo-right .blog-overlay{
			background:none;
		}
		.blog-photo-right h2{
			font-size:24px;
		}
.blog-content-wrap{
}
	.blog-content{
		float:left;
		width:800px;
		color:#333;
		font-size:16px;
	}
	.blog-article{
		padding:0 0 45px;
	}
		.blog-content h2 a { text-decoration:none;
			font-size:38px;
			color:#1f1f1e;
			font-weight:bold;
			text-transform:uppercase;
			line-height: 1.1em;
		}
		.search-submit { display:none !important;}
		.form-allowed-tags { display:none;}
		#categories-2 h3 { font-size:22px;}
		.blog-date{
			padding:0 0 15px;
			font-size:16px;
			color:#000;
		}
			.blog-date img,
			.blog-date span{
				display:inline-block;
				
			}
			.blog-date a{
				text-decoration:none;
			}
		.feature-img{
			padding:0 0 15px;
		}
		.more-link{
			display:inline-block;
			background:url(../images/continue-reading.png) left center no-repeat;
			padding-left:26px;
			line-height:21px;
		}
		.icon-clock { font-size:14px; color:#175ec4;}
	.blog-sidebar{
		float:right;
		width:300px;
	}
		.search-section{
			margin:0 0 35px;
		}
			.search-field{
				border:1px solid #eceeef;
				padding:7px 10px 8px;
				color:#333;
				font-size:16px;
				width:100%;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
			}
		.subscribe-section{
			background:#f8f8f8;
			border:1px solid #eaeded;
			color:#333;
			font-size:18px;
			padding:22px 20px 30px 15px;
			margin:0 0 30px;
		}
			.subscribe-email,
			.subscribe-section .gform_body input{
				border:1px solid #eceeef;
				background:#fff;
				padding:6px 10px 7px;
				font-weight:600;
				color:#333;
				font-size:16px;
				width:100% !important;
				margin:0 0 12px;
				-moz-box-sizing:border-box;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
			}
			.sub-submit,
			.subscribe-section .gform_footer input{
				background:#e54444;
				color:#fff;
				padding:8px 20px 9px;
				border:none;
				cursor:pointer;
				font-size:17px !important;
				width:auto !important;
				font-weight:900;
				margin:0;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				-moz-box-shadow:none !important;
				-webkit-box-shadow:none !important;
				box-shadow:none !important;
			}
			.subscribe-section .gform_footer{
				margin:0 !important;
				padding:0 !important;
			}
	.webdiner-sidebar{
		border:1px solid #eaeded;
		background:#f8f8f8;
		color:#333;
		font-size:18px;
		margin:0 0 45px;
	}
		.webdiner-in{
			padding:20px 15px 45px;
		}
		.logo-web{
			margin:0 0 5px;
		}
		.webdiner-sidebar p{
			font-size:20px;
			color:#2f61ad;
		}
		.btn-blue,
		.btn-blue:hover{
			background:#2f61ad;
			color:#fff;
			padding:8px 10px;
			border:none;
			font-size:16px;
			text-decoration:none;
			font-weight:900;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
		}
	.webdiner-side-img{
		padding:0 0 0 15px;
	}
		.webdiner-side-img img{
			display:block;
		}
	.fav-social{
		margin:0 0 45px;
	}
		.fav-social h3{
			font-size:22px;
			margin:0 0 20px;
		}
		.fav-social ul{
			padding:0 0 0 10px;
		}
		.fav-social li{
			padding:0 0 5px;
		}
		.fav-social a{
			font-size:16px;
			color:#1f1f1e;
			text-decoration:none;
		}
			.fav-social a span,
			.fav-social a em,
			.fav-social a img{
				display:inline-block;
				vertical-align:middle;
				font-style:normal;
			}
			.fav-social a span{
				padding-right:5px;
				min-width:25px;
			}
	.category-section{
	}
		.category-section h3{
			font-size:22px;
		}
		.category-section ul{
			padding:0 0 0 10px;
		}
		.category-section li{
			padding:0 0 4px;
		}
.entry-header{
	position:static !important;
}
		

/*  Footer 
-------------------------------------- */
#footer-wrap{
	background:#fff;
}
#footer{
	font-size:16px;
	padding:0 0 30px;
}
	.footer-section{
		margin:0 0 30px;
	}
	#footer h3{
		color:#1f1f1e;
		font-size:20px;
	}
	.footer-icon{
		margin:0 0 5px;
	}
	.footer-icon span{
		font-size:60px;
		color:#2f61ad;
	}
	#footer li{
		padding:0 0 5px;
	}
	.footer-nav{
		margin:0 0 40px;
	}
		.footer-nav a{
			margin:0 5px 5px;
		}
	.foote-logo span{
		display:block;
		margin:15px 0 0;
		color:#1f1f1e;
	}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }


/* columns structure  */
.row-fluid {
    width: 100%;
}
.row-fluid:before, .row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.12766%;
    min-height: 30px;
    width: 100%;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .span12 {
    width: 100%;
}
.row-fluid .span11 {
    width: 91.4894%;
}
.row-fluid .span10 {
    width: 82.9787%;
}
.row-fluid .span9 {
    width: 74.4681%;
}
.row-fluid .span8 {
    width: 65.9574%;
}
.row-fluid .span7 {
    width: 57.4468%;
}
.row-fluid .span6 {
    width: 48.9362%;
}
.row-fluid .span5 {
    width: 40.4255%;
}
.row-fluid .span4 {
    width: 31.9149%;
}
.row-fluid .span3 {
    width: 23.4043%;
}
.row-fluid .span2 {
    width: 14.8936%;
}
.row-fluid .span1 {
    width: 6.38298%;
}

@media (max-width: 1250px) {
.wrapper{
	padding-top:95px;
}
.content-width{
	width:980px;
}
#header{
	padding:8px 20px;
}
	#logo{
		width:220px;
	}
.feature-section li{
	margin-right:20px;
}
.work-in{
	padding:0;
}
.blog-section { padding: 40px 0;}
.left-content{
	width:250px;
	margin-right:20px;
}
.right-content{
	width:250px;
}
.website-title h2{
	font-size:40px;
}
.content-outer{
	padding:0 0 20px;
}
.protect-motive .col-right{
	width:500px;
}
	.motive-info{
		padding-bottom:22px;
	}
.protect-motive .col-left{
	width:400px;
}
	.motive-info p{
		font-size:16px;
	}
	.protect-motive .col-left{
		margin-left:40px;
	}
	.first{
		margin-left:-30px;
	}
	.third{
		margin-left:-45px;
	}
	.motive-icon{
		width:70px;
		height:70px;
		line-height:75px;
		font-size:35px;
		left:-95px;
	}
	.second .motive-icon{
		left:-97px;
	}
.social-bot{
	padding:15px;
}
.social-in{
	max-width:700px;
}
	.social-left{
		width:500px;
		font-size:19px;
	}
.integration-info{
	width:420px;
}
.sweet-info-right{
	width:615px;
}
.media-icons{
	padding-left:40px;
}
	.media-icons ul{
		width:255px;
	}
.secondary-nav li{
	margin:0 15px;
}
.order-content{
	width:450px;
	padding:30px 25px 20px;
	font-size:18px;
}
	.order-con-bot a{
		font-size:20px;
		padding:10px 20px;
	}
.col-right-left{
	width:400px;
}
	.accept-gallery li{
		width:200px;
		margin:0 15px;
	}
	.accept-gallery p{
		font-size:16px;
	}
.mobile-content-left{
	width:450px;
}
.mobile-content-right{
	float:right;
	width:363px;
	margin:0 43px 0 0;
}
.mobile-conent-wrap p{
	font-size:16px;
}
.blog-photo-left{
	width:580px;
}
.blog-photo-right{
	width:370px;
}
.blog-overlay p{
	font-size:18px;
}
	.blog-photo-right .photo-wrap{
		margin:0 0 55px;
	}
	.blog-overlay h2{
		font-size:34px;
		line-height:1.3;
	}
	.blog-photo-right h2{
		font-size:22px;
	}
.blog-content{
	width:660px;
}
.blog-sidebar{
	width:280px;
}
}
@media (max-width: 1000px) {
body{
	background:#1F1E1E;
}
.wrapper{
	padding-top:71px;
}
.content-width{
	width:760px;
}
.blog-section { padding: 40px 0;}
h1{
	font-size:40px;
}
h2{
	font-size:35px;
}
#header{
	padding:8px 0;
}
	#logo{
		width:150px;
	}
	#nav-wrap{
		margin:22px 0 0;
	}
	#nav li{
		margin-left:13px;
	}
	#nav a{
		font-size:13px;
	}
	#nav .nav-last a{
		padding:8px 10px 9px;
	}
.inner-content{
	padding:60px 0 40px;
}
	.portfolio-section h3{
		font-size:20px;
		margin:0 0 2px;
	}
	.portfolio-info p{
		padding:0;
		line-height:1.2;
	}
	.more{
		font-size:20px;
	}
.slider-overlay{
	top:30%;
}
	.txt-in{
		min-height:70px;
	}
.feature-section li{
	width:178px;
	margin-right:15px;
}
	.feature-icon a{
		width:130px;
		height:105px;
		padding-top:25px;
	}
	.feature-section h3{
		font-size:16px;
	}
	.feature-section p{
		font-size:14px;
	}
.count-section{
	width:220px;
}
.work-photo{
	width:500px;
}
.social-section li{
	margin:0 15px 25px;
}
.ribben-wrap img{
	width:400px;
}
.mobile-section-wrap .title-section{
	padding:35px 0 20px;
}
	.left-content,
	.right-content{
		float:none;
		width:auto;
		text-align:center;
	}
		.mobile-icon{
			float:none;
			margin:0 auto;
		}
		.info-section h3{
			padding:10px 0 0;
		}
	.mobile-slider-wrap{
		position:static;
		margin:0 auto;
		float:none;
		overflow:hidden;
		background-size:100% auto;
		width:360px;
		height:466px;
	}
	.mobile-section{
		margin:66px 40px 0;
	}
	.right-content{
		display:none;
	}
.slider{
}
	.slider-overlay{
		top:5%;
		width:100%;
		left:0;
		margin:0;
		padding:15px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.slider-overlay h2,
	.slider-overlay h1{
		font-size:30px;
	}
.banner-info{
	top:30px;
	padding:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	.banner-info h2,
	.banner-info h1{
		font-size:35px;
	}
	.banner-info p{
		font-size:16px;
	}
.website-title h2{
	font-size:32px;
}
.website-content p{
	font-size:18px;
}
.box-section p{
	font-size:15px;
}
.secondary-nav{
	width:100%;
	left:0;
	margin-left:0;
}
	.secondary-nav li{
		margin:0 6px;
	}
	.secondary-nav a{
		font-size:13px;
	}
	.secondary-nav a span{
		font-size:34px;
	}
.col-left{
	margin:0;
	font-size:17px;
}
	.list-section{
		margin-top:0;
		font-size:16px;
	}
	.bot-info{
		font-size:18px;
	}
	.protect-motive .col-right{
		width:377px;
	}
	.protect-motive .col-left{
		width:350px;
		margin-left:30px;
	}
	.motive-info{
		padding-bottom:0;
	}
	.first.motive-info{
		padding-bottom:12px;
	}
		.motive-info h4,
		.motive-info p,
		.motive-info h3{
			font-size:13px;
		}
		.first{
			margin-left:-35px;
		}
		.third{
			margin-left:-18px;
		}
	.motive-icon{
		font-size: 30px;
		height: 55px;
		width: 55px;
		left: -82px;
		line-height: 55px;
	}
	.second .motive-icon{
		left:-76px;
	}
	.third .motive-icon{
		left:-80px;
		top:15px;
	}
.media-title h2,
.media-title h1{
	font-size:36px;
}
.blog-section { padding: 20px 0;}
.media-title p{
	font-size:20px;
}
.artile{
	width:365px;
}
	.article-in{
		padding:20px;
	}
	.article-title{
		padding:0 0 20px;
	}
	.article-title h3{
		width:220px;
		font-size:22px;
	}
	.article-price{
		font-size:14px;
	}
	.article-price strong{
		font-size:20px;
	}
	.article-list{
		font-size:14px;
	}
	.btn.btn-green{
		padding:7px 25px 8px;
		font-size:20px;
	}
	.article-bot{
		font-size:18px;
	}
.article-bot-section{
	padding:15px 15px 12px 15px;
	margin:0 0 50px;
}
.start-info h3{
	font-size:24px;
}
.start-info{
	font-size:18px;
}
.sweet-nectar{
	padding:35px 0 0;
	margin:0 0 40px;
}
.sweet-title{
	font-size:18px;
}
	.intergration-photo img{
		max-width:600px;
	}
	.integration-info{
		width:375px;
		font-size:18px;
	}
.sweet-logo{
	padding:0 0 20px;
}
.sweet-section{
	padding-left:0;
	padding-right:0;
}
.sweet-info-right .list-section{
	margin:0 0 20px 25px;
}
	.sweet-left-photo{
		width:300px;
	}
	.sweet-info-right{
		width:455px;
		margin:0;
	}
	.media-icons ul{
		width:195px;
		margin-right:10px;
	}
	.media-icons ul+ ul{
		margin-right:0;
	}
	.media-icons .mobile-icon{
		width:40px;
		height:40px;
		line-height:40px;
		margin-right:5px;
	}
	.media-icons strong{
		float:none;
		display:block;
		margin:0;
		padding:12px 0 0;
		font-size:13px;
	}
	.sweet-info-right h2{
		font-size:30px;
	}
.order-title{
	padding:75px 100px 40px;
	font-size:20px;
}
	.order-title h1{
		font-size:36px;
	}
	.order-content{
		width:380px;
		font-size:17px;
	}
	.order-mob{
		width:300px;
	}
	.order-con-bot{
		font-size:16px;
	}
	.order-con-bot a{
		padding:8px 15px;
		font-size:17px;
	}
.col-right-left{
	width:350px;
}
.col-left-right{
	width:400px;
}
	.accept-gallery li{
		width:150px;
	}
	.accept-gallery li:last-child{
		width:240px;
	}
	.accept-gallery h4{
		font-size:20px;
	}
	.accept-gallery p{
		min-height:45px;
	}
.order-banner{
	min-height:575px;
}
.order-title{
	padding:35px 100px 20px
}

.mobile-content-left{
	width:45%;
}
.mobile-content-right{
	float:right;
	width:45%;
}
	.mobile-conent-wrap h3{
		font-size:24px;
	}	
.blog-photo-left{
	width:460px;
}
.blog-photo-right{
	width:280px;
}
.blog-overlay p{
	font-size:16px;
}
.overlay-in{
	padding:12px 10px 15px;
}
	.blog-photo-right .photo-wrap{
		margin:0 0 50px;
	}
	.blog-overlay h2{
		font-size:30px;
		line-height:1.3;
	}
	.blog-photo-right h2{
		font-size:18px;
	}
.blog-content h2{
	font-size:24px;
}
.blog-content{
	width:500px;
}
.blog-sidebar{
	width:240px;
}
.webdiner-side-img{
	padding:0 15px;
}
}

@media (max-width: 767px) {
.wrapper{
	padding-top:44px;
	font-size:14px;
}
.content-width{
	width:auto;
	padding:0 15px;
}
h1{
	font-size:34px;
}
h2{
	font-size:30px;
}
.paging-navigation,
.post-navigation {
	display: none	
}
.blog-section { padding: 40px 0;}
#header-wrap .content-width{
	padding:0;
}
#header{
	padding:3px 15px;
	position:relative;
}
	#logo{
		width:100px;
	}
	#menu{
		display:inline-block;
		position:absolute;
		right:15px;
		top:24px;
	}
	#nav-wrap{
		margin:0;
	}
	/*
	#nav{
		display:none;
		position:absolute;
		left:0;
		top:100%;
		width:100%;
		background:#fff;
		padding:10px 0 5px;
		-moz-box-shadow:0 1px 3px #83a4d4;
		-webkit-box-shadow:0 1px 3px #83a4d4;
		box-shadow:0 1px 3px #83a4d4;
	}
		#nav li{
			float:none;
			margin:0;
			padding:0 20px 10px;
		}
		#nav .nav-last{
			margin:0;
		}
		#nav a{
			font-size:14px;
		}
	*/	
.inner-content{
	padding:40px 15px;
}
.title-section{
	padding:0 0 15px;
}
	.title-section p{
		font-size:15px;
	}
.portfolio-section{
	background:none;
	padding:15px 0 0;
}
	.portfolio-section ul{
		background:none;
	}
	.portfolio-section li{
		float:none;
		width:auto;
		padding:30px 15px;
		
		background:url(../images/border-bottom.png) center bottom no-repeat;
		background-size:100% auto;
	}
	.port-item{
		margin:0 auto 15px;
	}
	.portfolio-info{
		height:65px;
	}
	.feature-section li{
		margin:0;
		width:50%;
		padding:0 15px 15px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
.work-section-wrap{
	padding:35px 0 20px;
}
	.work-photo{
		float:none;
		width:auto;
		padding:0 20px;
	}
	.count-section{
		float:none;
		width:auto;
	}
	.count-section li{
		float:left;
		width:33.33%;
		padding:0 10px;
		text-align:center;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
		.number{
			position:static;
			margin:0 auto 10px;;
			display:block;
		}
	.social-section li{
		float:left;
		width:20%;
		margin:0;
		padding:0 10px 15px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.social-section a{
		font-size:14px;
	}
.slider-overlay-testimonial{
	left:0;
	top:50px;
	width:100%;
	padding:0 15px;
	margin:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	.testimonial h2{
		font-size:28px;
	}
	.testimonial p{
		font-size:20px;
	}
	.testimonial-author{
		text-align:center;
		font-size:18px;
	}
.get-touch-wrap{
	padding:50px 0 20px;
}
.add-seciton{
	margin:0 0 30px;
}
.btn{
	padding:15px 20px 16px;
}
.get-touch-section{
	padding:0 0 10px;
}
	.get-touch-section .btn{
		font-size:16px;
	}
	.get-touch-section .btn span{
		display:block;
		font-weight:900;
		font-size:20px;
	}
.left-content{
	margin:0;
}
#footer{	
	padding:0 15px 20px;
}



/* Iphone  */
h2{
	font-size:24px;
}
.feature-section li{
	padding:0 5px 15px;
}
.feature-icon a{
	height:80px;
	padding-top:20px;
	width:100px;
}
	.feature-icon img{
		width:70%;
	}
	.feature-icon a span{
		font-size:44px;
	}
.count-section li{
	padding:0 1px;
	font-size:13px;
}
	.number{
		width:34px;
		height:34px;
		line-height:34px;
		font-size:22px;
	}
.slider-overlay{
	top:10px;
	padding:0 10px;
}
	.slider-overlay h2,
	.slider-overlay h1{
		font-size:18px;
	}
	.txt-in{
		min-height:inherit;
	}
	.slider .btn{
		padding:10px 10px 11px;
	}
	.slider-overlay p{
		font-size:14px;
		padding:0 0 5px;
	}
.social-section li{
	padding:0 4px 15px;
	float:none;
	display:inline-block;
	width:24%;
	vertical-align:top;
}
	.br-social{
		display:none;
	}
.ribben-wrap img{
	width:200px;
}
.mobile-slider-wrap{
	width:220px;
	height:275px;
}
	.mobile-section{
		margin:40px 20px 0;
		height:auto;
	}
	.info-section p{
		font-size:14px;
		padding:0 0 10px;
	}
.feature-section-wrap{
	padding:30px 0 20px;
}
.main-slider-wrap{
	padding:30px 0;
}
	.next, 
	.prev{
		margin-top:0;
		top:47%;
	}
	.bxslider p{
		padding:0 10px 15px;
		font-size:20px;
	}
.social-section-wrap{
	padding:30px 0;
}
.slider-overlay-testimonial{
	top:15px;
	padding:0;
}
	.testimonial h2{
		font-size:22px;
	}
	.testimonial p{
		font-size:14px;
		padding:0 0 5px;
	}
	.testimonial-author{
		font-size:14px;
	}
.get-touch-wrap{
	padding:30px 0 20px;
}
.info-section{
}
	.info-section li{
		display:none;
	}
	.info-section li.full-screen-wrap{
		display:block;
	}
.mobile-section-wrap{
	background:url(../images/mobile-slider-small.png) no-repeat;
	background-size:100% auto;
	min-height:inherit;
}
	.mobile-section-wrap .title-section{
		padding:15px 0 10px;
	}
	.mobile-section-wrap h2{
		font-size:18px;
	}
.dashboard-seciton-wrap{
	padding:30px 0 20px;
}
.website-section{
	padding:30px 15px 20px;
}
	.website-content{
		float:none;
		width:auto;
	}
		.website-inner-content{
			display:none;
		}
		.website-title{
			text-align:center;
			padding:0 0 15px;
		}
	.website-photo{
		float:none;
		width:auto;
	}
.box-wrap{
	display:none;
}
	.tap-link{
		display:block;
	}
.box-wrap-in{
	padding:15px;
	border:none;
}
	.box-wrap h3{
		padding:0;
		position:static;
	}
		.box-wrap h3 span{
			display:block;
			padding:15px;
		}
	.box-section{
		float:none;
		width:auto;
		margin:0;
	}
	.website-photo .stemp{
		position:static;
		margin:0;
	}
.full-img{
	margin:0 -15px -4px;
}
.txt-overlay{
	position:static;
}
	.website-section .left-align{
		text-align:center;
	}
	.website-title h2{
		font-size:28px;
	}
.banner-info{
	top:0;
	padding:10px;
}
.banner-section{
	margin:54px 0 30px;
}
	.banner-section img{
		min-height:150px;
	}
	.banner-info h2,
	.banner-info h1{
		font-size:18px;
	}
	.banner-info p{
		font-size:12px;
		padding:0 0 13px;
	}
	.banner-link .btn,
	.banner-link .watch{
		font-size:14px;
	}
.secondary-nav{
	display:none;
}
.secondary-nav-cover{
	display:none !important;
}
.mobile-secondary-nav{
	display:block;
	position:fixed;
	left:0;
	top:38px;
	margin:0;
	width:100%;
	
	-moz-box-shadow: 0 2px 2px -1px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0, 0.2);
	box-shadow: 0 2px 2px -1px rgba(0,0,0, 0.2);
}
.secondary-nav ul{
	padding:13px 0 12px;
}
	.secondary-nav li{
		margin:0 2px 5px;
	}
	.secondary-nav a{
		font-size:11px;
		display:inline-block;
		text-transform:capitalize;
		vertical-align:top;
	}
	.secondary-nav a em{
		display:none;
		height:1px;
	}
		.secondary-nav li.active a em{
			display:block;
		}
	.secondary-nav a span{
		font-size:23px;
	}
.media-title h2,
.media-title h1{
	font-size:28px;
}
.media-in{
	padding:30px 15px 0;
}
.media-title p{
	font-size:16px;
}
.social-bot{
	padding:15px;
}
	.social-left{
		float:none;
		width:auto;
		margin:0 0 10px;
		font-size:16px;
	}
	.social-right{
		float:none;
		width:auto;
		border-top:1px solid #fff;
		padding:7px 0 0;
		background:none;
		text-align:right;
	}
.content-outer{
	padding:0 0 20px;
}
	.col-right,
	.protect-motive .col-right{
		float:none;
		width:auto;
		margin:0 0 15px;
	}
	.col-left,
	.protect-motive .col-left{
		float:none;
		width:auto;
		font-size:15px;
	}
	.motive-info{
		margin:0 !important;
		padding:0 0 15px;
		min-height:65px;
	}
	.protect-motive .col-left{
		margin-left:60px;
	}
	.motive-icon{
		left:-67px !important;
		top:-3px !important;
	}
.social-media{
	padding:0 0 40px;
}
.start-section-wrap{
	padding:45px 15px 60px;
}
.start-section-wrap .list-section{
	font-size:18px;
}
	.artile,
	.artile.right-section{
		float:none;
		width:auto;
	}
	.article-list{
		min-height:inherit;
	}
.article-title h3{
	float:none;
	width:auto;
}
.article-price{
	float:none;
}
.sweet-nectar{
	padding:25px 0 0;
	background-color:#068FC6;
	margin:0 0 25px;
}
	.sweet-title h2{
		font-size:28px;
		margin:0 0 10px;
	}
	.sweet-title{
		font-size:16px;
	}
.integration-info{
	position:static;
	width:auto;
}
.intergration-photo{
	text-align:center;
}
	.intergration-photo img{
		display:block;
		max-width:100%;
	}
.sweet-left-photo{
	float:none;
	width:auto;
	margin:0 0 10px;
}
.sweet-info-right{
	float:none;
	width:auto;
}
.sweet-info-right .list-section{
	max-width:inherit;
}
.media-icons{
	padding:0;
}
	.media-icons ul{
		width:50%;
		margin:0;
		padding:0 5px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		
		float:none;
		width:auto;
		margin:0;
		padding:0 0 5px;
	}
	.media-icons li{
		padding:0 0 15px;
	}
	.media-icons strong{
		padding-top:17px;
	}
.sweet-section{
	padding-bottom:30px;
}
.pagination{
	padding:20px 0 15px;
}
.pagination strong{
	display:block;
}
	.br-mobile{
		display:block;
	}
	.pagination a{
		margin:0 0 5px;
	}
	.pagination .all{
		margin-left:0;
	}
.sweet-logo{
	max-width:80%;
	margin:0 auto;
}
.main-slider-wrap{
	min-height:670px;
}
.row-fluid [class^="span"], .row-fluid [class*="span"] {
    float: none;
    margin: 0;
    width: auto;
}
.order-banner{
	background:url(../images/order-banner-mob.jpg) no-repeat;
	background-size:100% 100%;
	min-height:inherit;
	padding:0 0 2px;
}
.order-title{
	padding:15px 10px 5px;
	font-size:14px;
}
	.order-title h1{
		font-size:20px;
	}
.order-content{
	width:auto;
	width:140px;
	float:none;
	padding:15px 15px 10px;
	font-size:15px;
	margin:0 0 10px;
}
	.order-content li{
		padding-left:30px;
		font-size:12px;
	}
	.order-content .circle-wrap{
		top:1px;
	}
	.order-con-bot{
		display:none;
	}
.online-wrap .title-section{
	padding:0 10px 15px;
}
.order-mob{
	float:none;
	margin:0 auto;
	display:none;
}
.order-in{
	padding:35px 0 0;
}
.online-info-wrap{
	max-width:500px;
}
.online-info{
	margin-right:20px;
	width:150px;
}
.mobile-conent-wrap{
	padding:0 15px 25px;
}
.mobile-content-left,
.mobile-content-right{
	float:none;
	width:auto;
	margin:0 0 10px;
}
	.mobile-conent-wrap h3{
		font-size:18px;
	}
	.mobile-conent-wrap p{
		font-size:16px;
	}
.small-logo{
	margin:-20px 60px 70px 0;
}
.accept-gallery li,
.accept-gallery li:last-child{
	float:left;
	width:50%;
	margin:0;
	padding:0 10px 20px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	.accept-gallery h4{
		font-size:18px;
	}
	.accept-gallery p{
		font-size:15px;
	}
.order-content ul{
	padding:0 0 5px;
}
.online-info.right-section{
	width:280px;
}
.accept-wrap{
	padding:0 10px;
}
.small-logo{
	margin:-40px 15px 25px;
	text-align:center;
}
	.small-logo a{
		margin-left:10px;
		display:inline-block;
		vertical-align:middle;
		width:140px;
	}
	.small-logo a:last-child{
		width:110px;
	}
	.mobile-conent-wrap p,
	.mobile-conent-wrap h3{
		max-width:inherit;
	}
.mobile-hide{
	display:none;
}
.online-wrap .content-width{
	padding:0 0 40px;
}
	.online-photo{
		padding:0 15px 40px;
	}
.order-second{
	display:block;
	background:#f6f6f6;
	padding:20px;
	color:#181817;
	border-top:1px solid #e0e3e5;
	font-size:16px;
}
	.order-second li{
		padding:0 0 20px;
	}
	.order-second img{
		float:left;
		width:50px;
	}
	.order-sec-info{
		margin:10px 0 0 65px;
	}
	.order-second p{
		padding:0 0 10px;
	}
	.sub-txt{
		padding:0 0 10px 20px;
	}
		.sub-txt span{
			display:block;
		}
		.order-second .online-bot p{
			padding:0;
		}
		.order-second .online-bot{
			padding:0;
			font-size:18px;
		}
#reputation-section .col-right,
#motivate-section .col-right{
	float:left;
	max-width:250px;
	margin-left:-50%;
	margin-right:15px;
}
	#motivate-section .col-right{
		float:right;
		margin:0 -50% 0 0;
	}
.mobile-ordering-photo{
	display:none;
}
.mobile-images{
	display:block;
	margin:0 0 15px;
}
	.mobile-images img{
		width:50%;
		float:left;
	}
	.mobile-content-right .mobile-images img{
		float:none;
		margin:0 auto;
		display:block;
	}
.list-section li{
	padding:0 0 5px;
}
.online-photo img{
	display:none;
}
	.online-photo .online-mob-photo{
		display:block;
		margin:0 auto;
	}


.blog-photo-left{
	float:none;
	width:auto;
	margin:0 0 20px;
}
.blog-photo-right{
	float:none;
	width:auto;
}
.blog-overlay p{
	font-size:14px;
}
.overlay-in{
	padding:12px 5px 10px;
}
	.blog-photo-right .photo-wrap{
		margin:0 0 20px;
	}
	.blog-overlay h2{
		font-size:20px;
		line-height:1.3;
	}
	.blog-photo-right h2{
		font-size:15px;
	}
.blog-content h2{
	font-size:20px;
}
.blog-content{
	float:none;
	width:auto;
}
.blog-sidebar{
	float:none;
	width:auto;
}
.webdiner-side-img{
	padding:0 15px;
}
}

@media (min-width:992px) and (max-width:1199px){ 
	.next {
    right:36%;
	}
	.slider-icon span{ color:#999;}
.blog-section { padding: 40px 0;}
}

@media (min-width:768px) and (max-width:991px){ 
	.next {
    right:36%;
	}
	.slider-icon span{ color:#999;}
	
	.slick-prev{ left:35%;}
	.slick-next{ left:62%;}
.blog-section { padding: 40px 0;}
}

@media (min-width:481px) and (max-width:767px){.next, .prev{
		margin-top:0;
		top:330px;
	} 
	.next {
    right:30%;
	}
	.slick-track .slick-center p {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    padding: 0 15px;
}
.slider-icon span{ color:#999;}

.slick-prev{ left:35%;}
.slick-next{ left:62%;}
.blog-section { padding: 40px 0;}

}


@media (min-width: 320px) and (max-width:480px){ 
	.blog-section { padding: 40px 0;} 
.next {
    right:22%;
}
.slick-track .slick-center p {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    padding: 0 15px;
}
.slick-prev{ left:25%;}
.slick-next{ left:71%;}

}
@media (max-width: 320px) { 
.blog-section { padding: 40px 0;}
	.next, .prev{
		margin-top:0;
		top:420px;
	} 
	.bxslider p {
    font-size: 12px;
    padding: 0 10px 15px;
}
.next {
    right: 8%;
}

.slick-prev{ left:5%;}
.slick-next{ left:87%;}

}

/*
@media (max-width: 479px) {
.port-item{
	width:275px;
	height:187px;
}
	.illustration{
		width:275px;
	}
	.portfolio-section li{
		background-size:100% 1px;
	}
.feature-section li{
	float:none;
	width:auto;
}
.social-section li{
	padding:0 10px 15px;
	width:33%;
}
.mobile-slider-wrap{
	width:270px;
	height:350px;
}
.mobile-section{
	margin:49px 28px 0;
}
.count-section li{
	float:none;
	width:auto;
	padding:0 0 10px;
}
.next,
.prev{
	margin-top:0;
}
.slider-overlay{
	padding:8px 10px 0;
}
	.slider-overlay h2{
		font-size:18px;
	}
	.slider-overlay p{
		font-size:15px;
		padding:0 0 10px;
	}
	.txt-in{
		min-height:inherit;
	}
	.slider .btn{
		padding:11px 10px;
	}
.slider-overlay-testimonial{
	top:15px;
}
	.testimonial h2{
		font-size:22px;
	}
	.testimonial p{
		font-size:16px;
	}
.testimonial-section-wrap img{
	min-height:235px;
}
	.testimonial-author{
		font-size:15px;
		padding:0;
	}
.slider img{
	height:165px;
}
}
*/