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

Template name : Flates flat and responsive landing page
Categorie : Landing page
Author : Nce18cex
Version : v1.0.0
Created : 19 Mei 2014
Last update : 26 Mei 2014

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

01. Header
02. Contain
03. Sign up and sign in
04. How it works
05. Client
06. Testimonials
07. Ticker
08. Team
09. Portfolio
10. Contact
11. Call to action
12. Footer
13. Social network
14. Scroller
15. Animated
16. Heading
17. Ui to top
18. Clear spacer
19. Custom top spacer
20. Custom bottom spacer
21. Custom left spacer
22. Custom right spacer

============================================================== */
.centered {
    margin-left: auto;
    margin-right: auto;
}

/*
Header
=========================== */
header{
	position: fixed;
	top: 0;	
	margin:0;
	padding:0;
	width:100%;	
	z-index:99999;	
}

#home{
	background-image:url(../img/power-outage-isocket-helps-avoid.jpg);
	background-color: #5E2545;
	background-repeat:no-repeat;
	background-position: top center;
    background-size: cover;
	margin-top:127px;
	color:#fff;
	font-size:20px;
	line-height:30px;
}

.home-wrapper{
	position:relative;
	padding:100px 0 150px 0;
}

.home-wrapper.custom-padding{
	padding:60px 0 0 0;
}

.home-intro{
	background:url(../img/intro-bg.png) no-repeat bottom center;
	margin-bottom:40px;	
}

.home-intro h1{
	font-size:122px;
	line-height:120px;
	text-shadow:8px 8px rgba(0, 0, 0, 0.24);
	margin-bottom:40px;
}

#home h2{
	font-weight: normal;
}

.home-intro h4{
	font-size:32px;
	line-height:45px;
	text-shadow:3px 3px rgba(0, 0, 0, 0.24);
	margin-bottom:40px;
}

.home-intro ul li {
    list-style: none outside none;
}

.home-quote h3{
	font-size:92px;
	line-height:100px;
	text-shadow:8px 8px rgba(0, 0, 0, 0.24);
	margin-bottom:40px;
}

.btn-arrow{
	position:absolute;
	display:inline-block;
	color:#1b2838;
	font-size:62px;
	line-height:82px;
	width:120px;
	height:60px;
	text-align:center;
	border-radius:80px 80px 0 0;
	left:50%;
	bottom:0;
	margin-left:-60px;
	-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;
    background-color: #ffffff;
}

.btn-arrow:hover,
.btn-arrow:focus,
.btn-arrow:active{
	text-decoration:none;
    background-color: #ffffff;
}

.img {
    max-width: 100%;
}
.img-landscape {
    display: none !important;
}

/*
Contain
=========================== */
.contain {
    padding: 50px 0;
}

.primary-bg{
	color:#fff;
}

.secondary-bg{
	color:#1b2838;
}

.dark-bg{
	background:#1b2838;
	color:#75838e;
}

.whereuse-bg{
	background:#FCB32E;;
	color: #000;
}

.best-bg{
	background:#F2D68C;
	color: #000;
}

.how-we-work-bg{
	background:#C0DDB6;
	color: #000;
}

/*
Sign up and sign in
=========================== */
.signup,
.signin{
	float:left;
	width:50%;
	border-right:1px solid #566578;
	padding-right:30px;
}
.signup h4,
.signin h4{
	border-bottom:2px solid #fff;
	padding-bottom:15px;
	margin-bottom:30px;
}

.signup .form-block,
.signin .form-block{
	display:block;
	width:100%;
}

.signin{
	border-right:none;
	padding-left:30px;
}

/*
    HOW IT WORKS
=========================== */
.work-it-wrapper{
	position:relative;
	float:left;
	width:100%;	
	background:url(../img/vertical-line.png) repeat-y top center;
	padding:75px 0 75px 0;
}

.circle-top,
.circle-bottom{	
	background:url(../img/circle.png) no-repeat center center;
	position:absolute;
	width:20px;
	height:20px;
	display:block;
	left:50%;
	margin-left:-10px;
}

.circle-top{
	top:0;
}

.circle-bottom{
	bottom:0;
}

.work-it-contain{
	width: 50%;
	clear:both;
	margin-bottom:20px;
}

.work-it-contain:hover .work-it-icon{
	color:#fff;
}

