/*
Theme Name: Premi
Theme URI: http://premi.dotstheme.com
Author: Wildan Ma'arif
Author URI: http://dotstheme.com
Description: Premi is premium business landing page template that built with very cool responsive template with cool design, colorful template and a slew of features.
Version: 1.2
License: WordPress theme is comprised of two parts: (1) The PHP code is licensed under the GPL license as is WordPress itself. Or you can read it here: http://codex.wordpress.org/GPL (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://wiki.envato.com/support/legal-terms/licensing-terms/
License URI: license.txt
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: dotstheme
*/



/* #Table of Contents

1. Site Styles
2. Header
3. Top Section
   3.1. Slider
   3.2. Form
4. Main Section
   4.1. Features
   4.2. Products
   4.3. Testimonials
   4.4. Buy Now
5. Blog Section
6. Footer Section
   5.1. Subscribe
   5.2. About
   5.3. Copyright
7. Widget
8. CSS Hacks
9. Media Queries
================================================== */



/* ========================= 1. Site Styles ========================= */

/* Page Styles */

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	font-family:'PT Sans', Arial, sans-serif;
	color:#5a5a5a;
	font-size:15px;
	line-height:21px;
}

h1, h2, h3, h4, h5, h6 {
	color:#41abce;
	font-family:'Titillium Web', Arial, sans-serif;
	font-weight:400;
	text-rendering:auto;
}

figure { margin:0px; }
	figure img { width:100%; }

.no-margin-top { margin-top:0px !important;	}
.no-margin-bottom  { margin-bottom:0px !important; }
.no-margin-right { margin-right:0px !important;	}
.no-margin-left { margin-left:0px !important; }

.no-padding-top { padding-top:0px !important;	}
.no-padding-bottom  {padding-bottom:0px !important; }
.no-padding-right { padding-right:0px !important;	}
.no-padding-left { padding-left:0px !important; }

.margin-top20 { margin-top:20px !important; }
.margin-top30 { margin-top:30px !important; }
.margin-top40 { margin-top:40px !important; }
.margin-top60 { margin-top:60px !important; }

.margin-bottom20 { margin-bottom:20px !important; }
.margin-bottom30 { margin-bottom:30px !important; }
.margin-bottom40 { margin-bottom:40px !important; }
.margin-bottom60 { margin-bottom:60px !important; }

.padding-top20 { padding-top:20px !important; }
.padding-top30 { padding-top:30px !important; }
.padding-top40 { padding-top:40px !important; }
.padding-top60 { padding-top:60px !important; }

.padding-bottom20 { padding-bottom:20px !important; }
.padding-bottom30 { padding-bottom:30px !important; }
.padding-bottom40 { padding-bottom:40px !important; }
.padding-bottom60 { padding-bottom:60px !important; }

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width:100%;
	height:auto;
}

