/* ==============================================================

Template name : MSolutions Sales page for affiliate marketing
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 25 May 2016
Last update : 15 June 2016

-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Stylesheet
02. Header
03. Container
04. Paper wrapper
05. Section heading
06. Introduce
07. Guaranted
08. Videos
09. Parallax
10. Inner head
11. Gallery
12. Main form
13. Mailchimp form
14. Call to action
15. Countdown
16. Testimoni
17. Pricing table
18. Precess
19. Fontawesome
20. Icon box
21. Footer
22. Back to top
23. Clear spacer
24. Custom left right spacer
25. Custom top spacer
26. Custom bottom spacer
27. Responsive

============================================================== */

/*
Stylesheet
=========================== */
@import url('font-awesome.min.css');
/*@import url('../fonts/opensans/stylesheet.css');*/
@import url('overwrite.css');
@import url('animate.css');
@import url('prettyPhoto.css');

/*
Header
=========================== */
header{
background: #397d80;
background: -moz-radial-gradient(center, ellipse cover,  #397d80 10%, #397d80 10%, #203554 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(10%,#397d80), color-stop(10%,#397d80), color-stop(100%,#203554));
background: -webkit-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: -o-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: -ms-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: radial-gradient(ellipse at center,  #397d80 10%,#397d80 10%,#203554 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397d80', endColorstr='#203554',GradientType=1 );
	text-align:center;
	display:block;
	padding:40px 0 25px 0;
}

.logo{
	display:inline-block;
}
/*
Container
=========================== */
.contain-wrapp{
	padding:70px 0;
}

.wall-container{
	background:url(../img/wall.jpg) no-repeat bottom center;
}

.gray-container{
	background:#f4f5f6;
	padding:70px 0;
}

.dark-container{
background: #397d80;
background: -moz-radial-gradient(center, ellipse cover,  #397d80 10%, #397d80 10%, #203554 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(10%,#397d80), color-stop(10%,#397d80), color-stop(100%,#203554));
background: -webkit-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: -o-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: -ms-radial-gradient(center, ellipse cover,  #397d80 10%,#397d80 10%,#203554 100%);
background: radial-gradient(ellipse at center,  #397d80 10%,#397d80 10%,#203554 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397d80', endColorstr='#203554',GradientType=1 );
	padding:70px 0;
	color:#fff;
}

.dark-container h1, .dark-container h2, .dark-container h3, .dark-container h4, .dark-container h5, .dark-container h6{
	color:#fff;
}

.section-wrapp{
	padding:100px 0;
}

.cta-wrapp{
	font-size:18px;
	line-height:30px;
}

.half-container{
	background:url(../img/half-containerbg.jpg) repeat-y top center;
	padding:60px 0 40px 0;
}

.half-container.dark-bg{
	background:url(../img/half-containerbg-dark.jpg) repeat-y top center;
	color:#bababa;
}

.half-container.dark-bg h1,
.half-container.dark-bg h2,
.half-container.dark-bg h1,
.half-container.dark-bg h4,
.half-container.dark-bg h5,
.half-container.dark-bg h6{
	color:#fff;
}

.half-container .row {
  margin-right: -60px;
  margin-left: -60px;
}

.half-container .row .row{
  margin-right: -15px;
  margin-left: -15px;
}

.half-container .col-xs-6,
.half-container .col-sm-6,
.half-container .col-md-6,
.half-container .col-lg-6 {
	padding-right: 60px;
	padding-left: 60px;
}

.half-column-wrapp{
	float:left;
	width:100%;
	padding:0;
}


.half-column-wrapp .half-column{
	width:50%;
	padding:20px 40px 0 0;
	margin:0;
	font-size:24px;
	line-height:38px;
}

.half-column-wrapp .half-column.pull-right{
	border-left:1px solid #cecece;
	padding:20px 0 0 40px;
}

.fullwidth{
	float:block;
	width:100%;
	margin:0;
	padding:0;
}

.fullwidth .col-xs-1,
.fullwidth .col-sm-1,
.fullwidth .col-md-1,
.fullwidth .col-lg-1,
.fullwidth .col-xs-2,
.fullwidth .col-sm-2,
.fullwidth .col-md-2,
.fullwidth .col-lg-2,
.fullwidth .col-xs-3,
.fullwidth .col-sm-3,
.fullwidth .col-md-3,
.fullwidth .col-lg-3,
.fullwidth .col-xs-4,
.fullwidth .col-sm-4,
.fullwidth .col-md-4,
.fullwidth .col-lg-4,
.fullwidth .col-xs-5,
.fullwidth .col-sm-5,
.fullwidth .col-md-5,
.fullwidth .col-lg-5,
.fullwidth .col-xs-6,
.fullwidth .col-sm-6,
.fullwidth .col-md-6,
.fullwidth .col-lg-6,
.fullwidth .col-xs-7,
.fullwidth .col-sm-7,
.fullwidth .col-md-7,
.fullwidth .col-lg-7,
.fullwidth .col-xs-8,
.fullwidth .col-sm-8,
.fullwidth .col-md-8,
.fullwidth .col-lg-8,
.fullwidth .col-xs-9,
.fullwidth .col-sm-9,
.fullwidth .col-md-9,
.fullwidth .col-lg-9,
.fullwidth .col-xs-10,
.fullwidth .col-sm-10,
.fullwidth .col-md-10,
.fullwidth .col-lg-10,
.fullwidth .col-xs-11,
.fullwidth .col-sm-11,
.fullwidth .col-md-11,
.fullwidth .col-lg-11,
.fullwidth .col-xs-12,
.fullwidth .col-sm-12,
.fullwidth .col-md-12,
.fullwidth .col-lg-12{
	margin:0;
	padding:0;
}

.container-full{
	width:100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.container-full .row{
	margin-right: 0;
	margin-left: 0;
}

.column-wrapp{
	padding:35px 30px 30px 30px;
}

.column-wrapp h3:before,
.column-wrapp h5:before{
	font-family: 'FontAwesome';
	content: "\f10d";
	float: left;
	font-size:16px;
	margin-right:10px;
}

.column-wrapp h3:before{
	font-size:28px;
	margin-right:15px;
}

.bonus-box{
	display:block;
	border:5px solid;
	border-radius:0 50px 0 50px;
	padding:15px 20px 5px 20px;
	margin-bottom:30px;
	background: transparent;
}

.contact-line{
	display:block;
	text-align:center;
	font-size:24px;
	line-height:38px;
	background:#f4f5f6;
	padding:40px 30px;
	margin:40px 0 20px 0;
	border-radius:10px;
}

.contact-line p{
	margin:0;
}

/*
Paper wrapper
=========================== */
.paper-wrapper{
	position:relative;
	background:url(../img/paper-wrapper.png) repeat-x bottom left;
	padding-bottom:5px;
	margin:20px 0 30px 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.paper-header{
	background:#fbfbfb url(../img/paper-head.png) repeat-y 0 0;
	padding:20px 20px 20px 70px;
	margin:0;
	width:100%;
	height:auto;
	border:1px solid #eeece9;
	border-bottom:none;
}

.paper-header h3{
	margin:0;
}

.paper-main{
	background:#fbfbfb url(../img/paper-main.png) repeat-y 0 0;
	padding:5px 20px 20px 70px;
	margin:0;
	border:1px solid #eeece9;
	border-bottom:none;
}

.paper-main p{
	line-height:46px;
	margin:0;
}

.paper-main h1,
.paper-main h2,
.paper-main h3,
.paper-main h4,
.paper-main h5,
.paper-main hh6{
	margin-bottom:5px;
}

.paper-main .list-lg{
	line-height:32px;
	margin:50px 0 60px 0;
}

.paper-bottom{
	background:#fbfbfb url(../img/paper-bottom.png) repeat-y 48px 0;
	margin:0;
	padding:20px 20px 30px 70px;
	border-left:1px solid #eeece9;
	border-right:1px solid #eeece9;
}

.paper-wrapper-left{
	position:absolute;
	background:url(../img/paper-wrapper-left.png) repeat-x bottom left;
	width:7px;
	height:5px;
	left:0;
	bottom:0;
}

.paper-wrapper-right{
	position:absolute;
	background:url(../img/paper-wrapper-right.png) repeat-x bottom left;
	width:7px;
	height:5px;
	right:0;
	bottom:0;
}

/*
Section heading
=========================== */
.section-heading{
	position:relative;
	display:block;
	text-align:center;
	font-size:46px;
	line-height:62px;
	margin-bottom:90px;
	color: #2f767a;
}

.section-heading:before{
	background:#454545;
	content: '';
	position:absolute;
	width:220px;
	height:3px;
	display:block;
	bottom:-30px;
	left:50%;
	margin-left:-110px;
}

.section-heading:after{
	background:#454545;
	content: '';
	position:absolute;
	width:60px;
	height:8px;
	display:block;
	bottom:-32px;
	left:50%;
	margin-left:-30px;
}

.section-heading h4{
	font-size:32px;
	line-height:42px;
	margin-bottom:10px;
}

.dark-container .section-heading{
	color:#fff;
}

.dark-container .section-heading:before,
.parallax.bg2 .section-heading:before,
.dark-container .section-heading:after,
.parallax.bg2 .section-heading:after{
	background-color:#fff;
}

/*
Introduce
=========================== */
.introduce{
	font-size:52px;
	line-height:62px;
	color: #fff;
}

.underline{
	background:url(../img/red-line.png) no-repeat bottom center;
	min-width:248px;
	display:inline-block;
}

/*
Guaranted
=========================== */
.guaranted-box{
	position:relative;
	background:rgba(255, 255, 255, 0.1);
	padding:160px 40px 40px 40px;
	margin:150px 0 35px 0;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.guaranted-box .img-responsive{
	position:absolute;
	top:-140px;
	left:50%;
	margin-left:-140px;
}

/*
Videos
=========================== */
.video-wrapper{
	position:relative;
	display:block;
	width:100%;
	background:#fff;
	margin-bottom:30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.video-wrapper:hover{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.8);
}

/*
Parallax
=========================== */
.parallax{
	position:relative;
	padding:0;
	margin: 0 auto;
	overflow-y: visible;
	width: 100%;
	z-index:3;
	color:#fff;
}

.parallax.bg1{
	background:url(../img/parallax/bg01.jpg) 50% 0 no-repeat fixed;
	background-size:cover;
}

.parallax.bg2{
	background:#37585A url(../img/parallax/bg03.jpg) 50% 0 repeat fixed;
	background-size:cover;
}

.parallax.bg3{
	background:url(../img/parallax/bg03.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
}

.parallax-wrapp{
	overflow:hidden;
	padding:60px 0;
	color:#ff9718;
}

.parallax-container{
	background:rgba(32, 39,48, 0.8);
	padding:60px 0;
	overflow:hidden;
	color:#fff;
}

/*
Inner head
=========================== */
.inner-head{
	background:rgba(32, 39,48, 0.8);
	padding:60px 0 50px 0;
}

.inner-head i{
	float:left;
	width:47px;
	height:47px;
	margin:7px 20px 0 0;
	border:2px solid #fff;
	text-align:center;
	overflow:hidden;
	font-size:24px;
	line-height:42px;
	border-radius:2px;
}

.inner-head h1, .inner-head  h2, .inner-head  h3, .inner-head  h4 , .inner-head  h5, .inner-head  h6{
	text-transform:uppercase;
	margin-bottom:5px;
}

.inner-head .breadcrumb {
	margin-bottom:0;
}

/*
Gallery
=========================== */
.img-wrapper{
	display:block;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	padding:10px;
	background:#fff;
	border:1px solid #cacaca;
	border-radius:6px;
	margin-bottom:30px;
	-webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
}

.img-caption{
	position:absolute;
	text-align:center;
	vertical-align: center;
	width:100%;
	height:100%;
	color:#2b2b2b;
	background:rgba(255, 255, 255, 0.8);
	left:0;
	top:0;
}

.img-caption  .zoomer,
.img-caption  .zoomer:hover{
	position:absolute;
	display:inline-block;
	width:60px;
	height:60px;
	font-size:24px;
	line-height:36px;
	margin-bottom:10px;
	color:#fff;
	border-radius:50%;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
	left:50%;
	top:50%;
	margin:-30px 0 0 -30px;
}

/*
main form
=========================== */
#main-form-wrapp{
	position:relative;
	width:100%;
	display:block;
	text-align:center;
}

#main-form-wrapp .img-responsive{
	position:relative;
	margin-bottom:-16px;
	z-index:4;
}

#main-form-wrapp .main-form{
	background:rgba(255, 255, 255, 0.98);
	padding:40px;
	text-align:left;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#main-form-wrapp .main-form .form-control{
	background:#fff;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#main-form-wrapp .main-form h4{
	color:#121212;
}

#form-inline-wrapp{
	float:left;
	width:100%;
	position:relative;
	display:block;
	margin:40px 0 40px 0;
	border-radius:8px;
	text-align:left;
	border:5px solid #85530e;
	background: #ff9400;
	background: -moz-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,194,0,1)), color-stop(100%, rgba(255,148,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc200', endColorstr='#ff9400', GradientType=0 );
}

#form-inline-wrapp .form-inline{
	float:left;
	width:100%;
	margin:0;
	padding:20px 15px;
	border-radius:8px;
	border:1px solid #f4a941;
}

#form-inline-wrapp .form-inline .form-control{
	width:100%;
	background:#fff;
	border:1px solid #bd802b;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
          box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#form-inline-wrapp .form-inline label{
	position:absolute;
	background:#85530e;
	color:#fff;
	padding:5px 25px;
	border-radius:3px 3px 0 0;
	top:-64px;
	left:0;
}

/*
Mailchimp form
=========================== */
#main-form-wrapp .mc-field-group{
	display:block;
	margin-bottom:15px;
}

#main-form-wrapp .mc-field-group label{
	display:block;
}

#main-form-wrapp .mc-field-group input,
#form-inline-wrapp .mc-field-group input{
	display:block;
	width:100%;
	padding:10px 15px;
	height:48px;
	border-radius:2px;
	border:1px solid #aeaeae;
	font-size:13px;
	color:#616161;
	background:rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

#form-inline-wrapp .mc-field-group input{
	background:rgba(255, 255, 255, 1);
}

