/**Block**/

article,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/*Iinline-block*/
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*audio*/

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

/* ==========================================================================
   Basic style
   ========================================================================== */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

html,
button,
input,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
}

body {margin: 0;}

/* ==========================================================================
   Links style
   ========================================================================== */

a:focus {outline: thin dotted;}
a:active,
a:hover {outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */
h1 {font-size: 1.7em; margin: 0.67em 0;}
h2 {font-size: 1.5em; margin: 0.83em 0;}
h3 {font-size: 1.4em; margin: 1em 0;}
h4 {font-size: 1.3em; margin: 1.33em 0;}
h5 {font-size: 1.2em; margin: 1.67em 0;}
h6 {font-size: 1.1em; margin: 2.33em 0;}

abbr[title] {border-bottom: 1px dotted;}

b,
strong {font-weight:400; font-family: 'Oswald', sans-serif;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}

mark {background: #ff0; color: #000;}
p,
pre {margin: 1em 0;}

code,
kbd,
pre,
samp {
    font-family: "Open Sans", serif;
    _font-family: 'courier new', monospace;
    font-size: 0.8em;
}

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; overflow: auto; background-color:#555; padding:5px; color:#fff;}

q {quotes: none;}

q:before,
q:after {
    content: '';
    content: none;
}

small {font-size: 80%;}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
dl,
menu,
ol,
ul {margin: 1em 0;}
dd {margin: 0 0 0 40px;}

menu,
ol,
ul {padding: 0 0 0 35px;}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
	padding:0;
	margin:0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}
va.img {vertical-align:middle;}
rounded.img {border-radius: 50%;}
miva.img { top:50%; left:50%; margin:0;}
svg:not(:root) {overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */
figure {margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */
form {margin: 0;}

/*consistent border, margin, and padding. */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}
/* ================== */
button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

button,
input {line-height: normal;}

button,
select {text-transform: none;}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

button[disabled],
html input[disabled] {cursor: default;}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* typography */
body{
	background:#fbfcfd;
	color:#555;
	font-family: 'Open Sans', sans-serif; 
	font-size:0.94em;
	line-height:1.5em; 
	font-weight:400;
}
h1, h2, h3, h4, h5, h6{
	font-weight:300;
	font-family: 'Oswald', sans-serif; color:#444;
	line-height:1.4em;
	margin:0.6em 0;
	padding:0;
} 

ol li { margin-bottom:5px;}
ul.ul1 li {list-style-image: url('../images/ui.gif'); text-align: justify; margin-bottom:4px;}
ul.ul2 li {list-style-image: url('../images/ui.gif'); text-align: justify;  margin-bottom:4px; font-style:italic;}
ul.hot li {list-style-image: url('../images/fire.png'); text-align: justify;  margin-bottom:4px;}
ul.ulb li {list-style-image: url('../images/ulblue.png'); text-align: justify; margin-bottom:4px;}
ul.ulr li {list-style-image: url('../images/ulred.png'); text-align: justify; margin-bottom:4px;}
ul.ulf li {list-style-image: url('../images/ulf.png'); text-align: justify;  margin-bottom:4px;}
ul.uln li {list-style: none; padding: 2px 0;}
ul.ulf a {color:#0088CA;}
ul.ulf a:hover {color:#f60;}
ul.em {font-style:italic}
ul.info li { list-style:none; margin-top:5px; color:333; font-size:0.9em}
ul.price li {list-style:none; border-bottom:#ddd 1px solid; margin:10px; margin-left:-30px; margin-right:6px; padding:12px 0;}
ul.price2 li {list-style:none; border-bottom:#ddd 1px solid; margin:10px; margin-right: 20px; padding:10px 0;}
ul.list a:hover {color:#f60;}
ul.list a {color:#0088CA;}
ul.list li {font-size:1em; padding-bottom:5px;}

#ol_cycle ol,
.ol_cycle ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}

#ol_cycle ol li,
.ol_cycle ol li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}

#ol_cycle ol li::before,
.ol_cycle ol li::before {
  content: counter(my-awesome-counter);
  color: #FC6;
  font-size: 1.3rem;
  font-weight: 400;
  position: absolute;
  --size: 25px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: #666;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 1px #999;
}


/* links */
a,
a:visited,
a:active {color:#0088CA; text-decoration:none;}
a:hover{color:#f60; text-decoration:none;}

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}
  
/* structure */
#why {
	background-color: #647da5; width: 100%; color: #ffffff; font-weight: 300;
}
#why h3 {line-height: 90%;}
#whyniubi p {line-height: 25px;}
#why-gray {
	background-color: #ededed;
	background-image: url("../images/back_why_gray.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:581px;
}

#review-slider {
	background-color: #ededed;
	background-image: url("../images/back_review.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:300px;
}
#review-slider p {line-height: 150%;}
#slider-resize {
	background-color: #ededed;
	background-image: url("../images/home-top-back.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:500px;
}
.introduction {
	background-color: #ededed;
	background-image: url("../images/background_gray.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:650px;
}
.triangle {
	background-color: #f7f7f5;
	background-image: url("../images/back_triangle.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:600px;
}
#download-banner {
	background-color: #378DBC;
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:90px;
}

#customer {
	background-color: #188aac;
	background-image: url("../images/back_customer.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:400px;
}
#customer blockquote {font-weight:300; line-height: 150%; font-size: 1.4em;}
.top-fix {position: fixed; top:0; background-color:#fcfcfc; width: 100%; z-index: 1; border-bottom: 1px solid #cdcdcd;}
.wrapper{
	width: 92%; 
	margin: 0 auto;
}
header{ 
	padding:15px 0;
}
#banner{ 
	text-align:center;
}	
#hero,
#page-header{
	background:#4f92bd;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:20px 0;
	font-size:1.1em;
}
#hero {color:#fff;}
#hero h1{color:#fff;}
#hero h2{color:#fff; font-family:"Open Sans", sans-serif;}
#page-header h1{
	margin:0;
}


#foot h3,h4{color:#fff; font-family: 'Noto Sans', sans-serif; font-size:1.3em; font-weight:400}
#foot a {color:#d5d5d5; text-decoration:none;}
#foot ul {
    list-style: none;
    list-style-image: none;
	padding:0;
	margin:0;
}
#foot ul li {margin-bottom:10px;}
#foot a:hover{color:#f60;}
#flags a {color: #55B6EA; }
#flags a:visited {color: #55B6EA;}
#flags a:active {color: #55B6EA;}

#post-header{
	background:#3c82af;
	background-image: linear-gradient(to right, rgba(41, 111, 157, 1), rgba(80, 159, 209, 1));
	padding:20px 0;
	font-size:0.9em;
	border-top:#ccc 2px solid; border-bottom:#ccc 2px solid;
}
#post-header h1{
	margin:0; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em;
}
#post-header h2 {font-family: 'Raleway', sans-serif; font-size:1.8em; font-weight:400; color:#fff;}
#post-header h3{color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em;}

#top-banner {
	background-color: #ededed;
	background-image: url("../images/home-top-back.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:500px;
	border-top: 1px solid #cdcdcd;
}
#top-banner p {line-height: 110%;}
#top-pro {
	background-color: #395f78;
	background-image: url("../images/top_pro_back.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:502px;
	border-top: 1px solid #cdcdcd;
}
#top-pro p {line-height: 110%;}
#top-server {
	background-color: #134a80;
	background-image: url("../images/top-server-back.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:550px;
	border-top: 1px solid #cdcdcd;
}
#top-server p {line-height: 110%;}
#technician {
	background-color: #eef0f1;
	background-image: url("../images/top_back_tech.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; min-height:550px;
	border-top: 1px solid #cdcdcd;
}
#technician p {line-height: 110%;}
#affiliate {
	background-color: #040a1f;
	width: 100%; min-height:400px;
}

#top-main {
	background-color: #267bb8;
	background-image: linear-gradient(to right, rgba(27, 107, 165, 1), rgba(38, 123, 184, 1), rgba(52, 153, 226, 1));
	width: 100%; height:150px;
}
#top-main-page {
	background-color: #267bb8;
	background-image: url("../images/main-back.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background--size: cover;
	width: 100%; height:150px;
}
#top-main p {line-height: 110%;}
#top-main h1{	margin:0; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em; padding-top: 25px;}
#top-main h2 {font-family: 'Raleway', sans-serif; font-size:1.5em; font-weight:400; color:#fff; padding-top: 20px;}
#top-main h3{color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em;}
#top-main-page p {line-height: 110%;}
#top-main-page h1{	margin:0; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em; padding-top: 25px;}
#top-main-page h2 {font-family: 'Raleway', sans-serif; font-size:1.5em; font-weight:400; color:#fff; padding-top: 20px;}
#top-main-page h3{color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.4em;}

