/*
Theme Name: Leads
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
nav select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form
input[type="tel"],
.search-form
input[type="tel"],
.post-password-form
input[type="tel"],
.comment-form
input[type="email"],
.search-form
input[type="email"],
.post-password-form
input[type="email"],
.comment-form
input[type="search"],
.search-form
input[type="search"],
.post-password-form
input[type="search"],
.comment-form
input[type="password"],
.search-form
input[type="password"],
.post-password-form
input[type="password"],
.comment-form
input[type="url"],
.search-form
input[type="url"],
.post-password-form
input[type="url"],
.comment-form
input[type="date"],
.search-form
input[type="date"],
.post-password-form
input[type="date"],
.comment-form
textarea,
.search-form
textarea,
.post-password-form
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: .5em .7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form
  input[type="tel"]:focus,
.search-form
  input[type="tel"]:focus,
.post-password-form
  input[type="tel"]:focus,
.comment-form
  input[type="email"]:focus,
.search-form
  input[type="email"]:focus,
.post-password-form
  input[type="email"]:focus,
.comment-form
  input[type="search"]:focus,
.search-form
  input[type="search"]:focus,
.post-password-form
  input[type="search"]:focus,
.comment-form
  input[type="password"]:focus,
.search-form
  input[type="password"]:focus,
.post-password-form
  input[type="password"]:focus,
.comment-form
  input[type="url"]:focus,
.search-form
  input[type="url"]:focus,
.post-password-form
  input[type="url"]:focus,
.comment-form
  input[type="date"]:focus,
.search-form
  input[type="date"]:focus,
.post-password-form
  input[type="date"]:focus,
.comment-form
  textarea:focus,
.search-form
  textarea:focus,
.post-password-form
  textarea:focus {
	border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form
  input[type="tel"]::-webkit-input-placeholder,
.search-form
  input[type="tel"]::-webkit-input-placeholder,
.post-password-form
  input[type="tel"]::-webkit-input-placeholder,
.comment-form
  input[type="email"]::-webkit-input-placeholder,
.search-form
  input[type="email"]::-webkit-input-placeholder,
.post-password-form
  input[type="email"]::-webkit-input-placeholder,
.comment-form
  input[type="search"]::-webkit-input-placeholder,
.search-form
  input[type="search"]::-webkit-input-placeholder,
.post-password-form
  input[type="search"]::-webkit-input-placeholder,
.comment-form
  input[type="password"]::-webkit-input-placeholder,
.search-form
  input[type="password"]::-webkit-input-placeholder,
.post-password-form
  input[type="password"]::-webkit-input-placeholder,
.comment-form
  input[type="url"]::-webkit-input-placeholder,
.search-form
  input[type="url"]::-webkit-input-placeholder,
.post-password-form
  input[type="url"]::-webkit-input-placeholder,
.comment-form
  input[type="date"]::-webkit-input-placeholder,
.search-form
  input[type="date"]::-webkit-input-placeholder,
.post-password-form
  input[type="date"]::-webkit-input-placeholder,
.comment-form
  textarea::-webkit-input-placeholder,
.search-form
  textarea::-webkit-input-placeholder,
.post-password-form
  textarea::-webkit-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form
  input[type="tel"]::-moz-placeholder,
.search-form
  input[type="tel"]::-moz-placeholder,
.post-password-form
  input[type="tel"]::-moz-placeholder,
.comment-form
  input[type="email"]::-moz-placeholder,
.search-form
  input[type="email"]::-moz-placeholder,
.post-password-form
  input[type="email"]::-moz-placeholder,
.comment-form
  input[type="search"]::-moz-placeholder,
.search-form
  input[type="search"]::-moz-placeholder,
.post-password-form
  input[type="search"]::-moz-placeholder,
.comment-form
  input[type="password"]::-moz-placeholder,
.search-form
  input[type="password"]::-moz-placeholder,
.post-password-form
  input[type="password"]::-moz-placeholder,
.comment-form
  input[type="url"]::-moz-placeholder,
.search-form
  input[type="url"]::-moz-placeholder,
.post-password-form
  input[type="url"]::-moz-placeholder,
.comment-form
  input[type="date"]::-moz-placeholder,
.search-form
  input[type="date"]::-moz-placeholder,
.post-password-form
  input[type="date"]::-moz-placeholder,
.comment-form
  textarea::-moz-placeholder,
.search-form
  textarea::-moz-placeholder,
.post-password-form
  textarea::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form
  input[type="tel"]:-moz-placeholder,
.search-form
  input[type="tel"]:-moz-placeholder,
.post-password-form
  input[type="tel"]:-moz-placeholder,
.comment-form
  input[type="email"]:-moz-placeholder,
.search-form
  input[type="email"]:-moz-placeholder,
.post-password-form
  input[type="email"]:-moz-placeholder,
.comment-form
  input[type="search"]:-moz-placeholder,
.search-form
  input[type="search"]:-moz-placeholder,
.post-password-form
  input[type="search"]:-moz-placeholder,
.comment-form
  input[type="password"]:-moz-placeholder,
.search-form
  input[type="password"]:-moz-placeholder,
.post-password-form
  input[type="password"]:-moz-placeholder,
.comment-form
  input[type="url"]:-moz-placeholder,
.search-form
  input[type="url"]:-moz-placeholder,
.post-password-form
  input[type="url"]:-moz-placeholder,
.comment-form
  input[type="date"]:-moz-placeholder,
.search-form
  input[type="date"]:-moz-placeholder,
.post-password-form
  input[type="date"]:-moz-placeholder,
.comment-form
  textarea:-moz-placeholder,
.search-form
  textarea:-moz-placeholder,
.post-password-form
  textarea:-moz-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form
  input[type="tel"]:-ms-input-placeholder,
.search-form
  input[type="tel"]:-ms-input-placeholder,
.post-password-form
  input[type="tel"]:-ms-input-placeholder,
.comment-form
  input[type="email"]:-ms-input-placeholder,
.search-form
  input[type="email"]:-ms-input-placeholder,
.post-password-form
  input[type="email"]:-ms-input-placeholder,
.comment-form
  input[type="search"]:-ms-input-placeholder,
.search-form
  input[type="search"]:-ms-input-placeholder,
.post-password-form
  input[type="search"]:-ms-input-placeholder,
.comment-form
  input[type="password"]:-ms-input-placeholder,
.search-form
  input[type="password"]:-ms-input-placeholder,
.post-password-form
  input[type="password"]:-ms-input-placeholder,
.comment-form
  input[type="url"]:-ms-input-placeholder,
.search-form
  input[type="url"]:-ms-input-placeholder,
.post-password-form
  input[type="url"]:-ms-input-placeholder,
.comment-form
  input[type="date"]:-ms-input-placeholder,
.search-form
  input[type="date"]:-ms-input-placeholder,
.post-password-form
  input[type="date"]:-ms-input-placeholder,
.comment-form
  textarea:-ms-input-placeholder,
.search-form
  textarea:-ms-input-placeholder,
.post-password-form
  textarea:-ms-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form
  input[type="tel"].placeholder,
.search-form
  input[type="tel"].placeholder,
.post-password-form
  input[type="tel"].placeholder,
.comment-form
  input[type="email"].placeholder,
.search-form
  input[type="email"].placeholder,
.post-password-form
  input[type="email"].placeholder,
.comment-form
  input[type="search"].placeholder,
.search-form
  input[type="search"].placeholder,
.post-password-form
  input[type="search"].placeholder,
.comment-form
  input[type="password"].placeholder,
.search-form
  input[type="password"].placeholder,
.post-password-form
  input[type="password"].placeholder,
.comment-form
  input[type="url"].placeholder,
.search-form
  input[type="url"].placeholder,
.post-password-form
  input[type="url"].placeholder,
.comment-form
  input[type="date"].placeholder,
.search-form
  input[type="date"].placeholder,
.post-password-form
  input[type="date"].placeholder,
.comment-form
  textarea.placeholder,
.search-form
  textarea.placeholder,
.post-password-form
  textarea.placeholder {
	color: #ccc;
}

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form input {
	float: left;
	height: 2em;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 150px;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #333;
	color: #fff;
	height: 2em;
	border: none;
	padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 1.2em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	padding: .4em;
	text-decoration: none;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: .4em;
	display: block;
}

.navigation-single .next {
	float: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: .4em;
	margin-bottom: 1.2em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.2em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.2em 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.2em;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

/*------------------------------------------------------------------
	2. Global style classes
-------------------------------------------------------------------*/