.required { color:#d9472f; }

/* Links */

a, a:visited {
	color:#41abce;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#4a4a4a;
}

/* Site Elements */

input[type="text"], input[type="password"], input[type="email"] {
	height:/*44px*/32px;
	padding:0px 12px;
	font-family:titillium_webregular, 'Titillium Web', Arial, sans-serif;
	outline:none;
	font-size:13px;
	color:#9a9a9a;
	border:1px solid #e9e9e9;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	/*-moz-box-shadow:inset -2px 2px 2px #f9f9f9;
	-webkit-box-shadow:inset -2px 2px 2px #f9f9f9;
	box-shadow:inset -2px 2px 2px #f9f9f9;*/
}
textarea {
	padding:12px;
	font-family:'Titillium Web', Arial, sans-serif;
	border:1px solid #e9e9e9;
	outline:none;
	font-size:14px;
	color:#5a5a5a;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset -2px 2px 2px #f9f9f9;
	-webkit-box-shadow:inset -2px 2px 2px #f9f9f9;
	box-shadow:inset -2px 2px 2px #f9f9f9;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border:1px solid #d0d0d0;
	-moz-box-shadow:inset -2px 2px 2px #f9f9f9;
	-webkit-box-shadow:inset -2px 2px 2px #f9f9f9;
	box-shadow:inset -2px 2px 2px #f9f9f9;
}

.btn, input[type="button"], input[type="submit"], input[type="reset"], button {
	font-size:13px;
	line-height:44px;
	font-family:'PT Sans', Arial, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0px 1px 0px #185265;
	padding:14px 20px 13px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);

	color:#FFF !important;
	border:1px solid #359ec1;
	background-color:#41abce;
	background-image:linear-gradient(top, #71cdec 0%, #41abce 100%);
	background-image:-o-linear-gradient(top, #71cdec 0%, #41abce 100%);
	background-image:-moz-linear-gradient(top, #71cdec 0%, #41abce 100%);
	background-image:-webkit-linear-gradient(top, #71cdec 0%, #41abce 100%);
	background-image:-ms-linear-gradient(top, #71cdec 0%, #41abce 100%);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #71cdec),
		color-stop(1, #41abce)
	);
}
input[type="button"], input[type="submit"], input[type="reset"], button {
	line-height:1;
	padding:15px 20px 14px;
}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
	border:1px solid #2d97ba;
	background-color:#65c7e7;
	background-image: linear-gradient(top, #37a3c7 0%, #65c7e7 100%);
	background-image: -o-linear-gradient(top, #37a3c7 0%, #65c7e7 100%);
	background-image: -moz-linear-gradient(top, #37a3c7 0%, #65c7e7 100%);
	background-image: -webkit-linear-gradient(top, #37a3c7 0%, #65c7e7 100%);
	background-image: -ms-linear-gradient(top, #37a3c7 0%, #65c7e7 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #37a3c7),
		color-stop(1, #65c7e7)
	);
}
.btn:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled, .btn:disabled:hover, input[type="button"]:disabled:hover, input[type="submit"]:disabled:hover, input[type="reset"]:disabled:hover, button:disabled:hover {
	background:#5a5a5a;
	border:1px solid #2a2a2a;
}
	.btn i, input[type="button"] i, input[type="submit"] i, input[type="reset"] i, button i { margin-right:8px; }
	.btn sup, input[type="button"] sup, input[type="submit"] sup, input[type="reset"] sup, button sup { font-size:.65em; }

.btn.btn-medium, input[type="button"].btn-medium, input[type="submit"].btn-medium, input[type="reset"].btn-medium, button.btn-medium {
	font-size:15px;
	line-height:48px;
	padding:16px 24px 15px;
}
input[type="button"].btn-medium, input[type="submit"].btn-medium, input[type="reset"].btn-medium, button.btn-medium {
	line-height:1;
	padding:17px 24px 16px;
}
.btn.btn-large, input[type="button"].btn-large, input[type="submit"].btn-large, input[type="reset"].btn-large, button.btn-large {
	font-size:17px;
	line-height:52px;
	padding:18px 28px 17px;
}
input[type="button"].btn-large, input[type="submit"].btn-large, input[type="reset"].btn-large, button.btn-large {
	line-height:1;
	padding:19px 28px 18px;
}

select { font-family:Arial, Helvetica, sans-serif; }

figure.figure-hover { position:relative; }
	figure.figure-hover div {
		position:absolute;
		text-align:center;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background-color:rgba(65,171,206,.4);
		display:none;
	}
		figure.figure-hover div .icon-hover {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}

		/* Figure hover icon */
		figure.figure-hover div .icon-hover.icon-hover-zoom { background:url(images/icon-hover-zoom.png) no-repeat center center; }

.scrollup {
    width:54px;
    height:54px;
    position:fixed;
    bottom:10px;
    right:10px;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
    text-indent:-9999px;
    background:url('images/back-to-top.png') no-repeat;
	z-index:400;
}

.submit-status {
	position:fixed;
	left:0;
	right:0;
	width:100%;
	background-color:#f0f0f0;
	border-bottom:1px solid #e0e0e0;
	padding:12px 0px;
	z-index:500;
	text-align:center;
	font-family:'Titillium Web', Arial, sans-serif;
	color:#2a2a2a;
}
.submit-status.submit-status-success {
	background-color:#cfeecf;
	border-bottom:1px solid #aee4ae;
	color:#0fbc0f;
}
.submit-status.submit-status-error {
	background-color:#f1cfc9;
	border-bottom:1px solid #f7b2a7;
	color:#d83232;
}

.pp_gallery ul a img {
	max-width:none;
	vertical-align:auto;
	width:50px;
}

.pp_pic_holder a {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.select-nav {
	display:none;
	margin-bottom:10px;
    background:#202020 url(images/arrow-main-nav-responsive.png) no-repeat right center;
	width:100%;
    overflow:hidden;
    border:1px solid #000;
}
	.select-nav select {
		background-color:#202020;
		width:100%;
		padding:6px 20px;
		color:#9A9A9A;
	    border:0px;
		margin:0px;
		height:auto;
	}

.searchform {
	background-color:#f6f6f6;
	border-bottom:2px solid #f0f0f0;
	padding:12px;
	margin-bottom:60px;
	overflow:hidden;
}
	.searchform input[type="text"] {
		width:87%;
		float:left;
		margin:0px;
	}
	.searchform input[type="submit"] {
		width:12%;
		float:right;
		margin:0px;
	}

.top-section {
	background:#f9f9f9 url(images/base-top-section.png) no-repeat top center;
	padding:25px 0px;
	margin-bottom:0px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	overflow:hidden;
}
	.top-section h4 {
		float:left;
		margin:0px;
		font-size:20px;
		line-height:26px;
		color:#5a5a5a;
		font-weight:700;
	}

.dotstheme-breadcrumbs {
	float:right;
	font-size:13px;
	line-height:18px;
	padding:4px 0px;
}
	.dotstheme-breadcrumbs .sep-text {
		margin-left:5px;
		margin-right:5px;
	}

/* WordPress Core */

.left { float:left;	}
.right { float:right; }

.textcenter { text-align:center }
.textright { text-align:right }
.textleft { text-align:left }

.alignnone { margin: 10px 20px 20px 0; }
.aligncenter, div.aligncenter {
    display:block;
    margin:10px auto 10px auto;
}
.alignright {
    float:right;
    margin:10px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:10px 20px 20px 0;
}
.aligncenter {
    display:block;
    margin:10px auto 10px auto;
}

a img.alignright {
    float:right;
    margin:10px 0 20px 20px;
}
a img.alignnone { margin:10px 20px 20px 0; }
a img.alignleft {
    float:left;
    margin:10px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto
}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding:8px 8px 0px;
	 max-width:96%; /* Image does not overflow the content area */
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	max-width:100%;
}
.wp-caption.alignnone { margin:10px 20px 20px 0; }
.wp-caption.alignleft { margin:10px 20px 20px 0; }
.wp-caption.alignright { margin:10px 0 20px 20px; }
	.wp-caption img {
		border:0 none;
		height:auto;
		margin:0;
		max-width:98.5%;
		padding:0;
		width:auto;
		margin-bottom:10px;
	}
	.wp-caption p.wp-caption-text {
		font-size:12px;
		line-height:18px;
		padding:0px 4px 8px;
		margin:0;
		color:#707070;
	}

.gallery-caption { }
.bypostauthor { }



/*---------- bootsrap ---------------------*/



/* ========================= 2. Header ========================= */

#header {
	text-align:center;
	padding-bottom:19px;
}
	#header .nav-menu {
		text-align:center;
		padding:12px 0px;
		overflow:hidden;
		background-color:#fafafa;
		-moz-box-shadow:0 3px 3px -3px #dadada;
		-webkit-box-shadow:0 3px 3px -3px #dadada;
		box-shadow:0 3px 3px -3px #dadada;
	}
		#header .nav-menu ul { margin:0px; }
			#header .nav-menu ul li {
				display:inline;
				list-style-type:none;
				font-size:12px;
				text-transform:uppercase;
				line-height:16px;
				font-weight:700;
			}
			#header .nav-menu ul li a {
				color:#7a7a7a;
				padding:0px 25px;
			}
			#header .nav-menu ul li.current-cat a, #header .nav-menu ul li a:hover { color:#41abce; }
				#header .nav-menu ul li > ul { display:none; }
	#header .logo { padding-top:40px; }
		#header .logo img { height:60px; }
	#header p {
		font-family:'Titillium Web', Arial, sans-serif;
		color:#a9a9a9;
		font-size:18px;
		line-height:24px;
		margin:0px;
		padding-top:10px;
	}
	#header .social { margin:15px 0px 10px; }
		#header .social li {
			list-style-type:none;
			display:inline;
			margin:0px 4px;
		}
			#header .social li img {
				width:20px;
				height:20px;
			}



/* ========================= 3. Top Section ========================= */

#top {
	color:#d0d0d0;
	background:none;
	/*padding-top:60px;*/
	background-size:cover;
    /**/position:relative; height:450px; background-repeat: repeat;
}

#top .container { position:relative; height:100%;}

/* Slider */

#top .slider {
	/*background:url(images/base-slider.png) no-repeat;*/
	background-size:auto auto;
	margin-top: 39px;
	height:100%;
	/*padding:2.35% 7.7% 0 7.7%;*/
	position:relative;
	/*bottom:-22px;*/
    /**/ width:/*610px*/64.75583864118896%; margin-left:0;
}

