@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'futuratlight';
    src: url('../fonts/futuratlight.eot');
    src: url('../fonts/futuratlight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuratlight.woff2') format('woff2'),
         url('../fonts/futuratlight.woff') format('woff'),
         url('../fonts/futuratlight.ttf') format('truetype'),
         url('../fonts/futuratlight.svg#futuratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'futuraheavyoblique';
    src: url('../fonts/futuraheavyoblique.eot');
    src: url('../fonts/futuraheavyoblique.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraheavyoblique.woff2') format('woff2'),
         url('../fonts/futuraheavyoblique.woff') format('woff'),
         url('../fonts/futuraheavyoblique.ttf') format('truetype'),
         url('../fonts/futuraheavyoblique.svg#futura_bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuraboldbt';
    src: url('../fonts/futuraboldbt.eot');
    src: url('../fonts/futuraboldbt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuraboldbt.woff2') format('woff2'),
         url('../fonts/futuraboldbt.woff') format('woff'),
         url('../fonts/futuraboldbt.ttf') format('truetype'),
         url('../fonts/futuraboldbt.svg#futuraboldbt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurabookoblique';
    src: url('../fonts/futurabookoblique.eot');
    src: url('../fonts/futurabookoblique.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurabookoblique.woff2') format('woff2'),
         url('../fonts/futurabookoblique.woff') format('woff'),
         url('../fonts/futurabookoblique.ttf') format('truetype'),
         url('../fonts/futurabookoblique.svg#futura_bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futura-book';
    src: url('../fonts/futura-book.eot');
    src: url('../fonts/futura-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futura-book.woff2') format('woff2'),
         url('../fonts/futura-book.woff') format('woff'),
         url('../fonts/futura-book.ttf') format('truetype'),
         url('../fonts/futura-book.svg#futura-book') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuracondensedboldoblique';
    src: url('../fonts/futuracondensedboldoblique.eot');
    src: url('../fonts/futuracondensedboldoblique.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuracondensedboldoblique.woff2') format('woff2'),
         url('../fonts/futuracondensedboldoblique.woff') format('woff'),
         url('../fonts/futuracondensedboldoblique.ttf') format('truetype'),
         url('../fonts/futuracondensedboldoblique.svg#futuracondensedboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuracondensedextrabold';
    src: url('../fonts/futuracondensedextrabold.eot');
    src: url('../fonts/futuracondensedextrabold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuracondensedextrabold.woff2') format('woff2'),
         url('../fonts/futuracondensedextrabold.woff') format('woff'),
         url('../fonts/futuracondensedextrabold.ttf') format('truetype'),
         url('../fonts/futuracondensedextrabold.svg#futuracondensedextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
}

ul {
	margin-left:0px;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'futura-book';
}

label,p {
	
}

a {
	font-family: 'futuratlight';
}

span {
	
}

.button {
	
}

.row {
	max-width:65em;
}

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

#topNav {
	float:left;
	width:100%;
	background:#434345;
}

#topNav .top-bar-section ul {
	margin-top:10px;
	padding-left:20px;
}

#topNav .top-bar-section ul li {
	background:none;
	list-style:none;
}

#topNav .top-bar-section ul li a {
	color:#ffffff;
	font-size:14px;
	font-family: 'futuratlight';
	text-transform:uppercase;
	background:none;
	text-align:center;
	line-height:45px;
	padding:0px 25px;
}

#topNav .top-bar-section li.active a, #topNav .top-bar-section li:hover a {
}

#topNav .sign a {
	font-size:14px;
	text-transform:uppercase;
	color:#ffffff;
	line-height:45px;
}

#topNav .sign a:after {
	content:'/';
	margin-left:3px;
}

#topNav .sign a.sign:after {
	content:'';
}

#topNav .top-bar {
	background:none;
	padding-left:40px;
}

#topNav h3 {
	text-transform:uppercase;
	font-size:9px;
	color:#231f20;
	background:#e4e7ec;
	font-weight:bold;
	line-height:36px;
	font-family: 'futura-book';
	
}

.f-dropdown.open {
	outline:0;
	left:16.6562px !important;
	border:none;
	max-width:220px;
	margin-top:16px;
}