.dark-bg {
	background-color: #191b1f;
}

.grey-bg {
	background-color: #eee;
}

.grey-bg2 {
	background-color: #f5f5f5;
}

.white-bg {
	background-color: #fff;
}

.bg-img-full {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bg-img-parallax {
	background-attachment: fixed;
}

.overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .3;
	position: absolute;
	pointer-events: none;
	background-color: #000;
}

.divider {
	width: 80px;
	height: 3px;
	display: block;
	margin: 0 0 19px;
	overflow: hidden;
}

.divider span {
	width: 50%;
	height: 3px;
	display: block;
}

.divider.center {
	margin: 0 auto 19px;
}

.divider.right {
	margin: 0 auto 19px;
	display: inline-block;
	vertical-align: middle;
}

.border-top {
	border-top: 1px solid #eee;
}

.section {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.center-img {
	margin: 0 auto;
}

.mar-top-xs {
	margin-top: 30px !important;
}

.mar-top-sm {
	margin-top: 60px !important;
}

.mar-top-md {
	margin-top: 80px !important;
}

.pad-top-xs {
	padding-top: 30px !important;
}

.pad-top-sm {
	padding-top: 60px !important;
}

.pad-top-md {
	padding-top: 80px !important;
}

.mar-top-lg {
	margin-top: 100px !important;
}

.pad-top-lg {
	padding-top: 100px !important;
}

.mar-bottom-xs {
	margin-bottom: 30px !important;
}

.mar-bottom-sm {
	margin-bottom: 60px !important;
}

.mar-bottom-md {
	margin-bottom: 80px !important;
}

.pad-bottom-sm {
	padding-bottom: 60px !important;
}

.pad-bottom-xs {
	padding-bottom: 30px !important;
}

.pad-bottom-md {
	padding-bottom: 80px !important;
}

.mar-bottom-lg {
	margin-bottom: 100px !important;
}

.pad-bottom-lg {
	padding-bottom: 100px !important;
}

.btn-default {
	border: 0;
	color: #fff;
	font-size:17px;
	font-weight: 700;
	border-radius: 0;
	padding: 16px 43px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.btn-default:focus,
.btn-default:active,
.btn-default:hover {
	color: #fff;
	background-color: #191b1f !important;
}

.btn-default.sm-round {
	border-radius: 2px;
}

.btn-default.lg-round {
	border-radius: 5px;
}

body.pattern1 {
	background-image: url(images/patterns/pattern1.png);
}

body.pattern2 {
	background-image: url(images/patterns/pattern2.png);
}

body.pattern3 {
	background-image: url(images/patterns/pattern3.png);
}

body.pattern4 {
	background-image: url(images/patterns/pattern4.png);
}

body.pattern5 {
	background-image: url(images/patterns/pattern5.png);
}

body.pattern6 {
	background-image: url(images/patterns/pattern6.png);
}

body.pattern7 {
	background-image: url(images/patterns/pattern7.png);
}

body.pattern8 {
	background-image: url(images/patterns/pattern8.png);
}

body.pattern9 {
	background-image: url(images/patterns/pattern9.png);
}

body.pattern10 {
	background-image: url(images/patterns/pattern10.png);
}

body.pattern11 {
	background-image: url(images/patterns/pattern11.png);
}

body.pattern12 {
	background-image: url(images/patterns/pattern12.png);
}

body.pattern13 {
	background-image: url(images/patterns/pattern13.png);
}

body.pattern14 {
	background-image: url(images/patterns/pattern14.png);
}

body.boxed-v #wrapper {
	max-width: 80%;
	margin: 20px auto;
	border-radius: 3px;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, .1);
}