/* Text */

#top .text {margin-top:25px; color:#fff; text-align:center;
	float:right;
	padding-bottom:0;
	min-height:0;
    /**/ width:/*292px*/30.99787685774947%; margin-left:0;
}

	#top .text h4 { font-family:titillium_webbold;
		font-size:18px;
		font-weight:normal;
		color:#FFF;
		margin:0px 0px 13px 0;
		line-height:normal;
	}
	#top .text p { margin:0px; }
	#top .text form { margin:0px; }
	#top .text input, #top .text textarea {
		width:100%;
		display:block;
		margin:0px 0px 15px 0px;
		border:0px;
	}
	#top .text input[type="text"], #top .text input[type="text"]:focus, #top .text textarea:focus { border:0px; }

	#top .text input[type="submit"] {background:url(images/submit_contact.png) no-repeat; height:38px; text-shadow:none; line-height:38px; text-align:center;
		font-size:14.18px; font-weight:bold; background-size:100% 100%;
		padding:0; white-space:nowrap; overflow:hidden; font-family:'Century Gothic';
	}

	#top .text  span.wpcf7-not-valid-tip {
		color:#FFF;
		background-color:#f00;
		padding:4px 5px;
	}
	#top .text div.wpcf7-validation-errors, #top .text div.wpcf7-mail-sent-ok {
		margin:0px;
		padding:4px 5px;
	}
	#top .text ul { margin:20px 0px 0px; }
		#top .text ul li {
			list-style-type:none;
			padding:14px 15px;
			background:url(images/base-top-transparent.png) repeat;
			color:#FFF;
			margin-bottom:15px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			-moz-box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
			-webkit-box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
			box-shadow:inset -3px 3px 3px rgba(50,50,50,.1);
		}
		#top .text ul li:last-child { margin-bottom:0px; }
			#top .text ul li i {
				font-size:14px;
				margin:0px 8px 0px 0px;
			}



/* ========================= 4. Main Section ========================= */

#main {
	/*background:#f9f9f9 url(images/base-main.png) repeat;*/
	padding:0 0px 0px;
}
	#main .header {
		text-align:center;
		padding:0px 0px 40px;
	}
		#main .header h2 { font-family:titillium_webbold; color:#56514c;
			font-size:23px;
			margin:0px 0px 0 19px;
			font-weight:normal;
			text-transform:none;
			line-height:36px;
		}
		#main .header p {
			margin:0px;
			color:#a9a9a9;
			font-size:18px;
		}
	#main .sep-border {
		clear:both;
		height:16px;
		background:url(images/sep-border-main.png) center center no-repeat;
		margin:30px 0px 20px;
	}

/* Carousel */

#main .flexslider {
	position:relative;
	padding:30px 0px 60px;
}
	#main .flexslider .flex-viewport { max-height:none; }
	#main .flexslider .flex-control-nav { bottom:40px; }
	#main .flexslider .flex-control-paging li a {
		width:40px;
		height:8px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
	}

/* Buy Now */

.buynow {
	background:#293139 url(images/base-buynow.jpg) top center no-repeat;
	padding:40px 0px;
	text-align:center;
}



/* ========================= 5. Blog Section ========================= */

#blog { padding-top:60px; }
	#blog .header { margin-bottom:15px; }
		#blog .header h2 {
			font-size:24px;
			line-height:30px;
			margin:0px;
			font-weight:700;
		}
		#blog .header p {
			font-family:'Titillium Web', Arial, sans-serif;
			margin:0px;
			color:#9a9a9a;
			font-size:18px;
		}
	#blog .post-meta {
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
		padding:8px 0px;
		margin-top:10px;
		font-size:12px;
		line-height:18px;
		text-transform:uppercase;
		color:#a9a9a9;
	}
		#blog .post-meta i {
			color:#d0d0d0;
			font-size:13px;
		}
		#blog .post-meta .font-slight {
			color:#dadada;
			padding:0px 8px;
		}
	#blog .post-date {
		text-align:center;
		background:#f3f3f3 url(images/icon-post-date.png) no-repeat top left;
	}
		#blog .post-date .post-date-header { padding:25px 0px; }
		#blog .post-date .day {
			font-family:'Titillium Web', Arial, sans-serif;
			font-size:48px;
			line-height:54px;
			color:#d0d0d0;
			font-weight:900;
		}
		#blog .post-date .year {
			font-family:'Titillium Web', Arial, sans-serif;
			color:#41abce;
			font-size:13px;
			line-height:18px;
		}
		#blog .post-date .post-date-footer {
			background-color:#41abce;
			color:#FFF;
			padding:10px 0px;
			text-transform:uppercase;
			font-weight:700;
			font-size:13px;
			line-height:18px;
		}
	#blog .nav-page, #blog .page-links {
		padding:10px 0px 50px;
		font-size:13px;
		line-height:18px;
		color:#a9a9a9;
		text-align:right;
	}
	#blog .page-links {
		text-align:left;
		padding:20px 0px;
	}
		#blog .nav-page .page-numbers, #blog .page-links a, #blog .page-links span {
			border:1px solid #e0e0e0;
			color:#707070;
			padding:8px 12px;
			margin:0px 2px;
		}
		#blog .nav-page a.page-numbers:hover, #blog .page-links a:hover {
			color:#41abce;
			border:1px solid #41abce;
		}
		#blog .nav-page .page-numbers.current, #blog .page-links span {
			color:#FFF;
			background-color:#41abce;
			border:1px solid #41abce;
		}
	#blog .sep-border {
		clear:both;
		border-top:1px solid #eaeaea;
		border-bottom:1px solid #eaeaea;
		height:5px;
	}

/* Blog Posts */

#blog .item { padding-bottom:40px; }

/* Blog Single */

#blog.single { padding-bottom:40px; }
	#blog.single .post-tags {
		padding:20px 0px;
		font-size:12px;
		text-transform:lowercase;
		line-height:26px;
	}
		#blog.single .post-tags a {
			background-color:#41abce;
			color:#FFF;
			padding:4px 12px;
		}
		#blog.single .post-tags a:hover { background-color:#4a4a4a; }

#blog.page-404 h1, #blog.page-404 h2 { color:#f2472d; }

/* Blog Comments */

#blog #comments { padding-top:20px; }
	#blog #comments h4 {
		margin:0px;
		padding-bottom:25px;
	}
	#blog #comments .comment-lists {
		overflow:hidden;
		margin:0px;
	}
		#blog #comments .comment-lists li {
			padding-bottom:30px;
			list-style-type:none;
		}
			#blog #comments .comment-lists li .comment-author {
				margin-bottom:25px;
				overflow:hidden;
				background-color:#f9f9f9;
				padding:20px 30px;
				border-bottom:3px solid #f3f3f3;
			}
				#blog #comments .comment-lists li .comment-author img {
					float:left;
					width:6%;
					margin-right:20px;
				}
				#blog #comments .comment-lists li .comment-author cite {
					display:block;
					text-transform:uppercase;
					font-size:13px;
					line-height:18px;
					font-weight:700;
				}
					#blog #comments .comment-lists li .comment-author cite span {
						background-color:#41abce;
						color:#FFF;
						font-weight:400;
						padding:4px 12px;
						font-size:12px;
						text-transform:lowercase;
						margin-left:2px;
					}
				#blog #comments .comment-lists li .comment-author time {
					font-size:12px;
					text-transform:uppercase;
					letter-spacing:0px;
				}
			#blog #comments .comment-lists li article {
				padding-bottom:30px;
				border-bottom:4px double #eaeaea;
			}
			#blog #comments .comment-lists li > ul {
				margin:0px;
				padding-left:40px;
			}
				#blog #comments .comment-lists li > ul li:last-child { padding-bottom:0px; }
			#blog #comments .comment-lists li > ul.children { padding-top:30px; }
			#blog #comments .comment-lists li .reply { text-align:right; }
				#blog #comments .comment-lists li .comment-edit-link, #blog #comments .comment-lists li .reply .comment-reply-link {
					background-color:#41abce;
					color:#FFF;
					padding:5px 12px;
					font-size:13px;
					text-transform:lowercase;
				}
				#blog #comments .comment-lists li .comment-edit-link:hover, #blog #comments .comment-lists li .reply .comment-reply-link:hover { background-color:#4a4a4a; }

	#blog #comments #comment-nav-below { overflow:hidden; }
		#blog #comments #comment-nav-below .nav-previous { float:left; }
		#blog #comments #comment-nav-below .nav-next { float:right; }

	#blog #comments #respond { padding-top:20px; }
		#blog #comments #respond h3 { margin-top:0px; }
		#blog #comments #respond form { margin:0px; }
		#blog #comments #respond input[type="text"] {
			display:block;
			width:60%;
			margin-bottom:20px;
		}
		#blog #comments #respond textarea {
			width:100%;
			margin-bottom:20px;
		}
		#blog #comments #respond textarea { height:180px; }
		#blog #comments #respond .form-allowed-tags { margin-bottom:20px; }
			#blog #comments #respond .form-allowed-tags code {
				display:block;
				white-space:normal;
				margin-top:5px;
			}

/* Sticky */

#blog .sticky {
	padding:40px 30px;
	background-color:#f2f7fb;
	border-top:2px solid #ededed;
}
	#blog .sticky .post-meta {
		background-color:#fff;
		padding-left:12px;
		padding-right:12px;
		border:0px;
	}
	#blog .sticky .post-date { background-color:#ededed; }



/* ========================= 6. Widget ========================= */

/* Search Form */

.widget .searchform {
	background-color:transparent;
	border-bottom:0px;
	padding:0px;
	margin-bottom:0px;
}
	.widget .searchform input[type="text"] { width:65%; }
	.widget .searchform input[type="submit"] { width:30%; }

/* About */