#form-inline-wrapp .form-inline .mc-field-group{
	float:left;
	width: 41.66666667%;
	position:relative;
	padding-right:20px;
}

#mc-embedded-subscribe{
	position:relative;
	border-radius:4px;
	padding: 15px 30px;
	font-size: 16px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:700;
	border: 1px solid transparent;
	color: #fff;
	background-color: #fff;	
	margin-top:10px;
}

#form-inline-wrapp #mc-embedded-subscribe{
	margin-top:0;
}

#form-inline-wrapp #mce-responses{
	Float:left;
	width:100%;
}

#form-inline-wrapp #mce-error-response,
#form-inline-wrapp #mce-success-response{
	color:#85530e;
}

/*
Call to action
=========================== */
.cta-wrapper{
	display:inline-block;
	width:515px;
	height:auto;
	border-radius:6px;
	border:8px dashed;
	position:relative;
	text-align:center;
	margin-bottom:70px;
	padding:30px;
}

.cta-body{
	background:#d3d3d3;
	border:1px solid #fff;
	border-radius:4px;
	padding:5px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
}

.cta-wrapper .price{
	font-size:48px;
	line-height:48px;
	font-weight:700;
	background:#fff;
	display:block;
	padding:10px 20px 20px 20px;
	margin-bottom:5px;
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(27%, rgba(250,250,250,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );

}

.cta-action{
	background:#fff;
	display:block;
	width:100%;
	padding:25px 20px 20px 20px;
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(27%, rgba(250,250,250,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(250,250,250,1) 27%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 );

}

.cta-action .btn-action{
	display:block;
	width:100%;
	border:5px solid #640e18;
	border-radius:50px;
	font-size:48px;
	line-height:48px;
	color:#1c1c1c;
	font-weight:700;
	text-transform:none;
	padding:15px 30px;
	background: #ff9400;
	background: -moz-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,194,0,1)), color-stop(100%, rgba(255,148,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,194,0,1) 0%, rgba(255,148,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc200', endColorstr='#ff9400', GradientType=0 );
}

.cta-action .btn-action:hover{
	background: -moz-linear-gradient(top, rgba(242,141,9,1) 0%, rgba(255,149,0,1) 27%, rgba(255,196,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,141,9,1)), color-stop(27%, rgba(255,149,0,1)), color-stop(100%, rgba(255,196,0,1)));
	background: -webkit-linear-gradient(top, rgba(242,141,9,1) 0%, rgba(255,149,0,1) 27%, rgba(255,196,0,1) 100%);
	background: -o-linear-gradient(top, rgba(242,141,9,1) 0%, rgba(255,149,0,1) 27%, rgba(255,196,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,141,9,1) 0%, rgba(255,149,0,1) 27%, rgba(255,196,0,1) 100%);
	background: linear-gradient(to bottom, rgba(242,141,9,1) 0%, rgba(255,149,0,1) 27%, rgba(255,196,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28d09', endColorstr='#ffc400', GradientType=0 );
}

.payment{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
}

.payment li{
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}

.cta-wrapper .shadow{
	background:url(../img/shadow.png) no-repeat bottom center;
	display:block;
	width:440px;
	height:67px;
	position:absolute;
	bottom:-70px;
	left:50%;
	margin-left:-220px;
}

.cta-arrow{
	position:absolute;
	width:93px;
	height:151px;
	top:15px;
	display:block;
}

.cta-arrow.on-left{
	background:url(../img/green-arrow-l.png) no-repeat 0 0;
	left:35px;
}

.cta-arrow.on-right{
	background:url(../img/green-arrow-r.png) no-repeat 0 0;
	right:35px;
}

/*
Countdown
=========================== */
.main-example {
	display:block;
	text-align:center;
    color: #1c1c1c;
}

.main-example .countdown-container {
	height: 140px;
}

.main-example .time {
    display: inline-block;
    text-align: center;
    position: relative;
    height: 73px;
    width: 80px;
    margin: 0px 5px;

    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -o-perspective: 500px;
    perspective: 500px;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    -webkit-box-shadow: 0px 2px 5px #222;      
    -moz-box-shadow: 0px 2px 5px #222;      
    -ms-box-shadow: 0px 2px 5px #222;      
    -o-box-shadow: 0px 2px 5px #222;      
    box-shadow: 0px 2px 5px #222;      
}

.main-example .count {
    background: #202020;
    color: #f8f8f8;
    display: block;
    font-size: 48px;
    font-weight: bold;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;  

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);

    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

.main-example .count.top {
    background: #383838;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    height: 50%;
    padding-top: 28%;
    top: 0px;    
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;      
}

.main-example .count.bottom {
    background-color: #1E1E1E;
    border: solid 1px #1E1E1e;    
    border-top: 1px solid #ccc;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    line-height: 0;
    height: 50%;
    top: 50%;
    z-index: 1;    
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;  

    -webkit-box-shadow: inset 0px -1px 1px 0px #444;
    -moz-box-shadow: inset 0px -1px 1px 0px #444;
    box-shadow: inset 0px -1px 1px 0px #444;     
}

.time .midle-line{
    width: 80%;
    background: none;
    height: 7px;
    border-left: solid 3px #666;
    border-right: solid 3px #666;
    position: absolute;
    left: 10%;
    top: 50%;
    z-index: 3;
    margin-top: -3px;
}

.time .botttom-line{
    position: absolute;
    width: 94%;
    height: 3px;
    left: 3%;
    bottom: -3px;
    background-color: #444;
    border: solid 1px #1E1E1e;
    border-radius: 0px 0px 3px 3px;
      -moz-border-radius: 0px 0px 3px 3px;
      -webkit-border-radius: 0px 0px 3px 3px;
      -o-border-radius: 0px 0px 3px 3px;
    z-index: 2;
    -webkit-box-shadow: 0px 2px 5px #222;      
    -moz-box-shadow: 0px 2px 5px #222;      
    -ms-box-shadow: 0px 2px 5px #222;      
    -o-box-shadow: 0px 2px 5px #222;      
    box-shadow: 0px 2px 5px #222; 
}


.time .botttom-line2{
    position: absolute;
    width: 92%;
    height: 5px;
    left: 4%;
    bottom: -5px;
    background-color: #444;
    border: solid 1px #1E1E1e;
    border-top: none;
    border-radius: 0px 0px 3px 3px;
      -moz-border-radius: 0px 0px 3px 3px;
      -webkit-border-radius: 0px 0px 3px 3px;
      -o-border-radius: 0px 0px 3px 3px;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 5px #222;      
    -moz-box-shadow: 0px 2px 5px #222;      
    -ms-box-shadow: 0px 2px 5px #222;      
    -o-box-shadow: 0px 2px 5px #222;      
    box-shadow: 0px 2px 5px #222; 
}

.main-example .count.next {
}

.main-example .label {
    font-size: 18px;
    font-weight: bold;    
    margin-top: 0px;
    padding: 0px;
    display: block;
    position: absolute;
    top: 95px;
    width: 100%;
	color: #1c1c1c;
    text-transform: uppercase;
	font-size:12px;
}

.countdown-wrapp.white-bg .main-example .label {
	color:#1c1c1c;
}

/* Animation start */
.main-example .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
}

.main-example .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
}

/* Animation end */
.main-example .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;

    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.main-example .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;

    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/*
Testimoni
=========================== */
.testimoni-wrapp{
	position:relative;
	width:100%;
	display:block;
	padding:0 0 55px 0;
	margin-bottom:30px;
}

.testimoni{
	background:rgba(255, 255, 255, 1);
	border:1px solid #cacaca;
	border-radius:6px;
	padding:30px 30px 10px 30px;
	-webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
}

.testimoni h5{
	margin-bottom:0;
}

.testimoni-avatar{
	position:absolute;
	width:115px;
	height:115px;
	bottom:0;
	left:0;
	border-radius:50%;
	overflow:hidden;
	border:8px solid #ededed;
	text-align:center;
}

.testimoni-avatar > img{
    border-radius:50%;
}

.gray-container .testimoni-avatar{
	border:8px solid #f4f5f6;
}

/*
Pricing table
=========================== */
.pricing{
	position:relative;
	display:block;
	width:100%;
	border:1px solid #d1d2d4;
	border-bottom:3px double #d1d2d4;
	background:#fcfcfc;
	height:auto;
	margin-bottom:30px;
	border-radius:6px;
	padding:10px;
	color:#636363;
}

.pricing.secondary{
	margin-top:30px;
	margin-bottom:60px;
}

.pricing-head{
	text-align:center;
	padding:5px 20px 15px 20px;
}

.pricing.secondary .pricing-head{
	background:#ececec;
	padding:70px 0 20px 0;
	border-radius:5px;
}

.pricing-head h4{
	margin:0;
	text-transform:uppercase;
}

.pricing-price{
	background:#ebebeb;
	text-align:center;
	padding:15px 0 20px 0;
	border-radius:2px;
	color:#292929;
	font-size:18px;
	line-height:18px;
}

.pricing-price span{
	font-size:13px;
	line-height:18px;
}

.pricing.secondary .pricing-price{
	position:absolute;
	width:100px;
	height:100px;
	border:none;
	background:#292929;
	border-radius:50%;
	z-index:4;
	top:0;
	left:50%;
	padding-top:30px;
	margin:-30px 0 0 -50px;
	color:#fff;
}

.pricing.popular .pricing-price{
	color:#fff;
}

.pricing-price strong{
	font-size:48px;
	line-height:54px;
}

.pricing.secondary .pricing-price strong{
	font-size:36px;
	line-height:34px;
}

.pricing-price sup{
	font-size:18px;
}

.pricing.secondary .pricing-price sup{
	font-size:18px;
}

.pricing-container{
	position:relative;
	z-index:2;
	margin-top:0;
	padding:0 0 20px 0;
	text-align:center;
}

.pricing-container ul{
	margin:0;
	padding:0;
}

.pricing-container ul li{
	list-style:none;
	margin:0;
	padding:20px;
	font-size:16px;
	line-height:16px;
	border-bottom:1px solid #eaeaec;
}

.pricing-action{
	text-align:center;
	padding:0 20px 20px 20px;
}

/*
Precess
=========================== */
.precess-column{
	position:relative;
	margin-bottom:30px;
	text-align:center;
}

.precess-column.text-left{
	text-align:left;
}

.precess-column.text-right{
	text-align:right;
}

.precess-column span.number{
	display:block;
	font-size:92px;
	line-height:60px;
	font-weight:700;
	color:rgba(43, 43, 43, 0.08);
	margin:-5px 0 20px 0;
}

.precess-column span.text-title{
	display:block;
	font-style:italic;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
	margin-bottom:5px;
}

ol.process-line{
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}

ol.process-line li{
    display: block;
    position: relative;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 30px;
}

ol.process-line > li:before{
    content: "";
    display: block;
    width: 50%;
    position: absolute;
    top: 60px;
    left: 0;
    height: 1px;
    background-color: #c2c2c2;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    z-index: 1;
}

ol.process-line > li:first-child:before{
    display: none;
}

ol.process-line > li:after{
    content: "";
    display: block;
    width: 50%;
    position: absolute;
    top: 60px;
    right: 0;
    height: 1px;
    background-color: #c2c2c2;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    z-index: 1;
}

ol.process-line > li:last-child:after{
    display: none;
}

ol.process-line > li > .icons{
    display: table;
    padding: 0;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

ol.process-line > li > .icons > .fa{
    border: solid 5px #c2c2c2;
    display: table-cell;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    background-color: #ebebeb;
	color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.dark-container ol.process-line > li > .icons > .fa{
	color:#2b3441;
}

ol.process-line > li > h5{
    display: block;
    width: 100%;
}

.dark-container ol.process-line > li > h5{
	color:#fff;
}

ol.process-line > li > p:last-child{
    margin-bottom: 0;
}

.process-icon{
    position: relative;
    margin-bottom: 30px;
}

.process-icon > .fa{
    font-size: 36px;
    margin-bottom: 15px;
}

.process-icon > span{
    display: block;
}

.process-icon > p:last-child{
    margin-bottom: 0;
}

/*
Fontawesome
=========================== */
.fa-2x {
	font-size: 2em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-default{
	color:#292929;
}

.icon-circle,
.icon-square{
	background-color:#ebebeb;
	color:#292929;
	border-radius:50%;
	width:40px;
	height:40px;
	border:2px solid transparent;
	text-align:center;
	font-size:15px;
	line-height:36px;
	overflow:hidden;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.icon-square{
	border-radius:2px;
}

.icon-circle:hover,
.icon-square:hover{
	color:#fff;
}

.icon-circle.icon-bordered,
.icon-square.icon-bordered{
	background:none;
	color:#292929;
	border-color:#ebebeb;
}

.icon-circle.icon-bordered:hover,
.icon-square.icon-bordered:hover,
.icon-circle.icon-bordered.fa-primary:hover,
.icon-square.icon-bordered.fa-primary:hover,
.icon-circle.icon-bordered.fa-blue:hover,
.icon-square.icon-bordered.fa-blue:hover,
.icon-circle.icon-bordered.fa-purple:hover,
.icon-square.icon-bordered.fa-purple:hover,
.icon-circle.icon-bordered.fa-pink:hover,
.icon-square.icon-bordered.fa-pink:hover,
.icon-circle.icon-bordered.fa-yellow:hover,
.icon-square.icon-bordered.fa-yellow:hover,
.icon-circle.icon-bordered.fa-green:hover,
.icon-square.icon-bordered.fa-green:hover,
.icon-circle.icon-bordered.fa-red:hover,
.icon-square.icon-bordered.fa-red:hover{
	background:none;
}

.fa-2x.icon-circle,
.fa-2x.icon-square{
	width:60px;
	height:60px;
	font-size: 22px;	
	line-height:58px;
}

.fa-3x.icon-circle,
.fa-3x.icon-square{
	width:80px;
	height:80px;	
	font-size: 28px;
	line-height:78px;
}

.fa-4x.icon-circle,
.fa-4x.icon-square{
	width:100px;
	height:100px;	
	font-size: 36px;
	line-height:98px;
}

.fa-5x.icon-circle,
.fa-5x.icon-square{
	width:120px;
	height:120px;	
	font-size: 48px;
	line-height:118px;
}

.icon-circle.fa-primary,
.icon-circle.fa-blue,
.icon-circle.fa-purple,
.icon-circle.fa-pink,
.icon-circle.fa-yellow,
.icon-circle.fa-green,
.icon-circle.fa-red,
.icon-square.fa-primary,
.icon-square.fa-blue,
.icon-square.fa-purple,
.icon-square.fa-pink,
.icon-square.fa-yellow,
.icon-square.fa-green,
.icon-square.fa-red{
	color:#fff;
}

.icon-circle.icon-bordered.fa-primary,
.icon-circle.icon-bordered.fa-blue,
.icon-circle.icon-bordered.fa-purple,
.icon-circle.icon-bordered.fa-pink,
.icon-circle.icon-bordered.fa-yellow,
.icon-circle.icon-bordered.fa-green,
.icon-circle.icon-bordered.fa-red,
.icon-square.icon-bordered.fa-primary,
.icon-square.icon-bordered.fa-blue,
.icon-square.icon-bordered.fa-purple,
.icon-square.icon-bordered.fa-pink,
.icon-square.icon-bordered.fa-yellow,
.icon-square.icon-bordered.fa-green,
.icon-square.icon-bordered.fa-red{
	background:none;
}

/*
Icon box
=========================== */
.icon-box{
	position:relative;
	text-align:center;
	margin:0 0 30px 0;
	padding:20px;
	overflow:hidden;
	border-radius:6px;
}

.icon-box-contain{
	padding:30px 20px 15px 20px;
	border:1px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.icon-box-contain .fa{
	margin-bottom:10px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;   
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;  
    overflow:hidden;
}

.icon-box-contain:hover .fa{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.box-default{
	background:#fff;
	border:1px solid #bbbbbb;
}

.icon-top{
	background:rgba(255, 255, 255, 1);
	border:1px solid #cacaca;
	border-radius:6px;
	-webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
	padding:60px 20px 10px 20px;
	margin-top:40px;
	overflow:visible;
}

.contain-wrapp .icon-top{
	background:#fff;
}

.icon-top .fa{
	position:absolute;
	width:80px;
	height:80px;
	text-align:center;
	font-size:36px;
	line-height:46px;
	border:1px solid;
	color:#fff;
	border-radius:50%;
	top:-40px;
	left:50%;
	padding-top:15px;
	margin-left:-40px;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;   
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform; 
}

.icon-top:hover .fa{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

.icon-absolute{
	background-image:url(../img/arrow-dashed.png);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:100%;
	padding-bottom:95px;
	margin-bottom:20px;
}

.icon-absolute.on-left{
	background-position:85% 100%;
	padding-left:240px;
}

.icon-absolute.on-right{
	background-image:url(../img/arrow-dashed-right.png);
	background-position:15% 100%;
	padding-right:240px;
	text-align:right;
}

.icon-absolute .fa{
	position:absolute;
	width:200px;
	height:200px;
	border-radius:50%;
	text-align:center;
	font-size:90px;
	line-height:184px;
	color:#767c82;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); 
	top:0;
}

.icon-absolute.on-left .fa{
	left:0;
}

.icon-absolute.on-right .fa{
	right:0;
}

.icon-absolute:last-child {
    background-image: none;
	padding-bottom: 0;
}

/*
Footer
=========================== */
footer{
	background:#1f2226;
	border-top:5px solid #4d6273;
	padding:15px 0 0;
	color:#777d84;
}

.copyright{
	font-size: 16px;
    margin: 0 0 15px;
}

.social-network{
	float:right;
}

.social-network .icon-circle{
	background:#545c67;
	color:#1f2226;
}

/*
Back to top
=========================== */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	width:65px;
	height:65px;
	border:none;
	text-align:center;
	background-color:rgba(33, 33, 33, 0.6);
	border-radius:50%;
	font-family: 'FontAwesome';
	color:#fff;
	font-size:16px;
}

#toTop:after{
	content:"\f077";
	position:absolute;
	top:50%;
	left:50%;
	font-size:24px;
	margin:-16px 0 0 -11px;
}

#toTop:active, #toTop:focus{
	outline:none;
}

#toTopHover{
	width:65px;
	height:65px;
	display:block;
	overflow:hidden;
	border-radius:50%;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

/*
Clear spacer
=========================== */
.margin-clear{
	margin:0;
}

.padding-clear{
	padding:0;
}

.margintop-clear{
	margin-top:0 !important;
}

.paddingtop-clear{
	padding-top:0;
}

.marginbot-clear{
	margin-bottom:0 !important;
}

.paddingbot-clear{
	padding-bottom:0;
}

.marginleft-clear{
	margin-left:0;
}

.paddingleft-clear{
	padding-left:0;
}

.marginright-clear{
	margin-right:0;
}

.paddingright-clear{
	padding-right:0;
}

.padding-top40{
	padding-top:40px;
}

.padding-topt60{
	padding-top:60px;
}

.padding-bot30{
	padding-bottom:30px;
}

.padding-bot35{
	padding-bottom:35px;
}

.padding-bot40{
	padding-bottom:40px;
}

.padding-bot50{
	padding-bottom:50px;
}

.padding-bot55{
	padding-bottom:55px;
}

.padding-bot60{
	padding-bottom:60px;
}

.padding-bot70{
	padding-bottom:70px;
}

.padding-bot80{
	padding-bottom:80px;
}

.padding-bot90{
	padding-bottom:90px;
}

.margin-mintop10{
	margin-top:-10px;
}

.margin-mintop20{
	margin-top:-20px;
}

.margin-mintop30{
	margin-top:-30px;
}

.margin-mintop60{
	margin-top:-60px;
}

.margin-mintop210{
	margin-top:-210px;
}

.margin-minbot10{
	margin-bottom:-10px;
}

.margin-minbot20{
	margin-bottom:-20px;
}

.margin-minbot30{
	margin-bottom:-30px;
}

.margin-minbot60{
	margin-bottom:-60px;
}

/*
Custom left right spacer
=========================== */
.margin-left10{
	margin-left:10px;
}

.margin-right10{
	margin-right:10px;
}

.margin-left20{
	margin-left:20px;
}

.margin-right20{
	margin-right:20px;
}

/*
Custom top spacer
=========================== */
.margintop5{
	margin-top:5px;
}

.margintop10{
	margin-top:10px;
}

.margintop15{
	margin-top:15px;
}

.margintop20{
	margin-top:20px;
}

.margintop25{
	margin-top:25px;
}

.margintop30{
	margin-top:30px;
}

.margintop35{
	margin-top:35px;
}

.margintop40{
	margin-top:40px;
}

.margintop45{
	margin-top:45px;
}

.margintop50{
	margin-top:50px;
}

.margintop55{
	margin-top:55px;
}

.margintop60{
	margin-top:60px;
}

.margintop80{
	margin-top:80px;
}

/*
Custom bottom spacer
=========================== */
.marginbot5{
	margin-bottom:5px;
}

.marginbot10{
	margin-bottom:10px;
}

.marginbot15{
	margin-bottom:15px;
}

.marginbot20{
	margin-bottom:20px;
}

.marginbot25{
	margin-bottom:25px;
}

.marginbot30{
	margin-bottom:30px;
}

.marginbot35{
	margin-bottom:35px;
}

.marginbot40{
	margin-bottom:40px;
}

.marginbot45{
	margin-bottom:45px;
}

.marginbot50{
	margin-bottom:50px;
}

.marginbot55{
	margin-bottom:55px;
}

.marginbot60{
	margin-bottom:60px;
}

.marginbot80{
	margin-bottom:80px;
}

/*
Responsive
=========================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.cta-arrow.on-left {left: -15px;}
	.cta-arrow.on-right {right: -15px;}
	.top1{margin-top: 95px;}
	.top2{margin-top: 140px;}
}
@media screen and (min-width: 1200px) {
.top1{margin-top: 95px;}
.top2{margin-top: 55px;}
header::before {
    background: url(../img/a-nap-termeke-balra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    left: 125px;
    position: absolute;
    top: 7px;
    width: 250px;
	z-index:1;
}
header::after {
    background: url(../img/arengedmeny-badge-jobbra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    right: 145px;
    position: absolute;
    top: 10px;
    width: 210px;
	z-index:1;
}
.mobilbadge{display:none !important;}
}
@media screen and (max-width: 1024px) { 
    #form-inline-wrapp .form-inline .mc-field-group{
        width: 39.5%;
    }
}
@media screen and (max-width: 1199px) {.top3{margin-top:50px;}}

@media only screen and (min-width:960px) and (max-width:1199px){
header::before {
    background: url(../img/a-nap-termeke-balra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    left: 40px;
    position: absolute;
    top: 7px;
    width: 250px;
	z-index:1;
}
header::after {
    background: url(../img/arengedmeny-badge-jobbra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    right: 80px;
    position: absolute;
    top: 7px;
    width: 210px;
	z-index:1;
}
.mobilbadge{display:none !important;}	
}
@media only screen and (min-width:768px) and (max-width:959px){
header::before {
    background: url(../img/a-nap-termeke-balra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    left: -25px;
    position: absolute;
    top: 7px;
    width: 250px;
	z-index:1;
}
header::after {
    background: url(../img/arengedmeny-badge-jobbra-dontott.png) no-repeat;
    content: "";
    height: 210px;
    right: 5px;
    position: absolute;
    top: 7px;
    width: 210px;
	z-index:1;
}
.mobilbadge{display:none !important;}
}
@media screen and (min-width: 992px){.hide-desktop {display: none;}}
@media screen and (max-width: 991px) {
	.top1{margin-top:30px;}
	.question{width:260px;margin:30px auto 40px;}
	.hide-mobil {display: none;}
}

@media screen and (max-width: 920px) { 
    .cta-arrow{
        display: none;
    }
    
    #form-inline-wrapp .form-inline .mc-field-group{
        width: 39%;
    }
    
    .form-inline-wrapp .form-group{
        padding: 0 5px;
    }
    
    .form-register{
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 676px) {    
    footer{
        text-align: center;
    }
    
    footer .social-network{
        float: none;
        display: inline-block;
        margin-top: 30px;
    }
    
    #form-inline-wrapp .form-inline .mc-field-group{
        width: 100%;
        margin-bottom: 15px;
    }
    
    #form-inline-wrapp .form-inline .mc-field-group input{
        padding-left: 125px;
    }
    
    #form-inline-wrapp .form-inline .mc-field-group label{
        top: 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    .form-inline-wrapp .form-group{
        padding: 0 15px;
        text-align: left;
    }
    
    .half-column-wrapp .half-column{
        width: 100%;
        border: none !important;
    }
    
    ol.process-line > li:before,
    ol.process-line > li:after{
        display: none;
    }
}

@media screen and (max-width: 560px) {
	.cta-wrapper{width: 100%;border: none;padding: 0;}
	.cta-body {background: none;border: none;box-shadow: none;padding: 0;}
	.cta-action {background: none;}
}

@media screen and (max-width: 360px) {
	.introduce {
    font-size: 39px;
    line-height: 56px;
    }
	.section-heading {
    font-size: 36px !important;
    line-height: 50px !important;
    }
	.guaranted-box {padding: 160px 0 40px;}
}
@media screen and (min-width: 481px) {.mobil{display:none;}}
@media screen and (max-width: 480px) {
    .cta-action {padding: 25px 0 0;}
	.cta-action .btn-action {font-size: 38px !important;line-height: 38px !important;padding: 15px 10px !important;}
	.section-heading {
    font-size: 44px;
    line-height: 60px;
	}
	.guaranted-box > .img-responsive {top: -105px !important;}
	h2 {
    font-size: 34px;
    line-height: 48px;
    }
    .main-example {
        width: 100%;
    }
    
    .main-example .time {
      height: 60px;
      width: 50px;
      margin: 0px 3px;    
    }
    
    .main-example .label {
        font-size: 14px;
        margin-top: -20px;
    }
    
    .main-example .count {
        font-size: 28px;
    }
    
    .main-example .count.top{
        padding-top: 15px;
    }
    
    .cta-wrapper{
        width: 100%;
    }
    
    .cta-wrapper .price{
	   font-size:24px;
	   line-height:24px;
    }
    
    .cta-action .btn-action{
        border-radius:50px;
        font-size:24px;
        line-height:24px;
        font-weight:700;
        padding:15px 30px;
    }
    
    .guaranted-box{
        margin-top: 90px;
        padding-top: 115px;
    }
    
    .guaranted-box > .img-responsive{
        position:absolute;
        width: 200px;
        top:-80px;
        left:50%;
        margin-left:-100px;
    }
    
    .icon-absolute.on-right,
    .icon-absolute{
        background-image: none;
        padding: 0 !important;
        text-align: center;
        margin-bottom: 25px;
        display: block;
    }
    
    .icon-absolute .fa{
        position: relative;
        margin-bottom: 15px;
    }
	.desktop{display:none;}
	.cta-wrapper .shadow{display:none;}
}
.normal-font{font-weight:400;}
.bold{font-weight:700;}
.orange{color:#ff9718 !important;}
.green-font{color:#74C044 !important;}
.lila-font{color:#2b2b2b !important;}
.pink-font{color:#dd2622 !important;}
.white{color:#fff !important;}
.dark-orange{color:#fc6b00 !important;}
.line-trough{text-decoration: line-through;}
.width1 {
    width: 400px;
    margin: 0 auto;
}
.list-lg li{
	background: url(../img/check-green.png) no-repeat 0 0;
    padding-left: 55px;
}
.list-lg.problem li{
	background: url(../img/check-grey.png) no-repeat 0 0;
    padding-left: 55px;
}
.list-lg.question li{
	background: url(../img/question_mark.png) no-repeat 0 0;
    padding-left: 55px;
}
/*Countdown*/
.countdown{margin:0 auto;padding:0;text-align:center;}
.countdown li { display: inline-block;width:70px;margin:0 auto 0 15px;}
.countdown li:first-child{margin-left:0;}
.countdown li h3 {color:#fff;font-size:28px;border:2px solid #fff;padding:10px 0 10px;margin-bottom:10px;}
.countdown li p {color:#fff; text-transform:uppercase;}
#coming-soon-count.countdown li h3 {color:#000;border:2px solid #000;}
#coming-soon-count.countdown li p {color:#000;}
.countdown-title {text-align:center;}
.countdown-title h1{text-transform:uppercase;font-size:72px;color:#fff;letter-spacing:5px;}
.countdown-title p{text-transform:uppercase;color:#fff;letter-spacing:1px;margin-top:15px;margin-bottom:13px;}
@media only screen and (max-width: 479px){
.countdown li {width:50px;margin:0 auto 0 5px;}
.countdown li h3 {padding:5px 0 5px;margin-bottom:10px;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.countdown li {width:60px;margin:0 auto 0 10px;}
.countdown li h3 {padding:5px 0 5px;margin-bottom:10px;}	
}
.brown{color: #461f27;}
.section-heading.nb {
    margin-bottom: 30px;
    margin-top: 20px;
}
.section-heading.nb::before, .section-heading.nb::after {
    background: none;
}
/*Countdown*/
.countdown{margin:0 auto;padding:0;text-align:center;}
.countdown li { display: inline-block;width:70px;margin:0 auto 0 15px;}
.countdown li:first-child{margin-left:0;}
.countdown li h3 {color:#fff;font-size:28px;border:2px solid #fff;padding:10px 0 10px;margin-bottom:10px;}
.countdown li p {color:#fff; text-transform:uppercase;}
#coming-soon-count.countdown li h3 {color:#000;border:2px solid #000;}
#coming-soon-count.countdown li p {color:#000;}
.countdown-title {text-align:center;}
.countdown-title h1{text-transform:uppercase;font-size:72px;color:#fff;letter-spacing:5px;}
.countdown-title p{text-transform:uppercase;color:#fff;letter-spacing:1px;margin-top:15px;margin-bottom:13px;}
@media only screen and (max-width: 479px){
.countdown li {width:50px;margin:0 auto 0 5px;}
.countdown li h3 {padding:5px 0 5px;margin-bottom:10px;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.countdown li {width:60px;margin:0 auto 0 10px;}
.countdown li h3 {padding:5px 0 5px;margin-bottom:10px;}	
}