body,html {height: 100%;min-height: 100%;}
@font-face {
    font-family: 'socicon';
    src: url('fonts/socicon-webfont.eot');
    src: url('fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon-webfont.woff') format('woff'),
         url('fonts/socicon-webfont.ttf') format('truetype'),
         url('fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;font-style: normal;text-transform: initial;}
.socicon {position: relative;top: 1px;display: inline-block;font-family: 'socicon';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;}
.socicon:empty{width: 1em;}

#container {height: 100%}
#container .row {height: 100%; min-height: 100%;}
#container .row .medium-offset-3 {display: table; height: 100%; padding: 0;}

.imageb {height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center center; background-attachment: fixed;}

#wrapper {height: 100%;max-height: 100%; min-height:100%;overflow: hidden;width: 100%;max-width: 720px;float: none;margin: 0; padding: 0; display: block;}
#innerWrapper {height: 100%;display: block;width: 100%;overflow: hidden;}
#wrapper .row {  height: calc(100% - 70px); min-height: calc(100% - 70px); padding:1rem 1rem 0.25rem; background: #FFF; background: rgba(255,255,255,0.9);}

#innerWrapper .brand {text-align: center; padding-bottom:18px;}
#innerWrapper .brand img {max-height: 80px;}

.info-text {padding: 0px 10px 10px 10px; font-size:20px;}

#innerWrapper .brand.viperfamily img {max-height: 160px;}

.provider {text-align:center; margin:0 0 1.25rem;}
.provider p {font-size: 1.5rem; margin:0;padding:0;text-align:center;}
.provider img {margin:0;padding:0;max-height: 3rem;}
.provider a {color: #222;}
.provider a:hover {color: #666;}

.title {font-size: 2.5rem;text-align:center;margin:1.25rem 0 0;padding:0;}
.subwrapper {font-size: 1.5rem;text-align:center;margin:.75rem 0;padding:0 .75rem .75rem .75rem;}

.lgmenuitem, .smmenuitem {overflow:hidden; text-overflow: ellipsis; font-size: 1.60rem;text-align:center;margin:2% 0 0;padding:0.5rem;display:inline-block;}

.lgmenuitem {width:92%;}

.smmenuitem {width:45%;}


.subwrapper .contactArea {display:inline-block;font-size:.9rem;font-weight:bold;width:100%;margin:0;}

.subwrapper hr {margin:.7rem 0 0;padding:0;font-size:0;border-color:#ABF;}

.contactArea a {color:#000;}
.contactArea a:visited {color:#000;}
.contactArea a:hover {color:#888;}
.contactArea a:active {color:#888;}

.contactArea span {color:#00F;}

.ctsicon {background-color:#999;}
.ctsicon:hover {background-color:#666;}
.ctsicon span.buttontitle{background:url(../../_web_images/_logos/denied.png);}

.ctsicon.ctsDSM span.buttontitle{background:url(../../_web_images/_logos/cms.png);}
.ctsicon.ctsFiles span.buttontitle{background:url(../../_web_images/_logos/files.png);}
.ctsicon.ctsCalendar span.buttontitle{background:url(../../_web_images/_logos/calendar.png);}
.ctsicon.ctsNotes span.buttontitle{background:url(../../_web_images/_logos/notes.png);}
.ctsicon.ctsChat span.buttontitle{background:url(../../_web_images/_logos/chat.png);}
.ctsicon.ctsDraw span.buttontitle{background:url(../../_web_images/_logos/draw.png);}
.ctsicon.ctsEMail span.buttontitle{background:url(../../_web_images/_logos/mail.png);}
.ctsicon.ctsOffice span.buttontitle{background:url(../../_web_images/_logos/office.png);}
.ctsicon.ctsAudio span.buttontitle{background:url(../../_web_images/_logos/audio.png);}
.ctsicon.ctsVideo span.buttontitle{background:url(../../_web_images/_logos/video.png);}
.ctsicon.ctsPhoto span.buttontitle{background:url(../../_web_images/_logos/photos.png);}
.ctsicon.ctsUnifi span.buttontitle{background:url(../../_web_images/_logos/unifi.png);}
.ctsicon.ctspfSense span.buttontitle{background:url(../../_web_images/_logos/pfsense.png);}
.ctsicon.ctsCam span.buttontitle{background:url(../../_web_images/_logos/cam.png);}
.ctsicon.ctsMySQL span.buttontitle{background:url(../../_web_images/_logos/mysql.png);}
.ctsicon.ctsApps span.buttontitle{background:url(../../_web_images/_logos/smartphone.png);}
.ctsicon.ctsAndroid span.buttontitle{background:url(../../_web_images/_logos/android.png);}
.ctsicon.ctsApple span.buttontitle{background:url(../../_web_images/_logos/apple.png);}
.ctsicon.ctsViper span.buttontitle{background:url(../../_web_images/images_vipertech/Logo/Color/PNG/Small_Logo.png);}
.ctsicon.ctsViperFamily span.buttontitle{background:url(../../_web_images/images_viperfamily/57x57.png);}
.ctsicon.ctsiDrac span.buttontitle{background:url(../../_web_images/_logos/idrac.png);}
.ctsicon.ctsEdge span.buttontitle{background:url(../../_web_images/_logos/unifi.png);}
.ctsicon.ctsScreenConnect span.buttontitle{background:url(../../_web_images/_logos/screenconnect.png);}
.ctsicon.ctsMail span.buttontitle{background:url(../../_web_images/_logos/mailplus.png);}
.ctsicon.ctsDrive span.buttontitle{background:url(../../_web_images/_logos/drive.png);}
.ctsicon.ctsuTorrent span.buttontitle{background:url(../../_web_images/_logos/utorrent.png);}
.ctsicon.ctsStripe span.buttontitle{background:url(../../_web_images/_logos/stripe.png);}
.ctsicon.ctsRepairShopr span.buttontitle{background:url(../../_web_images/_logos/repairshopr.png);}
.ctsicon.ctsKabuto span.buttontitle{background:url(../../_web_images/_logos/kabuto.png);}
.ctsicon.ctsTechSuite span.buttontitle{background:url(../../_web_images/_logos/techsuite.png);}
.ctsicon.ctsArvest span.buttontitle{background:url(../../_web_images/_logos/arvest.png);}
.ctsicon.ctsMinecraft span.buttontitle{background:url(../../_web_images/_logos/minecraft2.png);}
.ctsicon.ctsStarbound span.buttontitle{background:url(../../_web_images/_logos/starbound.png);}
.ctsicon.ctsFactorio span.buttontitle{background:url(../../_web_images/_logos/factorio.png);}
.ctsicon.ctsGitLab span.buttontitle{background:url(../../_web_images/_logos/gitlab.png);}
.ctsicon.ctsAtomLauncher span.buttontitle{background:url(../../_web_images/_logos/atomlauncher.png);}
.ctsicon.ctsEmsisoft span.buttontitle{background:url(../../_web_images/_logos/emsisoft.png);}
.ctsicon.ctsMoments span.buttontitle{background:url(../../_web_images/_logos/moments.png);color:#000;}
.ctsicon.ctsBluehost span.buttontitle{background:url(../../_web_images/_logos/bluehost.png);color:#000;}
.ctsicon.ctsMJBiz span.buttontitle{background:url(../../_web_images/_logos/mJBiz.png);}
.ctsicon.ctsXoa span.buttontitle{background:url(../../_web_images/_logos/xoa.png);}
.ctsicon.ctsCarrnell span.buttontitle{background:url(../../_web_images/images_carrnell/Logo/PNG/Small.72ppi/CTS_Flat.White.Circle.BlackInside.png);}
.ctsicon.ctsDomotz span.buttontitle{background:url(../../_web_images/_logos/domotz.png);}
.ctsicon.ctsViperTime span.buttontitle{background:url(../../_web_images/_logos/vftime.png);}
.ctsicon.ctsNinja span.buttontitle{background:url(../../_web_images/_logos/ninja.png);}
.ctsicon.ctsAmazon span.buttontitle{background:url(../../_web_images/_logos/amazon.png);}
.ctsicon.ctsPaypal span.buttontitle{background:url(../../_web_images/_logos/paypal.png);}
.ctsicon.ctsWiki span.buttontitle{background:url(../../_web_images/_logos/wiki.png);}
.ctsicon.ctsIO span.buttontitle{background:url(../../_web_images/_logos/io.png);}
.ctsicon.ctsTripLog span.buttontitle{background:url(../../_web_images/_logos/triplog.png);}

.lgmenuitem.ctsicon span.buttontitle{padding-left:2.25rem; background-size: auto 100%; background-repeat: no-repeat;}
.smmenuitem.ctsicon span.buttontitle{padding-left:2.25rem; background-size: auto 100%; background-repeat: no-repeat;}


.ctsicon.ctsArvest {background-color:#5298de;}
.ctsicon:hover.ctsArvest {background-color:#9ecfff;}
.ctsicon.ctsMinecraft {background-color:#418420;}
.ctsicon:hover.ctsMinecraft {background-color:#234811;}
.ctsicon.ctsStarbound {background-color:#5d518c;}
.ctsicon:hover.ctsStarbound {background-color:#322b4a;}
.ctsicon.ctsFactorio {background-color:#613b1a;}
.ctsicon:hover.ctsFactorio {background-color:#2f1d0c;}
.ctsicon.ctsGitLab {background-color:#672e10;}
.ctsicon:hover.ctsGitLab {background-color:#401c0a;}
.ctsicon.ctsAtomLauncher {background-color:#000;}
.ctsicon:hover.ctsAtomLauncher {background-color:#555;}
.ctsicon.ctsDSM {background-color:#004084;}
.ctsicon:hover.ctsDSM {background-color:#002852;}
.ctsicon.ctsApps {background-color:#005403;}
.ctsicon:hover.ctsApps{background-color:#002d02;}
.ctsicon.ctsFiles {background-color:#926d1d;}
.ctsicon:hover.ctsFiles {background-color:#543f11;}
.ctsicon.ctsCalendar {background-color:#05aadb;}
.ctsicon:hover.ctsCalendar {background-color:#046e8e;}
.ctsicon.ctsChat {background-color:#347300;}
.ctsicon:hover.ctsChat {background-color:#214a00;}
.ctsicon.ctsNotes {background-color:#0065a2;}
.ctsicon:hover.ctsNotes {background-color:#003b5f;}
.ctsicon.ctsDraw {background-color:#ad6104;}
.ctsicon:hover.ctsDraw {background-color:#6b3c03;}
.ctsicon.ctsEMail {background-color:#9c9c9c;}
.ctsicon:hover.ctsEMail {background-color:#6d6d6d;}
.ctsicon.ctsOffice {background-color:#369064;}
.ctsicon:hover.ctsOffice {background-color:#21583d;}
.ctsicon.ctsAudio {background-color:#4c9002;}
.ctsicon:hover.ctsAudio {background-color:#315d02;}
.ctsicon.ctsVideo {background-color:#982626;}
.ctsicon:hover.ctsVideo {background-color:#631919;}
.ctsicon.ctsPhoto {background-color:#a98450;}
.ctsicon:hover.ctsPhoto {background-color:#715936;}
.ctsicon.ctsUnifi {background-color:#124463;}
.ctsicon:hover.ctsUnifi {background-color:#0d344c;}
.ctsicon.ctspfSense {background-color:#FFF; color:#000;}
.ctsicon:hover.ctspfSense {background-color:#CCC;}
.ctsicon.ctsCam {background-color:#4b7592; color:#FFF;}
.ctsicon:hover.ctsCam {background-color:#283f4e;}
.ctsicon.ctsMySQL {background-color:#966721; color:#FFF;}
.ctsicon:hover.ctsMySQL {background-color:#503711;}
.ctsicon.ctsAndroid {background-color:#3f5a22;}
.ctsicon:hover.ctsAndroid {background-color:#212f12;}
.ctsicon.ctsApple {background-color:#089cf9;}
.ctsicon:hover.ctsApple {background-color:#0e6da9;}
.ctsicon.ctsViper {background-color:#444;}
.ctsicon:hover.ctsViper {background-color:#222;}
.ctsicon.ctsViperFamily {background-color:#3c2748;}
.ctsicon:hover.ctsViperFamily {background-color:#140b19;}
.ctsicon.ctsiDrac {background-color:#444;}
.ctsicon:hover.ctsiDrac {background-color:#222;}
.ctsicon.ctsEdge {background-color:#000;}
.ctsicon:hover.ctsEdge {background-color:#333;}
.ctsicon.ctsScreenConnect {background-color:#501916;}
.ctsicon:hover.ctsScreenConnect {background-color:#290d0b;}
.ctsicon.ctsMail {background-color:#2e68a0;}
.ctsicon:hover.ctsMail {background-color:#1a3c5d;}
.ctsicon.ctsDrive {background-color:#0f6067;}
.ctsicon:hover.ctsDrive {background-color:#0a3d42;}
.ctsicon.ctsuTorrent {background-color:#496532;}
.ctsicon:hover.ctsuTorrent {background-color:#28381c;}
.ctsicon.ctsStripe {background-color:#3c4286;}
.ctsicon:hover.ctsStripe {background-color:#191c3a;}
.ctsicon.ctsRepairShopr {background-color:#234569;}
.ctsicon:hover.ctsRepairShopr {background-color:#0f1e2d;}
.ctsicon.ctsTechSuite {background-color:#0c4952;}
.ctsicon:hover.ctsTechSuite {background-color:#062327;}
.ctsicon.ctsKabuto {background-color:#9d99e2;}
.ctsicon:hover.ctsKabuto {background-color:#676594;}
.ctsicon.ctsEmsisoft {background-color:#1997d7;}
.ctsicon:hover.ctsEmsisoft {background-color:#156e9b;}
.ctsicon.ctsMoments {background-color:#f9f9f9;}
.ctsicon:hover.ctsMoments {background-color:#c6c6c6;}
.ctsicon.ctsBluehost {background-color:#f9f9f9;}
.ctsicon:hover.ctsBluehost {background-color:#c6c6c6;}
.ctsicon.ctsMJBiz {background-color:#2ba6de;}
.ctsicon:hover.ctsMJBiz {background-color:#2383ae;}
.ctsicon.ctsXoa {background-color:#520b0b;}
.ctsicon:hover.ctsXoa {background-color:#210505;}
.ctsicon.ctsCarrnell {background-color:#500;}
.ctsicon:hover.ctsCarrnell {background-color:#200;}
.ctsicon.ctsDomotz {background-color:#242e3b;}
.ctsicon:hover.ctsDomotz {background-color:#1c2025;}
.ctsicon.ctsViperTime {background-color:#3c2748;}
.ctsicon:hover.ctsViperTime {background-color:#140b19;}
.ctsicon.ctsNinja {background-color:#000000;}
.ctsicon:hover.ctsNinja {background-color:#58595a;}
.ctsicon.ctsAmazon {background-color:#1B232F;}
.ctsicon:hover.ctsAmazon {background-color:#4d535a;}
.ctsicon.ctsPaypal {background-color:#F5F5F5; color:#000;}
.ctsicon:hover.ctsPaypal {background-color:#c1c1c1;}
.ctsicon.ctsWiki {background-color:#0288d1}
.ctsicon:hover.ctsWiki {background-color:#0c5e8a;}
.ctsicon.ctsIO {background-color:#ffffff; color:#000;}
.ctsicon:hover.ctsIO {background-color:#cecece;}
.ctsicon.ctsTripLog {background-color:#39a4f1;}
.ctsicon:hover.ctsTripLog {background-color:#2878c4;}

.menuSection {border-radius:3px; background-color:rgba(0,90,255,.25);}

table {margin:0px auto;background:none;border:none; padding:0;border-collapse: collapse;}
table td {margin:0; background:none; border:none; padding:.1rem .4rem;}
table tr:nth-of-type(odd) {background: none; margin:0; border:none; padding:0;}
.menuSection table tr:nth-of-type(odd) {background: rgba(255,255,255,0.25);}

.ctsError{ width:100%; height:100%; top:0; left:0; position:absolute; padding:.5rem; font-size:50%; background-color:rgba(0,0,0,0.8); color: #FFF;}

#wrapper .row.footer { background-color: #333; padding: 0 10%;}
#wrapper .row.footer .small-1 {padding: 0;}
#wrapper .row.footer .small-1.first {margin: 0 0 0 1.25rem;}
#wrapper .row.footer a {display: block;width: 100%;padding:.8rem 0;text-align: center; font-size: 1rem; color: #CCC;}
#wrapper .row.footer.company a {display: block;width: 100%;padding:1.5rem 0;text-align: center; font-size: 1rem; color: #CCC;}
#wrapper .row.footer .socicon {font-family: "socicon"; color: #CCC;}
#wrapper .row.footer a:hover {color: #FFF;}
.copyright {font-size: .8rem; color:#666;margin:0;padding: 1rem 0; white-space: nowrap;}

#wrapper .row.footer.footprovider { background-color: #222;}
.footprovider .copyright {color:#444;padding: .25rem 0;text-align:center;}

.login {margin: 1.25rem 0;}
.login input[type=text],.login input[type=password] {border-radius: 3px;box-shadow: none;padding-top: 1rem;padding-bottom: 1.0625rem;height: 50px;}
.login form input[type=submit] {outline: none;}
.termsLink {display: block;text-align: center; margin: 1.25rem;}

.alert-box {margin: 0 1rem 1rem; background-color: #FFF;}
.alert-box h4 {text-align: center;border-bottom: 1px dotted #CCC;text-transform: uppercase;font-weight: 500;margin: 1.25rem auto 1rem;padding: 0 0 .3rem 0;width: 50%;}
.alert-box p {font-size: 1rem;color: #666; text-align: center;}

@media only screen and (min-width: 40.063em) {
	#wrapper {height: 80%;max-height: 80%;  display: table-cell;vertical-align: middle;}
	#innerWrapper {border-radius: 5px; height: auto;}
	#wrapper .row {height: auto; min-height: 0;padding:1.5rem 1.25rem 0.25rem;}
	#container .row .medium-offset-3 {padding-left: 0.9375em;padding-right: 0.9375em;margin-left:15% !important;width:70%}
}
@media only screen and (min-width: 43em) {
	.subwrapper, .lgmenuitem {font-size: 1.60rem;}
	.smmenuitem {font-size: 1.60rem;}
	.lgmenuitem.ctsicon span.buttontitle {padding-left:2.25rem;}
	.smmenuitem.ctsicon span.buttontitle {padding-left:2.25rem;}
}
@media only screen and (min-width: 47em) {
	.subwrapper, .lgmenuitem {font-size: 1.60rem;}
	.smmenuitem {font-size: 1.60rem;}
	.lgmenuitem.ctsicon span.buttontitle {padding-left:2.25rem;}
	.smmenuitem.ctsicon span.buttontitle {padding-left:2.25rem;}
}