.widget .dotstheme_about .social { margin:0px; }
	.widget .dotstheme_about .social li {
		list-style-type:none;
		display:inline;
	}
		.widget .dotstheme_about .social li img {
			width:28px;
			height:28px;
			margin-top:4px;
		}
		.widget .dotstheme_about .social li .tooltip.bottom { margin-top:10px; }

/* Subscribe */

.widget .dotstheme_subscribe form { margin:0px; }
.widget .dotstheme_subscribe input[type="text"] {
	float:left;
	margin:0px;
	width:70%;
}
.widget .dotstheme_subscribe input[type="submit"] {
	float:right;
	width:26%;
	padding-left:0px;
	padding-right:0px;
}

/* Feature */

.widget .dotstheme_feature {
	padding-bottom:40px;
	overflow:hidden;
}
	.widget .dotstheme_feature img {
		float:left;
		width:10%;
	}
	.widget .dotstheme_feature p { margin:0px; }
	.widget .dotstheme_feature .content {
		float:right;
		width:86%;
	}
		.widget .dotstheme_feature .content h4 {
			font-size:20px;
			font-weight:700;
			margin-top:0px;
			line-height:26px;
		}

/* Screenshot */

.widget .dotstheme_screenshot figure {
	margin-bottom:30px;
	background-color:#FFF;
	padding:4px;
	border:1px solid #d0d0d0;
}
	.widget .dotstheme_screenshot figure.figure-hover div {
		top:4px;
		bottom:4px;
		left:4px;
		right:4px;
	}



/* Testimonial */

.widget .dotstheme_testimonial { margin:30px 0 20px 0;
	text-align:left;
	padding-bottom:0; color:#645f5b;
}

.widget .dotstheme_testimonial:before, .widget .dotstheme_testimonial:after,
.after_before_landing{background:url(images/separator_temoignage.png) no-repeat center top; display:block; height:16px; width:/*575px*/61.04033970276008%; content:""; margin:0 auto;}

.widget .dotstheme_testimonial:before, .before_landing{margin-bottom:67px;}

.widget .dotstheme_testimonial:after, .after_landing{margin-top:30px;}

.widget .dotstheme_testimonial img {width:/*367px*/38.95966029723992%; max-width:367px; float:left; max-height:206px;
	/*width:140px;
	height:140px;*/
	margin-bottom:5px;
	display:block; /*padding:3px; border:solid 1px #bbb7b7;*/
}

.widget .dotstheme_testimonial .contenu_temoignage{float:left; width:/*514px*/57.56475583864119%; margin-left:26px; font-family:titilliumregular;
font-size:13px; /*max-height:206px;*/ /*overflow:hidden;*/ padding-top:25px;}

.widget .dotstheme_testimonial .contenu_temoignage h2{font-size:23px; font-family:titillium_bdbold; color:#2a2a2a; margin-bottom:12px; line-height:26px;
margin-top:0;}

.widget .dotstheme_testimonial .contenu_temoignage .cote{font-size:19px; }

.widget .dotstheme_testimonial .contenu_temoignage .cote_21{font-size:21px; position:absolute;}

.widget .dotstheme_testimonial .contenu_temoignage strong{font-family:titillium_bdbold; font-weight:normal;}

.widget .dotstheme_testimonial .contenu_temoignage em{font-family:titilliumitalic; font-style:normal;}


.widget .dotstheme_testimonial p { margin:0px;}

.widget .dotstheme_testimonial .name {width:/*367px*/38.95966029723992%; text-align:center; font-size:14px; font-family:titilliumitalic;
	margin-top:0;
	background:none;
}

.widget .dotstheme_testimonial:hover .name { background:none; }

.widget .dotstheme_testimonial .name span {
}

.widget .dotstheme_testimonial:hover .name span {}



/* ========================= 6. Footer Section ========================= */

#footer { padding-bottom:20px; }
	#footer .header { margin-bottom:20px; }
		#footer .header h4 {
			font-size:18px;
			font-weight:700;
			line-height:24px;
			margin:0px;
		}
	#footer .widget {
		margin-top:40px;
		margin-bottom:40px;
		background:url(images/sep-footer.png) no-repeat top left;
		padding-left:40px;
	}
	#footer .widget:first-child {
		background:none;
		padding-left:0px;
	}

/* Copyright */

.footer-copyright {font-family:"Trebuchet MS";
	text-align:left; color:#fff;
	padding:10px 0px 32px 0;
	font-size:10.24px;
	background:#ef8a1b;
}

.footer-copyright p { margin:0px; }






/* ========================= 7. CSS Hacks ========================= */

.ie input[type="text"], .ie input[type="password"], .ie input[type="email"] { line-height:40px; }