.f-dropdown:before {
	border:none !important;
	display:none !important;
}

#topNav form {
	background:#ffffff;
	width:100%;
	float:left;
	padding:22px 15px;
	border:none;
}

#topNav form input[type="text"] {
	background:#e4e7ec url(../images/login-img.png) 5% center no-repeat;
	border:none;
	box-shadow:none;
	margin-bottom:4px;
}

#topNav form input[type="password"] {
	background:#e4e7ec url(../images/lock.png) 5% center no-repeat;
	border:none;
	box-shadow:none;
}

#topNav form input[type="checkbox"] {
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin:0px;
    -webkit-appearance: none;
	background:#e3e7ec;
	outline:0;
}

/* checkbox checked */
#topNav form input[type="checkbox"]:checked:before {
	font-weight: bold;
	color:#86c1b5;
	 content:"\2713";
	-webkit-margin-start: 0;
	font-size: 11px;
	line-height:10px;
	margin-left:1px;
	outline:0;
}

#topNav form input[type="submit"] {
	background:#f8cb18;
	font-size:9px;
	color:#ffffff;
	width:100%;
	text-align:center;
	border:none;
	line-height:28px;
	margin-top:12px;
	text-transform:uppercase;
	font-weight:bold;
	box-shadow:none;
}

#topNav form input.red[type="submit"] {
	background:#f05223;
	margin-top:6px;
}

.f-dropdown:after {
	display:none !important;
}


#topNav form label {
	font-family: 'futura-book';
	color:#231f20;
	font-size:9px;
	font-weight:600;
}

/* Header Style */
#header {
	width:100%;
	background:#302921 url(../images/bg_header.png) 50% 100% no-repeat;
	background-size:cover;
	float:left;
	height:420px;
	position:relative;
	padding:0px 0px 0px 0px;
}

#header.back {
	background:url(../images/bg_header_inner.png) 50% 50% no-repeat;
	background-size:cover;
}

#header .tag {
	margin-top:16px;
}

#header .man {
	position:absolute;
	bottom:0px;
}

/*Banner*/
#banner {
	float:left;
	width:100%;
	background:#f9cb16 url(../images/icons01.png) 45% 50% no-repeat;
	padding:85px 0px 65px 0px;
}

#banner h4 {
	font-size:24px;
	font-style:normal;
	font-family: 'futura-book';
}

#banner h4 span {
	font-size:24px;
	font-family: 'futuraheavyoblique';
	font-style:normal;
}


#banner .panel {
	background:none;
	border:none;
	box-shadow:none;
	padding:20px 34px;
	float:left;
	width:100%;
}

#banner .line {
	position:relative;
}

#banner .line-plus {
	position:absolute;
	top:30%;
    right: -4.5%;
}

#banner .panel .details {
	background:#f9d861;
	float:left;
	width:100%;
	border:1px solid #d8ad2e;
	padding:40px 10px 20px 10px;
	border-radius:15px;
	border-bottom:15px solid #434345;
}


#banner .panel .details img {
	margin-top:-100px;
}

#banner .panel h3 {
	font-size:17px;
	color:#f05323;
	font-family: 'futura-book';
	font-weight:bold;
	margin-bottom:80px;
	text-transform:uppercase;
}

#banner .panel p {
	font-size:13px;
	line-height:16px;
	font-family: 'futura-book';
	margin-bottom:0px;
}

#banner .border {
	border-right:1px solid #e6b820;
	float:left;
	width:100%;
}

.none {
	padding:0px;
}

/*content*/
#content {
	float:left;
	width:100%;
}

#content.power {
	background:url(../images/bg_power.png) 50% 50% no-repeat;
	background-size:cover;
}

#content.power .content-box {
	background:none;
	box-shadow:none;
}

#content.power h3 {
	color:#fff;
	font-size:37px;
	font-weight:bold;
    font-family: 'futuraheavyoblique';
	margin-bottom:38px;
}

#content.power .panel {
	background:rgba(25,76,126,0.8);
	padding:15px 18px;
	width:100%;
	border:none;
}

