/*PALET
#e74c3c #c0392b
#3498db #2980b9
#bdc3c7 #ecf0f1
#7f8c8d #95a5a6
#efefef
#f1c40f
#2ecc71

*/

/*fonts*/
@font-face{font-family:'BebasRegular';src:url("fonts/bebas-neue/bebasneue-webfont.eot");src:url("fonts/bebas-neue/bebasneue-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/bebas-neue/bebasneue-webfont.woff") format("woff"), url("fonts/bebas-neue/bebasneue-webfont.ttf") format("truetype"), url("fonts/bebas-neue/bebasneue-webfont.svg#bebas_neueregular") format("svg");font-weight:normal;font-style:normal}
@font-face {font-family: 'Glyphicons Halflings';src: url('fonts/glyphicons/glyphicons-halflings-regular.eot');src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}
.glyphicon {position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*Resets*/
*, html, body { margin: 0; padding: 0; font-family: segoe ui, arial; font-stretch: condensed; }
* { cursor: default; }
html { height: 100%; width: 100%; }
body { height: 100%; min-width: 950px; }
li { list-style: none; }
a { cursor: pointer; }
a:visited { color: #fff; }
input, input:focus, input:active { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
/*Resets END*/


/*properties*/
.preload { display: none; height: 1px; width: 1px; }
.loggedin { display: none; }
.hide { display: none !important; }
.pull-left,.left { float: left !important; }
.pull-right { float: right !important; }
/*.right { float: right !important; }*/
.align-left { text-align: left !important; }
.clear { clear: both; }
.transition { -moz-transition:width .5s, height .5s, background-color .5s, -moz-transform .5s;-webkit-transition:width .5s, height .5s, background-color .5s, -webkit-transform .5s;-o-transition:width .5s, height .5s, background-color .5s, -o-transform .5s;transition:width .5s, height .5s, background-color .5s, transform .5s; }
.width100 { width: 100%; }
.fullsize { width: 100%; height: 100%; }
.bg-gray,.bg-grey { background-color: #ccc !important; }
.bg-medgray,.bg-medgrey { background-color: #5f727c !important; }
.bg-darkgray,.bg-darkgrey { background-color: #323232 !important; }
.bg-meddarkgray,.bg-meddarkgrey { background-color: #414141 !important; }
.bg-darkblue { background-color: #34495E !important; }
.bg-white { background-color: #fff !important; }
.logo { background-image: url('images/logo.png'); width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; cursor: pointer; }
.logo-light { background-image: url('images/logo-light.png') !important; } 
/**/
.icon.btn { background-size: 25px; background-position: 10px 50%; padding-left: 40px !important; }
.icon { background-repeat: no-repeat !important; }
.icon.computer { background-position: 0 0px; }
.icon.mobile { background-position: 0 -60px; }
.icon.console { background-position: 0 -120px; }
.icon.ios { background-image: url('images/ios.png'); }
.icon.linux { background-image: url('images/linux.png'); }
.icon.mac { background-image: url('images/mac.png');  }
.icon.windows { background-image: url('images/windows.png'); }
.icon.android { background-image: url('images/android.png'); }
.icon.windows-white  { background-image: url('images/windows-white.png'); }
.icon.mac-white  { background-image: url('images/mac-white.png'); background-color: #f9f9f9; }
.icon.linux-white  { background-image: url('images/linux-white.png'); }
.icon.filedownload { background-image: url('images/download.png'); }
.icon.admin { background-image: url('images/admin.png'); }
.icon.user { background-image: url('images/user.png'); }
.icon.user-ghost { background-image: url('images/user-blue.png'); }
.icon.user-ghost:hover { background-image: url('images/user.png'); }
.icon.support { background-image: url('images/support.png'); }
.icon.servers { background-image: url('images/servers.png'); }
.icon.config { background-image: url('images/config.png'); }
.icon.stats { background-image: url('images/stats.png'); }
.icon.security { background-image: url('images/security.png'); }
.icon.signup { background-image: url('images/signup.png'); }
.icon.signup-ghost { background-image: url('images/signup-blue.png'); }
.icon.signup-ghost:hover { background-image: url('images/signup.png'); }
.icon.success { background-image: url('images/success.png'); }
.icon.info { background-image: url('images/info.png'); }
.icon.error { background-image: url('images/error.png'); }
.icon.logout { background-image: url('images/logout.png'); }


.back { background-image: url('images/back.png'); height: 128px; width: 128px; }
.back:hover { background-image: url('images/back-hover.png'); }
/**/
.arrowup { display: none; }
.scrollup { width: 70px; height: 70px; background-image: url('images/arrow-up.png'); background-repeat: no-repeat;  background-size: cover; position: fixed; bottom: 30px; right: 40px; z-index: 998; cursor: pointer;/* -webkit-filter: invert(100%); filter: invert(100%);*/ }


/*controls*/
.text-login { border: 1px solid #ccc; padding: 5px; font-size: 18px; cursor: text; background: transparent; color: #34495e; }
.text-landing { border: 1px solid #ccc; padding: 5px; font-size: 18px; cursor: text; background: #fff; }
.text-panel { background: transparent; color: #444; font-weight: 300; border: 1px solid #ccc; padding: 20px 0; font-size: 24px; cursor: text; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*.text-panel:focus { color: #fff; background: rgba(0,0,0,0.5); -moz-transition:width 0.2s, height 0.2s, background-color 0.2s, -moz-transform 0.2s;-webkit-transition:width 0.2s, height 0.2s, background-color 0.2s, -webkit-transform 0.2s;-o-transition:width 0.2s, height 0.2s, background-color 0.2s, -o-transform 0.2s;transition:width 0.2s, height 0.2s, background-color 0.2s, transform 0.2s; }*/
.btn { cursor: pointer; text-transform: capitalize; border: none; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
.btn-ghost { border: none; border-bottom: 4px solid #175e72; color: #fff; background-color: #207992; padding: 5px 20px; font-weight: bold; font-size: 26px; /*-moz-transition:width .5s, height .5s, background-color .5s, -moz-transform .5s;-webkit-transition:width .5s, height .5s, background-color .5s, -webkit-transform .5s;-o-transition:width .5s, height .5s, background-color .5s, -o-transform .5s;transition:width .5s, height .5s, background-color .5s, transform .5s;*/ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.dropdown:hover > .btn-ghost, 
.btn-ghost:hover { background-color: #2796b6; color: #fff; }
.btn-ghost:active { background-color: #207993; color: #fff; }
.btn-orange { color: #fff; background-color: #e67e22; text-shadow: 0px 1px 1px #eea766;  padding: 3px 5px; font-weight: bold; font-size: 26px; }
.btn-orange:hover { background-color: #eda461; }
.btn-orange:active { background-color: #d27117; }
.btn-green { color: #fff; background-color: #38B458; border-radius: 0; border: 1px solid #55ca73 !important; text-shadow: 0px 1px 1px #7ee2a9;  padding: 10px 15px;  font-size: 20px; }
.btn-green:hover { background-color: #55ca73;  }
.btn-blue { background: #34495e; color: #fff; text-shadow: 0px 1px 1px #527394;  padding: 3px 5px; font-weight: 500; font-size: 26px; }
.btn-blue:hover, .btn-blue.selected { background-color: #486582; }
.btn-blue:active { background-color: #34495e; }
.btn-red { background: #e74c3c; color: #fff; text-shadow: 0px 1px 1px #527394;  padding: 3px 5px; font-weight: 500; font-size: 26px; }
.btn-red:hover, .btn-red.selected { background-color: #ec7062; }
.btn-red:active { background-color: #e43a27; }
.btn-tab { padding: 10px 0; padding-left: 20px; font-weight: 400; font-size: 16px; background-size: 20px 20px !important; }
.btn-tab.green { background-color: #7DC374; color: #fff; }
.btn-tab.green:hover { background-color: #6DB068 }
.btn-tab.white { background-color: #fff; color: #444;  }
.btn-tab.white:hover, .btn-tab.white.selected { background-color: #f9f9f9; color: #398BCE; }
.link-btn { color: #252525; cursor: pointer; }
.link-btn:hover { text-decoration: underline; } 
.landing-top.order { font-size: 40px; margin-top: 20px; text-transform: uppercase; }
/**/
.dropdown { position: relative; width: 200px !important;/* outline: solid #f00;*/ margin: 0 !important; padding: 0 !important; }
.dropdown > .btn { background-image: url('images/dropdown-blue.png'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 20px 20px; }
.dropdown:hover > .btn { background-image: url('images/dropdown.png'); }
.dropdown .btn { width: 200px !important; text-align: left; margin: 0 !important; }
.dropdown ul .btn { border: none; }
.dropdown > ul { width: 200px !important; display: none !important;  position: absolute; background: rgba(0,0,0,0.5); margin: 0 !important; font-size: inherit; }
.dropdown:hover > ul { display: block !important; }

.msg { padding: 10px 50px 10px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: list-item; list-style: none; color: #fff; text-align: left; background-position: 98% 50%; background-size: 25px 25px; }
/*.msg.success { background-color: #2ecc71; border-left: 4px solid #229754; }*/
.msg.success, .msg.info { background-color: #3498db; border-left: 4px solid #1c689b; }
.msg.error { background-color: #e74c3c; border-left: 4px solid #ed7c70; }
.response { padding: 5px 0; }



/* PRELOADER CSS GOES HERE */
.globload {
	background: #202736 none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999999;
    /*padding-top: 50%;*/
    display: table;
}
.preloader {
	position: relative;
	width: 65px;
	margin: 20px auto;
	height: 15px;
	/*top: 50%;*/
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.preloader span {
  position: absolute;
  display: block;
  bottom: 0;
  width: 9px;
  height: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
  -webkit-animation: preloader 2s infinite ease-in-out;
          animation: preloader 2s infinite ease-in-out;
}
.preloader span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.preloader span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.preloader span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 600ms;
          animation-delay: 600ms;
}
.preloader span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
.preloader span:nth-child(6) {
  left: 55px;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}

@-webkit-keyframes preloader {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #0096ff;
  }
  50%,100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
}

@keyframes preloader {
  0% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #0096ff;
  }
  50%,100% {
    height: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    background: rgba(0, 0, 0, 0.1);
  }
}

.globload .splash-wrap { display: table-cell; vertical-align: middle; width: 100%; }
.globload h1 { border: none; /*position: absolute; top: 30%;*/ width: 100%; text-align: center; font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;font-weight: 600;font-size: 46px;color: #FFF;padding: 10px 0;}
.globload h2 { border: none; width: 100%; text-align: center;  font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;font-weight: 600;font-size: 26px;color: #FFF; padding: 0; }
/* PRELOADER CSS END HERE */


/*loading splash radial-gradient(ellipse at center,#222 0%,#333 100%)*/
/*.globload {background:#3b405b;background:-moz-radial-gradient(center,ellipse cover,#3b405b 0%,#171b33 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#3b405b),color-stop(100%,#171b33));background:-webkit-radial-gradient(center,ellipse cover,#3b405b 0%,#171b33 100%);background:-o-radial-gradient(center,ellipse cover,#3b405b 0%,#171b33 100%);background:-ms-radial-gradient(center,ellipse cover,#3b405b 0%,#171b33 100%);background:radial-gradient(ellipse at center,#3b405b 0%,#171b33 100%);width:100%;height:100%;position:fixed;z-index:100000;bottom:0;left:0;top:0;right:0;}*/
/*.globload {background:#333;/*background:#222;*//*background:-moz-radial-gradient(center,ellipse cover,#222 0%,#333 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#222),color-stop(100%,#333));background:-webkit-radial-gradient(center,ellipse cover,#222 0%,#333 100%);background:-o-radial-gradient(center,ellipse cover,#222 0%,#333 100%);background:-ms-radial-gradient(center,ellipse cover,#222 0%,#333 100%);background:radial-gradient(ellipse at center,#222 0%,#333 100%);*//*width:100%;height:100%;position:fixed;z-index:100000;bottom:0;left:0;top:0;right:0;}*/
/*@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}}
.bounce {-webkit-animation-name: bounce;animation-name: bounce;}
.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.spinner h6 {font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;font-weight: 300;font-size: 13px;color: #FFF; margin-top: 10px; }
.spinner h1 {font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;font-weight: 600;font-size: 46px;color: #FFF;padding: 10px 0;}
.spinner h2 {font-family: 'Lucida Grande', Lato, 'Helvetica Neue', Arial, Verdana, sans-serif;font-weight: 600;font-size: 26px;color: #FFF; padding: 0; }
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
.spinner{font-size:10px;height:200px;width:600px;position:absolute;margin:auto;text-align:center;top:0;bottom:0;left:0;right:0;}.spinner>div{width:12px;height:12px;background-color:#f1e7c0;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.spinner .bounce3{-webkit-animation-delay:-1.4s;animation-delay:-1.4s;}
@-webkit-keyframes bouncedelay {0%, 80%, 100% {-webkit-transform: scale(0.0)}40% {-webkit-transform: scale(1.0)}}
@keyframes bouncedelay {0%, 80%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);}40% {transform: scale(1.0);-webkit-transform: scale(1.0);}}

*/
/*hint*/
div.hintContainer                    { position: fixed; min-height:20px; display: none; z-index: 9999; max-height: 40px; }
div.hintContainer div.hint-diag      { float:left; display: block; width:0; border-right:5px solid rgba(0,0,0, 0.85); border-bottom: solid 5px transparent;  border-top: solid 5px transparent; margin-top:10px; }
div.hintContainer div.hint-diag-top { margin: 0 auto; display: block; width:0; border:5px solid rgba(0,0,0, 0.85); border-left: solid 5px transparent;border-right: solid 5px transparent;border-top: solid 5px transparent; }
div.hintContainer div.hint-content   { margin-left:5px; padding: 5px; display: block; height:100%; background: rgba(0,0,0, 0.85); color: #fff; /*text-shadow: 0px 0px 1px #fff;*/ font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.hintContainer div.hint-content input,
div.hintContainer div.hint-content .btn { font-weight: normal !important; font-size: 16px !important; }
/*div.hintContainer div.hint_content input:not(:nth-child(1)) {  }*/

/*collapse box*/
.collapsed .door { display: none; }
/*collapse box END*/


/*header*/ 
.header { position: fixed; z-index: 999; background: #fff; padding: 10px 0; width: 100%; min-height: 35px; /*border-bottom:1px solid #ccc; */}
.header .wrapHeader { position: relative; margin-right: 10px; margin-left: 10px; }
.header .wrapHeader .logo { float: left; height: 45px; width: 150px; }
.header .wrapHeader .buttonsWrap { float: right; }


.wrap { height: 100%; position: relative; display: none; }


.containerCaptcha { cursor: pointer; border: 1px solid #ccc; height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; position: relative; }
.containerCaptcha > img { width: 100%; height: 100%; cursor: pointer;  }
.containerCaptcha > span { color: #aaa; position: absolute; bottom: 2px; right: 5px; font-size: 14px; cursor: pointer; }



/*header form popout*/
.buttonsWrap { position: relative; overflow: visible; }
.formPopout { display: none; position: absolute; z-index: 999; right: 0; }
.formPopout .diag-top { width: 100%; height: 20px; }
.popoutContainer fieldset { border: none; text-align: center; background: #fff; padding: 20px; padding-bottom: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/*.formPopout:hover .login { display: block !important; }*/
.formPopout .login, .formPopout .signup, .formPopout .profile { display: none; }
.hover-popout:hover ~ .formPopout, .formPopout:hover { display: block !important; }
.hover-popout.login:hover ~ .formPopout .login, .hover-popout.login ~ .formPopout .login:hover,
.formPopout.active, .formPopout .active,
.hover-popout.signup:hover ~ .formPopout .signup, .hover-popout.signup ~ .formPopout .signup:hover,
.hover-popout.profile:hover ~ .formPopout .profile, .hover-popout.profile ~ .formPopout .profile:hover { display: block ; }
.formPopout .text-login, .formPopout .btn { margin-bottom: 10px; }
.formPopout .btn { min-width: 200px; }



/*footer*/
.footer { width: 100%; min-height: 200px; text-align: center; background: #242424; overflow-x: hidden; position: relative; }
.tile-bar { background-color: #242424; background-image: url('images/tile-bg-line.png'); background-repeat: repeat-x; background-position: 0 -30px; width: 100%; height: 25px; }
.containerFooter { width: 700px; margin: 0 auto; text-align: left; color: #fff; padding: 50px 0 0 0; }
.containerFooter ul { width: 50%; float: left; }
.containerFooter ul li.title { font-size: 20px; font-weight: 600; }