.top-image {
	background: url("../images/worldwide_400.jpg") center; width: 100%; height: auto;
}

.flexslider{
	display:none;
}
#content,
.vertical-padding{  
	padding:20px 0;
}
p{ margin:0.5em 0 0.5em; text-align:justify;}
.top84 {margin-top:84px;}
.top70 {margin-top:70px;}
.top60 {margin-top:60px;}
.top50 {margin-top:50px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top20 {margin-top:20px;}
.top10 {margin-top:10px;}
.btm20 {margin-top:50px;}


/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}
img.shadow {box-shadow: 3px 4px 4px grey;}
img.central {margin-left:auto; margin-right:auto; display:block; padding-top:6px;}
img.va {vertical-align:middle;}

/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background-image: linear-gradient(to right, rgba(27, 107, 165, 1), rgba(38, 123, 184, 1), rgba(52, 153, 226, 1));
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#4f92bd;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;
	
}
.srt-menu li a {
	color:#267bb8;
	background:#F8F8F8;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
	font-size:1.2em;
	font-family: 'Noto Sans'; font-weight: 400;
}
.srt-menu li a:hover{
	background:#4f92bd;
	color:#fff;
}
.srt-menu li li a {
	background:#ffffff;
	padding-left:40px;
	font-size:1em;
	font-family: 'Noto Sans';  font-weight: 400;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{ 
	background:#E6E6E6;
	color:#666;
	display:block;
	margin:5px 0; 
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#4f92bd;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:10px;
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	padding-top:10px;
}

/*FOOTER*/
footer{  
	background:#16649b;
	color:#ccc;
	font-size:0.9em;
	padding:20px 0;
}
footer ul{
	margin:0 0 0 8%;
	padding:0;
}
#footer_b { background-color:#0c5183; width:100%;
	padding:20px;	
	color:#ccc;
	font-size:0.9em;
	}