.ie figure.figure-hover div { background-color:#202020; }

.ie .searchform input[type="text"] { width:84%; }
.ie .searchform input[type="submit"] { width:15%; }

.ie #header .nav-menu { border-bottom:1px solid #e9e9e9; }

.ie #top { padding-top:45px; }
.ie #top .slider {
	height:360px;
	bottom:-14px;
	background:url(images/base-slider2.png) no-repeat;
}
.ie #top .text { padding-bottom:45px; }
.ie #top .text h4 {
	font-size:22px;
	line-height:28px;
}
.ie #top .text input, .ie #top .text textarea { margin-bottom:15px; }

.ie #blog #comments .comment-lists li .comment-author img {
	width:8%;
	margin-right:16px;
}

.ie .widget .dotstheme_feature img { width:12%; }
.ie .widget .dotstheme_feature .content { width:82%; }

.ie .widget .dotstheme_subscribe input[type="text"] { width:65%; }
.ie .widget .dotstheme_subscribe input[type="submit"] { width:31%; }

.ie #footer .widget {
	background:none;
	padding:40px 0px;
	margin-top:0px;
	margin-bottom:0px;
}

/* IE7 */

.ie7 .btn { padding:13px 20px 12px; }
.ie7 input[type="button"], .ie7 input[type="submit"], .ie7 input[type="reset"], .ie7 button { padding:14px 20px 13px; }
.ie7 .btn.btn-medium, .ie7 input[type="button"].btn-medium, .ie7 input[type="submit"].btn-medium, .ie7 input[type="reset"].btn-medium, .ie7 button.btn-medium { padding:15px 24px 14px;	}
.ie7 input[type="button"].btn-medium, .ie7 input[type="submit"].btn-medium, .ie7 input[type="reset"].btn-medium, .ie7 button.btn-medium { padding:16px 24px 15px; }
.ie7 .btn.btn-large, .ie7 input[type="button"].btn-large, .ie7 input[type="submit"].btn-large, .ie7 input[type="reset"].btn-large, .ie7 button.btn-large { padding:17px 28px 16px; }
.ie7 input[type="button"].btn-large, .ie7 input[type="submit"].btn-large, .ie7 input[type="reset"].btn-large, .ie7 button.btn-large { padding:18px 28px 17px; }
.ie7 .btn i, .ie7 input[type="button"] i, .ie7 input[type="submit"] i, .ie7 input[type="reset"] i, .ie7 button i { display:none !important; }

.ie7 #top .slider {
	background:none;
	margin:0px;
	padding:10px 40px 60px 0px;
	height:auto;
	position:static;
	bottom:0;
}
.ie7 #top .text { float:none; }
.ie7 #top .text input[type="text"], .ie7 #top .text textarea { width:92%; }

.ie7 #main .flexslider .flex-control-nav { bottom:50px; }

.ie7 #blog #comments #respond textarea { width:96%; }

.ie7 .widget .dotstheme_feature figure {
	padding:0px;
	border:0px;
}

.ie7 .widget .dotstheme_subscribe input[type="text"] { width:58%; }

@media screen and (-webkit-min-device-pixel-ratio:0) {

.select-nav select {
	background:rgba(0,0,0,0);
	-webkit-appearance:none;
}

}



