/* ---------------------------------------------------------------------- */
/* Template Information
/* ----------------------------------------------------------------------
Name: After7
Version: 1.0.0
Author: Walkinweb
Website: http://walkinweb.com
------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400);
/*@import url(http://fonts.googleapis.com/css?family=Lora:400italic);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300);
/*@import url(http://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps);*/
/*@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,600);*/
/*@import url(http://fonts.googleapis.com/css?family=Life+Savers:400,700);*/ /* font-family: 'Life Savers', cursive; */
/*@import url(http://fonts.googleapis.com/css?family=Questrial);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:500,300,400);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
/*@import url(https://fonts.googleapis.com/css?family=Poppins);*/
/* ---------------------------------------------------------------------- */
/* Imported CSS, order is important. Colors must come last
/* ---------------------------------------------------------------------- */

/*@import url("/css/pie.css");*/
@import url("/css/nav.css");
@import url("/css/tabs.css");
@import url("/css/alert.css");
@import url("/css/forms.css");
@import url("/css/toggle.css");
@import url("/css/tooltipios.css");
@import url("/css/grid12.css");
@import url("/css/tables.css");
/*@import url("/css/subnav.css");*/
/*@import url("/css/isotope.css");*/
@import url("/css/buttons.css");
@import url("/css/headers.css");
/*@import url("/css/swipebox.css");*/
@import url("/css/accordion.css");
@import url("/css/backgrounds.css");
/*@import url("/css/pricing_table.css");*/
/*@import url("/css/slide/slide-style.css");*/
/*@import url("/css/flexslider.custom.css");*/

/* Order is IMPORTANT - color selection last - select one only!!!*/
/*@import url("/css/demo.css");*/

/*@import url("/css/colors/coral.css");*/
/*@import url("/css/colors/green.css");*/
/*@import url("/css/colors/blue.css");*/
/*@import url("/css/colors/cyan.css");*/
/*@import url("/css/colors/orange.css");*/
/*@import url("/css/colors/yellow.css");*/
/*@import url("/css/colors/custom-rust.css");*/
@import url("/css/colors/custom-blue.css");




html {
     overflow-y: scroll;
}


body, html { 
	padding: 0; margin: 0;
    height: 90%;
    /*overflow-y: scroll;*/
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	            box-sizing: border-box;
}