#content.power .panel h3 {
	color:#fff;
	font-size:17px;
    font-family: 'futura-book';
	margin:0px 0px 8px 0px;
}

#content.power .none {
	padding:0px;
}

#content.power .panel .border {
	border:2px solid #fff;
	padding:4px 2px;
	display:inline-block;
	width:100%;
}

#content.power .panel .border .columns {
	padding:0px 2px;
}

#content.power .panel .border .bg {
	background:#fbce3f;
	padding:0px 0px;
}

#content.power .panel p {
	color:#fff;
	font-size:15px;
	padding:10px 0px;
    font-family: 'futura-book';
	font-style:inherit;
	margin:0px;
	padding:10px 0px;
}

#content.power .panel .bg p {
	color:#000;
	padding:10px 0px;
}

#content.power .panel p b {
    font-family: 'futuraboldbt';
}

#content.power p.lead {
	color:#232222;
	font-size:17px;
    font-family: 'futura-book';
	line-height:26px;
	margin:40px 0px 20px 0px;
	display:inline-block;
}

#content.power p.lead span {
    font-family: 'futuraboldbt';	
}

#content.power h3 img {
	margin-right:5px;
}

#content .content-box {
	float:left;
	width:100%;
	background:#ffffff;
	box-shadow:inset 0px -30px 70px #e9e9e9;
	padding:30px  0px;
}

#content .panel {
	background:none;
	border:1px solid #c7c9cb;
	padding:0px;
	float:left;
	margin-bottom:0px;
	width:100%;
}


#content .panel p {
	line-height:18px;
	color:#231f20;
	font-size:14px;
	font-family: 'futurabookoblique';
	font-weight:600;

}

#content .panel .text {
	width:100%;
	float:left;
	background:url(../images/text-bg.png) 0% 0% no-repeat;
	background-size:contain;
	height:140px;
}

#content .panel h5 {
	font-size:14px;
	line-height:44px;
	/*background:url(../images/1.png) 0% 0% no-repeat;
	background-size:cover;*/
	color:#282828;
	text-transform:uppercase;
	font-family: 'futuraboldbt';
	font-weight:bold;
	margin:0px;

}

#content .panel h5.line {
	font-size:14px;
	line-height:84px;
	text-align:right;
	padding-right:30px;
	/*background:url(../images/2.png) 0% 0% no-repeat;
	background-size:cover;*/
	color:#fff;
	font-weight:bold;
}

#content .panel h5.line span {
	font-weight:300;
	font-family: 'futura-book';
}

#content .details {
	float:left;
	width:100%;
	padding:10px 20px;
}

#content .details ul li {
	line-height:18px;
	color:#231f20;
	font-size:14px;
	font-family: 'futurabookoblique';
	list-style:none;
	padding:15px 0px;
	width:100%;
	font-weight:600;
	display:inline-block;
}

#content  input[type="submit"] {
	font-size:17px;
	line-height:17px;
	color:#ffffff;
	border:none;
	padding:12px 10px;
	outline:0;
	margin-bottom:40px;
	font-weight:bold;
	text-transform:uppercase;
	background:#f05323;
}

/*quilified*/

#quilified {
	float:left;
	width:100%;
	background:url(../images/phn-bg.png) 50% 50% no-repeat;
	background-size:cover;
	padding-top:65px;
	padding-bottom:90px;
}

#quilified .row {
	border-bottom:3px solid #232021;
}

#quilified h5 {
	font-size:24px;
	font-family: 'futuracondensedboldoblique';
	color:#f9cb16;
}

#quilified p {
	font-size:17px;
	color:#ffffff;
	line-height:26px;
	font-family: 'futura-book';
	font-weight:600;
}

/*Package*/
#package {
	float:left;
	width:100%;
	padding:50px 0px 20px 0px;
}

#package h3 {
	font-size:25px;
	color:#282828;
	font-family: 'futuraheavyoblique';
	margin:25px 0px;
}

#package img {
	margin-left:20px;
}

#package .border {
	background:url(../images/line.png) right top no-repeat;
}

#package  .details {
	float:left;
	width:100%;
	padding-left:20px;
}