/* ========================= 8. Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {

	.searchform input[type="text"] { width:84%; }
	.searchform input[type="submit"] { width:15%; }

	#top { padding-top:45px; }
	#top .slider {
		height:365px;
		bottom:-18px;
	}
	#top .text {
		padding-bottom:45px;
		min-height:360px;
	}
	#top .text h4 {
		font-size:22px;
		line-height:28px;
	}
	#top .text input, #top .text textarea { margin-bottom:15px; }

	#blog .post-date .post-date-header { padding:18px 0px; }

	#blog #comments .comment-lists li .comment-author img {
		width:8%;
		margin-right:16px;
	}

	.widget .dotstheme_feature img { width:12%; }
	.widget .dotstheme_feature .content { width:82%; }

	.widget .searchform input[type="text"], .widget .dotstheme_subscribe input[type="text"] { width:65%; }
	.widget .searchform input[type="submit"], .widget .dotstheme_subscribe input[type="submit"] { width:31%; }

}

@media (min-width: 768px) and (max-width: 979px) {

	.searchform input[type="text"] { width:80%; }
	.searchform input[type="submit"] { width:18%; }

	.top-section .dotstheme-breadcrumbs { display:none; }

	#top { padding-top:40px; }
	#top .slider {
		height:280px;
		bottom:-14px;
	}
	#top .text {
		padding-bottom:40px;
		min-height:260px;
	}
	#top .text h4 {
		font-size:20px;
		line-height:26px;
	}
	#top .text .desc { display:none; }
	#top .text input, #top .text textarea { margin-bottom:10px; }

	#blog .post-date .post-date-header { padding:10px 0px; }

	#blog #comments .comment-lists li .comment-author img {
		width:10%;
		margin-right:12px;
	}

	.widget .dotstheme_feature img { width:14%; }
	.widget .dotstheme_feature .content { width:80%; }

	.widget .searchform input[type="text"], .widget .dotstheme_subscribe input[type="text"] {
		float:none;
		margin:0px;
		width:100%;
	}
	.widget .searchform input[type="submit"], .widget .dotstheme_subscribe input[type="submit"] {
		float:none;
		margin-top:10px;
		display:block;
		width:100%;
	}

}

@media (max-width: 767px) {

	.select-nav {
		display:block;
		margin:20px 0px 40px;
	}

	.scrollup, #header .nav-menu { display:none !important; }

	.searchform input[type="text"] { width:75%; }
	.searchform input[type="submit"] { width:22%; }

	.top-section .dotstheme-breadcrumbs { display:none; }

	#header .logo img {
		height:auto;
		max-height:60px;
	}

	#top, .top-section, #main, .buynow, .footer-copyright {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}

	#top {
		padding:40px 20px;
		text-align:center;
	}
	#top .slider {
		height:auto;
		padding:3.5% 12% 6% 12%;
		margin:0px 0px 20px;
		position:static;
		bottom:0;
	}
	#top .text {
		float:none;
		padding-bottom:0px;
		min-height:0px;
	}

	#blog .item figure { margin-bottom:20px; }

	#blog .post-date { margin-bottom:25px; }

	#blog .nav-page, #blog .page-links {
		padding:0px 0px 40px;
		font-size:15px;
		text-align:right;
	}
	#blog .page-links { padding:20px 0px; }
	#blog .nav-page .page-numbers, #blog .page-links a, #blog .page-links span {
		padding:12px 18px;
		display:block;
		margin:5px 0px;
	}

	#blog #comments .comment-lists li .comment-author img {
		width:12%;
		margin-right:15px;
	}
	#blog #comments #respond input[type="text"] { width:100%; }
	#blog #comments #respond .btn {
		display:block;
		width:100%;
	}

	.widget .dotstheme_feature { text-align:center; }
	.widget .dotstheme_feature img {
		float:none;
		width:64px;
		height:64px;
		margin-bottom:20px;
	}
	.widget .dotstheme_feature .content {
		float:none;
		width:100%;
	}

	.widget .searchform input[type="text"], .widget .dotstheme_subscribe input[type="text"] {
		float:none;
		margin:0px;
		width:100%;
	}
	.widget .searchform input[type="submit"], .widget .dotstheme_subscribe input[type="submit"] {
		float:none;
		margin-top:10px;
		display:block;
		width:100%;
	}

	#footer { text-align:center; }
	#footer .widget {
		background:none;
		padding-left:0px;
	}

}

@media (max-width: 600px) {

	#blog #comments .comment-lists li .comment-author img { width:13%; }

}

@media (max-width: 540px) {

	#header p {
		font-size:15px;
		line-height:21px;
	}

	.buynow .btn {
		display:block;
		line-height:22px;
	}

	#blog #comments .comment-lists li .comment-author img { width:14%; }

}

@media (max-width: 480px) {

	.searchform input[type="text"] {
		width:100%;
		float:none;
		margin-bottom:12px;
	}
	.searchform input[type="submit"] {
		float:none;
		width:100%;
	}

	#top .slider { display:none; }
	#top .text { padding-top:0px; }

	#blog #comments .comment-lists li .comment-author { padding:20px 15px; }
	#blog #comments .comment-lists li .comment-author img {
		width:15%;
		margin-right:10px;
	}
	#blog #comments .comment-lists li > ul { padding-left:0px; }

}

@media (max-width: 380px) {

	#blog #comments .comment-lists li .comment-author img { width:20%; }
	#blog #comments #comment-nav-below .nav-previous, #blog #comments #comment-nav-below .nav-next {
		float:none;
		text-align:right;
	}
	#blog #comments .comment-lists li .comment-edit-link, #blog #comments .comment-lists li .reply .comment-reply-link {
		display:block;
		text-align:center;
	}

}

@media (max-width: 300px) {

	#blog #comments .comment-lists li .comment-author { text-align:center; }
	#blog #comments .comment-lists li .comment-author img {
		width:100%;
		float:none;
		margin:0px 0px 10px;
	}
	#blog #comments .comment-lists li .comment-author cite span {
		display:block;
		margin:5px 0px;
	}

}