a {
	outline-offset: 0;
	outline: 0 !important;
}

/*------------------------------------------------------------------
	3. main headinig styles / .main-heading
-------------------------------------------------------------------*/

.main-heading .heading {
	color: #222;
	margin: 0 0 26px;
	font: 700 36px/54px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.main-heading p {
	margin: 0;
}

.subheading {
	color: #222;
margin: 20px 0 20px;
font: 700 20px/20px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.subheading .fa {
	font-size: 23px;
	margin-right: 20px;
}

/*------------------------------------------------------------------
	4. main wrapper styles / #wrapper
-------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/*------------------------------------------------------------------
	5. header of the page styles / #header
-------------------------------------------------------------------*/

#header {
	z-index: 2;
	position: relative;
	
}

#header .holder {
	/*padding: 25px 0 25px;*/
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	background: #fff url(images/line.jpg) repeat-x;
}

#header.sticky .holder {
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	/*padding: 23px 0 16px;*/
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

#header .nav-opener {
	width: 45px;
	height: 40px;
	display: none;
	font-size: 24px;
	margin: 4px 0 0;
	line-height: 34px;
	border-radius: 3px;
	text-align: center;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: 1px solid rgba(255, 255, 255, .5);
}

/*------------------------------------------------------------------
	6. navigation of the page styles / #nav
-------------------------------------------------------------------*/

#nav {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	font: 700 16px/20px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#nav li {
	vertical-align: top;
	padding: 4px 0 0 2.1%; text-transform: uppercase;
}

#nav a {
	color: #292d33;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

#main {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.main-banner {
	color: #eee;
}

.main-banner .heading {
	color: #fff;
	margin: 0 0 23px;
	font: 700 48px/60px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main-banner .heading .main-color {color: #fff;}
.main-banner p {
	margin: 0 0 70px;
}

.main-banner .btn-play {
	width: 65px;
	height: 65px;
	font-size: 19px;
	line-height: 65px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	padding: 0 0 0 4px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.main-banner .divider {
	margin: 0 0 24px;
}

.main-banner .divider.center {
	margin: 0 auto 24px;
}

.quote-form.style3{
	margin: 0;
	border: 0;
	padding-top: 0;
	background: transparent;
}

 .quote-form.style3 .form-message{
	bottom: 0;
}

.quote-form.style3 .form-control{
	background: rgba(0,0,0,0.3);
	border-color: rgba(0,0,0,0);
}

.quote-form.style3 .btn{
	border-radius: 3px;
}

.quote-form.style2{
	width: 100%;

padding: 55px 20px;
border-radius: 4px;
}

.quote-form.style2 .btn{
	border-radius: 4px;
	float: none;
	width: 100%;
}

.quote-form.style2 .form-message{
	margin-top: 5px;
}


.main-banner .quote-form.style3{
	margin: 0;
	border: 0;
	padding-top: 0;
	background: transparent;
}

.main-banner .quote-form.style3 .form-message{
	bottom: 0;
}

.main-banner .quote-form.style3 .form-control{
	background: rgba(0,0,0,0.3);
	border-color: rgba(0,0,0,0);
}

.main-banner .quote-form.style3 .btn{
	border-radius: 3px;
}

.main-banner .quote-form.style2{
	width: 100%;

padding: 55px 20px;
border-radius: 4px;
}

.main-banner .quote-form.style2 .btn{
	border-radius: 4px;
	float: none;
	width: 100%;
}

.main-banner .quote-form.style2 .form-message{
	margin-top: 5px;
}

/*------------------------------------------------------------------
	8. quote form of the page styles / .quote-form
-------------------------------------------------------------------*/

.quote-form {
	margin-top: -50px;
	padding: 26px 22px 10px;
	background-color: #fff;
	border: 1px solid #eee;
}

.quote-form .title {
	margin: 0;
	color: #fff;
	display: block;
	text-align: center;
	font: 700 25px/30px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote-form .txt {
	color: #999;
	display: block;
	margin: 0 0 40px;
	text-align: center;
	font: 16px/25px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote-form .form-control {
	height: 48px;
	outline: none;
	color: #999;
	box-shadow: none;
	padding: 6px 20px;
	background: #eee;
	border-color: #eee;
}

.quote-form .form-group {
	width: 27%;
	float: left;
	margin: 0 2.2% 13px 0;
}

.quote-form .form-group.has-error .form-control {
	color: #f33;
	border-color: #f33;
}

.quote-form .form-group:nth-child(3) {
	margin: 0 0 13px;
}

.quote-form .btn {
	float: right;
	font-weight: 400;
	padding: 11px 2.3%;
	opacity: 1 !important;
}

.quote-form .shake .form-message {
	bottom: -79px;
}

.quote-form .form-message {
	left: 50%;
	color: #fff;
	bottom: -43px;
	font-size: 11px;
	font-weight: 600;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 15px 25px 13px 50px;
}

.quote-form .form-message:after {
	top: 14px;
	left: 17px;
	width: 20px;
	content: "";
	height: 20px;
	font-size: 9px;
	font-weight: 400;
	line-height: 20px;
	border-radius: 50%;
	position: absolute;
	text-align: center;
	font-family: "FontAwesome";
}

.quote-form .form-message.error {
	margin: 0 0 20px;
	background: #f33;
	padding: 15px 20px 13px 50px;
}

.quote-form .form-message.error:after {
	content: "\f00d";
	background: #cc2929;
}

.quote-form .form-message.success {
	margin: 0 0 20px;
	background: #698cf0;
	padding: 15px 20px 13px 50px;
}

.quote-form .form-message.success:after {
	content: "\f00c";
	background: #5470c0;
}

.quote-form .form-message.hidden {
	display: none;
}

.quote-form.style2 {
    border: 0;
    margin: 0;
        margin-bottom: 0px;
    padding: 40px 0 40px;
 background: #ffffff3d;
    color: #fff;
    padding: 20px;
    margin-bottom: 60px;
}

.quote-form.style2 .form-group {
	float: none;
	width: 100%;
	margin: 0 0 20px;
}

.quote-form.style2 .form-group:nth-child(3) {
	margin: 0 0 20px;
}

.quote-form.style2 .form-message {
	left: auto;
	bottom: auto;
	position: relative;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.quote-form.style2 .btn {
	padding: 11px 30px;
}

.quote-form.small .form-group{
	width: 66%;
}

.quote-form.small .btn{
	width: 31%;
}

.shadow {
	height: 25px;
	display: block;
	margin: 0 auto;
	max-width: 813px;
	background: url(images/shadow.png) no-repeat center 0;
	background-size: cover;
}

.gallery-box {
	overflow: hidden;
	margin-right: -2px;
}

.gallery-box .box {
	float: left;
	width: 16.66%;
	overflow: hidden;
	border: 2px solid #fff;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.gallery-box .box img {
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.gallery-box .box:hover img {
	-webkit-transform: scale(1.2) rotate(4deg) translateX(10px);
	-ms-transform: scale(1.2) rotate(4deg) translateX(10px);
	transform: scale(1.2) rotate(4deg) translateX(10px);
}
.f .info-box img {width: 100%;
text-align: center;
margin: 0 auto;}
.info-box img {width: 54%;
text-align: center;
margin: 0 auto;}
.info-box {
	font-size: 15px; min-height:322px;

line-height: 26px; background: #cccccc70;

padding: 13px;

text-align: center;
}
.f .info-box {
	font-size: 13px;
	line-height: 21px; background: #cccccc70; padding: 0px 0px 20px;
}

.top-icon {
	font-size: 40px;
}

.test-section {
	color: #fff;
}

.test-section .overlay{
	opacity: 0.5;
}

.test-section img {
	border-radius: 50%;
	margin: 0 auto 27px;
}

.test-section .slider {
	margin: 0 auto;
	max-width: 800px;
}

.test-section .slider .slick-arrow {
	display: none !important;
}

.test-section p {
	margin: 0 0 40px;
}

.test-section .fa {
	display: block;
	font-size: 20px;
	margin: 0 0 14px;
}

.test-section .name {
	display: block;
	margin: 0 0 8px;
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.test-section .subtitle {
	display: block;
	font-size: 12px;
}

.price-box {
	font-size: 16px;
line-height: 28px;
background: #fff;
padding: 0 0 20px 0;
border: 1px solid #997a7a;
}

.price-box .title {
	display: block;
color: #222;
margin: 12px 0 8px;
font: 700 20px/31px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 20px;
min-height: 133px;
}

.price-box .price {
	color: #222;
	vertical-align: top;
	padding: 0 20px 17px;
	display: inline-block;
	border-bottom: 1px solid #eee;
	font: 700 72px/76px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.price-box .price .add {
	margin: 0 -4px;
	font-size: 40px;
}

.price-box p {
	margin: 0 0 37px;
}

.price-box .btn {
	font-size: 15px;
}

/*------------------------------------------------------------------
	13. quote section of the page styles / .quote-section
-------------------------------------------------------------------*/

.quote-section {
	color: #fff;
	padding: 40px 0;
}

.quote-section .subtitle {
	display: block;
}

.quote-section h2 {
	margin: 0 0 15px;
	font: 700 48px/69px "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.quote-section p {
	margin: 0 0 28px;
}
footer h3 {border-bottom: 1px solid #ffffff75;

padding-bottom: 20px;



margin-bottom: 17px;}
.vb {

    background: #000;
    padding-top: 10px;
    margin-top: 40px;

}
.navbar-collapse .navbar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dropdown-menu > li > a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

@media (max-width: 767px) {
  .navbar-default {
    max-height: 80px;
  }
}

@media (max-width: 767px) {
  .navbar-header {
    padding: 1em 0;
    max-height: 80px;
  }
}

.navbar-collapse[style] {
  height: 0 !important;
}

.navbar-collapse {
  font-size: 12px;
}
@media (max-width: 767px) {
  .navbar-collapse {
    border: none;
  }
}

@media (max-width: 767px) {
  .navbar-collapse .navbar-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin: 80px 0 0 0;
    padding: 0;
    overflow: hidden;
    min-width: 13em;
  }
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav {
    float: right;
  }
}

/* NAV LIST ITEMS */
@media (min-width: 768px) {
  .navbar-nav .dropdown {
    min-width: 7em;
    margin-left: 1px;
  }
}

@media (min-width: 768px) {
  .navbar-nav .dropdown:first-child,
  .navbar-nav .dropdown:last-child {
    min-width: 6.5em;
  }
}

@media (min-width: 768px) {
  .navbar-nav .dropdown:first-child {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-nav .dropdown:last-child {
    margin-right: 0;
  }
}

/* NAV LINKS */
.dropdown-toggle {
  background-color: transparent;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .dropdown-toggle {
    transition: background-color .25s;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
  }
  .dropdown-toggle:hover {
    background-color: transparent;
  }
}
@media (min-width: 1200px) {
  .dropdown-toggle {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.dropdown-menu > li > a {
  padding-left: 1em !important;
  padding-right: 1em !important;
  line-height: 3 !important;
  transition: background-color .25s,color .5s .25s,border-color .75s 1s;
}
@media (max-width: 767px) {
  .dropdown-menu > li > a {
    background-color: #333;
    padding-top: .5em;
    padding-bottom: .5em;
  }
}
@media (min-width: 768px) {
  .dropdown-menu > li > a {
    color: transparent;
    background-color: transparent;
  }
}

.open .dropdown-menu a {
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.95);
}
@media (min-width: 768px) {
  .open .dropdown-menu a {
    color: #fff;
  }
}

/* TOGGLE BUTTON */
.navbar-default .navbar-toggle {
  background-color: #444;
  width: 22px;
  height: 100%;
  width: 3em;
  height: 2.5em;
  position: relative;
}
.navbar-default .navbar-toggle:before, .navbar-default .navbar-toggle:after {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 1;
  z-index: 1;
}
.navbar-default .navbar-toggle:before {
  content: " \00D7";
  border: none;
  box-shadow: none;
  font-size: 32px;
  color: #f53200;
}
.navbar-default .navbar-toggle:after {
  content: "Menu";
  position: absolute;
  margin-top: -18px;
  color: #000;
}

.navbar-default .collapsed:before {
  content: "";
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  box-shadow: 0 4px 0 0 #444,0 6px 0 0 #ccc;
  margin: 10px 8px 15px;
}
.navbar-default .collapsed:hover, .navbar-default .collapsed:focus {
  border-color: #777;
}
.navbar-default .collapsed:hover:before, .navbar-default .collapsed:focus:before {
  border-top: 2px solid #aaa;
  border-bottom: 2px solid #aaa;
  box-shadow: 0 4px 0 0 #ddd,0 6px 0 0 #aaa;
}

/* Submenu */
.dropdown-toggle .dropdown-menu {
  display: none;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  list-style: none;
  text-transform: uppercase;
  transition: padding-bottom 0.75s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 2s;
}
.dropdown-toggle:hover .dropdown-menu {
  display: block;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  list-style: none;
  text-transform: uppercase;
  transition: padding-bottom 0.75s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 2s;
}
@media (max-width: 767px) {
  .navbar-nav .dropdown-menu {
    display: block;
    font-size: 11px;
    position: static;
    left: auto;
    margin: 0;
  }
}
@media (min-width: 768px) {
	.navbar-nav .dropdown-toggle:hover .dropdown-menu { display: block;}
  .navbar-nav .dropdown-toggle .dropdown-menu {
    left: -9999px;
    display: none;
    font-size: 12px;
    min-width: 176px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -1px !important;
  }
}

@media (min-width: 768px) {
  .dropdown:last-of-type .dropdown-menu {
    margin-left: -85%;
  }
}

@media (min-width: 768px) {
  .open .dropdown-menu {
    left: 0;
    right: 0;
    background-color: rgba(51, 51, 51, 0.96);
  }
}

@media (min-width: 768px) {
  .navbar-collapse .caret {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

.open[class*="itemcount-1"] .dropdown-menu {
  padding-bottom: 44px;
}

.open[class*="itemcount-2"] .dropdown-menu {
  padding-bottom: 88px;
}

.open[class*="itemcount-3"] .dropdown-menu {
  padding-bottom: 132px;
}

.open[class*="itemcount-4"] .dropdown-menu {
  padding-bottom: 176px;
}

.open[class*="itemcount-5"] .dropdown-menu {
  padding-bottom: 220px;
}

.open[class*="itemcount-6"] .dropdown-menu {
  padding-bottom: 264px;
}

.open[class*="itemcount-7"] .dropdown-menu {
  padding-bottom: 308px;
}

.open[class*="itemcount-8"] .dropdown-menu {
  padding-bottom: 352px;
}
.bb {
    border: 0px;
height: auto;
padding: 0px;
cursor:pointer;
box-shadow:none;
font-size: 16px;
color: #000;
width: 97px;
line-height: 18px; text-transform: uppercase;
}
.open[class*="itemcount-9"] .dropdown-menu {
  padding-bottom: 396px;
}

.open[class*="itemcount-10"] .dropdown-menu {
  padding-bottom: 440px;
}

h1 {
  text-transform: none;
  color: #000000;
  font-family: "Noto Serif", "Lucida Bright", Georgia, serif;
  font-weight: 400;
  letter-spacing: -1px;
  word-spacing: 1px;
  line-height: 1;
  margin: -.125em 0 0 0;
}

html {
  font-size: 16px;
}

body {
  
}

#footer ul li { padding: 6px 0px; }
#footer a {color: #fff;}
#footer {
	padding: 40px 0 0px;
	
	background-repeat: repeat-x;
	background-position: left bottom;
}

#footer .logo {
	margin: 0 0 53px;
	vertical-align: top;
	display: inline-block;
}

.social {
	margin: 0 0 30px;
}

.social a {

    width: 40px;
    height: 40px;
    display: block;
    font-size: 20px;
    line-height: 41px;
    border-radius: 50%;
    background: #25272a;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    float: left;
    text-align: center;

}

.line-box {
	overflow: hidden;
	text-align: center;
}

.line-box .box {
	float: left;
	width: 200px;
}

.main-slider .slick-arrow {
	top: 50%;
	border: 0;
	padding: 0;
	z-index: 2;
	width: 30px;
	opacity: .2;
	font-size: 0;
	height: 30px;
	line-height: 0;
	position: absolute;
	background: transparent;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	border: solid #fff;
	border-width: 3px 3px 0 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.main-slider .slick-arrow:hover {
	opacity: 1;
}

.main-slider .slick-prev {
	left: 55px;
	-webkit-transform: translateY(-50%) rotate(-135deg);
	-ms-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg);
}

.main-slider .slick-next {
	right: 55px;
}

.main-slider .slick-dots {
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	bottom: 40px;
	text-align: center;
	position: absolute;
}

.main-slider .slick-dots li {
	padding: 0 3px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.main-slider .slick-dots li.slick-active button {
	opacity: 1;
}

.main-slider .slick-dots button {
	border: 0;
	padding: 0;
	width: 10px;
	height: 10px;
	opacity: .2;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	text-indent: -9999px;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
}

.main-slider .slick-dots button:hover {
	opacity: 1;
}

.popup-holder {
	height: 0;
	overflow: hidden;
	position: relative;
}

.lightbox .quote-form {
	margin: 0;
	width: 450px;
}

#back-top {
	bottom: 0;
	opacity: 0;
	z-index: 9;
	right: 20px;
	width: 50px;
	color: #fff;
	height: 50px;
	z-index: 9999;
	cursor: pointer;
	font-size: 25px;
	position: fixed;
	line-height: 47px;
	text-align: center;
	border-radius: 3px;
	background: #252525;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-ms-transform: translateY(40px);
	-webkit-transition: all .6s ease;
	-webkit-transform: translateY(40px);
}

#back-top.show {
	opacity: 1;
	transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}

#back-top:hover {
	opacity: .9;
}

.loader-container {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	position: fixed;
	background: rgba(0, 0, 0, .5);
}

.loader-container .holder {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
	position: relative;
	box-sizing: border-box;
}

.la-ball-clip-rotate {
	display: block;
	font-size: 0;
	color: #fff;
}

.la-ball-clip-rotate.la-dark {
	color: #333;
}

.la-ball-clip-rotate > div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
}

.la-ball-clip-rotate {
	width: 32px;
	height: 32px;
}

.la-ball-clip-rotate > div {
	width: 32px;
	height: 32px;
	background: transparent;
	border-width: 2px;
	border-bottom-color: transparent;
	border-radius: 100%;
	-webkit-animation: ball-clip-rotate .75s linear infinite;
	animation: ball-clip-rotate .75s linear infinite;
}

.la-ball-clip-rotate.la-sm {
	width: 16px;
	height: 16px;
}

.la-ball-clip-rotate.la-sm > div {
	width: 16px;
	height: 16px;
	border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
	width: 50px;
	height: 50px;
}

.la-ball-clip-rotate.la-2x > div {
	width: 50px;
	height: 50px;
	border-width: 3px;
}

.la-ball-clip-rotate.la-3x {
	width: 96px;
	height: 96px;
}

.la-ball-clip-rotate.la-3x > div {
	width: 96px;
	height: 96px;
	border-width: 6px;
}

/*
 * Animation
 */

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

@media (max-width: 767px) {
	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}
}

@-webkit-keyframes ball-clip-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes ball-clip-rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: transparent;
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: transparent;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#000;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
	background-color: transparent;  color: #0099f3;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 50px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit; background: #d9d9d9;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

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

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
background-color: transparent;
padding: 14px 20px;
color: #333;
font-size: 17px;
		text-align:left;
text-decoration: none;
border: none;
	}

	.toggle:hover {
		background-color: transparent;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
background: #ccc;
text-align: left;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}