/*smooth page transition*/
@keyframes slideInUp {
    from {
        transform: translate3d(0, 10px, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

section {
    animation-duration: .38s;
    animation-fill-mode: both;
    animation-name: slideInUp;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.cf:after,
.clearfix:after {
	clear: both;
}

.cf,
.clearfix { 
	zoom:1; 
}

body {
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family: 'Lato', sans-serif;*/
	font-size: 100%; 	
	font-weight: 400;
	font-style: normal;
	line-height:1.5;
	color: #666666;
	/*background: url("/img/bkgd/xv.png") repeat;*/ /* uncomment to use bachground ... more selection in  backgrounds.css */
    /*background: url("/img/bkgd/cream_dust_@2X.png") repeat; */
}

.bkgblue {
	background-color: #2f9fff;
}

i {
     /*color: #F48422;*/
}

img,
audio,
video,
canvas {
  max-width: 100%;
}

img.fl {
    float:left; 
    margin:0 1em 1em 0;
}

img.fr {
    float:right; 
    margin:0 1em 1em 0;
}

img.home {
	width: 80%;
	max-width: 547px;
	height: auto;
	position: relative;
	margin-top: -2px;
}

iframe {
	overflow:hidden;
}

.list-style-none {
	list-style-type: none;

}

.dropmenu {
    /*background: transparent;*/
    color: #464646;
}

.seven {
	color: #FF9900;
}

.highlight {
     background: #0073C6;
}

figure figcaption {
	background-color:#0073C6;
}	

.numberCircle {
	    border-radius: 50%;
	    /*behavior: url(PIE.htc); *//* remove if you don't care about IE8 */

	    width: 126px;
	    height: 126px;
	    padding: 18px;

	    background: #fff;
	    /*border: 2px solid #666;*/
	    color: #666;
	    text-align: center;

	    font: 32px Arial, sans-serif;
}

.datacen {
	margin: auto;
	position: relative;
	bottom:  60px;
	/*text-align:center;*/
	width:70%;

}

.paracenter {
	margin: auto;
    width: 84%;
    /*border:3px solid #8AC007;*/
    padding: 10px;
}

.80pc {
	font-size: 80%;
}

.font-roboto {
	font-family: 'Roboto', sans-serif;
}

.font-poppins {
	font-family: 'Poppins', sans-serif;
}

.font-lato {
	 font-family: 'Lato', sans-serif;
}

.font-arimo {
	font-family: 'Arimo', sans-serif;
}

.font-helvetica {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

.font-style {
	font-family: 'Open Sans', sans-serif;
}

.font-style-menu {
	font-family: 'Open Sans', sans-serif;
	font-size: 57px;
}

.font-savers {
	font-family: 'Life Savers' !important;
	font-weight: 700;
}

.font-lifesave-color {
	color: #ffe4bd;
	font-size: 130%;
}

.font-questral {
	font-family: 'Questrial', sans-serif;
	/*font-size: 40px;*/
	font-weight: 600;
}

.font-box {
	font-size: 26px;
	line-height: 1.8;	
}

.bold {
     font-weight: 700;
}
.medium {
     font-weight: 500;
}

.light {
     font-weight: 300;
}

.font15 {
	font-size: 15px;
}

.font18 {
	font-size: 18px;
}

.font24 {
	font-size: 24px;
	font-weight: 300;
}

.font26 {
	font-size: 26px;
	font-weight: 500;
}

.font30 {
	font-size: 30px;
}

.font34 {
	font-size: 34px;
}

.font40 {
	font-size: 40px;
}

.font48 {
	font-size: 48px;
	font-weight: 500;
}

@media all and (min-width: 388px) {
	.font48 {
		font-size: 48px;
		font-weight: 700;
	}
}

.font50 {
	font-size: 50px;
}

.font55 {
	font-size: 55px;
}

.font68 {
	font-size: 68px;
}

.font-contact {
	font-size: 20px;
}

.white {
	color: #fff;
}

.blue {
	color: #2F9FFF;
}

a.charcoal {
	color: #2D2D2D;
	font-family: "Open Sans",sans-serif;
	font-weight: 500;
	/*padding-top: -4px;*/
	/*padding-bottom: 18px;*/
	/*line-height: 125%;*/
	margin-top: -12px;

}
.black {
	color: #000;
}

.icon-blue {
	color: #00BCD4;
}

.icon-light {
    color: #ffe4bd;
}

.icon-beige {
    color: #FFE4BD;
}

.icon-white {
     color: #fff;
}

.material-icons {
     font-weight: 100;
}

/*.blue {
	color: #0069D2;
}*/

.light-grey {
	color: #E5E5E5;
}

.beige {
	color: #ffb951;
}

.beige-light {
	color: #FFE4BD;
}

.green {
	color: #339933;
}

.orange {
	color: #ececec;
}

.orange2 {
	color: #FF7D20;
}

.yellow {
	color: #FFFA38;
}

.pink {
	color: #FF11FB;
}

.nowrap {
	white-space: nowrap;
}

.highlight {
	font-style: normal;
	font-weight: normal;
	color: #fff;
	padding: 4px 7px;
}

.highlight-btn {
	font-style: normal;
	font-weight: normal;
	/*color: #fff;*/
	padding: 1px 7px;
	background: #FFE4BD;
	border-bottom:  2px solid #FFB951;
	white-space: nowrap;
}

.highlight-contact {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #fff;
	background-color: #0069D2;
	padding: 6px 7px;
}

.highlight-signup {
	color: #fff;
	background-color: #F48422;
	padding: 12px 12px;
	opacity: 1;
	transition: opacity .50s ease-in-out;
     -moz-transition: opacity .50s ease-in-out;
     -webkit-transition: opacity .50s ease-in-out;
}

.highlight-signup:hover {
    opacity: 0.5;
}

.zin {
	position: relative;
	z-index: 4500;
}

.zoom {
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */

}

.zoom:hover{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	cursor: pointer; cursor: hand;
}

p {
	/*font-size: 92%;*/
}

.justify {
	text-align:justify;
}

.inline {
	display: inline;
}

a {
	color: #fff;
	text-decoration: none;

}

a:hover {
	color: #464646;
	text-decoration: none;
}

.layer {
	background-color:  #7AADC6;
}

.container {
	max-width: 980px; /* or 1080 */
	width: 90%;
	margin: 0 auto;
	padding: 0px;
	/*min-height: 100%;*/
}

.wrap-green {
	margin:0;
	/*background-color:#7AADC6;*/
	background-color: #4490C2;
	padding-top:20px;
}

.container-boxed {
	max-width: 980px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #EEEEEE;
	min-height: 100%;
	/*font-size: 13px;*/
	/*color: #000;*/

	/*-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
			  border-top-left-radius: 5px;
			  border-top-right-radius: 5px;*/
}

.container-drop-menu {
	/*position: relative;*/
	
	max-width: 480px; /* or 1080 */
	/*width: 90%;*/
	margin: 0 auto;
	/*border: 1px solid #eee;*/
	padding:  3%;
	background-color: transparent;
	color: #fff;
	/*padding: 0px;*/
	/*color: #fff;*/
	/*padding-left: 70px;*/
	/*text-align: center;*/

	/*-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
			  border-top-left-radius: 5px;
			  border-top-right-radius: 5px;*/

	-webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	            border-radius: 5px;		  

}

.border-wrap-rc5 {
	border: 1px solid #eeeeee;
	border-bottom: 0;
	padding:  10px;
	background-color: #fff;
     
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
       -moz-border-radius-topleft: 5px;
       -moz-border-radius-topright: 5px;
               border-top-left-radius: 5px;
               border-top-right-radius: 5px;
}

.footer-images img{
        vertical-align:bottom;
        border:0;
  }

pre,
code {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Courier New", Courier, monospace;
	font-size: 0.9em;
	border: 1px solid lightblue;
	padding: 3px;
	-webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	            border-radius: 5px;
	color: #518BAB;
	
}

pre > span{
	color: #B90000;
}

.page-header {
	padding-bottom: 19px;
	margin: 20px 0 30px;
	border-bottom: 1px solid #eeeeee;
}
/* bottom 39px chat ON, -6px with chat OFF - DONT FORGET FOOTER + INC*/
.chat-guy {
	position:fixed; 
	bottom:-6px; 
	right: 30px;
}

.bar-grey {
	/*background-color: #D3CEC6;*/
	/*color: #fff;*/
	border-bottom: 3px solid #f6f6f6;
	padding-top: 13px;
}

/*Pricing Pie Green Colors*/
.a66BB6A {
	background-color: #66BB6A;
}

.a81C784 {
	background-color: #81C784;
}

.A5D6A7 {
	background-color: #A5D6A7;
}

.C8E6C9 {
	background-color: #C8E6C9;
}

.E8F5E9 {
	background-color: #E8F5E9;
}

/* Pie Blue */
.a0073C6 {
	background-color: #0073C6;
}


/*Pricing Page*/


.price-plan {
	display: block;
	min-width: 30%;
	border: 1px solid white;
	color: #fff;
	text-align:center;
	opacity: 0.7;
	-webkit-transition: opacity 0.5s ease-in-out;
	   -moz-transition: opacity 0.5s ease-in-out;
	     -ms-transition: opacity 0.5s ease-in-out;
	        -o-transition: opacity 0.5s ease-in-out;
	             transition: opacity 0.5s ease-in-out;
}

.price-plan:hover {
	display: block;
	min-width: 30%;
	color: #fff;
	text-align:center;

	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;

	cursor: pointer;

}

.price-header {
	font-size: 24px;
	border-bottom: 1px solid #fff;
}

.price-dalign {
	 vertical-align: 50px;
}

.price-price {
	line-height: 1em;
	font-weight: 700;
	font-size: 92px;
	font-family: "Open Sans Condensed","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	/*color: #fff;*/
}

.price-box {
	/*background-color: #fff;*/
	border-top: 1px solid #E0E0E0;
	height: 56px; 
	padding-top: 14px;
	padding-left: 20px; 
	font-size: 16px;
	margin: 0;
}

.price-details a{
	font-size: 12px;
	color: #fff;
}

.price-details a:hover{
	font-size: 12px;
	color: #ffe4bd;
}
/* END Pricing Page*/

.underline {
	border-bottom: 1px dashed #333;
}
.underline:hover {
	color: #0073c6;
}

.bkgd-results {
	background-color: #f5f5f5;
	padding: 10px;
}

/* Background Colors - Individual*/
.bkgd-white {
	background-color: #fff;
}

.bkgd-light {
	background-color: #F7F5EE;
}

.blue-bkgd {
	background-color: #3274d1;
}

.blue-bkgd-light {
	background-color: #81AAE2;
}

/* Elements  */
.banner {
     min-height: 180px;
     width: 100%;
}

.border-rc5 {
	border: 1px solid #eeeeee;
	padding:  20px;
	height: 100%;
     
    -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	           border-radius: 5px;
}

.box2{
    padding: 10px;
    background-color: #F8F8F8;
    border: 4px solid #E4E4E4;
 }

.infopanel-index {
	padding:25px 20px; /* tb rl */
}

.infopanel-index-last {
	padding:25px 20px; /* tb rl */
}

.infopanel-index-dot {
	padding:15px 10px; /* tb rl */
	border: 1px dotted #CCCCCC;
}

.center-me {
	margin: 0 auto;
}

.margin-0{
	margin: 0;
}

.padding0 {
	padding: 0;
}

.padding10 {
	padding: 10px;
}

.padding20 {
	padding: 20px;
}

.padding25 {
	padding: 25px;
}

.padding-drop {
	/*padding: 8px;*/
	/*padding-left: 20px;*/
	padding-right: 70px;
	/*color: #000;*/
}

.padding-10pc {
	padding-right: 10%;
	padding-left: 10%;
}

.spacer14 {
     min-height: 14px;
}

.spacer15 {
     min-height: 15px;
}

.spacer20 {
     min-height: 20px;
}

.spacer25 {
     min-height: 25px;
}

.spacer30 {
     min-height: 30px;
}

.spacer42 {
     min-height: 42px;
}

.spacer40 {
     min-height: 40px;
}

.spacer60 {
     min-height: 60px;
}

.spacer150 {
     min-height: 150px;
}

.spacerPrice {
     min-height: 30px;
}

.spacerInner-nohead {
	min-height: 60px;
}

.spacerIndex {
	min-height: 140px;
}

.italic {
	font-style:italic;
}

h1 {
	font-weight: 300; 
}

h2 {
	font-weight: 300;
}

h3 {
	font-weight: 300;
}

.fl {
    float: left;
}

.fr {
	float: right;
}

/* Misc elements*/

.headlinetxt {
	font-size: 48px;
	color: #666666;
	font-weight: 200;
	text-align:center;
	margin-bottom: 14px;
}

.hline-center {
	margin:auto;
	border-bottom: 1px solid #eeeeee;
	width: 80%;
}

.absolute-center {
	width: 50%;
	height: 50%;
	overflow: auto;
	margin: auto;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
}

.ccenter {
	margin: auto;
    width: 60%;
}

.mcenter {
	margin-left:auto;
	margin-right:auto;
	width: 6em;
}

.tcenter {
	text-align:center;
}

.tright {
	text-align:right;
}

.tempright {
	text-align:left;
}

.tleft {
	text-align:left;
}

.sidenav {
	margin-left: 0;
    padding: 0 0 0 20px;
}

/*Icons*/
.lnr {
  display: inline-block;
  fill: currentColor;
  width: 1em;
  height: 1em;
  /*vertical-align: -0.05em;*/
  vertical-align: -0.3em;
}

.lnr-mustache {
  color: #0F52BA;
  font-size: 40px;
}

.lnr-users {
  color: #00BCD4;
  font-size: 60px;
}

.lnr-users-sm {
    color: #00BCD4;
    font-size: 40px;
}

.lnr-code {
  color: #00BCD4;
  font-size: 60px;
}

.lnr-magic-wand {
  color: #00BCD4;
  font-size: 60px;
}

.lnr-sync {
  color: #00BCD4;
  font-size: 60px;
}

.lnr-layers {
  color: #00BCD4;
  font-size: 60px;
}


/* FontAwsome*/
.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #E5E5E5;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

.icon-subnav {
	font-size: 1.2em;
}

/* FontAwsome - various extra sizes*/
.icon-6x {
 font-size: 6em;
}

.icon-7x {
  font-size: 7em;
}

.icon-8x {
  font-size: 8em;
}

.icon-11x {
  font-size: 11em;
}

.icon-13x {
  font-size: 13em;
}

/* circular numbers*/

.numberCircle {
    /*border-radius: 50%;

    width: 36px;
    height: 36px;
    padding: 8px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;*/

    width:100px;
	height:100px;
	border-radius:50%;
	font-size:50px;
	color:#fff;
	line-height:20px;
	text-align:center;
	background:#000
}

/* Images */
figure {
    /*padding: 0.2em;*/
    /*border: 2px solid #eeeeee;*/
    background: #fff;
    margin: 0 auto 1em;
    max-width: 9000px;
}

figure > img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

figure figcaption {
    font-weight: 500;
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    font-size: 0.9em;
    padding: .5em;
    /*text-align: center;*/
    color: #fff;
    /*background: #f5bca8;*/
}

/*video*/
.video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gmap {
	margin: 0;
	padding: 0;
	min-height: 100% !important;
	width:100%;
}

.error404 {
	text-align: center;
	font-size: 120px;
	line-height: 110px;
	font-weight: 900;
     letter-spacing: -5px;
     color: #eee;
     padding-top: 30px;
     padding-bottom: 60px;
}



footer{
	display: none;
}

footer > div {
	display: none;
}

footer .flogo {
	display: none;
}

footer .bar {
	display: none;
}

.pic {
  border: 10px solid #fff;  
  float: left;
  height: 300px;
  width: 300px;
  margin: 20px;
  overflow: hidden;
   
  -webkit-box-shadow: 5px 5px 5px #111;
              box-shadow: 5px 5px 5px #111;  
}

.chat-window {
		display: none;
}

.ico-mauve {
	color: #997DDB;
}

.ico-green {
	color: #7AB561;
}

.ico-orange {
	color: #F1AF3A;
}

.ico-red {
	color: #E5505C;
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: 300;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*Rules for sizing the icon.*/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-96 { font-size: 96px; }
.material-icons.md-144 { font-size: 144px; }

/*Rules for using icons as black on a light background.*/
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/*Rules for using icons as white on a dark background.*/
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

@media all and (min-width: 738px) {

	.spacerInner-nohead {
	            min-height: 90px;
             }

	.chat-window {
		display: block;
	}

	.error404 {
		font-size: 360px;
		padding-top: 100px;
		padding-bottom: 300px;
		line-height: 210px;
	}

	

	footer {
		display: inline-block;
		margin: 0;
		height: 68px; /* 68 */
		padding-left: 30px;
		font-size: 1em;
		line-height:94%;
		color: #666666;
		background-color: #fff;
		border-top: 1px solid #E1E1E1;
		font-family: arial,sans-serif;
	}

	footer > div {
		display: block;
    }

	footer .flogo {
		display: block;
		font-family: 'Oleo Script Swash Caps', cursive;
		padding-top: 24px;
		font-size: 28px;
		padding-right: 20px;
		color: #B1B1B1;
	}

	/*footer span.padr {
        padding-right: 20px;
	}*/

	footer .bar {
		display: block;
		padding:4px 15px;
		margin: 0;
		font-size: 10px;
		font-weight: 900;
		height: 68px;
		border-left: 1px solid #B1B1B1;
		color: #8F8F8F;
		background-color: #666666;
	}

	footer > div > a > i{
		color: #8F8F8F;
	}

	footer > div > a > i:hover{
		color: #B1B1B1;
	}

	footer >  div > span {
		font-size: 0.8em;
		color: #4B4B4B;
		padding-right: 20px;
	}

	.footwrap {
	            background-color: #666666;	
	}

	.container-foot {
		max-width: 1080px; /* or 1080 */
		margin: 0 auto;
		padding-top: 20px;
	}

	.font-contact {
		font-size: 30px;
	}

}


@media all and (min-width: 768px) {
       .tempright {
			text-align:right;
		}

}

@media all and (min-width: 1280px) {

	/*.container-drop-menu {
		width: 90%;
		margin: 0 auto;
		color: #fff;
	}*/
}
/* ---------------------------------------------------------------------- */
/* NAV.CSS
/* ---------------------------------------------------------------------- */

/* NOTE: Color variations are located in css/colors folder */
/* General styles for all menus */

header {
   margin: 0;	
   width: 100%;
   height: 60px;
   background-color: #fff; 
   position: fixed;
   z-index: 1200;
}

header > .nav-container {
	width: 100%;
   text-align: right;
}

header > nav > li > a {
    display: block;
}

header > nav > a {
	margin-right: -4px;
    padding: 8px 10px 8px 10px;   /* T R B L     */
    /*color: #2D2D2D;*/
    color: #4A4A4A;
    line-height: 45px;
    border-left: 1px dotted #E4E7E9;

    opacity:1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

header > nav > a:hover {
    /*background-color: #F7F7F7;*/
    color: #eee;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    cursor: pointer; cursor: hand;
    -webkit-transition: opacity 0.8s linear;
}

header > nav > .smart {
     display: inline;
}

.smart {
     /*display: inline;*/
     display: list-item;
}

.logo{
	position: relative;
	top: 3px;
	border-left: none;
	float: left !important;
            /*background-image: url('/img/logo-all.png');*/
            /*background: rgba(0,0,0,0) url('/img/db-logo-90p.svg') no-repeat 0px 0px;*/
            background-repeat: no-repeat;
            width: 208px;
            height: 49px;
	z-index: 5500;
}

.logo:hover{
	background-color: transparent;
	color: #fff;
}

.fixed-spacer {
     min-height: 42px;
}

.seven{
	font-family: 'Oleo Script Swash Caps', cursive;
	font-size: 24px;
}

nav {
    width: 100%;
	min-height: 100%;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.menu {
	position: absolute;
	margin-top: 56px;
	background: #f8f8f8;
}

.menu-grid  { 
    float: left;
	/*width: 96.969696969697%; */
	width: 46.969696969697%; 
	margin:0 1.515151515152% 1em;
	padding-left: 5px;
} 

.menu a {
	color: #464646;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 25px;	/* Important line height for mobile ease  */
}

.menu h3{
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: -10px;
}

.menu li{
	margin-left: -20px;
}

/* menu nav*/
.menu a:active {
	background: #afdefa;
	/*color: #528BD8;*/
}

.menu a:hover {
	/*background: #528BD8;*/

}

.menu h3{
	color: #00508a;
}

@media all and (min-width: 738px) { 

    .menu {
         background: #f8f8f8;
    }

}


/* Horizontal menu that slides from the top or bottom */
.menu-top {
	top: -2000px;
}

.menu-top.menu-open {
	top: 0px;
}

/* Push classes applied to the body */
.menu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

/* Transitions */
.menu,
.menu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Header Menu Icon  */
.cell {
	display: none;
}

.tablet-up {
     display: none;
}

.tablet826-up {
     display: none;
}

.desktop-up {
     display: none;
}

.tablet-up-800 {
	 display: none;
	 border-left: none;
}

/* ------------------------------ min-width: 320px -------------------------------- */
@media all and (min-width: 320px) {
         
     /*.menu-grid  { 
		width: 46.969696969697%; 
	}*/ 

	.tablet-up {
	     display: none;
	}

	.cell {
		display: inline;
	}

}

/* ------------------------------ min-width: 738px -------------------------------- */
@media all and (min-width: 738px) { 
	
	header{
	   height: 58px;
	   position: fixed;
	}

	header > .nav-container {
		width: 100%;
		text-align: left;
	}

	header > nav > a {
		border-left: none;
		padding: 3px 20px;
		line-height: 52px; /* 52 */
		font-weight: 500;
		font-size: 20px;
	}

	header > nav > a:hover {
	    padding: 3px 20px;  /* TB RL */
	    line-height: 52px; /* 52 */
	    font-weight: 500;
	}

	/*.menu {
		position: absolute;
		z-index: 1500;
	}*/

	

	.fixed-spacer {
	     min-height: 56px;
	}

	.boxo {
		display: none;
	}

	.seven{
		font-size: 30px;
	}

	.menu-open {
		margin-top: 58px;
		min-width: 100%;
		min-height: 100%;
		/*position: absolute;
		z-index: 1300;*/
	}

	.dropmenu {
	    margin: 0;
	    font-weight: 500;
	}    

	nav {
		min-height: 1%;
     }

	/*.menu-grid     { 
	  	width: 30.30303030303%; 
	}*/

     /*header > nav > .smart {
         display: none;
	}*/

	/*.smart {
	     display: none;
	}*/

	/*.tablet-up {
	     display: inline;
	}*/
  
}
/* ------------------------------ min-width: 826px -------------------------------- */
@media all and (min-width: 826px) {

	.tablet826-up {
	     display: inline;
	}

}	
/* ------------------------------ min-width: 936px -------------------------------- */
@media all and (min-width: 936px) {

	.tablet-up {
	     display: inline;
	}

	header > nav > .smart {
         display: none;
	}

	.smart {
	     display: none;
	}
}	
/* ------------------------------ min-width: 1064px -------------------------------- */
@media all and (min-width: 1064px) {

    .logo{
		position: fixed;
		margin-top: 2px;
		top: 18px;
        padding-left:  6px;
		/*background-image: url('/img/logo-epr.png');*/
		/*background: rgba(0,0,0,0) url('/img/logo-all-sm.png') no-repeat 0px 0px;*/
        /*background-repeat: no-repeat;*/
        width: 208px;
        height: 49px;
        z-index: 5500;
	}

	.logo:hover{
		background-color: transparent;
		color: #fff;
		margin-top: 2px;
		padding-top: 5px;
	}

	header{
		height: 90px; /* 58 */
	}

	header > .nav-container {
	   max-width: 1080px;
	   width: 90%;
	   margin: 0 auto;
	}

	header > nav > a {
		border-left: none;
		padding: 3px 20px;
		line-height: 84px; /* 52 */
		font-weight: 500;
		font-size: 20px;
	}

	header > nav > a:hover {
	    padding: 3px 20px;  /* TB RL */
	    line-height: 84px; /* 52 */
	    font-weight: 500;
	}

	.logo{
		position: fixed;
		margin-top: 2px;
		padding-top: 17px;
	}

	.logo:hover{
		background-color: transparent;
		color: #fff;
		margin-top: 2px;
		padding-top: 17px;
	}

	.menu {
		position: absolute;
		margin-top: 90px;
	}

	.menu-open {
	    width: 50%;
             }

             .desktop-up {
                 display: inline;
             }
  
}

/* ------------------------------ min-width: 1096px - 1-800 -------------------------------- */
@media all and (min-width: 1096px) {

	.tablet-up-800 {
		display: inline;
	}

}	
/* ------------------------------ min-width: 1280px -------------------------------- */
@media all and (min-width: 1280px) {
       
     /*.menu-grid   { 
		width: 13.636363636364%; 
	}*/
 
}

/* ---------------------------------------------------------------------- */
/* GRID12.CSS
/* ---------------------------------------------------------------------- */
/* Responsive Resets
/* -------------------------------------------------------------- */
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

html {
  overflow-y: auto;
}

img,
audio,
video,
canvas {
  max-width: 100%;
}

/* Grid > 12 Column Mobile First
-------------------------------------------------------------- */
.row {
  clear: both;
}

.grid-full {
    float: left;
    width:100%;
    margin: 0 0% 0em;
  }

@media screen and (min-width: 480px) {
 
  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-5,
  .grid-6,
  .grid-7,
  .grid-8,
  .grid-9,
  .grid-10,
  .grid-11,
  .grid-12,
  .grid-half,
  .grid-unit {
    float: left;
    width:96.969696969697%;
    margin:0 1.515151515152% 1em;
  }

  .gallery .grid-unit,
  .grid-half {
    width:46.969696969697%;
    margin: 0 1.515151515152% 1em;
  }

  .grid-flow-opposite{
    float:right
  }

}

@media screen and (min-width: 786px) {
  
  .grid-1 { width: 5.30303030303%; }
  .grid-2 { width: 13.636363636364%; }
  .grid-3 { width: 21.969696969697%; }
  .grid-4 { width: 30.30303030303%; }
  .grid-5 { width: 38.636363636364%; }
  .grid-6 { width: 46.969696969697%; }
  .grid-7 { width: 55.30303030303%; }
  .grid-8 { width: 63.636363636364%; }
  .grid-9 { width: 71.969696969697%; }
  .grid-10 { width: 80.30303030303%; }
  .grid-11 { width: 88.636363636364%; }
  .grid-12 { width: 96.969696969697%; }

  .gallery .grid-unit {
    width: 30.30303030303%;
  }

  .content-pad-right {
    padding-right: 4%; /* Use (or don't) as necessary. */
  }

  .content-pad-left {
    padding-left: 4%;
  }

}

.heading {
  font-size: 3em;
  margin: 0;
}

.sub-heading {
  font-size: 2em;
  margin-bottom: 0.5em;
}

a {
  color: #b3b3b3;
}

a:focus,
a:hover {
  color: #464646;
}

/* Helpers
-------------------------------------------------------------- */
.show-grid div[class*='grid-'] {
  background-color: #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 0.5em 1em;
  margin-bottom: 1em;
  text-align: center;
}

/* ---------------------------------------------------------------------- */
/* TABS.CSS
/* ---------------------------------------------------------------------- */


ul.tabs{
	margin:10px 0 -1px 0;
	padding:0;
	width:100%;
	float:left;
	font-size:0;
}

ul.tabs.left{text-align:left;}
ul.tabs.center{text-align:center;}
ul.tabs.right{text-align:right;}
ul.tabs.right li{margin:0 0 0 -2px;}

ul.tabs li{
	font-size:14px;
	list-style-type:none;
	margin:0 -2px 0 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
}

ul.tabs li a{
	text-decoration:none;
	color:#666;
	display:inline-block;
	padding:14px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	background:#fff;
	border-bottom:0;
	font-size:0.9em;
	zoom:1;
}

ul.tabs li a:hover{
	background:#eee;
}

ul.tabs li.current a{
	position:relative;
	top:1px;
	left:0;
	background:#eee;
	color:#222;
}

.tab-content{
	border:1px solid #efefef;
	border:1px solid #e5e5e5;
	background:#fff;
	clear:both;
	padding:20px;
	margin:0 0 40px 0;
}

/* ---------------------------------------------------------------------- */
/* ALERT.CSS
/* ---------------------------------------------------------------------- */

.alert {
	padding:10px 35px 10px 14px;
	margin-bottom:20px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	background-color:#fffcee;
	border:1px solid #ffedca;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;border-radius:4px;
}



.alert,
.alert h4{
	color:#b58603;
}

.alert h4{
	margin:0;
}
.alert .close{
	position:relative;
	top:-2px;
	right:-21px;
	line-height:20px;
}

.alert-success{
	background-color:#f3f9e8;
	border-color:#e1ebb3;
	color:#5c7f41;
}

.alert-success h4 {
	color:#5c7f41;
}

.alert-danger,
.alert-error{
	background-color:#fff0f0;
	border-color:#ffdce1;
	color:#9d261d;
}

.alert-danger h4,
.alert-error h4{
	color:#9d261d;
}

.alert-info{
	background-color:#f0f9ff;
	border-color:#ccf3ff;
	color:#007dbc;
}

.alert-info h4{
	color:#007dbc;
}

.alert-block{
	padding-top:14px;
	padding-bottom:14px;
}

.alert-block>p,
.alert-block>ul{
	margin-bottom:0;
}

.alert-block p+p{
	margin-top:5px;
}

.alert-yellow{
	background-color:#fef6d2;
	border-color:#ffb951;
	color:#303030;
}

/* ------------------------------ min-width: 1020px -------------------------------- */
/*@media all and (min-width: 1020px) {
	.alert {
		padding:10px 35px 10px 14px;
		margin-bottom:20px;
		text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
		background-color:#fffcee;
		border:1px solid #ffedca;
		border: 1px solid;
		-webkit-border-radius:4px;
		   -moz-border-radius:4px;border-radius:4px;
	}

	.alert-info{
		background-color:#f0f9ff;
		border-color:#ccf3ff;
		color:#007dbc;
	}
  
}*/

/* ---------------------------------------------------------------------- */
/* FORMS.CSS
/* ---------------------------------------------------------------------- */
/*
Title: Creating an HTML5 enhanced responsive-ready contact form, with custom javascript feature detection
Author: http://www.toddmotto.com
*/

#form {
	border-radius:4px;
	-webkit-border-radius:4px;
	    -moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#form h3 {
	display:block;
	font-size:28px;
}
#form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#form label span {
	cursor:pointer;
	display:block;
	margin:5px 0;
	font-weight:500;
}
#form input[type="text"],
#form input[type="email"],
#form input[type="tel"],
#form input[type="url"],
#form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #fff;
	    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #fff;
	border:1px solid #eee;
	background:#fff;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#form input[type="text"]:hover,
#form input[type="email"]:hover,
#form input[type="tel"]:hover,
#form input[type="url"]:hover,
#form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	    -moz-transition:border-color 0.3s ease-in-out;
	            transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#form textarea {
	height:100px;
	max-width:100%;
}
#form button[type="submit"] {
	cursor:pointer;
	width:80%;
	border:none;
	color:#fff;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#form button[type="submit"]:hover {
	-webkit-transition:background 0.3s ease-in-out;
	    -moz-transition:background 0.3s ease-in-out;
	    transition:background-color 0.3s ease-in-out;
}
#form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#form input:focus,
#form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

/* ---------------------------------------------------------------------- */
/* TOOGLE.CSS
/* ---------------------------------------------------------------------- */

.toggle { 
    background: #ffffff; /* Main background */
    margin-bottom: 10px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
               border-radius: 5px;    
}
 
/* Toggle Link text */
.toggle a.toggle-trigger {
    display:block;
    padding: 10px 20px 15px 20px;
    position:relative;
    text-decoration: none;
    color: #F48422;
}
 
/* Toggle Link hover state */
.toggle a.toggle-trigger:hover {
    opacity: .8;
    text-decoration: none;

}
 
/* Toggle link when clicked */
.toggle a.active {
    text-decoration: none;
    border-bottom: 1px solid #eee;
    color: #000;
}
 
/* Lets add a "-" before the toggle link */
.toggle a.toggle-trigger:before {
    font-family: FontAwesome;
    content: "\f152";    /* You can add any symbol, font icon, or graphic icon */
    margin-right: 10px;
    font-size: 1.3em;
    /*color: #999;*/
}
 
/* When the toggle is active, change the "-" to a "+" */
.toggle a.active.toggle-trigger:before {
    font-family: FontAwesome;
    content: "\f151";
    color: #666;
}
 
/* The content of the toggle */
.toggle .toggle-content {
    padding: 10px 20px 15px 20px;
    color:#666;
}

/* ---------------------------------------------------------------------- */
/* TOOLTIPIOS.CSS
/* ---------------------------------------------------------------------- */

#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
    max-width: 500px;
    

    opacity: 0.7;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

/*#tooltip:hover {
    cursor: pointer;
}*/
 
#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

/* ---------------------------------------------------------------------- */
/* TABLES.CSS
/* ---------------------------------------------------------------------- */
table, thead, tbody, th, td, tr { 
      display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
  position: absolute;
  top: -9999px;
  left: -9999px;
}

tr { 
  border: 1px solid #ccc; 
  margin-bottom: 5px;
}

td { 
  border: none;
  border-bottom: 1px solid #eee; 
  position: relative;
  padding-left: 50%; 
}

td:before { 
  position: absolute;
  top: 6px;
  left: 6px;
  width: 45%; 
  padding-right: 10px; 
  white-space: nowrap;
}

th[data-title]:before,
td[data-title]:before {
  content: attr(data-title) ":\00A0";
  font-weight: bold;
  background-color: #eee;
  margin-top: -5px;
}

th:not([data-title]) {
  font-weight: bold;
}

/* hide empty cells*/
td:empty {
  display: none;
}

@media all and (min-width: 864px) {

    table {
      border-top-width: 0;
      width: auto;  
      border-collapse: collapse;
    }

    thead tr { 
    position: static;
    top: auto;
    left:auto;
  }

    /* Labeling
     * Hide the mobile labels */
    th[data-title]:before,
    td[data-title]:before {
      content: "";
      font-weight: bold;
    }
      
    th:not([data-title]) {
      font-weight: bold;
      background-color: #696969;
      color: #fff;
    }
    
    td:empty {
      display: table-cell;
    }
    
    thead {
      display: table-header-group;
    }
    
    /* make everything display regularly again */
    tbody {
      display: table-header-group;
    }
    
    tbody, tr, th, td {
       border: 1px solid #ccc;
       padding: 4px;
       text-align: left;
       white-space: normal;
    }
  
    th, td {display: table-cell;
    }
  
    tr {display: table-row; 
    }
            
    tr {
      border-style: solid;
      border-bottom-width: 0;
    }

    /* flip-flop */
    tr:nth-of-type(odd) { 
       background: #eee; 
    }

    th, td {
      border-style: solid;
      padding-right: 1em;
      text-align: left;
      min-width: 100px;
      vertical-align: top;
    }
    
    th + th,
    th + td,
    td + th,
    td + td {
      border-left-width: 0px;
    }
    
    thead th,
    tr.index th {
      font-weight: bold;
      line-height: 1.25;
      text-transform: uppercase;
    }
    
    tbody th {
      font-weight: normal;
    }

}

/* ---------------------------------------------------------------------- */
/* BUTTONS.CSS
/* ---------------------------------------------------------------------- */
#form button,
a.btn {
    background-color: transparent;
           transition: background-color 0.50s ease-in-out;
           color: #2F9FFF;
           padding:14px 22px;
           border:  1px solid #2F9FFF;
}

/* button hover*/
#form button:hover,
a.btn:hover {
    background-color: #2F9FFF;
    color: #FFF;
    /*opacity: 0.5;*/
}

.btnBAK1 {
        
    background-color:#0094C2;
    /*-moz-border-radius:5px;
        -webkit-border-radius:5px;
              border-radius:5px;*/

    display:inline-block;
    /*color:#000;*/
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
    font-size: 20px;
    padding:18px 22px;
    text-decoration:none;
        
}

.btnBAK {
        
    background-color:#bdc3c7;
    border-bottom: 4px solid #FFB951;
    display:inline-block;
    color:#000;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    padding:8px 27px;
    text-decoration:none;
        
}

.btn-action {
    font-size: 18px;
    padding: 0px 37px;
    font-weight:400;    
    white-space: nowrap;
}

.btn:active {
    position:relative;
    top:1px;
}

.btn:hover {
    background-color:#D3D8DA;
}

.lg {
    font-size:20px;
    padding:12px 29px;
}

.posi1 {
      position: absolute;
      margin-top:  -30px;
}

.btn-bl {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    padding: 18px 22px;
    text-decoration: none;

    background-color: #0069D2;
           transition: background-color 0.5s ease;
           color: white;
           border:  2px solid #fff;
}

.btn-bl:hover {
    background-color: #00BDD3;
           transition: background-color 0.5s ease;
           color: white;
           border:  2px solid #fff;
}

@media all and (min-width: 1020px) {
    .btn-action {
        font-size: 21px;
        padding: 0px 57px;
        font-weight:400;    
        white-space: nowrap;
    }

}

/* ---------------------------------------------------------------------- */
/* HEADERS.CSS
/* ---------------------------------------------------------------------- */

.deskt {
	display: none;
}

/*.smartp-header {
	display: block;
	height: 288px; 
	max-width:100%;
	height:auto;
	margin:0;
}*/

.smartp-caption {
	 position: absolute;
     padding-left: 10%;
     padding-top: 14%;
     z-index: 40;
     font-size: 2em;
     font-weight: 700;
     color: #fff;
     white-space:nowrap;
}

.smart-spacing-index {
	height:0;
}

.head-caption {
     position: relative;
     padding: 0;
	text-align: center;
	width: 100%;
     z-index: 40;
     padding-top: 5%;
     background-color: #0073c6;
 }

.head-caption-bottom {
     /*position: relative;*/
     padding: 0;
	text-align: center;
	width: 100%;
	height: 120px;
	color: #fff;
     background-color: #00599B;
}    

.head-caption-price {
	display: block;
	font-size: 32px;
	color: #fff;
	line-height: 1.1;
}

.smart-caption-price {
	display: block;
	font-size: 32px;
}

.smart-caption-text-price {
	display: none;
	font-size: 24px;
	color: #999999;
	line-height: 1.3;
}

.h-box-icon {
      display: inline-block;
    color: #fff;
}

.h-box-icon i {
	color: #fff;
}

.h-box-text {
	/*font-family: 'Life Savers' !important;*/
	/*font-style: normal;*/
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Questrial', sans-serif;*/
     line-height: 118%;
	font-weight: 500;
	font-size: 2.5em;
	display: inline-block;
	padding: 10px;
	padding-top: 60px;
	/*max-width: 340px;*/
	/*text-align: justify;*/
	color: #fff;
}

.h-box-light{
	display: inline-block;
	font-size: 2.5em;
       font-weight: 300;
	background-color: #CCCCCC;
	height: 72px;
	width: auto;
	padding:5px 25px; /* TB RF */ 
}

.h-box-dark{
	display: inline-block;
	font-size: 1.5em;
       font-weight: 300;
	background-color: #000;
	height: 72px;
	width: auto;
	padding:5px 25px; /* TB RF */ 
	color: #fff;
	margin-left: -10px;
}

.index-header {
	color: #fff;
}

.index-blue-grey {
	background-color: #0073C6;
}

.sectionc-grey {
	background-color: #F8F8F8;
}	
.index-header-bkgrd-solid {
	background: #2F9FFF;
	min-height: 560px;
}

.index-header-bg-img {
	background-image: url("/img/icon-trans.png");
	background-size: 300px 200px;
	top: 0;
	left: 0;
	display: block;
	

}

.inner-header-bkgrd-solid {
    background: #2f9fff;
    min-height: 280px;
}

.index-header-bkgrd {
	background: #0073c6; /* Old browsers */
	background: -moz-linear-gradient(left,  #0073c6 6%, #2989d8 51%, #207cca 100%, #7db9e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(6%,#0073c6), color-stop(51%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0073c6 6%,#2989d8 51%,#207cca 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0073c6 6%,#2989d8 51%,#207cca 100%,#7db9e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0073c6 6%,#2989d8 51%,#207cca 100%,#7db9e8 100%); /* IE10+ */
	background: linear-gradient(to right,  #0073c6 6%,#2989d8 51%,#207cca 100%,#7db9e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073c6', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

}

@media all and (min-width: 736px) {

	.h-box-text {
	      display: inline-block;
	      /*margin-left: 20px;*/
	      padding-top: 0;
	      padding: 10px;
	      /*max-width: 340px;*/
	      /*font-size: 1em;*/
	      /*text-align: justify;*/
	      color: #fff;
	}

	.head-caption-bottom {
	     /*position: relative;*/
	     padding: 0;
		text-align: center;
		width: 100%;
		height: 100px;
		color: #fff;
	     background-color: #00599B;
	}    

	.h-box-dark{
		display: inline-block;
		font-size: 2.5em;
	}

	.smart-spacing-index {
		height:0;
	}

	.head-caption-price {
		display: block;
		font-size: 36px;
		color: #000;
		line-height: 1.1;
	}
	.smart-caption-price {
		display: none;
		font-size: 32px;
	}
	.smart-caption-text-price {
		display: block;
		font-size: 22px;
		color: #999999;
	}

	.index-header {
		height: 408px;
		/*color: #000;*/
		/*background-image: url('/img/tablet-man.png');*/
		background-position: right bottom;
		background-repeat: no-repeat;  
		margin-bottom: -16px;
	}

	.index-header-height {
		height: 408px;
	}

	.index-blue-grey {
		background-color: #f5f5f5;
	}

}

@media all and (min-width: 1020px) {

	 .deskt {
		display: block;
	}

	.deskt-index {
		display: inline-block;
		position: absolute;
		/*background-image:url('/img/sales-front-mini.png');*/
		background-position: center bottom;
		background-repeat:no-repeat;
		/*background-color: #0073c6;*/
		height: 650px;
		/*width: 1920px;*/
	      width:100%;
		overflow-x:hidden;
		top: 34px;
		/*top: -34px;*/
		/*z-index: 2000;*/
	}

	/*.index-header {
		height: 408px;
		background: url('/img/cc-laptop.png');
		background-position: right bottom;
		background-repeat: no-repeat;  
		margin-bottom: -16px;
	}*/

	.index-header {
		height: 408px;
		/*background-color: #3886ec;*/
		/*background: url('/img/index-header-cell-tr.png');*/
		background-position: right bottom;
		background-repeat: no-repeat;  
		margin-bottom: -16px;
	}

	.smartp-header {
	    display: none;
	}

	.deskt-header {
		position: absolute;
		margin: 0;
		padding: 0;
		top: 10px;
	}

	.head-caption {
         position: relative;
         padding: 0;
	     text-align: center;
	     width: 100%;
         z-index: 40;
         padding-top: 5%;
         background-color: transparent;
	}	

	.h-box-icon {
        display: inline-block;
        padding-left: 34%;
        /*height: 72px;*/
	    /*width: auto;*/
	}

	.h-box-icon i {
		color: #fff;
	}

	.h-box-text {
        display: inline-block;
        /*margin-left: 20px;*/
        font-size: 3.5em;
        /*max-width: 340px;*/
        /*font-size: 1em;*/
        /*text-align: justify;*/
        color: #fff;
	}

	.h-box-light{
		display: inline-block;
		font-size: 2.5em;
         font-weight: 300;
		background-color: #CCCCCC;
		height: 72px;
		width: auto;
		padding:5px 25px; /* TB RF */ 
	}

	.h-box-dark{
		display: inline-block;
		font-size: 2.5em;
         font-weight: 300;
		background-color: #000;
		height: 72px;
		width: auto;
		padding:5px 25px; /* TB RF */ 
		color: #fff;
		margin-left: -10px;
	}

	.smart-spacing-index {
		height:308px;
	}	

}

@media all and (min-width: 1280px) {

	.head-caption {
     	/*padding-left: 25%;*/
         padding-top: 3%;
         /*font-size: 4.5em;
         background-color: transparent;*/
  
	}

	.h-box-icon {
        padding-left: 0;
     }   
 
}

/* ---------------------------------------------------------------------- */
/* ACCORDION.CSS
/* ---------------------------------------------------------------------- */
/*! jQuery UI - v1.10.3 - 2013-05-03 - Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #AAAAAA;
    opacity: 0.3;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #f7f5ee ;
	font-weight: normal;
	color: #212121;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #eee;
	/*background: #e6e6e6 ;*/
	font-weight: normal;
	/*color: #555555;*/
}