@font-face 
{
	font-family: Tahoma;
	src: local(Tahoma);
	size-adjust: 87%
}

@font-face 
{
	font-family: "Trebuchet MS";
	src: local("Trebuchet MS");
	size-adjust: 94%
}

@font-face 
{
	font-family: "Verdana";
	src: local("Verdana");
	/*size-adjust: 102%*/
}

body
{
    min-width: 280px;
    font-family:"latoreg", "Trebuchet MS";
    font-size: 16px;
    color: #34495e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a
{
    text-decoration: none;
    color: #e74c3c;
	outline: none;
}

a.actionbutton6,
a.actionbutton5,
a.actionbutton3,
a.actionbutton2,
a.actionbutton1
{
    background: #3497da;
    position: relative;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    height: 33px;
    line-height: 34px;
    font-family:"weblysleekuisl", Tahoma;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-size: 16px;
    padding: 0 0 0 15px;
}

a.actionbutton6:after,
a.actionbutton3:after,
a.actionbutton2:after,
a.actionbutton1:after
{
    content : "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    background: #3497da url(../images/actioniconarrow.svg) 0 0 no-repeat;
    width: 28px;
    height: 17px;
    opacity : 0.6;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

a.actionbutton6:hover,
a.actionbutton5:hover,
a.actionbutton3:hover,
a.actionbutton2:hover,
a.actionbutton1:hover
{
    text-decoration: none;
}

a.actionbutton6:hover:after,
a.actionbutton3:hover:after,
a.actionbutton2:hover:after,
a.actionbutton1:hover:after
{
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

a.actionbutton6,
a.actionbutton3,
a.actionbutton2
{
    text-align: center;
    padding: 0 15px 0 0;
    line-height: 31px;
    font-size: 14px;
}

a.actionbutton3
{
    background-color: #859aa7;
}

a.actionbutton2,
a.actionbutton2:after
{
    background-color: #e74c3c;
}

a.actionbutton5
{
    text-align: center;
    padding: 0;
    width: 177px;
}

a.actionbutton6
{
    background-color: #3497da;
}

a.actiondownload:after
{
    top: 9px;
    right: 11px;
    width: 13px;
    height: 16px;
    background: #859aa7 url(../images/actiondownload.svg) 0 0 no-repeat;
}

a.actioncart:after
{
    top: 9px;
    right: 11px;
    width: 17px;
    height: 16px;
    background: #e74c3c url(../images/actioncart.svg) 0 0 no-repeat;
}

a.actionorderinstall:after {
    background: url(/images/actioncartred.svg) 0 0 no-repeat;
    right: 5px;
}

a.actionbutton4
{
    position: relative;
    background: #ecf0f1;
    border: 0;
    margin: 2px 0 2px 0;
    border-radius: 24px;
    display: inline-block;
    height: 47px;
    line-height: 50px;
    font-family:"weblysleekuisl";
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color: #22313f;
    font-size: 18px;
    padding: 0 57px 0 30px;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(184, 184, 184, 1);
    -moz-box-shadow:    1px 1px 0px 0px rgba(184, 184, 184, 1);
    box-shadow:         1px 1px 0px 0px rgba(184, 184, 184, 1);
}

a.actionbutton4:hover
{
    text-decoration: none;
    background: #e8edee;
}

a.actionbutton4:after
{
    content : "";
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    /* background: url(../images/actionarrowx.svg) 0 0 no-repeat; */
    width: 28px;
    height: 24px;
}

a.actionbutton5wait
{
    padding: 0 21px 0 0;
    position: relative;
}

a.actionbutton5wait:after
{
    content: '';
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: #3497DA url(../images/action5wait.gif) 0 0 no-repeat;
}

a.actionbutton5done
{
    padding: 0 21px 0 0;
    position: relative;
	background: #2ecc71;
	cursor: default;
}

a.actionbutton5done:after
{
    content: '';
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    background: #2ecc71 url(../images/action5done.svg) 0 0 no-repeat;
	background-size: 16px 16px;
}

p
{
    line-height: 24px;
    margin: 16px 0 16px 0;
    padding: 0;
}

pre, code
{
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
	font-size: 14px;
}

pre
{
	margin: 20px 0 0 0;
	padding: 0;
}

pre .hljs 
{
	margin: 0;	
	padding: 20px 15px 20px 15px;
}

h1, h2, h3
{
    color: #2c3e50;
}

.clear
{
    clear: both;
}

a:hover
{
    text-decoration: underline;
}

img
{
	image-rendering: -webkit-optimize-contrast; 
}

/* Desktop Safari doesn't work well with -webkit-optimize-contrast so apply this Safari only hack */
@media not all and (min-resolution:.001dpcm) { @media {
img
{ 
	image-rendering: auto; 
}}}
	
img.slimmage 
{
	max-width: 100%;
}

input[type="text"]
{
    border: 1px solid #d9d9d9;
    height: 37px;
    padding: 0 12px 0 12px;
    font-size: 16px;
    color: #7f8c8d;
    display: inline-block;
	-webkit-appearance: none;
    border-radius: 0;
}

textarea
{
    border: 1px solid #d9d9d9;
    line-height: 20px;
    padding: 8px 12px 8px 12px;
    font-size: 16px;
    color: #7f8c8d;
    display: inline-block;
	-webkit-appearance: none;
    border-radius: 0;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder
{
    color: #a9a9a9 !important;
    opacity: 1;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder
{
    color: #a9a9a9 !important;
    opacity: 1;
}

textarea::-moz-placeholder,
input::-moz-placeholder
{
    color: #a9a9a9 !important;
    opacity: 1;
}

.centercolumn
{
    margin: 0 auto 0 auto;
    overflow: hidden;
}

@media (min-width: 200px){
.centercolumn
{
    padding: 0 15px 0 15px;
}}

@media (min-width: 1200px){
.centercolumn
{
    max-width: 1200px;
}}

@media (min-width: 200px){
header
{
    background: #34495e;
}

header .logo
{
    background: url(../images/logo-new.svg) 0 0 no-repeat;
    width: 170px;
    height: 33px;
    display: block;
    float: left;
    margin: 11px 0 14px 10px;
}

header nav
{
 	display: none;   
    margin: 0;
    clear: both;
}

header nav ul
{
    list-style: none;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-top: 2px solid #eee;
}

header nav ul li
{
    list-style: none;
    display: block;
    margin: 0;
}

header nav ul li a
{
    display: block;
    height: 46px;
    line-height: 42px;
    color: #eee;
    font-size: 18px;
    font-family: weblysleekuisb;
    background: #3498db;
    padding: 0 5px 0 12px;
    border-bottom: 1px solid #63b0e5;
}

header nav ul li a.selected,
header nav ul li a:hover
{
    background: #2489CC;
    text-decoration: none;
    color: #fff;
}}

@media (min-width: 1050px){
header
{
    height: 70px;
    background: #34495e;
}

header .logo
{
    background: url(../images/logo-new.svg) 0 0 no-repeat;
    width: 170px;
    height: 33px;
    float: left;
    margin: 16px 0 0 0;
    padding: 0;
}

header nav
{
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    clear: none;
	display: block;
}

header nav ul
{
    list-style: none;
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 24px 0 0 0;
    border: none;
}

header nav ul li
{
    list-style: none;
    float: left;
    display: block;
    margin: 0 26px 0 0px;
}

header nav ul li a
{
    display: inline-block;
    height: auto;
    line-height: 22px;
    padding: 0;
    border: none;
    background: none;
    color: #bdc3c7;
    font-size: 15px;
    font-family: weblysleekuisb;
}

header nav ul li a.selected,
header nav ul li a:hover
{
    text-decoration: none;
    color: #fff;
    background: none;
}}

@media (min-width: 1200px){
header nav
{
	 margin: 0 0 0 100px;
}}

@media all and (min-width: 200px){
header .centercolumn
{
    padding: 0;
}

header a.livechat
{
    display: none;
}

header a.menubutton
{
    background: url(../images/hamburger.svg) 0 0 no-repeat;
    height: 30px;
    width: 32px;
    float: right;
    margin: 14px 15px 0 0;
    display: block;
    opacity: 0.8;
}}

@media (min-width: 1050px){
header .centercolumn
{
    padding: 0 15px 0 15px;
}

header a.livechat
{
    background: url(../images/call-phone-dotted.svg) 50% 0 no-repeat;
	background-size: 24px;
    width: 32px;
	height: 32px;
    float: right;
    margin: 22px 0 0 0;
    display: block;
    font-size: 12px;
    font-family: latoreg, "Trebuchet MS";
    color: #f6fafb;
    padding: 0;
    text-align: center;
	text-indent: -200000px;
}

header a.livechat span
{
    color: #e74c3c;
}

header a.livechat:hover
{
    text-decoration: none;
    opacity: 0.8;
}

header a.menubutton
{
    display: none;
}}


@media (min-width: 1200px){
header a.livechat
{
	width: 130px;
    padding: 22px 0 0 0;
    margin: 15px 0 0 0;
    text-indent: 0;
    height: auto;
	background: url(../images/call-phone.svg) 50% 0 no-repeat;
	background-size: 18px;
}}

.fixedHeader 
{
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	width: 100%;
	z-index: 60000;
}

.submenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.submenu ul li
{
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.submenu ul li a
{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
}

.submenu ul li a:hover
{
    text-decoration: underline;
}

@media all and (min-width: 200px){
.submenu
{
    background: #3498db;
}

.submenu .centercolumn
{
    padding: 0;
}

.submenu a.mobilesubmenu
{
    display: block;
    color: #fff;
    font-size: 18px;
    font-family: weblysleekuisb;
    height: 46px;
    line-height: 46px;
    padding: 0 0 0 29px;
    background: url(../images/submenuarrow.svg) 12px 17px no-repeat;
}

.submenu a.mobilesubmenu:hover
{
    text-decoration: none;
}

.submenu ul
{
	display: none;
}

.submenu ul li
{
    float: none;
    width: 100%;
    border-top: 1px solid #63b0e5;
}

.submenu ul li a
{
    font-size: 18px;
    font-weight: normal;
    font-family: weblysleekuisb;
    text-transform: none;
    color: #fff;
    display: block;
    padding: 0 0 0 29px;
    height: 46px;
    line-height: 42px;
}

.submenu ul li a.selected,
.submenu ul li a:hover
{
    text-decoration: none;
    background: #2489CC;
}}

@media (min-width: 1050px){
.submenu
{
    background: #3498db;
}

.submenu .centercolumn
{
    padding: 0 15px 0 15px;
}

.submenu a.mobilesubmenu
{
    display: none;
}

.submenu ul
{
	display: block;
}

.submenu ul li
{
    float: left;
    width: auto;
    border: none;
}

.submenu ul li a
{
    font-size: 12px;
    font-weight: normal;
    font-family: latoreg, "Trebuchet MS";
    text-transform: uppercase;
    color: #fff;
    height: 37px;
    line-height: 35px;
    margin: 0 26px 0 0;
    display: block;
    padding: 0;
}

.submenu ul li a.selected:hover,
.submenu ul li a.selected
{
    color: #fff;
    background: url(../images/submenuarrowup.svg) 50% bottom no-repeat;
}

.submenu ul li a:hover
{
    text-decoration: none;
    color: #c5e8ff;
    background: #3498db;
}}

footer
{
    background: #1c2935;
    padding: 30px 0 80px 0;
	box-shadow: 0px 500px 0px 500px #1c2935;
}

footer .copyright
{
    margin: 40px 0 0 0;
    color: #656e77;
    font-family: Arial;
    font-size: 12px;
}

@media (min-width: 200px){
footer h3
{
	display: inline-block;  
}

footer .colleft1
{
    float: left;
    width: 100%;
	text-align: center;
	margin-top: 20px;
}

footer .colleft1 ul.socialconnect
{
    display: inline-block;
}

footer .colleft1 p
{
	max-width: 400px;
	margin: 0 auto 0 auto;
	width: 100%;
}

footer .colleft2
{
    float: left;
    width: 100%;
	text-align: center;		
}

footer .colright
{
    float: right;
    width: 100%;
	text-align: center;	
}

footer .copyright
{
    text-align: center;
}}

@media (min-width: 940px){
footer h3
{
	display: block;  
}

footer .colleft1
{
    float: left;
    width: 40%;
	text-align: left;
	margin: 0;
}

footer .colleft1 ul.socialconnect
{
    margin: 0;
}

footer .colleft1 p
{
	max-width: none;
	display: auto;
	margin: 0;
	width: 95%;
}

footer .colleft2
{
    float: left;
    margin: 0 0 0 80px;
    width: 30%;
	text-align: left;
}

footer .colright
{
    float: right;
    width: 20%;
	text-align: left;
}

footer .copyright
{
    text-align: left;
}}

@media (min-width: 1200px){
footer .colleft1
{
    float: left;
    width: 590px;
}

footer .colleft2
{
    float: left;
    margin: 0 0 0 142px;
    width: 250px;
}

footer .colright
{
    float: right;
    width: 120px;
}

footer .copyright
{
    text-align: right;
}}

footer h3
{
    font-family: weblysleekuisl, Tahoma;
    font-weight: normal;
    color: #ecf0f1;
    font-size: 22px;
    padding: 6px 0 0 0;
    margin: 0px 0 0px 0;
    height: 50px;
    line-height: 48px;
}

footer h3.logoico
{
    background: url(../images/logoico-new.svg) 0 6px no-repeat;
    padding: 6px 0 0 34px;
}

footer ul.linklist
{
    margin: 0;
    padding: 15px 0 30px 0;
    list-style: none;
    display: block;
}

footer ul.linklist li
{
    list-style: none;
    display: block;
    margin: 0px 0 9px 0;
}

footer ul.linklist li a
{
    color: #bdc3c7;
    font-family: latoreg, "Trebuchet MS";
    font-size: 16px;
}

footer ul.linklist li a:hover
{
    text-decoration: none;
    color: #fff;
}

footer .colleft1 ul.socialconnect
{
    padding: 27px 0 30px 0;
    list-style: none;
    overflow: hidden;
	margin: 0;
}

footer .colleft1 ul.socialconnect li
{
    list-style: none;
    display: block;
    float: left;
}

footer .colleft1 ul.socialconnect li a
{
    display: block;
    height: 35px;
    width: 35px;
    margin: 0 8px 0 0;
    opacity: 0.9;
}

footer .colleft1 ul.socialconnect li a:hover
{
    opacity: 1.0;
}

footer .colleft1 ul.socialconnect li a.facebook
{
    background: url(../images/social-facebook.svg) 0px 0 no-repeat;
}

footer .colleft1 ul.socialconnect li a.twitter
{
    background: url(../images/social-twitter.svg) 0px 0 no-repeat;
}

footer .colleft1 ul.socialconnect li a.linkedin
{
    background: url(../images/social-linkedin-small-2.svg) 0px 0 no-repeat;
}

footer .colleft1 ul.socialconnect li a.youtube
{
    background: url(../images/social-youtube.svg) 0px 0 no-repeat;
}

footer .colleft1 p
{
    padding: 13px 0 13px 0;
    color: #bdc3c7;
    font-family: latoreg, "Trebuchet MS";
    line-height: 24px;
    font-size: 16px;
}

#ga-conversion-frame
{
	width: 1px;
	height: 1px;
	position: absolute;
	left: -1000000px;
	top: 0;
}

iframe[name='google_conversion_frame'] 
{ 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/* --- Popups ----------------------------------------------------------------- */

.popuplightbox
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 60000;
	display: none;
	box-sizing: border-box;
}

.popuplightbox .popupform
{
	max-width: 700px;
	width: 80%;
	margin: 0 auto 0 auto;
	height: auto;
	max-height: 70%;
	padding: 30px;
	background: #fff;
	box-shadow: 0 0 14px 2px rgba(0,0,0,.28);
	top: 20%;
	left: 0;
    right: 0;
	position: absolute;
	z-index: 60001;
}

.popuplightbox .popupform.eulaform
{
	top: 10%;
	height: 70%;
	max-width: 750px;
}

.popuplightbox .popupform h2
{
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	font-family: weblysleekuisl;
	font-weight: normal;
	font-size: 25px;
	line-height: 25px;
	overflow: hidden;
}

.popuplightbox .popupform h2 span:first-child
{
	float: left;
	max-width: 80%;
}

.popuplightbox .popupform h2 span.closeform
{
	float: right;
	font-size: 12px;
	padding: 2px 0 0 0;
	cursor: pointer;
	color: #e74c3c;
}

.popuplightbox .popupform h2 span.closeform:hover
{
	text-decoration: underline;
}

.popuplightbox .popupform .scrollwrap
{
	position: relative;
	height: calc(100% - 160px);
	margin: 0 0 40px 0;
}

.popuplightbox .popupform .scrollcontent
{
	width: 100%;
	height: 100%;
	font-size: 13px;
	overflow-y: scroll;
}

.popuplightbox .popupform .scrollcontent::after
{
	content: "";
	bottom: 0;
	left: 0;
	width: calc(100% - 20px);
	height: 100px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.7) 28%, rgba(255,255,255,1) 100%);
	position: absolute;
}

.popuplightbox .popupform .scrollcontent p
{
	line-height: 22px;
	margin: 0 0 20px 0;
	padding: 0 20px 0 0;
}

.popuplightbox .popupform .popupformactions
{
	text-align: center;
}

.popuplightbox .popupform .popupformactions a.actionbutton4::after
{
	background: url(/images/actiondownloadlarge.svg) 0 0 no-repeat;
}

@media (min-width: 200px){
.popuplightbox .popupform h2
{
	font-size: 18px;
	line-height: 18px;
}

.popuplightbox .popupform .scrollcontent::after
{
	height: 80px;
}

.popuplightbox .popupform .scrollpane
{
	padding-bottom: 80px;
}

.popuplightbox .popupform .popupformactions a.actionbutton4
{
    font-size: 14px;
}}

@media (min-width: 680px){
.popuplightbox .popupform h2
{
	font-size: 25px;
	line-height: 25px;
}

.popuplightbox .popupform .scrollcontent::after
{
	height: 100px;
}

.popuplightbox .popupform .scrollpane
{
	padding-bottom: 100px;
}}

@media (min-width: 1020px){
.popuplightbox .popupform .popupformactions a.actionbutton4
{
    font-size: 18px;
}}
	

/* --- Clingify --------------------------------------------------------------

/* line 3, clingify.scss */
.js-clingify-ztransform, .js-clingify-wrapper 
{
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

/* Baseline selectors */
/* line 10, clingify.scss */
.js-clingify-wrapper 
{
	width: 100%;
	top: 0px;
}

/* line 14, clingify.scss */
.js-clingify-locked 
{
	left: 0;
	position: fixed;
	top: 0;
}
	
.js-clingify-placeholder	
{
	z-index: 29999;
	position: relative;
}

.js-clingify-wrapper .js-clingify-extra
{
	position: relative;
	top: 0;
	left: 0;
}


.js-clingify-wrapper .js-clingify-init-animate
{
	top: -20px;
}



/* --- End of clingify -------------------------------------------------------- */


.wr360_player.blackbackground
{
	background: #000;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */