/*
 * Theme Name: Serped.net
 * Theme URI: http://www.serped.net
 * Theme Description: Serped Responsive MockUp
 * Author: Serped
 * Author URI: http://www.serped.net
 * Version: 1.0
*/

@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url("http://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
}
/*@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,700');*/
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
/*	Table OF Contents
==========================

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

/* ====== Main
========================= */
body {
	background-color:#fff;
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
	font-family: 'DIN', sans-serif;
	font-size: 16px;
	font-weight: 100;
	color: #696969;
}

.container {
	width: 100%;
	padding: 0;
	position: relative;
}
.container > .row {
	/*border: 1px solid red;*/
	/*padding-top: 32px;*/
	/*padding-bottom: 32px;*/
}
.row {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.center { text-align:center;}


p, td, li, label {
    font-size: 1.07em;
    font-family: 'DIN Light', sans-serif;

    line-height: 2;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
    font-family: 'DIN', sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}        

h1 {font-size: 2.36em;margin:0.4em 0;}
h2 {font-size: 2em;margin:0.6em 0;}
h3 {font-size: 1.73em;margin:0.7em 0;}
h4 {font-size: 1.6em;margin:0.8em 0;}
h5 {font-size: 1.48em;margin:0.8em 0;}
h6 {font-size: 1.3em;margin:0.8em 0;}
p {margin:1em 0;}



h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Verdana, Geneva, sans-serif;
}
h1, .h1 { font-size: 50px; }
h2, .h2 { font-size: 38px; }
h3, .h3 { font-size: 28px; line-height: 1.25 }
p { font-size: 16px; }
a {	font-size: 16px; font-weight: 100;}

blogquote { font-family: 'DIN Light', sans-serif; font-size: 16px;font-weight: 100;}
iframe { border:0; width:100%;}
img {max-width: 100%;}
body > section,
header,
footer {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
hr {
	background: #e6ebf0;
	padding: 0px;
	margin: 0px;
}

h1, h2, h3 {
	font-family: 'DIN UltraLight', sans-serif;
	font-style: normal;
  	font-weight: 400;
	color: #255a9d;
}
h1 {
	font-size: 50px;
}
h2 {
	font-size: 36px;
	line-height: 1.5;
	line-height: 48px;
}
h3 {
	font-size: 30px;
	line-height: 1.5;
	line-height: 42px;
}
p {
	font-family: 'DIN light', sans-serif;
	font-style: normal;
  	font-weight: 400;
	font-size: 17px;
	color: #696969;
	line-height: 29.95px;
	/*padding-bottom: 30px;*/
}
.uppercase {
	text-transform: uppercase;

}
/*hr {border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin: 2em 0 !important;}*/
/* ====== Template
========================= */
.footer-space, .header-space {
	min-height: 100px;
	background: #f5f5f5

}
.button-section {
	background: #ebebeb;
}
/* ====== .Form Control
========================= */
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -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
}

.input-hg {
  height: 53px;
  padding: 10px 16px;
  font-size: 22px;
  line-height: 1.318;
  border-radius: 6px;
}
.input-large,
.input-lg {
  height: 45px;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.235;
  border-radius: 6px;
}
.input-medium,
.input-md {
	width: 380px;
	min-width: 380px;
	padding: 26px 16px;
}

.input-small {
	
}
@media(max-width:768px){.input-medium,.input-md{width: 100%;min-width: 100%;}}

/* ===== Social Button CSS
============================ */
/*
.share-btn {
    display: inline-block;
	background-color:#2e2c2f;
	color: #fff;
    border: none;
    padding: 0.5em;
    width: ;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.0);
    outline: none;
    text-align: center;
	width: 36px;
	height: 36px;
	border-radius: 50px;
}*/
.share-btn {
    display: inline-block;
    color: #ffffff;
    border: none;
    padding: 0.5em;
    width: 4em;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
    outline: none;
    text-align: center;
}
.share-btn:hover {color: #eeeeee;}
.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  outline: none;
}