#footer_b img {vertical-align:middle;}
#footer_b p {text-align:center;}
#footer_b a {color:#e5e5e5;}
#footer_b a:hover {color:#f60;}
/*Some more colored elements*/
.products{
	background:#fdfdfd;
	color:#5c6368;
}
.inside{
	background:#fdfdfd;
	color:#5c6368;
}
.special{
	background:#fff;
	color:#5c6368;
}
.violetelement{
	background:#5ec79e;
	color:#fff;
}


/* Contain floats*/ 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}



/****************************************
*****************************************
MEDIAQUERIES
*****************************************
****************************************/



/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
#banner{
	float:left;
	text-align:left;
	margin-bottom:-20px;/*this depends on the height of the logo*/
}
.menu-toggle{/*make menu float right, instead of sitting under the logo*/
	margin-top:10px; /*this depends on the height of the logo*/
	float:right;
}

} 

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {

.wrapper{
	max-width: 1200px; 
	margin: .75em auto;
}
header{
	padding:0;
}
#banner{ 
	float:left; 
	text-align:left;
	margin-bottom:0px;
	margin-top:5px;
}
#logo {display: inline-block;}	
#hero{
	padding:0;
}

#content {  
	float:left;
	width:100%;
}
#content.wide-content{
	float:none;
	width:100%;
}

.flexslider{
	display:block;
/*demo 1 slider theme*/	
margin: 0; 
}
.flex-control-nav {bottom: 5px;}


/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.srt-menu, .srt-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.srt-menu ul {
	position:		absolute;
	display:none;
	width:	14em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
	width:	14em;
}
.srt-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
	float:			left;
	position:		relative;
	margin-left:1px;
	height:25px;
}
.srt-menu li li {
	margin-left:0px;
	height:auto;
}
.srt-menu a {
	display:		block;
	position:		relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
	display:block;
	left:			0;
	top:			42px; /* match top ul list item height */
	z-index:		99;
	-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
    box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
	top:			-999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO2 SKIN ***/
#topnav, .srt-menu {
	float:right;
	margin: .35em 0 0 0;
}
.srt-menu a {
	text-decoration:none;
}
.srt-menu li a{
	background:#fcfcfc;
	margin:0; 
	padding:10px 20px;
}
.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#267bb8;	
}
.srt-menu li li a {
		border-top:		1px solid rgba(255,255,255,.2);
		background:		#666; /*fallback for old IE*/
		background:rgba(0,0,0,.7);
		color:	#fff;
		padding-left:20px;
}
.srt-menu li li a:visited{color:#fff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
	padding-left:20px;
	background:rgba(0,0,0,.6);
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
	color:#fff;
	background:#4f92bd;
	background-image: linear-gradient(to right, rgba(19, 111, 189, 1), rgba(101, 186, 248, 1));
	font-size:1.2em;
	font-family: 'Noto Sans';
	border-radius: 2px;
	font-weight: 300;
}
.srt-menu li li:hover > a{
	color:#fff;
	background:#5ec79e;
	background-image: linear-gradient(to right, rgba(19, 111, 189, 1), rgba(101, 186, 248, 1));
	font-weight: 400;
	font-family: 'Noto Sans'; 
	font-size: 1em;
}



/*GRID*/
/*
 & Columns : 12 

 */
 .row{
	 margin-left: -15px;
     margin-right: -15px;
}
 
.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: block;
}

.rightfloat{float:right;}
/* @notation inspired by tinyGrid, .row and percentage by Twitter Bootstrap
 */
 