.work-it-contain.on-right{
	float:right;
}

.work-it-contain.on-left{
	float:left;
}

.work-it-icon{
	background-image:url(../img/work-it-icon-line.png);
	background-repeat:no-repeat;
	width: 248px;
	text-align:center;
}

.work-it-contain.on-right .work-it-icon{
	background-position: right center;
	margin-left: -100px;
	padding-right: 45px;
	float:left;
}

.work-it-contain.on-left .work-it-icon{
	background-position: left center;
	margin-right: -102px;
	float:right;
	padding-left: 45px;
}

.work-it-icon i{
	display:block;
	width: 204px;
	height: 204px;
	border:5px solid #1b2838;
	border-radius:50%;
	font-size: 78px;
	line-height: 78px;
	padding-top: 50px;
	-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;	
}

.work-it-text {
    border: 5px solid #1b2838;
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px 20px 10px;
    width: 68%;
}

.work-it-text h4 {
    font-size: 18px;
    line-height: 28px;
}

.work-it-contain.on-right .work-it-text{
	float:left;	
}

.work-it-contain.on-left .work-it-text{
	float:right;	
}
/* icons how-it-work */
i.secure-checkout {
    background: url("../img/how-it-work/secure-checkout.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}
i.sim-cart {
    background: url("../img/how-it-work/sim-cart.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}
i.plug-in-to-wall-socket {
    background: url("../img/how-it-work/plug-in-to-wall-socket.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}
i.phone-with-hand {
    background: url("../img/how-it-work/phone-with-hand.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}
i.alert-when-power-failed {
    background: url("../img/how-it-work/alert-when-power-failed.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}
i.act-accordingly {
    background: url("../img/how-it-work/act-accordingly.jpg") no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
}


/*
Client
=========================== */
ul.client-list{
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

ul.client-list li{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	border-bottom: medium none;
}

ul.client-list li.bottom-list{
	border-bottom:none;
}

ul.client-list li ul li{
	width: 25%;
	border-bottom:none;
	border-right:1px solid #2b394a;
	padding:45px 0 45px 0;
}

ul.client-list li ul li.last {
	border-right: medium none;
}

.client-link{
	position:relative;
	margin:0;
	padding:0;
	display:block;
	text-align:center;
}

.logo-hover{
	position:absolute;
	left:50%;
	margin-left:-68px;
}

/*
Testimonials
=========================== */
.testimoni{
	text-align:center;
}

.blockquote-open {
    background: url("../img/quote.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 21px;
    line-height: 30px;
    margin-bottom: 8px;
    margin-right: 5px;
    padding: 5px 2px 0;
    width: 27px;
}

.blockquote-close {
    background: url("../img/quote-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 21px;
    line-height: 30px;
    margin-bottom: 6px;
    margin-left: 8px;
    padding: 5px 2px 0;
    width: 27px;
}

.testimoni blockquote {
	background:url(../img/quote.png) no-repeat 0 0;
	border:none;
	padding:5px 2px 0 2px;
	margin:0;
	font-size:18px;
	line-height:30px;
	font-weight:700;
}

.testimoni-avatar{
	display:inline-block;
	width:136px;
	height:136px;
	margin:0 auto;
	margin-bottom:10px;
	overflow:hidden;
	border-radius:50%;
	border:8px solid #75838e;
}

.testimoni-author{
	background:url(../img/testimoni-line.png) no-repeat top center;
	display:inline-block;
	font-size:18px;
	line-height:30px;
	font-weight: 700;
	/*font-weight:400;*/
	/*font-style:italic;*/
	margin-top:10px;
	padding-top:25px;
}

/*
Ticker
=========================== */
ul.ticker{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

ul.ticker li{
	float:left;
	background:none;
	margin:0;
	padding:0;
	width:100%;
}

/*
Team
=========================== */
.team-image-wrapper{
	position:relative;
	width: 240px;
	margin:0 auto;
    padding-bottom: 60px;
}

.team-image{
	position:relative;
	display: block;
	margin:0;
	padding:0;
	overflow:hidden;
}

.team-image:before{
	content:'';
	position:absolute;
	top: 0;
    width: 0;
    border-bottom: 68px solid transparent;
	position:absolute;
	z-index:100;
}

.team-image:after{
	content:'';
	position:absolute;
	bottom: 0;
	left:0;
    width: 0;
    border-top: 68px solid transparent;
	position:absolute;
	z-index:100;
}

.team-frame{
	position:absolute;
	background:url(../img/team-frame.png) no-repeat 0 0;
	width: 256px;
	height:306px;
	padding-top:90px;
	left:-8px;
	top:-9px;
	text-align:center;
	color:#fff;
	z-index:101;
	background: none\9;
	border:5px solid rgba(0, 0, 0, 0.3.8)\9;
	width: 230px\9;
	height:177px\9;
	left:0\9;
	top:0\9;
}

 .secondary-bg a.team-image:before, .secondary-bg a.team-image:after {
    border-left: 120px solid #f9bb3d;
    border-right: 120px solid #f9bb3d;
}

.team-profile h5{
	/*background:url(../img/team-profile-line.png) no-repeat bottom center;*/
	padding-bottom:5px;
	margin-bottom:10px;
    margin-top: 215px;
}

.team-profile a{
	margin:0 5px 0 5px;
}

section#team .row:last-child {
    padding-bottom: 67px;
}
/*
Portfolio
=========================== */
.portfolio-categ{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 60px 0;
	padding:0;
}

.portfolio-categ li{
	display:inline-block;
	list-style:none;
	margin:0 2px 0 2px;
	padding:0;
}

.portfolio-categ li a{
	border:3px solid #1b2838;
	color:#1b2838;
	border-radius:40px;
	padding:5px 20px 5px 20px;
	font-size:18px;
	line-height:22px;
	font-weight:700;
}

.portfolio-categ li a:hover,
.portfolio-categ li.active a,
.portfolio-categ li.active a:hover{
	text-decoration:none;
}

.portfolio-area{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}

.portfolio-area li{
	float:left;
	list-style:none;
	margin: 0 10px 30px 10px;
	width:300px;
	min-height:300px;
}

.image-wrapper{
	position:relative;
	overflow: hidden;
	border-radius:20px;
	box-shadow:0 10px 0 rgba(0, 0, 0, 0.75);
}

.img-gallery{
	display:block;
	width:100%;
	height:auto;
}

.image-caption{
	position:absolute;
	background:rgba(27, 40, 56, 0.95);
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}

.image-caption .zoom{
	position:absolute;
	/*display:inline-block;*/
    display: none; /* show only lg */
	color:#fff;
	width:65px;
	height:65px;
	border:5px solid #fff;
	border-radius:50%;
	font-size:28px;
	line-height:50px;
	left:50%;
	top:-38%;
	margin-left:-32.5px;
	margin-top:-32.5px;
	-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;

}

.image-caption .zoom:hover,
.image-caption .zoom:focus{
	text-decoration:none;
}

.image-title{
	color:#fff;
	position:absolute;
	display:inline-block;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	width:90%;
	text-align:center;
	bottom:-40%;
	left:5%;
	margin-bottom:-30px;
}

.image-title-v{
	color:#000;
	position:absolute;
	display:inline-block;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	width:100%;
	text-align:center;
	left:0;
    background: none repeat scroll 0 0 rgba(27, 40, 56, 0.75);
    padding: 0 10px;
}
.image-title-bottom{
    bottom:0;
}
.image-title-top{
    top:0;
}
.image-title-v a {
    color: #fff;
}

.image-title a,
.image-title a:hover,
.image-title a:focus{
	color:#fff;
}

/*
Contact
=========================== */
#contact{
	padding-bottom:60px;
}

#contact .container {
	padding-top: 80px;
}

ul.listForm{
	width:100%;
	padding:0;
	margin:0;	
	list-style:none;
}

ul.listForm li {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 20px 0;	
	list-style:none;	
}

.btn-submit{
	background:none;
	border-radius:40px;
	font-weight:700;
	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;
	border:5px solid #fff;
	font-size:24px;
	line-height:36px;
	padding:10px 35px 15px 35px;
}

#contact-sendmessage {
	display:none;
}

#contact-sendmessage.show, .show  {
	display:block;
}

#contact input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E95644 inset;
    -webkit-text-fill-color: #ffffff !important;
}

/*
Call to action
=========================== */
#cta-section p{
	background:url(../img/cta-text-line.png) no-repeat bottom center;
	font-size:24px;
	line-height:36px;
	font-weight:700;
	padding-bottom:20px;
	margin-bottom:40px;
}

/*
Footer
=========================== */
footer{
	background:#172332;
	color:#566578;
	padding:60px 0 40px 0;
}
footer .social-network, footer .contacts {
    display: inline-block;
}
footer .contacts p {
    line-height: 1px;
}
footer a {
    color:#566578;
    text-decoration: underline;
}
footer a:hover {
    text-decoration: none;
}

/*
Social network
=========================== */
.social-link{
	display:inline-block;
	font-size:18px;
	margin-right:5px;
	-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;
	margin-bottom: -3px;
}

.social-link:hover{
	text-decoration:none;
}

.social-link i{
	color:#566578;
	background:#253447;
    width: 48px;
    height: 48px;
	border-radius:50%;
    text-shadow:none;
    cursor: pointer;
	font-size:26px;
	line-height: 48px;
    display: inline-block;
    text-align: center;
	-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;
}

.social-link i:hover,
.social-link i:focus{
	color:#fff;
	text-decoration:none;
}

/*
Scroller
=========================== */
#cbp-so-scroller,
.cbp-so-scroller{
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	overflow: hidden;
}

/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
	content: " ";
	display: table;
}

.cbp-so-section:after {
	clear: both;
}

/* Sides */
.cbp-so-side {
	overflow: hidden;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	-moz-transition: -moz-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
	content: " ";
	display: table;
}

.cbp-so-side:after {
	clear: both;
}

/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
	opacity: 0;
}

.cbp-so-init .cbp-so-side-top {
	-webkit-transform: translateY(-80px);
	-moz-transform: translateY(-80px);
	transform: translateY(-80px);
}

.cbp-so-init .cbp-so-side-bottom {
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	transform: translateY(80px);
}

.cbp-so-init .cbp-so-side-left {
	-webkit-transform: translateX(-80px);
	-moz-transform: translateX(-80px);
	transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transform: translateX(80px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-top ,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

/*
Animated
=========================== */

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}

/*
Heading
=========================== */
.heading,
.headline{
	text-align:center;
	font-size:18px;
	line-height:30px;
	margin-bottom:40px;
}

.headline{
	position:relative;
	background:#ffffff;
	color:#1b2838;
	padding:60px 0 50px 0;
	margin:0;
}

.heading h3,
.headline h3{
	background:url(../img/heading-bg.png) no-repeat bottom center;
	padding-bottom:20px;
	font-size:48px;
	line-height:56px;
}

.primary-bg .heading h3{
	background:url(../img/heading-bg-white.png) no-repeat bottom center;
}

.headline-arrow{
	position:absolute;
	display:block;
	background:url(../img/headline-arrow.png) no-repeat bottom center;
	width:65px;
	height:36px;
	bottom:-35px;
	left:50%;
	margin-left:-32.5px;
	z-index:999;
}
.headline-arrow.white {
    background: url("../img/headline-arrow-white.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
}

/*
Ui to top
======================================= */
#toTop{
	display:none;
	text-decoration:none;
	z-index:600;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#212e3d;
	border-bottom:3px solid #1b2430;
	border-radius:5px;
}

#toTopHover{
	background-image:url(../img/ui.totop.png);
	background-repeat:no-repeat;
	background-position: left -45px;
	background-color:#303d4d;
	border-bottom:3px solid #27313d;
	width:45px;
	height:45px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);	
}

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


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

.padding-clear{
	padding:0;
}

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

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

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

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

.marginbot-min40{
	margin-bottom:-40px;
}

.margintop-min15{
	margin-top:-15px;
}

/*
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;
}

/*
Custom bottom spacer
=========================== */
.marginbot0{
	margin-bottom:0;
}
.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;
}

/*
Custom left spacer
=========================== */
.marginleft5{
	margin-left:1px;
}

.marginleft10{
	margin-left:10px;
}

.marginleft15{
	margin-left:15px;
}

.marginleft20{
	margin-left:20px;
}

.marginleft25{
	margin-left:25px;
}

.marginleft30{
	margin-left:30px;
}

/*
Custom right spacer
=========================== */
.marginright5{
	margin-right:1px;
}

.marginright10{
	margin-right:10px;
}

.marginright15{
	margin-right:15px;
}

.marginright20{
	margin-right:20px;
}

.marginright25{
	margin-right:25px;
}

.marginright30{
	margin-right:30px;
}

.paddingleft15 { padding-left: 15px;}

.fs-11 { font-size: 1.1em; line-height: 1.1em; }
.fs-12 { font-size: 1.2em; line-height: 1.2em; }
.fs-13 { font-size: 1.3em; line-height: 1.3em; }
.fs-14 { font-size: 1.4em; line-height: 1.4em; }
.fs-15 { font-size: 1.5em; line-height: 1.5em; }
.fs-16 { font-size: 1.6em; line-height: 1.6em; }
.fs-17 { font-size: 1.7em; line-height: 1.7em; }
.fs-18 { font-size: 1.8em; line-height: 1.8em; }
.fs-19 { font-size: 1.9em; line-height: 1.9em; }
.fs-20 { font-size: 2em; line-height: 2em; }

section#gallery .heading h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.old-price {
    font-size: 14px;
    text-decoration: line-through;
}
.discount {
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 15px;
    color: #F9BB3D;
}
.new-price {
    font-weight: bold;
    font-size: 1.8em;
    margin: 15px 0;
    color: #99ff00;
}

/* kane */
/*---------------------------------------
   TEXTS
-----------------------------------------*/

.white-text {
    color: #ffffff;
}

.dark-text {
    color: #272727;
}

.grey-bg {
    background: #F7F8FA !important;
}

/*---------------------------------------
   SECTIONS
-----------------------------------------*/

.section-header {
    padding-bottom: 78px;
    text-align: center;
}

.section-header h2 {
    margin-bottom: 20px;
}

.section-header .section-description {
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*---------------------------------------
   LINES
-----------------------------------------*/
.colored-line,
.colored-line-left {
    background: #00ab66;
}

.colored-line {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
}

.white-line {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
    background: #ffffff;
}

.colored-line-left {
    float: left;
    z-index: 1;
    display: block;
    width: 165px;
    height: 1px;
}

/*---------------------------------------
   SECTION:  FEATURES
-----------------------------------------*/
.features {
    padding-bottom: 30px;
    background: #ffffff;
}

.features .features-content {
    padding-top: 90px;
}

.features .headline {
    background: none repeat scroll 0 0 #e4e8ea;
    padding: 60px 0 50px;
}

.features .features-left {
    text-align: right;
    margin-top: 26px;
    margin-bottom: 30px;
}

.features .features-left .icon-container {
    float: right;
    margin-left: 20px;
}

.features .features-left .feature-details {
    padding-right: 75px;
}

.features .features-right {
    text-align: left;
    margin-top: 26px;
    margin-bottom: 30px;
}

.features .features-right .icon-container {
    float: left;
    margin-right: 20px;
}

.features .features-right .feature-details {
    padding-left: 75px;
}

.features .feature {
    margin-bottom: 40px;
}

.features .feature .icon-container {
    display: block;
    /*min-height: 120px;*/
    margin-top: 5px;
}

.features .feature .icon-container .icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    line-height: 55px;
    font-size: 18px;
    text-align: center;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.features .feature-image {
    max-width: 250px;
    margin: auto;
    margin-bottom: 30px;
}

.features .feature-image img {
    width: 100%;
}

.features .new-price {
    color: #029E01;
}

.features .btn {
    margin-top: 10px;
}

/*.features .feature:hover .icon-container .icon {*/
    /*background: #029E01;*/
    /*color: #ffffff;*/
    /*border: 2px solid #ffffff;*/
    /*-webkit-box-shadow: 0px 0px 0px 2px #029E01;*/
    /*box-shadow: 0px 0px 0px 2px #029E01;*/
/*}*/

/*.features .feature .icon-container .icon {*/
    /*border: 1px solid #029E01;*/
    /*color: #029E01;*/
/*}*/

/*.feature-list li i {*/
    /*color: #029E01;*/
/*}*/

.features .discounted-price-text {
    white-space: nowrap;
}

.features .feature-buttons {
    text-align: center;
}

.features .free-postage {
    color: #029e01;
    display: block;
}
/*---------------------------------------
   SECTION:  TESTIMONIALS
-----------------------------------------*/
.testimonials {
    background: url(../img/feedback.jpg) no-repeat center fixed rgba(27, 40, 56, 0.95);
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

.testimonials .color-overlay {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);*/
    padding-top: 110px;
    padding-bottom: 110px;
}

.testimonials {
    text-align: center;
}

.testimonials .feedback {
    max-width: 750px;
    margin: auto;
}

.testimonials .feedback .image {
    font-size: 24px;
    border: 2px solid transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
    box-shadow: 0px 0px 0px 2px #ffffff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
}

.testimonials .feedback .image img {
    width: 100%;
    vertical-align: top;
}

.testimonials .feedback .message {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    /*font-weight: 700;*/
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.testimonials .feedback .name {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
}

.testimonials .feedback .company-info {
    font-size: 12px;
}

.testimonials .owl-theme .owl-controls .owl-page span {
    background: #ffffff;
    border-radius: 50%;
}

.testimonials .customNavigation a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*---------------------------------------
   SECTION:  TRUST US
-----------------------------------------*/

.trust-us {
    background: none repeat scroll 0 0 #3397DF;
    color: #1b2838;
}

.trust-us .single-service {
    margin-bottom: 40px;
    text-align: center;
}

.trust-us .single-service .service-icon {
    font-size: 80px;
}

.trust-us .headline {
    background: none repeat scroll 0 0 #ffffff;
    padding: 60px 0 50px;
}

.trust-us .trust-us-content {
    padding-top: 60px;
}

.trust-us .single-service .service-icon,
.trust-us .single-service h4,
.trust-us .single-service p {
    color: #ffffff;
    text-align: center;
    margin-bottom: 5px;
}
.trust-us .single-service h4 {
    color: #1b2838;
    font-size: 18px;
    line-height: 28px;
}
/*---------------------------------------
   SECTION:  FAQ
-----------------------------------------*/
.faq {
    padding-bottom: 60px;
    /*background: none repeat scroll 0 0 #3397C9;*/
    /*color: #1b2838;*/
}
.faq .headline {
    background: none repeat scroll 0 0 #ffffff;
    padding: 60px 0 50px;
}

.faq .faq-content {
    padding-top: 60px;
}

.faq .style2 .accordion-heading a:hover {
    /*color: #3397C9;*/
}

/*---------------------------------------
   SECTION:  BUYNOW
-----------------------------------------*/
.buynow .buynow-buttons {
    text-align: center;
    padding-top: 20px;
}
.buynow .discount {
    color: #99ff00;
    margin-top: 10px;
}
.buynow .new-price {
    color: #f9bb3d;
    margin: 10px 0;
}
.buynow .free-postage {
    color: #f9bb3d;
    display: block;
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.3em;
}
.buynow .order-soon {
    display: block;
    min-width: 190px;
}
.buynow .buy-now-image img {
    max-height: 300px;
}
.buynow .limited-offer {
    margin-bottom: 60px;
}

/*---------------------------------------
   SECTION:  THE BEST FOR AUSTRALIA?
-----------------------------------------*/
.why-isocket {
    padding-bottom: 0;
}
.why-isocket .single-service {
    margin-bottom: 40px;
}
.why-isocket .why-isocket-content {
    color: #303030;
}
.why-isocket .why-isocket-content h4 {
    color: #303030;
    font-size: 18px;
    line-height: 28px;
}

/*---------------------------------------
   SECTION:  HOW WE WORK
-----------------------------------------*/
.how-we-work .service-icon {
    position: relative;
}

.how-we-work .service-icon img {
    margin: 10px 10px 10px 0;
}
.how-we-work .service-icon input[type="image"] {
    margin: 10px 10px 3px 0;
}

.how-we-work .icon-chevron-right {
    color: #ffffff;
    display: inline-block;
    font-size: 50px;
    height: 65px;
    left: 90%;
    line-height: 50px;
    position: absolute;
    top: 33%;
    transition: all 0.3s ease-in-out 0s;
    width: 65px;
}

/*---------------------------------------
   SECTION:  BROCHURE
-----------------------------------------*/

#brochure-sendmessage{
    display:none;
}

#brochure-sendmessage.show {
    display:block;
}

.brochure .brochure-image img {
    max-height: 400px;
    max-width: 100%;
}

.brochure .free-postage {
    color: #f9bb3d;
    display: block;
    font-size: 1.3em;
    margin-top: 20px;
}

.brochure input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #1B2838 inset;
    -webkit-text-fill-color: #ffffff !important;
}

.btn-brochure-submit{
    background:none;
    border-radius:40px;
    font-weight:700;
    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;
    border:5px solid #fff;
    font-size:24px;
    line-height:36px;
    padding:10px 35px 15px 35px;
    width: 100%;
}

.btn-brochure-submit:hover {
    border-color: #f9bb3d;
    color: #f9bb3d;
}

.brochure .form-control {
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px 25px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #fff;
    background-color: inherit;
    border: 5px solid #fff;
    border-radius: 40px;
    background:none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

.brochure .form-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.accordion-body a,
.accordion-body a:focus,
.accordion-body a:active {
    color: #ffffff;
    text-decoration: underline;
}
.accordion-body a:hover {
    color: #ffffff;
    text-decoration: none;
}
.video-frame {
    text-align: center;
}
.video-frame iframe {
    max-width: 560px;
}

.slider {
    padding-bottom: 50px;
}
.slider .features-image {
    text-align: left;
}
.slider .features-image img {
    max-width: 100%;
}
.slider .features-text {
    font-size: 18px;
    text-align: justify;
}

/*---------------------------------------
   SECTION:  ORDERING
-----------------------------------------*/
.ordering .form-control:-moz-placeholder {
    color: #1B2838;
}

.ordering .form-control::-moz-placeholder {
    color: #1B2838;
}

.ordering .form-control:-ms-input-placeholder {
    color: #1B2838;
}

.ordering .form-control::-webkit-input-placeholder {
    color: #1B2838;
}

.ordering {
    padding-top: 20px;
}

.ordering .order-block {
    margin-bottom: 20px;
}

.ordering .ordering-header {
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
}

.ordering .headline {
    padding: 30px 0 50px;
}

.ordering .order-text-block {
    text-align: left;
    display: inline-block;
    /*margin: 0 auto;*/
}

.ordering .chose_quantity_wrapper {
    position: relative;
}
.ordering .chose_quantity_buttons {
    color: #000000;
    display: inline-block;
    vertical-align: middle;
}
.ordering .chose_quantity_prices {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: -2px;
}
.ordering .form-control {
    border: 3px solid #1b2838;
    color: #1b2838;
    margin: 0 auto;
    width: 100%;
}
.ordering select.form-control,
.ordering input.form-control {
    height: 50px;
}

.ordering .form-control:focus {
    border-color: #1B2838;
}

.ordering .cart_quantity {
    border:3px solid #1B2838;
    color:#1B2838;
    padding: 5px 15px 6px;
}

.ordering .old-price {
    font-size: 1.3em;
    font-weight: bold;
}
.ordering .discount {
    color: #4fb000;
    margin-top: 10px;
}
.ordering .new-price {
    color: red;
    margin-bottom: 0;
    margin-top: 10px;
}

.ordering .postage_wrapper {
    display: inline-block;
    text-align: left;
}
.ordering .old-postage-price {
    text-decoration: line-through;
}
.ordering .new-postage-price {
    color: red;
    font-weight: bold;
}
.ordering .postage_method input[type="radio"] {
    height: 1.1em;
    width: 1.1em;
}
.ordering .postage_method {
    font-size: 1.3em;
}
.ordering .postage_method label {
    font-weight: normal;
}
.ordering .order_img_wrapper img {
    max-height: 300px;
}
.ordering label.error {
    color: red;
}

.ordering select.dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url(../img/ordering/arrowdown2.png);
    background-position: center right;
    background-repeat: no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ordering .paypal-loader {
    display: none;
}
.ordering a.terms {
    color: #4e4e4e;
    text-decoration: none;
    border-bottom: 1px dashed #4e4e4e;
}
.ordering a.terms:hover {
    color: #e95644;
    border-bottom: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .ordering select.dropdown {
        /*appearance: normal;*/
        background-image: none;
        text-overflow: ellipsis;
    }
}
#order-block-1 .order-text-block {
    text-align: center;
    margin: 0 auto;
}
#order-block-3 .order-text-block,
#order-block-3 .form-group
{
    width: 80%;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}