/*---------------- FONT IMPORT FROM GOOGLE FONTS ---------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
@import url(https://fonts.googleapis.com/css?family=Hind:700);



/*----------------------------------------------------------------------------------------
										COMMON STYLES
-----------------------------------------------------------------------------------------*/


body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	color: #444;
	line-height: 1.6;
}

a,
a:hover {
	color: #444;
	text-decoration: none;
}

h1 {
	font-size: 55px;
	font-weight: 700;
}

h2 {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

h3 {
	font-size: 24px;
	font-weight: 700;
}

h4 {
	font-size: 20px;
	font-weight: 700;
}

h1,
h2,
h3,
h4 {
	font-family: 'Hind', sans-serif;
	line-height: 1.2;
}

#wrap {
	overflow: hidden;
	z-index: 2;
	position: relative;
}

.container {
	background: #fff;
	padding: 100px 0;
	position: relative;
	z-index: 2;
}

.form-control {
	border-radius: 0;
	border: 0;
	height: auto;
	padding: 20px;
	font-size: 16px;
	box-shadow: none;
	line-height: 22px;
	margin: 0;
	box-shadow: none;
}

.form-group input.form-control:focus { border-bottom: 1px solid #eee; }

.form-group input.error,
.form-group textarea.error,
.form-group input.error:focus,
.form-group textarea.error:focus { border-bottom: 1px solid #f1a5a5; }

.form-group {
	margin: 0;
	position: relative;
}

.form-group input,
.input-group input,
.form-group textarea { color: #222; }

.input-group input:focus,
.form-group input:focus,
.input-group textarea:focus,
.form-group textarea:focus {
	box-shadow: none;
	transition: none;
	border: 0;
	outline: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus { outline: 0px auto -webkit-focus-ring-color; }

.placeholdersjs { color: #aaa !important; }

.title { margin: 0 0 50px 0; }

#main-bg {
	position: fixed;
	z-index: 1;
	background: url(../images/main-bg.jpg) no-repeat center;
	background-size: cover;
	height: 100%;
	width: 100%;
	opacity: 0.25;
}

@media (max-width: 992px) {
	body { text-align: center; }
}




/*----------------------------------------------------------------------------------------
									MODAL POPUP STYLES
----------------------------------------------------------------------------------------*/

.modal {
	overflow-y: auto;
	text-align: center;
}

.modal-content {
	padding: 80px 20px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
	border-radius: 0;
	border: 0;
}

.modal-title { margin: 0; }

.modal-title > i {
	font-size: 64px;
	padding: 0 0 40px 0;
	display: block;
	color: #ccc;
}

.modal-open { overflow: auto; }

.modal-content .close {
	position: absolute;
	top: 10px;
	right: 15px;
}

.close {
	font-family: inherit;
	font-size: 32px;
	text-shadow: none;
}

@media (min-width: 768px) {
	.modal-dialog { margin: 100px auto; }
}




/*----------------------------------------------------------------------------------------
									OWL SLIDER STYLES
----------------------------------------------------------------------------------------*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing { cursor: url(../images/grabbing.png) 8 8, move; }

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-pagination {
	text-align: center;
	position: absolute;
	bottom: -100px;
	width: 100%;
	display: table;
}

.owl-pagination .owl-page {
	height: 40px;
	line-height: 40px;
	display: table-cell;
	margin-left: 0;
	cursor: pointer;
	position: relative;
}

.owl-pagination .owl-page span {
	width: 100%;
	height: 4px;
	display: block;
	background: #000;
	position: absolute;
	bottom: 0;
	opacity: 0.1;
}

.owl-pagination .owl-page.active span { opacity: 0.4 }




/*----------------------------------------------------------------------------------------
									HEADER STYLES
----------------------------------------------------------------------------------------*/

header .container {
	text-align: center;
	background: none;
	padding: 70px 0;
}




/*----------------------------------------------------------------------------------------
									INTRO STYLES
----------------------------------------------------------------------------------------*/	

.intro-block .container { padding: 0; }

.intro-block .row { margin: 0; }

.intro-form form { padding: 60px 30px }

#contact_form .btn-start { margin-top: 10px; }

.intro-form form h2 {
	margin: 0 0 30px 0;
	text-align: center;
}

.intro-form .form-control {
	padding: 20px 85px 20px 0;
	border-bottom: 1px solid #eee;
}

.intro-form textarea.form-control {
	resize: none;
	border-bottom: none;
	padding: 20px 0;
}

.intro-form .form-group label.error {
	position: absolute;
	display: inline-block;
	top: 15px;
	right: 0;
	width: 80px;
	color: #e85c5c;
	font-size: 12px;
	text-align: right;
	line-height: 1.2;
}

.btn-start {
	width: 100%;
	padding: 20px;
	margin-top: 40px;
	border-radius: 0;
	background: #7bb61e;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

.btn-start:hover,
.btn-start:focus {
	background: #8edd10;
	color: #fff;
}

.btn-intro {
	display: inline-block;
	padding: 15px 20px;
	margin: 5px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	background: #fff;
	text-shadow: none;
}


.slogan {
	display: block;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top: -120px;
	width: 100%;
	text-align: center;
	font-size: 55px;
	text-transform: none;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.75);
}

.slogan small {
	padding: 30px 140px 0 140px;
	margin: 20px 0;
	display: block;
	position: relative;
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
}

.slogan small:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -50px;
	height: 1px;
	width: 100px;
	background: #fff;
	opacity: 0.4;
}

.intro-full .slogan {
	position: relative;
	margin: 0;
	padding: 200px 100px;
}

.intro-full .slogan small { padding: 30px 0 0 0 }

#slides li img { opacity: 0.8; }

.intro-media {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 0;
	opacity: 1;
	overflow: hidden;
	padding: 0;
	text-align: left;
}

#solid.intro-media,
#solid.intro-full {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.intro-full { overflow: hidden; }

#video { text-align: left; }

#big-video-wrap { opacity: 0.8; }

#big-video-wrap video,
.vjs-control-bar { display: none; }

.intro-full #slides,
#big-video-wrap {
	position: absolute !important;
	top: 0;
	left: 0;
}

@media (max-width: 992px) {
.intro-media {
	height: 400px;
	position: relative;
}
.intro-form form { padding: 50px; }
.intro-full .slogan { padding: 150px 50px; }
}

@media (max-width: 480px) {
.slogan {
	margin-top: -40px;
	font-size: 30px;
}
.intro-media .slogan small{ display:none;}
.intro-media { height: 250px; }
.intro-form form { padding: 40px 30px; }
.intro-full .slogan { padding: 100px 30px; }
}




/*----------------------------------------------------------------------------------------
									BENEFITS STYLES
----------------------------------------------------------------------------------------*/

.benefits-block { text-align: center; }

.benefits-block .icon { font-size: 64px; }

.benefits-block h3 { margin: 40px 0 20px 0; }

.benefits-block .row { margin: 0 40px; }

.benefits-block .row > div { padding: 0 40px; }

@media (max-width: 992px) {
	.benefits-block .row > div:first-child { padding: 0; }
	.benefits-block .row > div { padding: 80px 0 0 0; }
}




/*----------------------------------------------------------------------------------------
									ABOUT STYLES
----------------------------------------------------------------------------------------*/

.text-block .text { padding: 0 100px; }

.text-block .image {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.btn-arrow {
	display: inline-block;
	position: relative;
	padding: 15px 55px 15px 20px;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	border-width: 2px;
	border-style: solid;
}

.btn-arrow:after {
	display: block;
	content: "";
	position: absolute;
	top: 17px;
	right: 25px;
	height: 10px;
	width: 10px;
	border: 0;
	border-top-width: 2px;
	border-right-width: 2px;
	border-style: solid;
	border-color: inherit;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.btn-arrow:hover:after { right: 20px; }
.text-block .btn-arrow { margin-top: 50px; }

@media (max-width: 480px) {
	.text-block .text { padding: 0 40px; }
}




/*----------------------------------------------------------------------------------------
									TESTIMONIALS STYLES
----------------------------------------------------------------------------------------*/

.testimonials-block { text-align: center; }

.testimonials-block .container:before,
.testimonials-block .container:after {
	display: inline;
	position: absolute;
	font-size: 60px;
	line-height: 1;
	color: #000;
	opacity: 0.1;
	font-weight: bold;
	font-family: Arial, serif;
}

.testimonials-block .container:before {
	content: '“';
	left: 40px;
	top: 40px;
}

.testimonials-block .container:after {
	content: '”';
	right: 40px;
	bottom: 10px;
}

.testimonials-block .item { padding: 0 100px; }

.item .photo {
	margin: 0 0 50px 0;
	border-radius: 50%;
}

.item h3 {
	line-height: 2;
	margin: 0 0 40px;
}

.item span { font-weight: 700; }

@media (max-width: 480px) {
	.testimonials-block .item { padding: 0 40px; }
	.item h3 {
		font-size: 20px;
		line-height: 1.5;
	}
}




/*----------------------------------------------------------------------------------------
									PRICING TABLES STYLES
----------------------------------------------------------------------------------------*/

.price-block { text-align: center; }

.price-block .row { margin: 0 70px; }

.price-block .row > div { padding: 0 30px; }

.price-block .price-pack {
	background: #fff;
	color: #444;
	position: relative;
}

.price-block .price-pack h2 {
	padding: 40px 0 35px 0;
	margin: 0;
}

.price-block .price-pack h3 {
	padding: 35px 0 30px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	font-size: 48px;
	margin: 0 10px;
}

.price-block .price-pack h3 small {
	font-size: 24px;
	display: inline-block;
	position: relative;
	left: -8px;
	top: -8px;
}

.price-block .benefits-list { margin: 30px 0; }

.price-block .benefits-list li { padding: 3px 0; }

.price-block .benefits-list li.not {
	text-decoration: line-through;
	color: #eee;
}

.price-pack a.buy {
	display: block;
	padding: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.price-pack .stamp {
	position: absolute;
	right: -30px;
	top: 70px;
	height: 80px;
	width: 80px;
	padding: 20px 0 0 0;
	border-radius: 50%;
	overflow: hidden;
	font-size: 14px;
	border-width: 2px;
	border-style: solid;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: -1px;
}

@media (max-width: 992px) {
	.price-block .row > div:first-child { padding: 0; }
	.price-block .row > div { padding: 80px 0 0 0; }
}

@media (max-width: 480px) {
	.price-block .row { margin: 0 20px; }
}


.sample-block { text-align: center; }

.sample-block .row > div { padding: 0 30px; }

@media (min-width: 768px) {
	.sample-block .row {
		margin: 0 70px;
	}
}

/*----------------------------------------------------------------------------------------
									FAQ STYLES
----------------------------------------------------------------------------------------*/

.faq-block .container { padding: 80px 100px; }

.faq-block .title { text-align: center; }

.panel {
	background: #f8f8f8;
	border-radius: 0;
	box-shadow: none;
	border: none;
	margin-bottom: 40px;
	text-align: left;
}

.panel .panel-heading {
	background: #eee;
	padding: 25px 25px 25px 25px;
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 700;
	border: 0;
	border-radius: 0;
}

.panel .collapsed.panel-heading:before { content: "+"; }

.panel .panel-body {
	padding: 30px;
	color: #666;
}

@media (max-width: 992px) {
	.faq-block .container { padding: 80px 70px; }
}

@media (max-width: 480px) {
	.faq-block .container { padding: 60px 20px; }
}



/*----------------------------------------------------------------------------------------
									CONATCT STYLES
----------------------------------------------------------------------------------------*/

.contact-block .text { padding: 0 100px; }

.contact-block .subscribe {
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/subscribe-img.jpg) no-repeat center;
	background-size: cover;
	padding: 25px 50px;
}

.contact-block .text li { padding: 5px 0; }

.contact-block .text li .icon { margin: 0 20px 0 0; }

#subscribe_form .btn {
	border-radius: 0;
	border: 0;
	height: auto;
	padding: 15px 20px;
	font-size: 24px;
	line-height: 32px;
	box-shadow: none;
	margin-left: 0;
	background: #fff;
}

#subscribe_form label {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 10px 20px;
	display: block;
}

#subscribe_form label.error { background: #d10000; }

#subscribe_form label.valid {
	background: #5fb54e;
	padding: 0 20px;
	line-height: 3;
}

@media (max-width: 992px) {
	.contact-block .row { margin: 0; }
	.contact-block .container { padding: 0; }
	.contact-block .text { padding: 80px 0; }
	.contact-block .subscribe {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
	}
}

@media (max-width: 480px) {
.contact-block .subscribe { padding: 80px 20px; }
}




/*----------------------------------------------------------------------------------------
									FOOTER STYLES
----------------------------------------------------------------------------------------*/

footer {
	text-align: center;
	padding: 80px 0;
	color: #eee;
}

footer a,
footer a:hover {
	color: #eee;
	font-weight: 700;
}

.soc_nav { margin-bottom: 40px; }
.soc_nav li {
	margin-left: 10px;
	list-style: none;
	display: inline-block;
}

.soc_nav li:first-child { margin-left: 0; }
.soc_nav li a {
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
	display: block;
	text-align: center;
	color: #fff;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background: #444;
}

.soc_nav li a:before {
	display: block;
	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
}

.soc_nav li a:hover:before {
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
}

.soc_nav li a.icon-googleplus,
.soc_nav li a.icon-googleplus2 { background: #dd4b39; }

.soc_nav li a.icon-dribbble,
.soc_nav li a.icon-dribbble2,
.soc_nav li a.icon-social-dribbble { background: #ea4c89; }

.soc_nav li a.icon-facebook,
.soc_nav li a.icon-facebook2 { background: #4066b5; }

.soc_nav li a.icon-twitter,
.soc_nav li a.icon-twitter2 { background: #00d2ff; }

.soc_nav li a.icon-instagram { background: #517fa4; }

.soc_nav li a.icon-pinterest { background: #cb2027; }

.soc_nav li a.icon-linkedin,
.soc_nav li a.icon-linkedin2 { background: #007bb6; }

.soc_nav li a.icon-flickr { background: #ff0084; }

.soc_nav li a.icon-youtube,
.soc_nav li a.icon-social-youtube { background: #bb0000; }

.soc_nav li a.icon-vimeo { background: #aad450; }

.soc_nav li a.icon-github { background: #333; }

.soc_nav li a.icon-tumblr,
.soc_nav li a.icon-tumblr2,
.soc_nav li a.icon-social-tumblr { background: #32506d; }

.soc_nav li a.icon-feed,
.soc_nav li a.icon-feed2 { background: #F90; }




/*----------------------------------------------------------------------------------------
									COLOR STYLES
----------------------------------------------------------------------------------------*/

/*lightest*/

.color1 { color: #eef5f7 !important; }

.bg1 { background-color: #eef5f7; }

.border-color1 { border-color: #eef5f7; }

.color2 { color: #c9bab1 !important; }

.bg2 { background-color: #c9bab1; }

.border-color2 { border-color: #c9bab1; }

.color3 { color: #00ace5 !important; }

.bg3 {
	background-color: #00ace5;
	color: #fff;
}

.bg3 h2,
.bg3 h3,
.bg3 h4,
a.bg3,
.icon { color: #fff; }

.border-color3 { border-color: #00ace5; }

/*darkest*/

.color4 { color: #33447F !important; }

.bg4 { background-color: #111; }

.border-color4 { border-color: #33447F; }

header .container{
	padding: 50px 0;
}

.container.container-alert{
	background: none;
	padding: 10px 0;
}

.container.container-alert .alert-info{
	background-color: #00ace5;
	color: #fff;
	border: none;
}

.price-block .row{
	padding: 25px 0;
}

.sample-item{
	margin-bottom: 10px;
}

.sample-image-wrap{
	max-height: 340px;
	overflow: hidden;
}

.sample-image-link{
	margin-top: 10px;
	font-weight: bold;
}

.sample-image-link a{
	color: #fff;
}

.contact-cta {
	text-align: center;
}

.contact-cta .title {
	font-size: 18px !important;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

.contact-cta .btn-start {
	width: auto;
	margin-top: 0;
	padding: 10px 20px;
}

.contact-disclaimer{
	text-align: center;
	margin-top: 10px;
	color: #555;
	font-size: 13px;
}

#samples .container{
	padding: 50px;
}

.privacy-policy a{
	font-weight: 200;
}

.bg3 a{
	font-weight: bold;
	font-size: 90%;
	color: #fff;
}

.partner-logo{
	margin-left: 20px;
}

.minute-tips-logo{
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

.minute-tips-logo img {
	max-width: 100%;
}

@media (min-width: 1200px) {
	.minute-tips-text {
		margin-top: 40px;
	}
}


/*----------------------------------------------------------------------------------------
									RETINA STYLES
----------------------------------------------------------------------------------------*/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	header .logo img { content: url("../images/logo@2x.png"); }
}
*/