#hero .grid_8 { 
	margin:10px 0 -13px;
}

}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
#hero h1{ font-size:1.4em;}
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
#hero h1{ font-size:1.8em;}
#hero h2{ font-size:1.3em;}
} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration:none; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/*Fonts*/
.uppercase {text-transform:uppercase;}
.size09 {font-size: 0.9em}
.size11 {font-size: 1.1em}
.size12 {font-size: 1.2em}
.size13 {font-size: 1.3em}
.size15 {font-size: 1.5em}
.size16 {font-size: 1.6em}
.size17 {font-size: 1.7em}
.size18 {font-size: 1.8em}
.size2 {font-size: 2em}
.size3 {font-size: 3em}
.size32 {font-size: 3.2em}
.size28 {font-size: 2.8em}
.size25 {font-size: 2.5em}
.size22 {font-size: 2.2em}
.color_white {color: #ffffff;}
.font_gray {color: #eeeeee}
.raleway {font-family: 'Raleway', sans-serif;}
.lato {font-family: 'Lato', sans-serif;}
.handlee {font-family: 'Handlee';}
.roboto {font-family: 'Roboto', sans-serif;}
.nunito {font-family: 'Nunito', sans-serif;}
.notosans {font-family: 'Noto Sans', sans-serif;}
.opensansc {font-family: 'Open Sans Condensed', sans-serif;}
.quicksand {font-family: 'Quicksand', sans-serif;}
.satisfy {font-family: 'Satisfy';}
.overview {font-style:italic;}
.f400 {font-weight:300; color:#de591e;}
.f400_blue {font-weight:400; color:#4f92bd;}
.foot_p {color:#999; font-size:1em;}
.top_p {color:#fff; font-size:1.2em; padding-top:10px; font-weight:300;}
.top_art {color:#fff; font-size:1.1em; padding-top:10px; font-weight:300;}
h2.top_art {font-size:1.2em; font-family: 'Open Sans', sans-serif;}
.red {color:#f60;}
.tech {color:#EE8A68; font-style:italic}
.bb {color:#000; font-style:italic}
.bf {font-weight:400; font-family: 'Oswald', sans-serif;}
.font_B {font-weight:bold; font-family:"Open Sans", sans-serif;}
.blue {color:#0e5fa4;}
.org {color:#f60;}
.dark_red {color:#D44D20}
.cl666 {color: #666666;}
.cl555 {color: #555555;}
.font12 {font-size:1.2em}
.blue12 {color:#0073AA; font-size:1.3em;}
.price_blue {font-size:3em; color:#2389ca; font-weight:400; padding:20px 0;}
.price_org {color:#E85024; font-weight:400; text-decoration:line-through}
.manual_blue {font-size:1.5em; color:#2389ca; font-weight:400;}
.purchase-buy {margin-top:40px;}
.border_blue {text-decoration:underline #2389ca;}
.wrapper-dropdown {
    /* Size and position */
   position: relative;
    min-width: 180px;
    margin-bottom:20px; margin-top:10px; margin-left:10px;
    padding: 10px;
    background:#e98c65;
	background-image: linear-gradient(to right, rgba(238, 125, 49, 1), rgba(249, 224, 207, 1));
    border-radius: 3px; border:#f9e0cf 1px solid;
    cursor: pointer;
    outline: none;
    color: #fff; font-size:0.9em; font-weight:400;}
select:hover {background:#e98c65; background-image: linear-gradient(to right, rgba(233, 140, 101, 1), rgba(247, 164, 129, 1));}
.buy-dropdown-top {
    min-width: 180px;
	position: relative;
	padding: 10px;
    background:#e98c65;
	background-image: linear-gradient(to bottom, rgba(233, 140, 101, 1), rgba(247, 164, 129, 1));
    border-radius: 3px; border:#f9e0cf 1px solid;
    cursor: pointer;
    outline: none;
    color: #fff; font-size:0.9em; font-weight:400;}
.buy-top {
	display: block; margin-top: 9px; width: 250px;
}
/*Border*/
.border_t {border-bottom:#3399cc 2px; border-bottom-style:inset;}
.border_green {border-bottom:#43a42d 2px; border-bottom-style:inset;}
.border_t_gray {border-top: #eaeaea 1px solid;}
.border_t_blue {border-top: #4f92bd 1px solid;}

.tip { background: url('../images/tips.png') no-repeat; padding: 3px 5px 5px 30px;}
.caution { background: url('../images/caution.png') no-repeat; padding: 0 5px 5px 67px;}
.bell_a { background: url('../images/bell_alert.png') no-repeat; padding:0px 5px 0px 50px;}
.bell_w { background: url('../images/bell_warning.png') no-repeat; padding:0px 5px 5px 50px;}
.bell { float: left; margin: 35px 0;}
.bell_info { background: url('../images/bell_info.png') no-repeat; padding:0px 5px 5px 50px;}
.bell_wh { background: url('../images/bell_white.png') no-repeat; padding:0px 5px 5px 50px;}

.step1 { background: url('../images/step1.png') no-repeat; padding: 0 5px 5px 58px;}
.step2 { background: url('../images/step2.png') no-repeat; padding: 0 5px 5px 58px;}
.step3 { background: url('../images/step3.png') no-repeat; padding: 0 5px 5px 58px;}
.step4 { background: url('../images/step4.png') no-repeat; padding: 0 5px 5px 58px;}
.step5 { background: url('../images/step5.png') no-repeat; padding: 0 5px 5px 58px;}
.step6 { background: url('../images/step6.png') no-repeat; padding: 0 5px 5px 58px;}
.video { background: url('../images/video.png') no-repeat; padding: 0 5px 8px 28px;}

/*Icons*/
.resize { background: url('../images/icons/resize.png') no-repeat; padding: 3px 5px 30px 50px;}
.resize1 { background: url('../images/icons/resize.png') no-repeat; padding: 0 5px 0 50px;}
.move { background: url('../images/icons/move.png') no-repeat; padding: 3px 5px 30px 50px;}
.move1 { background: url('../images/icons/move.png') no-repeat; padding: 0 5px 0 50px;}
.active { background: url('../images/icons/active.png') no-repeat; padding: 3px 5px 30px 50px;}
.active1 { background: url('../images/icons/active.png') no-repeat; padding: 0 5px 0 50px;}
.bootcd { background: url('../images/icons/bootcd.png') no-repeat; padding: 3px 5px 30px 50px;}
.bootcd1 { background: url('../images/icons/bootcd.png') no-repeat; padding: 0 5px 0 50px;}
.cleanup { background: url('../images/icons/cleanup.png') no-repeat; padding: 3px 5px 30px 50px;}
.cleanup1 { background: url('../images/icons/cleanup.png') no-repeat; padding: 0 5px 0 50px;}
.clone { background: url('../images/icons/clone.png') no-repeat; padding: 3px 5px 30px 50px;}
.clone1 { background: url('../images/icons/clone.png') no-repeat; padding: 0 5px 0 50px;}
.convert { background: url('../images/icons/convert.png') no-repeat; padding: 3px 5px 30px 50px;}
.convert1 { background: url('../images/icons/convert.png') no-repeat; padding: 0 5px 0 50px;}
.copy { background: url('../images/icons/copy.png') no-repeat; padding: 3px 5px 30px 50px;}
.copy1 { background: url('../images/icons/copy.png') no-repeat; padding: 0 5px 0 50px;}
.create { background: url('../images/icons/create.png') no-repeat; padding: 3px 5px 30px 50px;}
.create1 { background: url('../images/icons/create.png') no-repeat; padding: 0 5px 0 50px;}
.defrag { background: url('../images/icons/defrag.png') no-repeat; padding: 3px 5px 30px 50px;}
.defrag1 { background: url('../images/icons/defrag.png') no-repeat; padding: 0 5px 0 50px;}
.delete { background: url('../images/icons/delete.png') no-repeat; padding: 3px 5px 30px 50px;}
.delete1 { background: url('../images/icons/delete.png') no-repeat; padding: 0 5px 0 50px;}
.explore { background: url('../images/icons/explore.png') no-repeat; padding: 3px 5px 30px 50px;}
.explore1 { background: url('../images/icons/explore.png') no-repeat; padding: 0 5px 0 50px;}
.fat32 { background: url('../images/icons/fat32.png') no-repeat; padding: 3px 5px 30px 50px;}
.fat321 { background: url('../images/icons/fat32.png') no-repeat; padding: 0 5px 0 50px;}
.format { background: url('../images/icons/format.png') no-repeat; padding: 3px 5px 30px 50px;}
.format1 { background: url('../images/icons/format.png') no-repeat; padding: 0 5px 0 50px;}
.gpt { background: url('../images/icons/gpt.png') no-repeat; padding: 3px 5px 30px 50px;}
.gpt1 { background: url('../images/icons/gpt.png') no-repeat; padding: 0 5px 0 50px;}
.hide { background: url('../images/icons/hide.png') no-repeat; padding: 3px 5px 30px 50px;}
.hide1 { background: url('../images/icons/hide.png') no-repeat; padding: 0 5px 0 50px;}
.initialize { background: url('../images/icons/initialize.png') no-repeat; padding: 3px 20px 5px 50px;}
.initialize1 { background: url('../images/icons/initialize.png') no-repeat; padding: 0 20px 0 50px;}
.label { background: url('../images/icons/label.png') no-repeat; padding: 3px 5px 30px 50px;}
.label1 { background: url('../images/icons/label.png') no-repeat; padding: 0 5px 0 50px;}
.drive_letter { background: url('../images/icons/letter.png') no-repeat; padding: 3px 5px 30px 50px;}
.drive_letter1 { background: url('../images/icons/letter.png') no-repeat; padding: 0 5px 0 50px;}
.merge { background: url('../images/icons/merge.png') no-repeat; padding: 3px 5px 30px 50px;}
.merge1 { background: url('../images/icons/merge.png') no-repeat; padding: 0 5px 0 50px;}
.offline { background: url('../images/icons/offline.png') no-repeat; padding: 3px 5px 30px 50px;}
.offline1 { background: url('../images/icons/offline.png') no-repeat; padding: 0 5px 0 50px;}
.properties { background: url('../images/icons/properties.png') no-repeat; padding: 3px 5px 30px 50px;}
.properties1 { background: url('../images/icons/properties.png') no-repeat; padding: 0 5px 0 50px;}
.read { background: url('../images/icons/read.png') no-repeat; padding: 3px 5px 30px 50px;}
.read1 { background: url('../images/icons/read.png') no-repeat; padding: 0 5px 0 50px;}
.surface { background: url('../images/icons/surface.png') no-repeat; padding: 3px 5px 30px 50px;}
.surface1 { background: url('../images/icons/surface.png') no-repeat; padding: 0 5px 0 50px;}
.wipe { background: url('../images/icons/wipe.png') no-repeat; padding: 3px 5px 30px 50px;}
.wipe1 { background: url('../images/icons/wipe.png') no-repeat; padding: 0 5px 0 50px;}
.check { background: url('../images/icons/check.png') no-repeat; padding: 3px 5px 30px 50px;}
.check1 { background: url('../images/icons/check.png') no-repeat; padding: 0 5px 0 50px;}


/*Highlights*/
.highlight-w {
	color:#8a6d3b;
	background-color:#fcfcea;
	padding:0 3px;
}

.highlight-s {
	color:#3c763d;
	background-color:#e6f9d6;
	padding:0 3px; 
}
.highlight-info {
	color:#31708f;
	background-color:#d7f2f8;
	padding:0 3px;
}
.highlight-d {
	color:#a94442;
	background-color:#ebccd1;
	padding:0 3px;
}
.cmd {
	color:#fff;
	background-color:#555;
	padding:2px 5px;
	border-radius:2px;
	font-size:0.9em;
}
.powershell {
	color:#fff;
	background-color:#042f6c;
	padding:2px 5px;
	border-radius:2px;
	font-size:0.9em;
}
/*Alerts*/
.alert-success {
	color:#316a32;
	background-color:#f1f9eb;
	border-color:#ccc;
	padding:8px 15px;
	border-radius:3px; 
	background-image: linear-gradient(to right, rgba(226, 237, 217, 1), rgba(251, 252, 253, 1));
}
.alert-info {
	color:#296582;
	background-color:#d4eff5;
	border-color:#bce8f1;
	padding:8px 15px;
	border-radius:3px;
	background-image: linear-gradient(to right, rgba(212, 239, 245, 1),  rgba(251, 252, 253, 1));
}
.alert-warning {
	color:#80622f;
	background-color:#fbefd8;
	border-color:#ccc;
	padding:5px 15px;
	border-radius:3px;
	background-image: linear-gradient(to right, rgba(251, 239, 216, 1), rgba(251, 252, 253, 1));
}
.alert-danger {
	color:#a13331;
	background-color:#f4cdcc;
	border-color:#a9283d;
	padding:8px 15px;
	border-radius:3px;
	background-image: linear-gradient(to right, rgba(234, 192, 191, 1), rgba(251, 252, 253, 1));
}

/*Position*/
.middle {text-align:center;}
.align_r {text-align:right;}
.align_l {text-align:left;}
.center {margin-left:auto; margin-right:auto; display:block; padding-bottom:1.2em;}
.center_buy {margin-left:auto; margin-right:auto;}
.padding32 {padding-top:20px;}
.padding30 {padding:30px;}
.padding20 {padding:20px;}
.paddingf30 {padding-top:-30px;}
.paddingf40 {padding-top:-40px;}
.paddingf50 {padding-top:-50px;}
.paddding_l40 {padding-left:40px;}
.paddding_l50 {padding-left:50px;}
.paddding_l60 {padding-left:60px;}
.paddding_l70 {padding-left:70px;}
.paddding_l80 {padding-left:80px;}
.padding_bot {padding-bottom:40px;}
.border_r {border-right:#0CF 1px dashed;}
.padding_t_50 {padding-top: 50px;}
.padding_t_40 {padding-top: 40px;}
.padding_t_30 {padding-top: 30px;}
.padding_t_20 {padding-top: 20px;}
.padding_t_10 {padding-top: 10px;}
.padding_t_100 {padding-top: 100px;}

/*Button*/
a.download_c{ 
	background:#5ec79e; 
	border-radius:3px; 
	color:#fff;
	display:block;
	font-size:1em;
	float:center;  
	padding:10px; margin-left:auto; margin-right:auto;
	text-decoration:none;
	width:8em;
}
a.download_c:hover{
	background:#63d2a7;
	color:#fff;
	cursor: pointer;
}

a.buttonlink{ 
	background:#5ec79e; 
	border-radius:3px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.buttonlink:hover{
	background:#63d2a7;
	cursor: pointer;
}

a.herobuy{ 
	background:#f27521; 
	border-radius:3px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.herobuy:hover{
	background:#fb893c;
	cursor: pointer;
}

a.download{ 
	background:#5ec79e; 
	border-radius:3px; 
	color:#fff;
	display:block;
	float:left; 
	margin-left:15px; 
	padding:9px;
	text-decoration:none;
	width:7em;
}
a.download-ghost {
	display: inline-block;
	font-family: 'Raleway';
	margin: 0 20px;
	padding: 13px 30px;
	color: #FFF;
	border: 1px solid #FFF;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 120%;
	background-color: rgba(255,255,255, 0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 300ms ease;
	-moz-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
	cursor: pointer;
}
download-ghost:hover {
	background-color:#fff;
	color: #378DBC;
}
a.download:hover{
	background:#5ec79e;
	cursor: pointer;
}

a.buy{ 
	background:#f27521; 
	border-radius:3px; 
	color:#fff;
	display:block;
	float:left; 
	margin-left:10px; 
	padding:9px;
	width:7em;
	text-decoration:none;
}
a.buy:hover{
	background:#f27521;
	color:#fff;
	cursor: pointer;
}

.download_l {
	box-shadow: 0px 10px 6px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#36b181;
	background-image: linear-gradient(to bottom, rgba(100, 222, 174, 1), rgba(54, 177, 129, 1));
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway'; text-transform: uppercase;
	font-size:1.3em;
	font-weight:500;
	padding:12px 35px;
	text-decoration:none;
	text-shadow: 0px 1px 2px #3e7327, 0 1px 0 #888;
	margin-top: 20px;
}
.download_l:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-image: linear-gradient(to right, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
}
.download_l:active {
	position:relative;
	top:1px;
}
a.download_l {color: #ffffff;}

.btn_buy {
	box-shadow: 0px 10px 6px -7px #777;
	background-color:#f58d47;
	background-image: linear-gradient(to right, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:1.2em;
	font-weight:500;
	padding:8px 25px; margin-left:auto; margin-right:auto;
	margin-bottom: 10px;
	text-decoration:none;
	text-shadow: 0px 1px 2px #555, 0 1px 0 #888;
}
.btn_buy:hover {
	background-image: linear-gradient(to bottom, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
}
.btn_buy:active {
	position:relative;
	top:1px;
}
a.btn_buy {color: #ffffff;}


a.btn_buy2{ 
	background:#f58d47; 
	border-radius:3px; 
	color:#fff;
	display:block;
	font-size:1em;
	float:left;  
	padding:10px 20px; margin:5px;
	text-decoration:none;
	background-image: linear-gradient(to right, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
}
a.btn_buy2:hover{
	background:#5ec79e;
	color:#fff;
	cursor: pointer;
	background-image: linear-gradient(to bottom, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
}
a.btn_down{ 
	background:#53be94; 
	border-radius:3px; 
	color:#fff;
	display:block;
	font-size:1em;
	float:left;  
	padding:10px 15px; margin:10px 5px;
	text-decoration:none;
	background-image: linear-gradient(to right, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
}
a.btn_down:hover{
	background:#5ec79e;
	color:#fff;
	cursor: pointer;
	background-image: linear-gradient(to bottom, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
}

a.download_art {
	color:#fff; text-transform:uppercase;
	background-color:#5ec79e;
	background-image: linear-gradient(to right, rgba(52, 184, 132, 1), rgba(60, 211, 152, 1));
	padding:6px 12px;
	border-radius:3px;
	font-family: 'Raleway'; font-weight: 500;
	display: inline-block;
}
a:hover.download_art {background-color:#56be96; background-image: linear-gradient(to bottom, rgba(100, 222, 174, 1), rgba(54, 177, 129, 1));}
.homedown {
	box-shadow: 0px 10px 6px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#36b181;
	background-image: linear-gradient(to bottom, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
	border-radius:3px;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway';
	font-size:1.4em;
	font-weight:500;
	padding:12px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.homedown:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-image: linear-gradient(to right, rgba(100, 222, 174, 1), rgba(54, 177, 129, 1));
}
.homedown:active {
	position:relative;
	top:1px;
}
a.homedown {color: #ffffff;}
.articledown {
	box-shadow: 0px 10px 6px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#36b181;
	background-image: linear-gradient(to bottom, rgba(100, 222, 174, 1), rgba(54, 177, 129, 1));
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway';
	font-size:1.3em; text-transform: uppercase;
	font-weight:500;
	padding:12px 35px;
	text-decoration:none;
	text-shadow: 0px 1px 2px #3e7327, 0 1px 0 #888;
	margin-top: 20px;
}
.articledown:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-image: linear-gradient(to right, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
}
.articledown:active {
	position:relative;
	top:1px;
}
a.articledown {color: #ffffff;}
.downpage {
	box-shadow: 0px 10px 6px -7px #3e7327;
	background-color:#36b181;
	background-image: linear-gradient(to top, rgba(100, 222, 174, 1), rgba(54, 177, 129, 1));
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway';
	font-size:1.2em;
	font-weight:500;
	padding:8px 25px;
	margin-bottom: 10px;
	text-decoration:none;
	text-shadow: 0px 1px 2px #3e7327, 0 1px 0 #888;
}
.downpage:hover {
	background-image: linear-gradient(to right, rgba(54, 177, 129, 1), rgba(100, 222, 174, 1));
}
.downpage:active {
	position:relative;
	top:1px;
}
a.downpage {color: #ffffff;}
.reasons {
	color:#fff;
	background-color:#fc874f; font-size:0.9em;
	padding:2px 4px;
	border-radius:2px;
}
h3 .reasons {
	color:#fff; text-transform:uppercase; font-size:0.8em;
	background-color:#FF7533;
	padding:0 4px;
	border-radius:2px;
}
.solutions {
	color:#fff;
	background-color:#21A3E0; font-size:0.9em;
	padding:0 4px 1px 4px;
	border-radius:2px;
}
.step {
	color:#fff; text-transform:uppercase; font-size:0.9em;
	background-color:#fb835c;
	padding:2px 4px;
	border-radius:2px;
}
.opn {
	color:#fff; text-transform:uppercase; font-size:0.8em;
	background-color:#fb835c;
	padding:3px 4px;
	border-radius:2px;
}
.step_g {
	color:#fff; text-transform:uppercase; font-size:0.9em;
	background-color:#5ec79e;
	padding:2px 6px;
	border-radius:2px;
}
a.download_center{ 
	background:#5ec79e; 
	border-radius:3px; 
	color:#fff;
	display:block;
	font-size:1em;  
	padding:10px; margin-left:auto; margin-right:auto;
	text-decoration:none; text-transform:uppercase;
	width:180px;
}
a.download_center:hover{
	background:#4f92bd;
	color:#fff;
	cursor: pointer;
}

/*Block*/
#box { border:#5ec79e 1px solid; padding:5px; padding-left:15px; background:#fff; border-radius:3px; margin-top:8px;}
#box_blue { border:#4f92bd 1px solid; padding:5px; padding-left:15px; background:#f6f6f6; border-radius:3px;}
#box_blue2 {border:#4f92bd 1px solid; padding:5px; background:#fff; border-radius:3px; margin-top:8px;}
#box_gray {padding:5px; padding-left:15px; background:#f0f9f6; border-radius:3px;}
.box_dash {padding:10px; background:#f0f9f6; border-radius:3px; border:#4f92bd 1px dashed;}
#bk_lb {padding:5px 10px; background:#e2f1f9; border-radius:3px;}
#box_overview {padding:5px; border:#4f92bd 1px dashed; border-radius:3px; margin-top:8px; margin-bottom:20px;}
#box_overview p {padding-left:6px; font-family: 'Raleway', sans-serif; font-size:1.1em; font-weight:500}
#tips,.tips { border-left:#6699cc 3px; border-left-style:inset; font-size:0.9em; color:#222;
    background-color:#f5f5f5;
	background-image: linear-gradient(to right, rgba(205, 205, 205, 1), rgba(251, 252, 253, 1));
	padding:10px; margin-bottom:15px;}
#tip_O { border-left:#f77a4e 3px; border-left-style:inset; font-size:0.9em; color:#222;
    background-color:#f5f5f5;
	background-image: linear-gradient(to right, rgba(249, 218, 198, 1), rgba(251, 252, 253, 1));
	padding:5px 10px;}	
#faq {margin-top:10px;}
.padding_l50 {padding-left:50px;}
.left_70 {padding-left:70px;}
.box { border:#5ec79e 1px solid; padding:5px; padding-left:15px; background:#fff; border-radius:3px; margin-top:8px;}
.box_blue { border:#4f92bd 1px solid; padding:5px; padding-left:15px; background:#f6f6f6; border-radius:3px;}
.box_blue2 {border:#4f92bd 1px solid; padding:5px; background:#fff; border-radius:3px; margin-top:8px;}
.box_gray {padding:5px; padding-left:15px; background:#f0f9f6; border-radius:3px;}

/*Purchase*/
.purchase { display:block; padding:10px; margin-left:-8px; padding-bottom:20px;}
.dropdown {
    /* Size and position */
   position: relative;
    min-width: 150px;
    padding: 8px;
    background:#e98c65;
	background-image: linear-gradient(to right, rgba(238, 125, 49, 1), rgba(249, 224, 207, 1));
    border-radius: 3px;
    cursor: pointer;
	border:1px solid #DFDFDF;
    outline: none;
    /* Font settings */
    color: #fff; font-size:0.9em;}
	
/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #666;
  background: rgba(0, 0, 0, 0.8);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 1280px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}
/* Back to top */
#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom:45px;
    right: 0;
    background-color: #4f92bd;
    color: #fff;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #3481b2;
    color: #fff;
}

#language {margin-top:20px;}
#language a {color:#1f648f;}
#language a:hover {color:#fff;}
.dropbtn {
  background-color: #3481b2;
  color: white;
  padding: 5px 10px;
  font-size: 1em;
  border: none; border-radius:2px;
  width:150px;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #e2f0f9;
  min-width: 150px;
  bottom: 30px;
  z-index: 1;
  border: 1px solid #3481b2;
}

.dropup-content a { color:#3481b2;
  padding: 6px 10px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #3481b2;}
.dropup:hover .dropup-content {
  display: block;
}
.dropup:hover .dropbtn {
  background-color: #2980B9;
}

/*CSS Slider*/
.content-slider {  width: 100%;  height:auto;}
.slider {  height: 220px;  width:100%;  margin: 30px auto 0;  overflow: visible;  position: relative;}
.mask {  overflow: hidden;  height: 220px;}
.slider ul {  margin: 0;  padding: 0;  position: relative;}
.slider li {  width:100%;  height: 220px;  position: absolute;  top: -325px;  list-style: none;}
.slider .quote {  font-size: 1em;  font-style: italic; line-height: 150%}
.slider .source {  font-size: 1.1em;  text-align: right; padding-top:50px;}
.slider li.anim1 {  animation: cycle 30s linear infinite;}
.slider li.anim2 {  animation: cycle2 30s linear infinite;}
.slider li.anim3 {  animation: cycle3 30s linear infinite;}
.slider li.anim4 {  animation: cycle4 30s linear infinite;}
.slider li.anim5 {  animation: cycle5 30s linear infinite;}
.slider:hover li {  animation-play-state: paused;}
@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}

@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}

@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}

.blue_circle{
	border-radius: 50%; background-color:#3E92C8; height:120px; width:120px; margin-left:auto; margin-right:auto;
}
.half-width {
	width: 50%; margin-left:auto; margin-right:auto;
}
.width60 {
	width: 60%; margin-left:auto; margin-right:auto; text-align: center;
}
.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 100%;
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #1679B8;
    cursor: pointer;
    outline: none;
    color: #1C6DA8;
}
.wrapper-dropdown-3:hover {background: #f5f5f5; background-image: linear-gradient(to right, rgba(232, 232, 232, 1), rgba(255, 255, 255, 1));}

#demo { color:#EA4D00; font-size:1.4em; text-align: center; padding: 20px 0; font-family: 'Lato';}
#gogo {
	box-shadow: 0px 10px 6px -7px #666;
	background-color:#dd6f26;
	background-image: linear-gradient(to right, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
	border-radius:3px;
	display:block; height: 45px; width: 200px; margin-left: auto; margin-right: auto;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway';
	font-size:1.4em;
	font-weight:500;
	padding:10px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #666;
}
#gogo:hover {
	background-image: linear-gradient(to top, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
}
a.gflag {vertical-align:middle;font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url("../images/flag/32.png");}
a.gflag img {border:0;}
a.gflag:hover {background-image:url("../flag/32a.png"); }
#toolbar {position: fixed; bottom: 0px; width: 100%; color: #ffd500; background:#005bbb; min-height: 40px; padding-top: 10px;}
#toolbar a:link {color:#d6d6d6}


.btn-dropdown-hover:hover .btn-dropdown {
    display: block;
    z-index: 1;
	
}
.btn-dropdown {
    cursor: auto;
    color: #fff;
    display: none;
    position: absolute;
    min-width: 180px;
    
	
}
.btn-dropdown a {
    padding: 6px; padding-left: 10px; padding-right: 10px;
    display: block;
	color: #fff;
	border-bottom: 1px #fff solid;
	text-shadow: 0px 1px 2px #555, 0 1px 0 #555;
	border-radius:3px;
	background-image: linear-gradient(to right, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
}
.btn-dropdown a:hover {
    background-color:#f58d47;
	background-image: linear-gradient(to bottom, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
	
}
.btn_buy_d {
	box-shadow: 0px 10px 6px -7px #777;
	background-color:#f58d47;
	background-image: linear-gradient(to right, rgba(221, 111, 38, 1), rgba(247, 170, 118, 1));
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Raleway';
	position:relative;
	font-size:1.2em;
	font-weight:500;
	padding:8px 25px; margin-left:auto; margin-right:auto;
	text-decoration:none;
	text-shadow: 0px 1px 2px #555, 0 1px 0 #888;
}
.btn_buy_d:active {
	position:relative;
	top:1px;
}
a.btn_buy_d {color: #ffffff;}