@charset "UTF-8";
/* CSS Document */
html, body {
	height:100%;
	width:100%;
}
@font-face {
	font-family: 'Conv_Fontfabric - IntroRegular';
	src: url('../fonts/Fontfabric - IntroRegular.eot');
	src: local('☺'), url('../fonts/Fontfabric - IntroRegular.woff') format('woff'), url('../fonts/Fontfabric - IntroRegular.ttf') format('truetype'), url('../fonts/Fontfabric - IntroRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
	src: url('../fonts/Fontfabric - Intro-Bold-Italic.eot');
	src: local('☺'), url('../fonts/Fontfabric - Intro-Bold-Italic.woff') format('woff'), url('../fonts/Fontfabric - Intro-Bold-Italic.ttf') format('truetype'), url('../fonts/Fontfabric - Intro-Bold-Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body,td,th {
	font-family: 'Conv_Fontfabric - IntroRegular';
}
p {
	font-family: 'Conv_Fontfabric - IntroRegular';
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#f7f8f8;
}
.navbar {
    padding-top: 0px;
	border: 0px solid transparent;
}
.navbar-brand {
    height: auto;
    padding: 25px 15px;
}
.navbar-brand img {
	margin-right:-180px;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}
.navbar-nav>li {
    float: left;
    transform: skew(-198deg);
}
.navbar-nav>li>a {
    padding-top: 35px;
    padding-bottom: 35px;
	transform: skew(198deg);
}
.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
	text-transform: uppercase;
	padding-left: 25px;
    padding-right: 25px;
}
.green-link .navbar-nav>li>a {
	color: #40b98a;
	text-transform: uppercase;
	padding-left: 25px;
    padding-right: 25px;
}

.green-link .navbar-nav>li>a:hover, .green-link .navbar-nav>li>a:focus {
	color: #40b98a !important;
}
.green-link .navbar-nav>li.active a:hover {
    color: #fff !important;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: rgba(8, 8, 8, 0);
}

.navbar-nav>li.active {
    background-color: #40b98a;
}
.main-navi {
	height: 90px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #40b98a;
	float:left;
	width:100%;
	position:relative;
	z-index:999;
	margin-bottom:-90px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}
.navbar .navbar-collapse {
	text-align: center;
}
.navbar-right a {
	margin-left:-120px;
}
.navbar-right li.active a{
	padding-bottom: 30px;
}
.navbar-right li.active a img{
	-webkit-filter: invert(100%);
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 28px;
    margin-right: 25px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.navbar-inverse .navbar-toggle {
    border-color: #2bbb8d;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 20px;
    height: 1px;
    border-radius: 1px;
}

.search-holder {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 90px;
    bottom: 0px;
    background-color: #40b98a;
    z-index: 99999999999999 !important;
	overflow: hidden;
}
.search-input {
	display:table;
	position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
	text-align:center;
    width: 100%;
    height: 100%;
}
.search-form {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.search-form-inner {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
.search-form-inner h3 {
    color: #fff;
    font-style: italic;
    margin-bottom: -45px;
}
.search-nav {
    position: fixed;
	background-color: rgba(251, 251, 251, 0.78);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.black-page .search-nav {
    background-color: rgba(51, 51, 51, 0.79);
}
/* search */
/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
input.gsc-input {
	padding: 1px 6px;
	width: 99%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1em;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
table.gsc-search-box td.gsc-input {
  padding-right: 12px;
}
input.gsc-input {
	font-size: 13px;
	padding: 1px 6px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/* Search button */
.cse input.gsc-search-button, input.gsc-search-button {
    font-family: inherit;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    padding: 0 8px;
    height: 40px;
    min-width: 72px;
    background-color: #eb2b35;
    border: 0px solid #666;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	text-transform:uppercase;
	letter-spacing:1px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #FFFFFF;
  border-color: #336699;
}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #EEE;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: white;
  border: 1px solid #CCC;
  border-top-color: #D9D9D9;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
  color: #0000CC;
}
.gsc-completion-snippet {
  color: #000000;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}

/* Facet box css */
.gsc-context-box {
  font-size: 83%;
  margin-top: 3px;
  border-collapse: collapse;
}

.gsc-context-box .gsc-col {
  padding:1px 0;
  white-space: nowrap;
  vertical-align: middle;
}

.gsc-context-box .gsc-facet-label {
  width: 65px;
  padding-left: 2px;
  text-decoration: underline;
  color: #15C;
  cursor: pointer;
}

.gsc-context-box .gsc-chart {
  width: 32em;
  padding: 3px;
  border-left: 1px solid #6A9CF3;
  border-right: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-top {
  border-top: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-bottom {
  border-bottom: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-chart div {
  background: #6A9CF3;
  height: 9px;
}

.gsc-context-box .gsc-facet-result {
  color: #15C;
  width: 30px;
  text-align: right;
  padding-right: 5px;
}

/* Universal one box css. */
.gsc-usr-group-thumbnail {
  display: inline-block;
  max-width: 72px;
  max-height: 72px;
}
.gsc-usr-group-thumbnail img {
  max-height: 72px;
  overflow: hidden;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading {
  color: #15C;
  cursor: pointer;
}
.gsc-usr-group {
  min-height: 100px;
  zoom: 1;
  display: block;
  line-height: 1.24;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-left: 20px;
}
.gsc-usr-group-content {
  padding-top: 1px;
  padding-bottom: 3px;
}
.gsc-usr-group-content-thumbnail {
  display: inline-block;
  vertical-align: top;
}
.gsc-usr-group-head-result {
  display: inline-block;
  padding-left: 6px;
}
.gsc-usr-group-snippet {
  width: 100%;
  height: 3.6em;
  overflow: hidden;
}
.gsc-usr-group-content-results {
  font-size: 12px;
  padding-left: 1px;
  width: 80%;
  padding-top: 7px;
}
.gsc-usr-group-head-results {
  display:inline-block;
  font-size: 13px;
  padding-left: 6px;
  width: 80%;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results {
  font-size: 11px;
  line-height: 10px;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results
b {
  font-size: 14px;
  font-weight: 600;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading
b {
  color: #15C;
}

input.gsc-input {
    background-color: #000;
    border-bottom-width: 2px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #FEFEFE !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    color: #FFF !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    height: 40px;
    padding-left: 0px !important;
    margin-left: 25px;
    margin-top: 15px;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
input.gsc-input:focus {
	border-bottom-color: #333 !important;
		 -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;

	}
	
	
	 .gsc-input  {
	background-image: none !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	 }
	 
	 td.gsc-input {
		 background-image:none !important;
	 }
	 .gsc-search-button {
	display:none !important;
	 }
.col-md-12 .gsc-search-box {
	display:none;
}
/* HOME PAGE */
.home-page {
	width: 100%;
	height: 100%;
	display: table;
	background-color: #222;
	background-image: url(../img/home_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
.home-box {
	display:table-cell;
	vertical-align:middle;
}
.home-box h1 {
    font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
    font-size: 45px;
    color: #40ba8b;
    line-height: 55px;
}
.home-box p {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.btn-home {
	color: #fff;
    background-color: #40b98a;
    border-color: #40b98a;
    transform: skew(-198deg);
	border-radius:0px;
	float:left;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.btn-home:hover {
    background-color: #333;
    border-color: #333;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.btn-home span {
    width: 100%;
    float: left;
    transform: skew(198deg);
    font-family: 'Conv_Fontfabric - IntroRegular';
    font-size: 14px;
    text-transform: uppercase;
    /* padding: 2px; */
    padding-top: 4px;
    padding-bottom: 1px;
}
.home-blue-btn {
    background-color: #0E70B8;
    border-color: #0E70B8;
}
.home-silver-btn {
    background-color: #A19E9F;
    border-color: #A19E9F;
}
/* SERVICES */
.service-header {
	width: 100%;
	height: 640px;
	display: table;
	background-color: #222;
	background-image: url(../img/page_title.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: -75px;
}
.service-header-box {
	display:table-cell;
	vertical-align:middle;
}

.service-header-box h1 {
    text-align: center;
    color: #0e70b8;
    font-size: 34px;
    line-height: 44px;
    font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
}
.service-header-box h2 {
    text-align: center;
    color: #0e70b8;
    font-size: 18px;
    font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
}
.service-box {
	background-color: #FFF;
	float: left;
	height: 300px;
	width: 100%;
	border: 1px solid #dfdfdf;
	position:relative;
	padding:22px;
	margin-bottom:20px;
	z-index: 99;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-decoration:none;
}
.service-box-btn:hover, .service-box-btn-normal:hover {
    background-color: #0e70b8;
		text-decoration:none;
		color:#fff;
}
.service-box h2 {
	font-size:14px;
	color:#0e70b8;
}
.service-box p {
	font-size:12px;
	color:#737375;
}
.service-box-btn, .service-box-btn-normal {
  border: none;
	width: 170px;
	height: 45px;
	background-color: #07a780;
	margin-left: -85px;
	margin-right: auto;
	line-height: 45px;
	color: #fff;
	transform: skew(-198deg);
	position: absolute;
	opacity:1;
	left: 50%;
	bottom: 20px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.service-box-btn span, .service-box-btn-normal span {
	width:100%;
	display:block;
	transform: skew(198deg);
	font-size:14px;
	cursor:pointer;
}

.service-pop-box {
	position: relative;
	width: 100%;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
	padding: 40px;
	display: none;
	z-index: 998;
	border: 1px solid #009999;
	

}
.service-pop-box h2, .modal-content h2 {
	font-size:18px;
	color:#0e70b8;
	font-weight:bold;
	

}
.service-pop-box p {
	font-size:12px;
	color:#333;
	

}
.service-pop-box input , .service-pop-box textarea, .modal-content input, .modal-content textarea{
	float:left;
	width:100%;
	
}

.service-pop-box input, .modal-content input {
	height: 45px;
	margin-bottom: 20px;
	border: 1px solid #0e6fb8;
	padding-left: 40px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size:12px;
	
}

.service-pop-box textarea, .modal-content textarea {
	margin-bottom: 20px;
	border: 1px solid #0e6fb8;
	padding-left: 40px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size:12px;
	padding-top:20px;
}

.service-pop-box input::-webkit-input-placeholder, .service-pop-box textarea::-webkit-input-placeholder {
	color: #0e6fb8;
}

.service-pop-box input:-moz-placeholder, .service-pop-box textarea:-moz-placeholder { /* Firefox 18- */
	color: #0e6fb8;
}

.service-pop-box input::-moz-placeholder, .service-pop-box textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #0e6fb8;
}

.service-pop-box input:-ms-input-placeholder, .service-pop-box textarea:-ms-input-placeholder {  
	color: #0e6fb8;
}
.service-box.selected {
	    z-index: 999;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #FFFFFF;
	border-left-color: #009999;
			-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.btn-order {
	color: #fff;
	background-color: #0e6fb8;
	font-size: 12px;
	border-radius: 0px;
	height: 45px;
	text-transform: uppercase;
	font-style: italic;
}
.modal-content .btn-order {
	margin-bottom:20px;
}
.trans {
    position: absolute;
    height: 25px;
    /* width: 100%; */
    display: none;
    bottom: -22px;
    background-color: #fff;
    left: -1px;
    z-index: 99;
    border-top-color: #FFFFFF;
    border-right-color: #009999;
    border-bottom-color: #FFFFFF;
    border-left-color: #009999;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    right: -1px;
}
.service-box.selected .trans {
	display: block;

}


.service-box.selected .service-box-btn  {
	opacity:0;
			-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.gold-num-list {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
	border: 1px solid #0e6fb8;
    border-radius: 0px;
    height: 327px;
}
#othernumber .gold-num-list {
    float: left;
    width: 100%;
    background-color: #c6ab44;
    margin-top: 0px;
    height: 304px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #c6ab44;
    border-radius: 0px;
}
.gold-num-list ul {
	padding:0px;
	list-style:none;
	width:100%;
}
.gold-num-list ul li {
	width:100%;
	float:left;
	padding-left:5%;
	padding-right:5%;
	line-height:32px;
	cursor:pointer;
}
#othernumber .gold-num-list ul li {
	color:#fff;
}

.gold-num-list ul li:nth-child(even) {
    background-color: #eeeeee;
}
#othernumber .gold-num-list ul li:nth-child(even) {
    background-color: #fff;
    color: #333;
}

.gold-num-list p {
	padding:20px;
	font-size:14px;
	line-height:22px;
}
.gold-num-list::-webkit-scrollbar {
width: 5px;
}
.gold-num-list::-webkit-scrollbar-track {

}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}
.gold-num-list::-webkit-scrollbar-thumb {
background-color:#0093ea;
}
#othernumber .gold-num-list::-webkit-scrollbar-thumb {
background-color:#333;
}
.gold-num-list::-webkit-scrollbar-thumb:window-inactive {
background-color:#CCC;
}
/* WHY NETEZON */
.why-slide-1 {
	background-image: url(../img/why_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.why-slide-2 {
	background-image: url(../img/why_bg_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.why-slide-2 h1 {
	font-size:18px;
	color:#40ba8b;
	margin-top:140px;
	font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
}
.why-slide-2 h2 {
	font-size:18px;
	line-height:28px;
	color:#fff;
	margin-bottom:140px;
}
.why-box {
	width: 100%;
	float: left;
	position: relative;
	padding-top: 100px;
	padding-bottom:50px;
	padding-left:30px;
	padding-right:30px;
}
.why-box-num {
	display: block;
	position: absolute;
	border: 1px solid #FFF;
	top: 20px;
	left: 50%;
	height: 60px;
	width: 60px;
	margin-left: -30px;
	line-height: 60px;
	font-size: 36px;
	color: #FEFEFE;
	background-color: #000;
	font-size:45px;
	font-weight:bold;
	text-align:center;
}
.why-box h3{
	font-size:18px;
	line-height:22px;
	color:#fff;
	margin-top:20px;
}
.why-box p{
	font-size:14px;
	color:#fff;
}
.why-box-line {
	display: block;
	position: absolute;
	border: 1px solid #FFF;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
}
.blue-gra {
	background: rgba(147,206,222,0);
	background: -moz-linear-gradient(left, rgba(147,206,222,0) 0%, rgba(255,255,255,0) 53%, rgba(6,49,82,0.56) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(147,206,222,0)), color-stop(53%, rgba(255,255,255,0)), color-stop(100%, rgba(6,49,82,0.56)));
	background: -webkit-linear-gradient(left, rgba(147,206,222,0) 0%, rgba(255,255,255,0) 53%, rgba(6,49,82,0.56) 100%);
	background: -o-linear-gradient(left, rgba(147,206,222,0) 0%, rgba(255,255,255,0) 53%, rgba(6,49,82,0.56) 100%);
	background: -ms-linear-gradient(left, rgba(147,206,222,0) 0%, rgba(255,255,255,0) 53%, rgba(6,49,82,0.56) 100%);
	background: linear-gradient(to right, rgba(147,206,222,0) 0%, rgba(255,255,255,0) 53%, rgba(6,49,82,0.56) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#063152', GradientType=1 );
}
.green-gra {
	background: rgba(3,73,57,0.56);
	background: -moz-linear-gradient(left, rgba(3,73,57,0.56) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,73,57,0.56)), color-stop(53%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(3,73,57,0.56) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(3,73,57,0.56) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(3,73,57,0.56) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(3,73,57,0.56) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034939', endColorstr='#ffffff', GradientType=1 );	
}
.black-gra {
	background-color: rgba(46, 46, 47, 0.51);
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.scroll-icon {
	position: absolute;
 	left: 50%;
	bottom: 30px;
	padding: 0 10px;
	margin-left:-47px;
  	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
  	transform: translateX(-50%);
}
/* CONTACT */
.contact-slide-1 {
	background-image: url(../img/contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
.contact-slide-1 h1 {
	color:#40ba8b;
	font-size:45px;
	font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
}
.contact-slide-1 h2 {
	margin-top:40px;
	color:#0e70b8;
	font-size:18px;
	font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
}
.contact-slide-1 p {
	margin-top:20px;
	color:#737375;
	font-size:18px;
}
.map-holder {
	float:left;
	position:relative;
	width: 100%;
	float: left;

}
.map-contact-info {
    position: absolute;
    display: block;
    top: 50%;
    right: 0px;
    z-index: 9999;
    margin-top: -85px;
    background-color: #40b98a;
}
.map-contact-info-relative {
    position: relative;
	float:left;
	clear:left;
	width:100%;
    background-color: #40b98a;
	margin-top:20px;
}
.map-contact-info p, .map-contact-info-relative p {
    color: #fff;
    padding: 20px;
    /* background-color: #40b98a; */
    margin-bottom: 0px;
	font-style:italic;
}
.map-activator {
	cursor:pointer;
	position:absolute;
	display:block;
	left:0;
	right:0;
	top:0;
	bottom:0;
    background-color: rgba(64, 185, 138, 0);
	z-index:999;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;

}
.map-activator:hover {
    background-color: rgba(64, 185, 138, 0.34);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.map {
	width: 100%;
	float: left;
	background-color: #fff;
	min-height: 600px;
	border: 1px solid #e3e3e3;	
}
.l-pad {
	padding-left:0;
}
.r-pad {
	padding-right:0;
}
.contact-box {
	background-color:#fff;
	float:left;
	width:100%;
	height:100%;
	min-height:600px;
	padding-top:50px;
}
.contact-box h2 {
	font-size:18px;
	font-weight:bold;
	color:#0E70B8;
	margin-bottom:40px;
}
.contact-box input , .contact-box textarea{
	float:left;
	width:100%;
}
.contact-box input {
	height: 45px;
	margin-bottom: 20px;
	border: 1px solid #0e6fb8;
	padding-left: 20px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size:12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.contact-box textarea {
	margin-bottom: 20px;
	border: 1px solid #0e6fb8;
	padding-left: 20px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size:12px;
	padding-top:20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-contact-send {
	color: #fff;
	background-color: #0e6fb8;
	font-size: 12px;
	border-radius: 0px;
	height: 45px;
	text-transform: uppercase;
	font-style: italic;
	margin-top:20px;
}
.contact-box input::-webkit-input-placeholder, .contact-box textarea::-webkit-input-placeholder {
	color: #0e6fb8;
}
.contact-box input:-moz-placeholder, .contact-box textarea:-moz-placeholder { /* Firefox 18- */
	color: #0e6fb8;
}
.contact-box input::-moz-placeholder, .contact-box textarea::-moz-placeholder {  /* Firefox 19+ */
	color: #0e6fb8;
}
.contact-box input:-ms-input-placeholder, .contact-box textarea:-ms-input-placeholder {  
	color: #0e6fb8;
}


/* HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.l-left {
	float: left;
}

.l-right {
	float: right;
}

.end {
	margin-top: 30px;
	font-size: 3em;
	font-weight: bold;
	opacity: 0;
	-webkit-transform: translateY(300px);
	    -ms-transform: translateY(300px);
	        transform: translateY(300px);
	-webkit-transition: opacity, -webkit-transform 1s;
	        transition: opacity, transform 1s;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    margin: -6px 0px 0 -6px;
    border-radius: 100%;
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 18px;
    height: 18px;
    margin: 7px;
    position: relative;
    padding: 1px;
}

#fp-nav ul li a.active {
    border: 1px solid #40b98a;
    border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #989898;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: transparent;
    box-sizing: border-box;
    /* border: 1px solid #24221F; */
    background-color: #40b98a;
}

.footer {
	width:100%;
	float:left;
	clear:left;
}
.footer p {
	padding:0px;
	margin-bottom:0px;
	color:#fff;
	font-style:italic;
	font-size:10px;
	line-height:45px;
}
.black-footer {
	background-color:#333;
	color:#fff;
	margin-top:20px;
}
.silver-footer p {
	color:#333333 !important;
}
.fixed-footer {
	position:fixed;
	bottom:0px;
}
@media screen and (max-width: 1200px) {
.main-navi .container {
	width:100%;
}
}
@media screen and (max-width: 990px) {
.navbar .navbar-collapse {
    text-align: right;
}
/* WHY NETEZON */
.why-slide-2 {
    background-image: none;
    background-color: #0c0c0c;
	padding-bottom:30px;
}
.why-slide-2 h1 {
    margin-top: 50px;
}
.why-slide-2 h2 {
    margin-bottom: 30px;
}
.blue-gra, .green-gra, .black-gra {
    background-color: #000 !important;
}
.contact-slide-1 {
	background-image:url(../img/contact_bg_mobile.jpg);
	background-position:right, top;
}
.l-pad {
    padding-left: 15px;
}
.r-pad {
    padding-right: 15px;
}
.map-holder {
	margin-top:20px;
    min-height: 400px;
}
.contact-box {
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-top: 30px;
}
.footer {
	display:none;
}
}

@media screen and (max-width: 767px) {
.main-navi {
	height: 70px;
    background-color: rgb(10, 10, 10);
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 18px;
    margin-right: 25px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.navbar-brand {
    height: auto;
    padding: 15px 15px;
}
.navbar .navbar-collapse {
    text-align: center;
    background-color: #40b98a;
}
  .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
	color:#fff !important;
}
.navbar-nav>li {
    width: 100%;
}
}
@media screen and (max-width: 490px) {
	.scroll-icon {
		display:none;
	}
	.home-page {
		min-height:580px;
	}
	.home-box h1 {
    font-family: 'Conv_Fontfabric - Intro-Bold-Italic';
    font-size: 22px;
    color: #40ba8b;
    line-height: 25px;
}
.home-box p {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
	padding-right:10px;
}
.btn-home {
	margin-bottom:10px;
    transform: skew(0deg);
}
.btn-home span {
    transform: skew(0deg);
	font-size:12px;
}
.service-header {
    height: 350px;
    margin-bottom: 20px;
	background-position: center;
}
.service-header-box h1 {
    font-size: 25px;
    line-height: 28px;
    margin: 10px;
    margin-top: 70px;
}
.service-header-box h2 {
    font-size: 12px;
	margin:0px;
}
.contact-slide-1, .why-slide-1 {
	min-height:550px;
}
.contact-slide-1 h1 {
    font-size: 24px;
}
.contact-slide-1 h2 {
    margin-top: 20px;
    font-size: 14px;
}
.contact-slide-1 p {
    margin-top: 15px;
    padding-right: 30px;
    font-size: 14px;
    color: #333;
}
.contact-box .col-md-6, .contact-box .col-md-12 {
    padding-right: 5px;
    padding-left: 5px;
}
}

@media screen and (max-height: 700px) {
	.contact-slide-2 {
		padding-top:40px;
	}
	.contact-box, .map  {
	
	min-height:500px;

}
.contact-box {
	padding-top:10px;
}
.why-slide-2 h2 {
    margin-bottom: 20px;
}
}
@media screen and (max-height: 400px) {
.contact-slide-1, .why-slide-1 {
    min-height: 520px;
}
.service-header {
    height: 420px;
}