#package p {
	font-size:17px;
	color:#282828;
	font-weight:600;
	line-height:26px;
	font-family: 'futura-book';
}

#package .text {
	float:left;
	width:100%;
}

#package .text p {
	margin-bottom:0px;
}

#package a.button {
	background:#f15323;
	font-size:20px;
	font-family: 'futura-book';
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
	padding:0px 20px;
	margin-top:40px;
	line-height:40px;
}

/*mail*/
#mail {
	float:left;
	width:100%;
	padding:50px 0px 20px 0px;
	background:#434345;
}

#mail a.button {
	background:#f15323;
	font-size:20px;
	font-family: 'futura-book';
	color:#ffffff;
	text-transform:uppercase;
	font-weight:600;
	padding:0px 20px;
	margin-top:40px;
	line-height:40px;
}


#mail h3 {
	font-size:25px;
	color:#ffffff;
	font-family: 'futuraheavyoblique';
	margin:25px 0px;
}

#mail p {
	font-size:17px;
	color:#ffffff;
	font-weight:600;
	line-height:26px;
	font-family: 'futura-book';
}


/*business*/
#business {
	float:left;
	width:100%;
	padding:40px 0px;
	background:#f9cb16 url(../images/icons02.png) 50% 50% no-repeat;
}

#business h3 {
	font-size:24px;
	color:#282828;
	font-family: 'futuraheavyoblique';
}

#business p {
	font-size:17px;
	color:#282828;
	line-height:26px;
	font-family: 'futura-book';
	font-weight:600;
}

/*testimonials*/
#testimonials {
	float:left;
	width:100%;
	padding:40px 0px;
	background:#000000;
}

#testimonials .panel {
	background:#f7f7f7;
	border:none;
	border-radius:20px;
	position:relative;
}


#testimonials .panel:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 10px;
	border-color: #f7f7f7 transparent transparent transparent;
	content:'';
	position:absolute;
	bottom:-11%;
	right:13%;
}

#testimonials .panel p {
	line-height:18px;
	font-size:12px;
	color:#282828;
	font-family: 'futura-book';
	font-weight:600;
}

#testimonials .panel h6 {
	font-family: 'futuracondensedextrabold';
	line-height:18px;
	font-size:12px;
	margin:0px;
	color:#282828;
}

/*footer*/
#footer {
	float:left;
	width:100%;
	background:#f9cb16 url(../images/icons03.png) 60% 50% no-repeat;
	padding:70px 0px 30px 0px;
}

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

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

.padding-right {
	padding-right:0px;
}

#footer ul li {
	list-style:none;
	float:left;
	width:100%;
}

#footer .text {
	padding-top:10px;
}

#footer ul li  a {
	font-size:12px;
	font-family: 'futura-book';
	font-weight:600;
	color:#231f20;
	line-height:24px;
	text-decoration:underline;
}

#footer p {
	font-size:12px;
	font-family: 'futura-book';
	font-weight:600;
	color:#231f20;
	line-height:24px;
}

/**/
#smart {
	width:100%;
	background:url(../images/bg_smart.png) 50% 50% no-repeat;
	background-size:cover;
	padding:14px 0px 370px 0px;
}

#smart h3 {
	color: #fff;
    font-size: 37px;
    font-weight: bold;
    font-family: 'futuraheavyoblique';
    margin-bottom: 38px;
}

#smart h3 img {
	margin-right:3px;
}

#phone {
	width:100%;
	background:#fff url(../images/img_lightbulb.png) 35px 50% no-repeat;
	position:relative;
}

#phone img.phone {
	position:absolute;
	bottom:0px;
}

#phone p {
	color:#232222;
	font-size:17px;
	line-height:26px;
    font-family: 'futura-book';
	margin:60px 0px;
}

#phone p span {
    font-family: 'futuraboldbt';
}

#follow {
	width:100%;
	background:#f8cb17 url(../images/img_arrows.png) 80% 50% no-repeat;
	padding:50px 0px 55px 0px;
}

#follow h3 {
	color:#232222;
	font-size:24px;
    font-family: 'futuraheavyoblique';
	margin-bottom:20px;
}

