@import url("Montserrat_Family/stylesheet.css");

/* ----------------------------------------------------------------------------------------
* Author        : Awaiken
* Template Name : ULaunch - Multi Purpose Products Landing Page
* File          : CSS File
* Version       : 1.0
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. General css
02. Navigation area css
03. Slider area css
04. Step area css
05. Features area css
06. About Product area css
07. About Facts area css
08. Product area css
09. Testimonial area css
10. Pricing Plan area css
11. Buynow Infobar area css
12. Newsletter Form area css
13. Contact Us area css
14. Footer area css
15. Media Screens
-------------------------------------------------------------------------------------- */

/************************************/
/***** 	   01. General css		 ****/
/************************************/

body{
	font-size: 16px;
	font-family: "Montserrat Light";
	background: #f7f7f7;
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin-top:0;
	font-weight: 500;
}

img{
	max-width: 100%;
}

a:hover{
	text-decoration: none;
	outline: 0;
}

a:focus{
	text-decoration: none;
	outline: 0;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	background: #0f527a;
	background: linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -webkit-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -moz-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -o-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	z-index: 9999;
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #Fff;
  top: calc(50% - 15px);
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

.btn-custom{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 14px 30px;
	min-width: 170px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 2px 46px 0px rgba(0,0,0,0.1);
	background: #16c9f6;
	background: linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -webkit-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -moz-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
	background: -o-linear-gradient(to left, #3ccdbb 0%, #16c9f6 100%);
}

.btn-custom:hover{
	background: #16c9f6;
	color: #fff;
}

/************************************/
/***** 02. Navigation area css  *****/
/************************************/

nav.navbar.bootsnav{
	background: none !important;
	border-bottom: none;
}

.navbar-brand{
	height: auto;
	padding: 25px 15px 0;
	transition: all 0.3s ease-in-out;
}

.navbar-right{
	text-align:center;
}

nav.navbar.bootsnav ul.nav > li > a{
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	padding: 32px 18px;
	line-height: 1em;
	letter-spacing: 0.05em;
	transition: all 0.3s ease-in-out;
}


nav.navbar.bootsnav ul.nav > li > a:after{
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #FFF;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -3px;
	opacity: 0;
	transition: all 0.3s ease-in-out;

}

nav.navbar.bootsnav ul.nav > li > a:hover:after{
	opacity: 1;
}

nav.navbar.bootsnav ul.nav > li.active > a:after{
	opacity: 1;
}


nav.navbar.bootsnav ul.nav > li.active > a{
	color: #fff;
	opacity:0.5;
	font-weight:bolder;
	border-top:2px solid #FFF;
}

nav.navbar.bootsnav.sticky-header{
	background: #0f527a !important;
}

nav.navbar.bootsnav.sticky-header .navbar-brand{
	padding-top: 15px;
}

nav.navbar.bootsnav.sticky-header ul.nav > li > a{
	padding: 32px 18px;
}

/************************************/
/*****   03. Slider area css    *****/
/************************************/

.banner{
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	overflow: hidden;
	padding: 140px 0 60px;
	background: url(../images/header-bg.jpg) no-repeat center center fixed;
	background-size: cover;
}

.banner:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 0;
	width: 100%;
	overflow: hidden;
	border-width: 10vw 100vw 0px 0;
	border-style: solid;
	border-color: transparent #f7f7f7 transparent transparent ;

}


.banner .row{
	position: relative;
	z-index: 1;
}

.header-content{
	padding-top: 20px;
	padding-bottom:100px;
text-align:center;

}

.header-content h3{
	font-size: 32px;
	font-family:"Montserrat Thin";
	color: #fff;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 0.6em;
}

.header-content h2{
    font-family:"Montserrat SemiBold";
    color: #FFF;
    font-size: 46px;
}

.header-content p{
	color: #fff;
	font-family:"Montserrat Thin";
	line-height: 1.5em;
	font-size: 14px;
	letter-spacing: 0.04em;
	margin-bottom: 1.8em;
	margin-top:1.8em;
}

.btn-buynow{
	position: relative;
	display: inline-block;
	color: #0f527a;
	border: 2px solid #0f527a;
	padding: 14px 30px 12px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all 0.1s linear;
}

.btn-buynow:hover{
	background: #0f527a;
	color: #fff;
}



.header-content .btn-buynow{
	color: #fff;
	border: 2px solid #fff;
	margin-top: 20px;
}

.header-content .btn-buynow:hover{
	background: #fff;
	color: #0f527a;
}

.slider-image{
	text-align: center;
	margin-top:-20px;
}

/**********************************/
/*****   04. Step area css    *****/
/**********************************/

.step-container{
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 10px 50px 0px rgba(84,110,122,0.15);
	padding: 30px;
	margin-top: 50px;
	margin-bottom:100px;
}

.step-container .col-md-4{
	border-right: 1px solid #eaeaea;
}

.step-container .col-md-4:last-child{
	border: none;
}

.step-single{
	text-align: center;
	padding: 0 10px;
}

.step-single .icon-box{
	font-size: 50px;
	color: #0f527a;
}

.step-single h3{
    font-family:"Montserrat SemiBold";
	font-size: 16px;
	color: #263238;
	font-weight: 500;
	margin: 10px 0 14px;
}

.step-single p{
	font-size: 13px;
	color: #546E7A;
}

/**************************************/
/*****  09. Za nas area css  *****/
/**************************************/

.za-nas{
	background: #0f527a;
	background: linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -webkit-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -moz-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -o-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	padding: 100px 0 30px 0;
	position: relative;
}

.za-nas:before{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 40px solid transparent;
	border-left: calc(100vw - 17px) solid #f7f7f7;
}

.za-nas:after{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 40px solid #f7f7f7;
	border-right: calc(100vw - 17px) solid transparent;
}

.za-nas-box{
	position: relative;
	padding-left: 80px;
}


.za-nas-box h2{
	color: #fff;
	font-family:"Montserrat Bold";
	font-weight: 400;
	font-size: 36px;
	margin-bottom:0.8em;
}

.za-nas-box p{
	color: #fff;
	margin: 0;
	font-family:"Montserrat Thin";
	font-size:14px;
}

.za-nas-box span{
    font-family:"Montserrat Bold";
}

.za-nas-text{
    margin-left:-100px;
}

.za-nas-image img{
    position:relative;
    z-index: 2; 
    text-align:center;
    padding:30px 0;
    margin-left:-20px;
    margin-top:-20px;
}

.btn-subscribe{
	height: 48px;
	background: #fff;
	border: none;
	width: 30%;
	color: #fe7088;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	outline: 0;
	box-shadow: none;
}
/**************************************/
/*****   05. Features area css    *****/
/**************************************/

.section-title{
	text-align: center;
	margin-bottom: 30px;
	margin-top:30px;
}

.section-title h2{
	color: #263238;
	font-size: 40px;
	font-weight: 400;
	font-family:"Montserrat Regular";
}

.section-title p{
	color: #546E7A;
	font-size: 13px;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.section-title p:after{
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin-left: -15px;
	background: #39833e;
	position: absolute;
	bottom: 0;
	left: 50%;
}


/**************************************/
/***** 06. Zapitvane area css *****/
/**************************************/

.zapitvane{
	background: #f2f6f9;
	padding: 80px 0;
	text-align:center;
	position:relative;
}

.zapitvane col-md-12{
    position:relative;
}

.zapitvane p{
    font-family:"Montserrat Thin";
}

.zapitvane h2{
    font-family:"Montserrat Regular";
    font-size:40px;
    margin-bottom:1em;
    color:#263238;
}

.zapitvane h2:after{
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	margin-left: -15px;
	background: #39833e;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.zapitvane .btn-buynow{
	position: relative;
	display: inline-block;
	color: #fff;
	background: #39833e;
	padding: 14px 30px 12px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all 0.1s linear;
	margin-top:30px;
	border: 2px solid #39833e;
    
}

.zapitvane .btn-buynow:hover{
	background: none;
	color: #39833e;
	border: 2px solid #39833e;

}

.zapitvane:before{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 20px solid transparent;
	border-left: calc(100vw - 17px) solid #f2f6f9;
}

.zapitvane:after{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 20px solid #fff;
	border-right: calc(80vw - 17px) solid transparent;
}


/**************************************/
/***** 06. Naredbi area css *****/
/**************************************/

.about-product{
    background: white;
    padding:50px 0;
	border-bottom: 1px dashed #e2e2e2;
	padding: 50px 0;
}

.naredba-box {
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.10);
}

.naredba-ime {
  display: block;
  width: 100%;
  height: auto;
}

.overlay2 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #0f527a;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .3s ease;
}