.share-btn.twitter     { background: #55acee; }
.share-btn.google-plus { background: #dd4b39; }
.share-btn.facebook    { background: #3B5998; }
.share-btn.linkedin    { background: #4875B4; }
.share-btn.email       { background: #444444; }
.share-btn.stumbleupon { background: #ed5a39; }
.share-btn.reddit      { background: #ff681a; }

/* ===== Social Button Style 2 
============================ */
.social-s2 .share-btn { 
	box-shadow:none; 
	border: 1px solid #fff;
	border-left:0px solid;
	margin-right: -4px!important;
}
.social-s2 .share-btn:first-child { 
	border-left:1px solid;
	border-radius: 6px 0px 0px 6px;
}
.social-s2 .share-btn:last-child { 
	border-radius: 0px 6px 6px 0px;
}
.social-s2 .share-btn.twitter { background: rgba(0,0,0,0) } {

}
.social-s2 .share-btn.twitter     { background: rgba(0,0,0,0); }
.social-s2 .share-btn.google-plus { background: rgba(0,0,0,0); }
.social-s2 .share-btn.facebook    { background: rgba(0,0,0,0); }
.social-s2 .share-btn.linkedin    { background: rgba(0,0,0,0); }
.social-s2 .share-btn.email       { background: rgba(0,0,0,0); }
.social-s2 .share-btn.stumbleupon { background: rgba(0,0,0,0); }
.social-s2 .share-btn.reddit      { background: rgba(0,0,0,0); }

.social-s2 .share-btn.twitter:hover     { background: #55acee; }
.social-s2 .share-btn.google-plus:hover { background: #dd4b39; }
.social-s2 .share-btn.facebook:hover    { background: #3B5998; }
.social-s2 .share-btn.linkedin:hover    { background: #4875B4; }
.social-s2 .share-btn.email:hover       { background: #444444; }
.social-s2 .share-btn.stumbleupon:hover { background: #ed5a39; }
.social-s2 .share-btn.reddit:hover      { background: #ff681a; }

/* ====== Bootstrap Buttons
========================= */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}
/* ====== 13.Responsive
========================= */
@media (max-width:480px) and (orientation:landscape) {
	
}
@media (max-width:768px){


}

@media (min-width:992px){

}

@media (min-width:1200px){

}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

/* ====== BUTTONS
========================= */
.sharply {}
.corner {}
button {
	/*font-family: ; */
	border: 1px solid #00d4b4;
	border: 1;
	outline: 1;
}
.btn {
	text-decoration: none;
	text-align: center;
	background: transparent;
	/* outline: 0; */
	/* border: 0; */
	padding: 0.5em 1em;
	white-space: normal;
	display: inline-block;
	margin-top: 5px;
	margin-bottom:5px;
	-webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
.btn:hover {
	text-decoration: none;
}
.btn i {
	padding-right: 0.5em;
}
.btn-block {
	text-align: center;
	width: 100%;
	white-space: normal;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box; 
			box-sizing: border-box;
}
.btn-link {
	color: #27d033;
	background: transparent;
	border-radius: 0px;
	border: 0;
	outline: 0;
}
.btn-primary {
	border-radius: 0px;
	border: 0;
	outline: 0;
	color: #fff;
	background: #27d033;
}
.btn-primary:hover, .btn-primary:active { color:#fff; background: #69D871} 
.btn-success {
	border-radius: 0px;
	border: 0;
	outline: 0;
	color: #fff;
	background: #00d4b4;
}
.btn-success:hover, .btn-success:active { color:#fff; background: #00E1BF;
	    -webkit-box-shadow: inset 10 10px 0 rgba(0, 0, 0, 1.0);
    	box-shadow: inset 10 10px 0 rgba(0, 0, 0, 1.0)
} 
.btn-bordered {
	color: #27d033;
	border-radius: 0px;
	border: 2px solid #27d033
}
.btn-bordered:hover, .btn-bordered:active { background: #27d033; color: #fff; border: 2px solid rgba(0,0,0,0); }
.btn-outline {
	color: #fff;
	border-radius: 0px;
	border: 2px solid #fff
}
.btn-outline:hover, .btn-outline:active { color:#fff; background: rgba(255,255,255,0.2);border: 2px solid rgba(255,255,255,0);
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.35);
 }
.btn-bevel {
	color: #fff;
	background: #00d4b4;
	border-radius: 0px;
	border: 0;
	border-bottom: 4px solid #00a189;
	outline: 0;
}
.btn-embossed {
	color: #fff;
	background: #00d4b4;
	border-radius: 0px;
	border: 0;
	border-bottom: 4px solid #00a189;
	outline: 0;
}
.btn-rounded {
	border-radius: 50px;
	color: #fff;
	background: #27d033;
	border: 0px solid #00d4b4
}
.btn-rounded:hover, .btn-rounded:active, .btn-rounded:focus { background: #69D871!important; color: #fff; border: 0px solid rgba(0,0,0,0); }
.btn-rounded-bordered {
	color: #00d4b4;
	border-radius: 50px;
	border: 2px solid #00d4b4
}
.btn-rounded-bordered:hover, .btn-rounded-bordered:active { background: #00d4b4; color: #fff; border: 2px solid rgba(0,0,0,0); }


/* ====== Button Sizes
========================= */
.btn-radius {
	border-radius: 4px; 
}

.btn-hg {
  padding: 13px 20px;
}
.btn-lg {
	padding: 15px 40px;
}
.btn-sm {
	font-size: 15px;
	padding: 10px 40px;
}
.btn-xs {
	font-size: 13px;
	padding: 8px 15px;
}
/* ===== Back On Top
======================= */
.back-to-top {
	position:fixed;
	z-index: 9999;
	width:48px;
	right:48px;
	bottom:48px;
	cursor:pointer;
	display:none;
	float: left;
}
.scroll-to-top-link {
	width: 48px;
	height: 48px;
	background-image: url('../images/back-to-top.svg');
	background-repeat: no-repeat;
}
.scroll-to-top-link:hover {
	width: 48px;
	height: 48px;
	background-image: url('../images/back-to-top-hover.svg');
	background-repeat: no-repeat;
}

/* ====== NEW CLASSES
========================= */

.display {
	margin-bottom: 0.5em

}
.center {
	text-align: center;
}

h1 {font-size: 2.36em;margin:0.4em 0;}
h2 {font-size: 2em;margin:0.6em 0;}
h3 {font-size: 1.73em;margin:0.7em 0;}
h4 {font-size: 1.6em;margin:0.8em 0;}
h5 {font-size: 1.48em;margin:0.8em 0;}
h6 {font-size: 1.3em;margin:0.8em 0;}
p {margin:1em 0;}
@media (min-width: 40rem) {
    .column {
        float: left;
        padding-left: 1rem; /* beta3 */
        padding-right: 1rem; /* beta3 */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .column.full { width: 100%; }
    .column.two-third { width: 66.7%; }
    .column.two-fourth { width: 75%; }
    .column.two-fifth { width: 80%; }
    .column.two-sixth { width: 83.3%; }
    .column.half { width: 50%; }
    .column.third { width: 33.3%; }
    .column.fourth { width: 25%; }
    .column.fifth { width: 20%; }
    .column.sixth { width: 16.6%; }
    .column.flow-opposite { float: right; }  
}
.background-image {
	min-width: 100%;
	position: absolute;
	z-index: 0;
}


.gray {
	background: gray
}
.white {
	background: white
}
@media (min-width: 768px) {
	.flex-container {
		display: -webkit-flex;
	    display: flex;
	}
	.flexible {
		display: -webkit-flex;
	    display: flex;
	}
}

.pull-down {
	position: absolute;
	width: 100%;
	bottom: 0;
}


.list { 
	position:relative;
	margin:1.5em 0;
}
.list > i {
	position:absolute;
	left:-3px;
	top:7px;
	font-size:1.7em;
	line-height:1;
} 
.list > h2, .list > h3 {margin: 0 0 0 50px;}
.list > p {margin: 5px 0 0 50px}

.padding-all-20 { padding:20px}
.padding-all-25 { padding:25px}
.padding-all-30 { padding:30px}
.padding-all-35 { padding:35px}
.padding-all-40 { padding:40px}
.padding-all-60 { padding:40px}
@media all and (max-width: 540px) {
    .padding-all-20 { padding:0 }
    .padding-all-25 { padding:0 }
    .padding-all-30 { padding:0 }
    .padding-all-35 { padding:0 }
    .padding-all-40 { padding:0 }
    .padding-all-60 { padding:0 }
}
.padding-side-20 { padding-left:20px; padding-right:20px }
.padding-side-25 { padding-left:25px; padding-right:25px }
.padding-side-30 { padding-left:30px; padding-right:30px }
.padding-side-35 { padding-left:35px; padding-right:35px }
.padding-side-40 { padding-left:40px; padding-right:40px }
.padding-side-60 { padding-left:60px; padding-right:60px }
.padding-side-80 { padding-left:80px; padding-right:80px }
@media all and (max-width: 540px) {
    .padding-side-20 { padding:0 }
    .padding-side-25 { padding:0 }
    .padding-side-30 { padding:0 }
    .padding-side-35 { padding:0 }
    .padding-side-40 { padding:0 }
    .padding-side-60 { padding:0 }
    .padding-side-80 { padding:0 }
}
.padding-left-side-20 { padding-left:20px; }
.padding-left-side-25 { padding-left:25px; }
.padding-left-side-30 { padding-left:30px; }
.padding-left-side-35 { padding-left:35px; }
.padding-left-side-40 { padding-left:40px; }
.padding-left-side-60 { padding-left:60px; }
.padding-left-side-80 { padding-left:80px; }
@media all and (max-width: 540px) {
    .padding-left-side-20 { padding:0 }
    .padding-left-side-25 { padding:0 }
    .padding-left-side-30 { padding:0 }
    .padding-left-side-35 { padding:0 }
    .padding-left-side-40 { padding:0 }
    .padding-left-side-60 { padding:0 }
    .padding-left-side-80 { padding:0 }
}
.padding-right-side-20 { padding-right:20px; }
.padding-right-side-25 { padding-right:25px; }
.padding-right-side-30 { padding-right:30px; }
.padding-right-side-35 { padding-right:35px; }
.padding-right-side-40 { padding-right:40px; }
.padding-right-side-60 { padding-right:60px; }
.padding-right-side-80 { padding-right:80px; }
@media all and (max-width: 540px) {
    .padding-right-side-20 { }
    .padding-right-side-25 { }
    .padding-right-side-30 { }
    .padding-right-side-35 { }
    .padding-right-side-40 { }
    .padding-right-side-60 { }
    .padding-right-side-80 { }
}
.padding-updown-20 { padding-top:20px; padding-bottom:20px }
.padding-updown-25 { padding-top:25px; padding-bottom:25px }
.padding-updown-30 { padding-top:30px; padding-bottom:30px }
.padding-updown-35 { padding-top:35px; padding-bottom:35px }
.padding-updown-40 { padding-top:40px; padding-bottom:40px }
.padding-updown-60 { padding-top:40px; padding-bottom:40px }
@media all and (max-width: 540px) {
    .padding-updown-20 { padding:0 }
    .padding-updown-25 { padding:0 }
    .padding-updown-30 { padding:0 }
    .padding-updown-35 { padding:0 }
    .padding-updown-40 { padding:0 }
    .padding-updown-60 { padding:0 }
}
.padding-top-40 { padding-top:40px}



.has-overlay {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    overflow:hidden;
    /*z-index:1;*/
}
.has-overlay .has-overlay-bg {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 60%;
}
.has-overlay .has-overlay-layer {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 60%;
}
.has-overlay .has-overlay-color {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 60%;
}
.uppercase {
	text-transform: uppercase;
}




/* ===== Filter Sidebar
======================= */

.sidebar {
	padding: 40px;
	position: fixed;
	width: 240px;
	height: 100%;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background: rgba(136,136,136,0.5);
}

.sidebar .ui-draggable * {
	display: none;
}
.sidebar .ui-draggable .ui-handle {
	zoom: 2;
	display: block;
}





/**/
/* ===== Navigation
======================= */
.navbar {	
	padding-top: 35px;
	padding-bottom: 10px;
	min-height: 100px;
	width: 100%;
	background: rgba(255,255,255,0.0);
	background: transparent;
	top: 0px;
	z-index: 10;
}
.navbar .row {
	width: 100%;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 15px;
    font-size: 18px;
}
.navbar-nav>li>a {
	font-family: 'DIN', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px
}
.header .navbar-nav li .btn {
	margin-top: 0px;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.navbar-nav>li>a:hover:not(.btn) {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	color: #696969;
	background: transparent;
}
.navbar-nav .btn {
	margin-right: 10px;
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-right: 6px
}
@media (min-width:768px){
	.navbar-nav {
        float: right;
        margin: 0;
        padding-top: 0px;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 0px 10px;
    margin-top: 4px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.nav.navbar-nav.navbar-collapse.collapsing, .nav.navbar-nav.navbar-collapse.collapse.in {
	text-align: center;
}
/* ====== Header - 1
========================= */
.header-1 {
	background: #2e2c2f;
	color: #fff;
	min-height: 100px;
	width: 100%;
}
.header-1 .logo {
	margin-top: 20px;
	padding-bottom: 20px;
}
.header-1 .btn {
	margin-top: 15px;
	margin-bottom: 15px;
}
/* ====== Content - 7
========================= */
.content-7 {
	padding-top: 60px;
	margin: 0;
	text-align: center;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(225,241,254,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1fe', endColorstr='#fff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ====== Content - 7
========================= */
.content-8 {
	padding-top: 60px;
	margin: 0;
	text-align: center;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(225,241,254,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1fe', endColorstr='#fff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* ====== Content - 12
========================= */
.content-12 {
	background: rgba(0,0,0,0.1);
	background: #f9fbfd;
}
/* ====== Content - 12
========================= */
.content-20 {
	padding-top: 40px;
	padding-bottom: 20px;
}
/* ====== Action-1
========================= */
.action-1 {
	min-height: 300px;
	padding-top:20px;
	color: #fff;
	text-align: center;
	background: rgb(68,166,246); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(37,42,106,1) 0%, rgba(68,166,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252a6a', endColorstr='#4426f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.action-1 p {
	color: #fff;
}
.action-1 h3 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #fff
}
.action-1 h1 {
	color: #fff
}

.action-1 .btn-link {
	color: #fff;
	border:2px solid rgba(255,255,255,0);
}
.btn-link:hover, .btn-link:active { color:#fff; background: rgba(255,255,255,0.5); border:2px solid #fff } 
/* ====== Action-1-2
========================= */
.action-1-2 {
	min-height: 350px;
	padding-top: 60px;
	text-align: center;
}
.action-1-2 h3 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
}

.action-1-2 .btn-link {
	color: #fff;
	border:2px solid rgba(255,255,255,0);
}
.btn-link:hover, .btn-link:active { color:#fff; background: rgba(255,255,255,0.5); border:2px solid #fff } 
/* ====== Content - 11 SECTION
========================= */
.content-11 {
	position: relative;
	text-align: left;
}
.large-box {
	padding-top: 80px;
	padding-bottom: 80px;
	min-height: 300px;
	padding-left: 8.4%;
}
.small-box {
	padding-top: 80px;
	padding-bottom: 80px;
	min-height: 300px;
	padding-left: 8.4%;
}
.content-11 .has-overlay .has-overlay-bg {
    position:absolute;left:0px;top:0px;width:100%;height:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 60%;
    background-position:left;
}
/* ====== 7.Carousel
========================= */
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	min-height: 500px;
}
.itemhover {
	max-width: 50%;
	min-height: 300px;
	margin-left: auto;
	margin-right: auto;
}
    .carousel-indicators {
        bottom: -20px
    }
/* ===== Carousel Control
======================= */
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .0);
    filter: alpha(opacity=10);
    opacity: 1
}
.carousel-inner { 
	z-index: 1
}
.left.carousel-control, .right.carousel-control {
	z-index: 20
}
.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
}

.carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 36%;
    top: 46%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px;
    
    min-width: 50px;
    min-height: 50px;
    background-image: url('../images/controler-prev.svg');
    background-repeat: no-repeat;
    opacity: 1
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev:hover {
    left: 50%;
    margin-left: -10px;
    
    min-width: 50px;
    min-height: 50px;
    /*background-image: url('../images/controler-prev-hover.svg');*/
    background-repeat: no-repeat;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
    min-width: 50px;
    min-height: 50px;
    background-image: url('../images/controler-next.svg');
    background-repeat: no-repeat;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover {
    right: 50%;
    margin-right: -10px;
    min-width: 50px;
    min-height: 50px;
    /*background-image: url('../images/controler-next-hover.svg');*/
    background-repeat: no-repeat;
}
.carousel-control .icon-next, .carousel-control .icon-prev {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}
/*
.carousel-control .icon-prev:before {
    content: '\2039';

}

.carousel-control .icon-next:before {
    content: '\203a'
}
   */
.glyphicon-chevron-left:before, .glyphicon-chevron-left:after {
	content: '';
	display: none;
}
.glyphicon-chevron-right:before, .glyphicon-chevron-right:after {
	content: '';
	display: none;
} 
/* ====== Testimonials-3
========================= */
.testimonials-3 {
	background: #ebebeb;
	background: #f2f2f2;
	padding: 60px 0;
	text-align: center;
}
.testimonials-3 .row {
	max-width: 960px;
}
.testimonials-3 img {
	max-width: 100px;
	border-radius:50%;
}
.testimonials-3 p {
	font-weight: 100;
	margin-bottom: 40px;
}
.testimonials-3 p span {
	font-weight: 400;
	padding-left: 20px;
	margin-bottom: 40px;
}
.testimonials-3 blogquote {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	clear: both;
	display: inline-block;
	position: relative;
}
.testimonials-3 blogquote:before {
    content: '';
    position: absolute;
    left: -60px;
	background-image:url('../images/quota-l.svg');
	min-width:36px;
	min-height:26px;
}
.testimonials-3 blogquote:after {
    content: '';
    position: absolute;
    right: -60px;
	background-image:url('../images/quota-r.svg');
	min-width:36px;
	min-height:26px;
}
/* ====== Steps-2
========================= */
.content-7 i.fa {
	color: #255a9d;
	color: #428bca;
	border: 1px solid #e6ebf0;
	padding: 8px;
	border-radius: 6px;
}
.content-7 i.fa:hover {
	color: #255a9d;
}
i.fa {
	color: #255a9d;
	color: #428bca;
}
i.fa:hover {
	color: #255a9d;
}
i.serp {
	color: #428bca;
}
i.serp:hover {
	color: #255a9d;
}
/* ====== Steps-2
========================= */
.steps-2 .row {
	margin:10px auto;
	margin-bottom: 30px;
}

.steps-2 .row .col-sm-8 {
	padding-top: 40px;
}
.steps-2 .row h3 span {
	color: #fff;
	background: #00a189;
	font-size: 24px;
	min-width: 30px;
	min-height: 30px;
	margin-right: 10px;
	line-height: 1;
	padding: 3px;
	float: left;
	text-align: center;
	border: 0;
	border-radius:50%;
}
.steps-2 .row .col-sm-4 {
	text-align: center;
}
.steps-2 img {
	margin: 20px 0;
	max-width: 100%;
}

/**/
.img-circle {
	border: 4px solid rgba(255,255,255,0);
	box-shadow: 0 0px 50px 0 rgba(0, 0, 0, 0.15);
	
}
.circle-image {
	position: relative;
	border-radius:50%;
	border: 1px solid red;
	overflow: hidden;
	width: 10em;
	min-height: 10em;
	margin-left: auto;
	margin-right: auto;
}
.circle-image img {
	height: 10em;
	width: auto
}

.circular-square {
  border-radius: 50%;
}

.circular-landscape {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.circular-landscape img {
  width: auto;
  height: 100%;
  margin-left: -50px;
}

.circular-portrait {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.circular-portrait img {
  width: 100%;
  height: auto;
}

.letter-image {
	position: relative;
	max-width: 140px;
	height: 140px;
	border-radius:80px; 
	margin-left: auto;
	margin-right: auto;
	top: -100px;
	overflow: hidden;
	border: 1px solid #e6ebf0;
	background: #fff
	
}


/* V2*/
.letter-hover {
	position: relative;
	padding: 0px;
	border-radius: 8px;
	border: 1px solid #e6ebf0;
	background: #f9fbfd;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.letter-image {
	position: relative;
	max-width: 140px;
	height: 140px;
	border-radius:80px; 
	margin-left: auto;
	margin-right: auto;
	top: -70px;
	overflow: hidden;
	border: 1px solid #e6ebf0;
	background: #fff
	
}
.letter-body {
	/*background: #fff;*/
	padding: 0px 60px 60px 60px;
	text-align: left;
	background: transparent;
	text-align: justify;
    text-justify: inter-word;

	
}
.letter-body p  {
	font-family: 'DIN Light';
	font-size: 15px;
	line-height: 1.5em;
	color: #4F4F4F;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.letter-body p  {
	font-family: 'DIN Light';
	font-size: 17px;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.letter-body li {
	font-size: 14px;
	line-height: 1.5em
}


.responsive-container { position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.content-5 {
	padding-top: 20px;	
}
.header-rejoin {
	padding-top: 20px;
	background: rgb(68,166,246); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(37,42,106,1) 0%, rgba(68,166,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(37,42,106,1) 0%,rgba(68,166,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252a6a', endColorstr='#4426f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.header-rejoin h1, .header-rejoin h3 {
	color: #fff
}

/* ====== Price-2
========================= */
.price-2 {
	padding-top:20px;
	padding-bottom: 80px;
}
.price-2 .list {position:relative;margin:0em 0;}

.plan {
	width: 50%;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #f9fbfd;
	float:left;
	border-radius: 4px;
	border: 1px solid #e6ebf0
}
.plan .inline-group {
	margin-top: 15px;
	margin-bottom: 0px;
}
@media(max-width:768px){
	.plan {
		width: 100%;
		margin-bottom: 20px;
	} 
}
/* ====== Action-15
========================= */
.action-15 {
	padding-top: 0px;
	padding-bottom: 80px;
}
/* ====== Action-15
========================= */
.action-16 {
	padding-top: 20px;
	padding-bottom: 0px;
	background: #f2f2f2;
	padding: 60px 0;
}
/* ====== Header - 5
========================= */
/*
.container.header-5 {
	background-image: url('../images/CallToActionBg.png');
	background-position: center top;
	text-align: left;
}*/
/*
.container.header-5 {
	background: url('../images/CallToActionBg.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	text-align: left;
}*/
.container.header-7  {
	text-align: left;
}
.header-7 .headerhover {	
	float: left;
	color: #fff;
	width: 100%;
	padding-top: 220px;
	padding-left: 40px;
	padding-bottom: 40px;
	text-shadow: 0 2px 5px rgba(0, 0, 0, .35);
}
.header-7 .header h1 {
	font-size: 46px;
	text-shadow: 2px 2px #00a189;
}
.header-7 h2 {
	font-size: 54px;
	margin-bottom: 40px;
	line-height: 1.5
}
.header-7 h4 {
	font-size: 18px;
	font-weight: 300;
}
.header-7 .info {
	width: 100%;
	clear: both;
	margin-top: 160px;
}
.header-7 .policy {
	font-size: 12px;
	font-weight: 300;
	margin-top: 20px;
}
.header-7 button {
	margin-left: 0
}
.header-7 .btn {
	margin-top: 0px;
	margin-bottom: 25px;
}


.card {
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
}
.card-box {
	padding: 20px;
	min-height: 160px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #f9fbfd;
	border-radius: 4px;
	border: 1px solid #e6ebf0
}

.inline-list i {
	display: inline-block;

}
.inline-list p, .inline-list h1, .inline-list h2, .inline-list h3 {
	display: inline-block;

}

.plan .serp.serp-guaranteed-money-back {
	font-size: 40px;
}
.become-partner { background: #e6ebf0; }
.become-partner .row { padding-bottom: 40px; }
.become-partner .row:first-child { padding-top: 20px; }

.attract-new-leads .row { padding-bottom: 40px; }
.attract-new-leads .row:first-child { padding-top: 60px; }

.partner-program {
	padding-top: 40px;
	padding-bottom: 40px;
}

.partner-program .row:first-child { padding-top: 20px; padding-bottom: 20px;}
.partner-program .row:last-child { padding-top: 20px; padding-bottom: 20px;}

.partner-program img {
	padding-top: 30px;
	padding-bottom: 30px
}

.memebers-love {
	padding-top: 20px;
	padding-bottom: 20px;
}
.site-explorer, .sap, .backlinks-manager {
	padding-top: 40px

}

.get-account {
	padding-top: 40px;
}
.simple-accurate-interactive {
	padding-top: 40px;
	padding-bottom: 40px;
}
.simple-accurate-interactive p {
	text-align: left;
	padding-top: 10px;
	padding-left: 36px;
	padding-right: 36px;
}

.simple-accurate-interactive .row:first-child { padding-top: 20px; padding-bottom: 20px;}
.simple-accurate-interactive .row:last-child { padding-top: 20px; padding-bottom: 20px;}

.simple-accurate-interactive img {
	padding-top: 20px;
	padding-bottom: 20px
}
.simple-accurate-interactive h3 {
	font-size: 1.5em
}
.row.carousel-position {
	text-align: left;
	max-width: 800px
}
.row.carousel-position h4 {
	padding-left: 20px;
	line-height: 0;
	padding-top: 14px
}
.carousel-position img {
	max-width: 100%;	
	clear: both;
	display: inline-block;
	
}
.carousel-inner.but-what {
    position: relative;
    margin-top: 40px;
    width: 100%; 
    overflow: hidden;
	min-height: 400px;
}
.action-1.try-serped-again {
	min-height: 100px;
}
.action-1.try-serped-again .copyright {
	text-align: left;
}
.action-1.try-serped-again .copyright a {
	color: rgba(255,255,255,0.5);
	padding-left: 20px
}
.reactivate-now {
	padding-top: 40px;
	padding-bottom: 60px;
}



/* ====== HOME SPLASH PAGE MOCK-UP
========================= */
/* ====== FORM CONTROL
========================= */
.form-control.splash-input-control {
	border: 2px solid #fff;
	padding-top: 25px;
	padding-bottom: 25px;
	min-width: 220px;	
	min-width: 258px;	
	margin-right: 20px;
	color: #fff;
	border-radius: 0px;
	background: transparent;
	/*max-width: 215px;*/
}

.form-control.splash-input-control:focus {
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control.splash-input-control::-moz-placeholder {
    color: rgba(255,255,255,0.2);
    font-size: 15px;
	font-family: 'DIN', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.form-control.splash-input-control:-ms-input-placeholder {
    color: rgba(255,255,255,0.2);
    font-size: 15px;
	font-family: 'DIN', sans-serif;
	font-style: normal;
	font-weight: 400;
}

.form-control.splash-input-control::-webkit-input-placeholder {
    color: rgba(255,255,255,0.2);
    font-size: 15px;
	font-family: 'DIN', sans-serif;
	font-style: normal;
	font-weight: 400;
}
.form-control.splash-input-control input[type=text], input[type=email] {
    box-shadow: none;
}
/* ====== SPLASH CONTENT
========================= */
.splash-content .row {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
.splash-content-A {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(225,241,254,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(180deg, rgba(225,241,254,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f1fe', endColorstr='#fff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.splash-content h3 {
	font-family: 'DIN', sans-serif;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 26px;
}

.flex {
		display: block;

	}
@media (min-width:768px){
	.flex {
		display: -webkit-flex; /* Safari */
	    display: flex;

	}
}
/* ====== L
========================= */
.splashvs-l {
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex: 1;
}
.splashvs-l-wrapper {}
.splashvs-c {
	
}
/* ====== c
========================= */
.splashvs-c-wrapper {}
/* ====== R
========================= */
.splashvs-r {
	-webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */
    flex: 1;
}
.splashvs-r-wrapper {}
.splashvs-r .form-control.splash-input-control {
	color: #27d033;
	margin-right: 0px;
	margin-bottom: 10px;
	border: 2px solid #27d033;
}



.splashvs-r .form-control.splash-input-control::-moz-placeholder { color: #27d033; color: rgba(39,208,51,0.3);}

.splashvs-r .form-control.splash-input-control:-ms-input-placeholder { color: #27d033; color: rgba(39,208,51,0.3);}

.splashvs-r .form-control.splash-input-control::-webkit-input-placeholder { color: #27d033; color: rgba(39,208,51,0.3);}

.splashvs-r .btn-outline {
	color: #27d033;
	min-width: 258px;
	border: 2px solid #27d033

}
/* ====== new
========================= */
.conclude h3 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 26px;
}
.conclude h3.green {
	color: #54d567;
	color: #27d033;
}
.conclude h3.red {
	color: #e52e2e
}
.conclude h3.blue {
	color: #00a6eb
}
@media (min-width:768px){
	.conclude {
		position: absolute;
		bottom: 0px;
	}
}
.col-sm-4.splashvs-l, .col-sm-8.splashvs-l, .col-sm-4.splashvs-c, .col-sm-8.splashvs-c, .col-sm-4.splashvs-r, .col-sm-8.splashvs-r {
	padding-right: 0px;
    padding-left: 0px
}

.splashvs-wrapper {
	position: relative;
}
.flying {
	position: absolute;
	max-width: 300px;
	right:12%;
	/*top: 440px;*/
	bottom: 100px;
}
.landing-page .header .spash-page-banner h1 {
	padding-bottom: 0px;	
}
.landing-page .header h4 {
	font-size: 17px;
	color: rgba(255,255,255,0.75);
}

.splash-content:before {
	content: '.';
	color:#F5FAFF;
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	width: 50%;
	height:100%;
	background: #F5FAFF;
	z-index: 0;
	
}

/* ===== PARTNER PROGRAMS
======================= */
.partner-programs {

}
.partner-logo {
    padding-left: 15px;
	position: relative;
	top: -10px;
	left: 0px;
}
.partner-logo {
    padding-left: 15px;
	position: relative;
	top: -10px;
	left: 80px;
}
.partner-logo {
	font-size: 11px;
    padding-left: 15px;
	position: relative;
	top: -26px;
	left: 96px;
}
.partner-programs .btn-bordered:hover, .partner-programs .btn-bordered:active {
	background: #27d033;

}
.btn-success {
	border-radius: 0px;
	border: 0;
	outline: 0;
	color: #fff;
	background: #27d033;
	border-radius: 0px!important;
	border: 2px solid #27d033;
}
.btn-success:hover, .btn-success:active {
	border-radius: 0px;
	border: 0;
	outline: 0;
	color: #27d033;
	background: #27d033;
	border-radius: 0px!important;
	border: 2px solid #27d033;
	box-shadow: none;
}
.partner-programs .headerhover h3 {
	color: #fff

}
.partner-programs h1 {
	  font-family: 'DIN Medium';
}
.partner-programs .share-globally h1 {
	  font-family: 'DIN UltraLight';
}
.partner-programs .share-globally .btn-outline {
    color: #fff;
    border-radius: 0px;
    border: 2px solid #fff
}

.partner-programs .share-globally .btn-outline:hover, .partner-programs .share-globally .btn-outline:active {
    color: #fff;
    background: #27d033;
    border: 2px solid #27d033;
    text-shadow: none
}
.testimonials-4 img {
	max-width: 120px;
	max-width: 96px;
}




.card {
	position: relative;
	padding-bottom: 30px
}
.card-inner-hover {
	position: absolute;
	top: 0px;
	bottom: 0px;
	padding-top: 30px;
	background: rgba(230,235,240,0.5);
	background: rgba(233,233,233,0.5);
	background: rgba(37,90,157,0.5);
	background: rgba(0,34,78,0.8);
	background: rgba(37, 42, 106, 0.8);
	padding: 60px;
}
.card-inner-hover p {
	/*color: #255a9d;*/
	color: #fff;


}


/* ===== effect
======================== */
.card .card-hover {
	display: block;
	opacity: 1;
		-moz-filter:blur(0px);
		-webkit-filter:blur(0px);
		-o-filter:blur(0px);
		-ms-filter:blur(0px);
		filter:blur(0px); 
		-webkit-transition: opacity ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: opacity ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: opacity ease-in-out .15s, box-shadow ease-in-out .15s
}
.card:hover .card-hover {
	display: block;
	opacity: 0.2;
		-moz-filter:blur(4px);
		-webkit-filter:blur(4px);
		-o-filter:blur(4px);
		-ms-filter:blur(4px);
		filter:blur(4px); 
}
.card .card-inner-hover {
	display: none;
	display: block;
	opacity: 0;
		-webkit-transition: opacity ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: opacity ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: opacity ease-in-out .15s, box-shadow ease-in-out .15s
}
.card:hover .card-inner-hover {
	display: block;
	opacity: 1;
}