#follow p {
	color:#232222;
	font-size:17px;
	line-height:26px;
    font-family: 'futura-book';
	margin-bottom:0px;
}

#destiny {
	width:100%;
	background:url(../images/bg_destiny.png) 80% 50% no-repeat;
	background-size:cover;
	padding:60px 0px 70px 0px;
}

#destiny h3 {
	color:#f9cb16;
	font-size:24px;
    font-family: 'futuraheavyoblique';
	margin-bottom:20px;
}

#destiny p {
	color:#ffffff;
	font-size:17px;
	line-height:26px;
    font-family: 'futura-book';
	margin-bottom:0px;
}

#mailing {
	width:100%;
	background:#fff;
	padding:30px 0px 55px 0px;
}

#mailing h3 {
	color:#231f20;
	font-size:24px;
    font-family: 'futuraheavyoblique';
	padding:30px 0px 10px 0px;
}

#mailing p {
	color:#231f20;
	font-size:17px;
	line-height:26px;
    font-family: 'futura-book';
	margin-bottom:0px;
}

#testimonials.title {
	padding-top:10px;
	background:url(../images/bg_testi.png) 80% 50% no-repeat;
	background-size:cover;
}

#testimonials h3.title {
	color:#f8cb18;
	font-size:24px;
	margin-bottom:20px;
    font-family: 'futuraheavyoblique';
}

	
/* Small Screens*//* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width:40em) {

#header .columns {
	padding:0px;
}

.top-bar .toggle-topbar.menu-icon a {
	height:40px;
}

.top-bar-section ul {
	background:#434344;
}

.top-bar.expanded .title-area {
	background:none;
}


ul li h1 {
	margin-top:0px;
	margin-left:15px;
}

ul li h1 img {
	height:80px;
}

#header {
	height:auto;
	padding-bottom:20px;
}

#topNav .top-bar {
	padding-left:0px;
}

.top-bar {
	
	height:80px;
	line-height:80px;
}

#header img.tag {
	height:60px;
}

#header .man img {
	height:100px;
}

#banner .line-plus {
	display:none;
}

#footer .border-left {
	border:none;
}

#package .details {
	padding-left:0px;
}

#package .border {
	border:none;
}

.f-dropdown.open {
	left:10px !important; 
}

#header .sign {
	padding-right:15px;
}

#package img {
	margin-left:0px;
}


#content .panel .text {
	background-size:cover;
	background-position:0% 50%;
	height:190px;
}

#content .panel h5.line {
	line-height:140px;
}

/**/
#content.power h3 {
	font-size:16px;
}

#content.power h3 img {
	vertical-align:middle;
}

#content.power .panel p {
	font-size:13px;
}

#smart {
	padding-bottom:200px;
}

#smart h3 {
	font-size:27px;
}

#phone {
	padding-bottom:0px;
}

#phone img.phone {
	position:inherit;
}

#mailing h3 {
	font-size:18px;
}

#destiny h3 {
	margin-top:20px;
}

}

/* Medium Screens *//* min-width 641px, medium screens */
@media only screen and (min-width:40.0625em) and (max-width:64em) {

#header .top-bar {
	padding-left:0px;
}


#content .panel .text {
	background-size:cover;
}


#topNav .top-bar-section ul li a {
	padding:0px 15px;
}

#banner .panel h3 {
	font-size:12px;
}

#banner .line-plus {
	right:-7.5%;
}

#testimonials .panel:after {
	bottom:-6%;
}

/**/
#content.power .panel .bg p {
	font-size:14px;
}

#content.power h3 {
	font-size:26px;
}

#mailing h3 {
	font-size:21px;
}

#smart {
	padding-bottom:300px;
}
	
}

/* Large Screens *//* min-width 1025px, large screens */
@media only screen and (min-width:64.0625em) and (max-width:90em) {
	
}

/* XLarge Screens *//* min-width 1441px, xlarge screens */
@media only screen and (min-width:90.0625em) and (max-width:120em) {
	
}

/* XXLarge screens *//* min-width 1921px, xxlarge screens */
@media only screen and (min-width:120.063em) and (max-width:120em) {
	
}