.naredba-box:hover .overlay2 {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.text a{
    color:white;
}

.text a:hover{
    text-decoration: underline;
}


.about-product-single{
	padding: 60px 0;
	margin: 0 auto;
}

.about-product-single:first-child{
	padding-top: 0;
}

.about-product-single:last-child{
	border: none;
	padding-bottom: 0;
}

.about-entry{
	padding-left:30px;
}

.about-entry h4{
	color: #546E7A;
	font-size: 13px;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 1em;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.about-entry h4:after{
	content: '';
	display: block;
	width: 30px;
	height: 1px;
	background: #0f527a;
	position: absolute;
	bottom: 0;
	left: 0;
}

.about-entry h3{
	color: #263238;
	font-size: 28px;
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 0.5em;
	line-height: 1.2em;
	font-weight: 400;
}

.about-entry p{
	font-size: 14px;
	color: #546E7A;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.about-image{
	text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.view-all{
    padding:0 50px;
    text-align:center;
}
.view-all .btn-buynow2{
    	position: relative;
	display: inline-block;
	color: #fff;
	background: #0f527a;
	padding: 14px 30px 12px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all 0.1s linear;
	margin-top:30px;
    
}

.view-all .btn-buynow2:hover{
	background: none;
	color: #0f527a;
	border: 2px solid #0f527a;

}

.view-all .btn-buynow3{
    	position: relative;
	display: inline-block;
	color: #fff;
	background: #0f527a;
	padding: 14px 30px 12px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	transition: all 0.1s linear;
	margin-top:30px;
    
}

.view-all .btn-buynow3:hover{
	background: none;
	color: #0f527a;
	border: 2px solid #0f527a;

}


/***************************************/
/*****   05. Features area css     *****/
/***************************************/

.uslugi{
	background: #f2f6f9;
	padding: 80px 0;
}

.uslugi-image{
	padding-top: 30px;
	text-align: center;
}

.uslugi .btn-buynow{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 20px 10px 20px;
	text-align: center;
	background: #0f527a;
	color: #fff;
	border: 2px solid #0f527a;
	border-radius: 26px;
	margin-top: 20px;
}

.uslugi .btn-buynow:hover{
	background: none;
	color: #0f527a;
}

.uslugi-single{
	text-align: center;
	padding: 20px 0;
	position: relative;
}

.uslugi-single:before{
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	top: -10px;
	left: -25px;
	right: -25px;
	bottom: -10px;
	z-index: 1;
	opacity: 0;
	transform: scale(0.80);
	transition: all 0.3s ease-in-out;
	box-shadow: 1px 1px 20.3px 8.7px rgba(0, 0, 0, 0.11);
}

.uslugi-single:hover:before{
	opacity: 1;
	transform: scale(1);
}

.uslugi-single .icon-box{
	font-size: 70px;
	position: relative;
	z-index: 2;
	background: #0f527a;
	background: linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -webkit-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -moz-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	background: -o-linear-gradient(45deg, #0f527a 0%, #052233 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.uslugi-single h3{
	font-size: 18px;
	color: #333333;
	font-family:"Montserrat SemiBold";
	padding: 4px 0;
	position: relative;
	z-index: 2;
}

.uslugi-single p{
	font-size: 14px;
	color: #959596;
	position: relative;
	z-index: 2;
}

.border-right{
	border-right: 1px solid #dde3e6;
}

.border-bottom{
	border-bottom: 1px solid #dde3e6;
}

.border-left{
	border-left: 1px solid #dde3e6;
}

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

/****************************************/
/***** 12. Newsletter Form area css *****/
/****************************************/

.newsletter-feature{
	padding: 100px 0;
	background: #fff;
}

.newsletter-feature .section-title{
    padding-bottom:50px;
}
.newsletter-feature .col-md-3{
	border-right: 1px solid #e6e6e6;
}


.newsletter-feature .col-md-3:last-child{
	border: none;
}

.small-feature-single:hover{
	background:#FFF;
}


.small-feature-single{
	text-align: center;
	padding-bottom:50px;
	padding-left:30px;
	padding-right:30px;
}

.small-feature-single .icon-box{
	color: #0f527a;
	font-size: 10px;
	margin-bottom:20px;
	
}

.small-feature-single .icon-box i{
    margin-left:-15px;
    font-size:35px;
    top:30px;
}

.dot {
  height: 90px;
  width: 90px;
  border:1px solid #0f527a;
  border-radius: 50%;
  display: inline-block;
}


.small-feature-single p{
	font-size: 13px;
	color: #546E7A;
	margin: 10px 0 0;
}

.small-feature-single h3{
    font-family:"Montserrat Regular";
    font-size:23px;
}

.klienti{
    background:#fff;
}

.our-clients{
	padding: 30px 0 60px 0;
	border-bottom:1px dashed #ababab3;
}

.client-logo{
	text-align: center;
	padding: 0 20px;
}

.client-logo img{
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
	min-height:100%;
}

.client-logo:hover img{
	opacity: 1;
}

/****************************************/
/*****   13. Contact Us area css    *****/
/****************************************/

    .text-xs-left {
        text-align: left;
        margin-bottom:0;
    }

    .g-recaptcha {
        display: inline-block;
    }

.contactus{
	background: #f2f2f2;
background: linear-gradient(45deg, #f2f2f2 0%, #fcfcfc 100%);
	background: -webkit-linear-gradient(45deg, #f2f2f2 0%, #fcfcfc 100%);
	background: -moz-linear-gradient(45deg, #f2f2f2 0%, #fcfcfc 100%);
	background: -o-linear-gradient(45deg, #f2f2f2 0%, #fcfcfc 100%);
	padding: 50px 30px 60px;
}

.contactus .section-title{
	text-align: left;
	margin-bottom: 40px;
	padding-left:30px;
}

.contactus .section-title h2{
	color: #0f527a;
	font-family:"Montserrat SemiBold";
}

.contactus .section-title p{
	color: #0f527a;
}

.contactus .section-title p:after{
	left: 0;
	margin-left: 0;
}

.contact-form{
    padding-left:30px;
}
.contact-form .form-control{
	border: 2px solid #e3e1e1;
	background: #f7f7f7;
	color: #525252;
	font-size: 13px;
	font-weight: 300;
	height: auto;
	letter-spacing: 0.03em;
	padding: 12px 14px;
	box-shadow: none;
	resize: none;
}

.contact-form .form-control::-webkit-input-placeholder{
	color: #525252;
}

.contact-form .form-control:-moz-placeholder{
	color: #525252;
}

.contact-form .form-control::-moz-placeholder {
	color: #525252;
}

.contact-form .form-control:-ms-input-placeholder{
	color: #525252;
}

.contact-form .form-control::-ms-input-placeholder{ 
	color: #525252;
}

.btn-contact{
	position: relative;
    display: inline-block;
    color: #FFF;
	background: #0f527a;
    padding: 10px 30px 8px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    transition: all 0.1s linear;
}

.btn-contact:hover{
	background: none;
    border: 2px solid #0f527a;
	color: #0f527a;
}

.footer-info{	
	padding: 60px 0 30px 60px;
}

.footer-info img{
	margin-bottom: 30px;
}

.footer-info p{
	color: #CCC;
	font-size: 13px;
	letter-spacing: 0.03em;
	font-weight: 300;
	margin-bottom: 1.8em;
}

.contactinfo-single{
	position: relative;
	padding-left: 50px;
	margin-bottom: 30px;
}

.contactinfo-single h3{
	color: #0f527a;
	font-family:"Montserrat SemiBold";
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 4px 0;
	padding-top: 2px;
}

.contactinfo-single p{
    color: #737373;
}

.contactinfo-single i{
	width: 36px;
	height: 36px;
	color: #0f527a;
	border: 1px solid #0f527a;
	border-radius: 50px;
	text-align: center;
	padding-top: 9px;
	position: absolute;
	top: 0;
	left: 0;
}

.footer-social a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #0f527a;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	transition: all 0.3s ease-in-out;
}

.footer-social a:hover{
	background: none;
	color: #0f527a;
	border: 1px solid #0f527a;
}

/************************************/
/*****   14. Footer area css    *****/
/************************************/

footer{
	background: #0f527a;
background: linear-gradient(45deg, #0f527a 0%, #072a40 100%);
	background: -webkit-linear-gradient(45deg, #0f527a 0%, #072a40 100%);
	background: -moz-linear-gradient(45deg, #0f527a 0%, #072a40 100%);
	background: -o-linear-gradient(45deg, #0f527a 0%, #072a40 100%);
	position:relative;
	padding-top:40px;

}

footer:before{
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 40px solid transparent;
	border-left: calc(100vw - 17px) solid #f7f7f7;
}


.footer-siteinfo{
	padding: 40px 0;
	text-align:right;
}

.footer-siteinfo p{
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}

.jumptotop{
	position: fixed;
	right: 30px;
	bottom: 0px;
	text-align: center;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.btn-active{
	opacity: 1;
	bottom: 30px;
}

.jumptotop a{
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	padding-top: 6px;
	background: #39833e;
	font-size: 18px;
	border-radius: 2px;
}

.jumptotop a:hover{
	background: #313c42;
}

/************************************/
/*****    15. Media Screens     *****/
/************************************/

@media only screen and (max-width: 1200px){
	.navbar-default .navbar-nav>li>a:after{
		padding: 0 12px 0 14px;
	}
}

@media only screen and (max-width: 991px){
	nav.navbar.bootsnav .navbar-header{
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
	
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		display: block;
		padding: 14px 0 13px;
	}
	
	nav.navbar.bootsnav .navbar-collapse{
		background: #0f527a;
		padding: 0 15px;
		margin: 0;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
		background: none;
		height: 36px;
		width: 36px;
		color: #fff;
		margin: 0;
		border: 1px solid #fff;
		border-radius: 0;
		position: absolute;
		right: 0;
		top: 16px;
	}
	
	nav.navbar.bootsnav .navbar-nav{
		margin: 0;
		padding: 0;
	}
	
	nav.navbar.bootsnav.sticky-header ul.nav > li > a,
	nav.navbar.bootsnav ul.nav > li > a{
		padding: 14px 0;
		border: none;
		margin: 0;
	}
	
	nav.navbar.bootsnav ul.nav > li > a:after{
		display: none;
	}
	
	.header-content{
		padding-top: 0;
	}
	
	.feature-image{
		padding: 20px 0 50px;
	}
	
	.feature-right{
		text-align: left;
		padding-right: 0;
		padding-left: 70px;
	}
	
	.feature-right .icon-box{
		right: auto;
		left: 0;
	}
	
	.facts-single{
		margin-bottom: 40px;
	}
	
	.product-box{
		margin-bottom: 30px;
	}
	
	.newsletter-feature .col-md-2{
		border: none;
	}
	
	.small-feature-single{
		margin-bottom: 30px;
	}
	
	.footer-info{
		padding: 50px 0 0 0;
		border: none;
	}
}

/* Mobile Layout */
@media only screen and (max-width: 767px){
	
	nav.navbar.bootsnav.sticky-header .navbar-brand,
	nav.navbar.bootsnav .navbar-brand{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
		right: 15px;
	}
	
	nav.navbar.bootsnav .navbar-collapse{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.banner{
		padding: 140px 0 160px;
	}
	
	.header-content{
		text-align: center;
		margin-bottom: 60px;
	}
	
	.navbar-toggle{
		margin-right: 15px;
	}
	
	.jumptotop{
		display: none;
	}
	
	.step-container{
		padding: 10px 40px;
	}
	
	.step-container .col-md-4{
		border-right: 0;
		border-bottom: 1px solid #eaeaea;
	}
	
	.step-single{
		padding: 20px 0;
	}
	
	.section-title{
		margin-bottom: 50px;
	}
	
	.section-title h2{
		font-size: 28px;
	}
	
	.features,
	.about-product,
	.products,
	.testimonials,
	.pricing,
	.buynow-infobar,
	.newsletter-feature{
		padding: 60px 0;
	}
	
	.newsletter-form{
		margin-bottom: 60px;
	}
	
	.about-facts{
		padding: 60px 0 20px;
	}
	
	.about-entry{
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	.about-entry h3{
		font-size: 24px;
	}
	
	.product-box{
		max-width: 320px;
		margin: 0 auto 30px;
	}
	
	.buynow-video{
		padding-top: 40px;
	}
	
	.newsletter-form .form-control{
		width: 100%;
		border: 4px solid #f1f1f1;
		border-radius: 30px;
		margin-bottom: 20px;
	}
	
	.newsletter-form form{
		border: none;
		text-align: center;
	}
	
	.btn-subscribe{
		width: 100%;
		border-radius: 40px;
	}
}

/* Small Mobile Layout */

@media only screen and (max-width: 480px) {
	.header-content h2{
		font-size: 28px;
		line-height: 1.5em;
	}
	
	.header-content h2 span{
		font-size: 20px;
	}
	
	.pricing-header p{
		font-size: 60px;
	}
}