/* DEFAULTS
----------------------------------------------------------*/
input:focus { 
    outline: none !important;
    border-color: #719ECE;
}

body   
{

    background:White;
    font-size:.80em;
    font-family:Calibri;
    margin:0px;
    padding:0px;
    color:Black;
}

a:link 
{
    color:Black;
    text-decoration:none; 
}

a:visited
{
    text-decoration:none;
    color:Black;
}

a:hover
{
    text-decoration:underline;
}

a:active
{
    color:rgb(247,150,42)
}

.active {
    text-decoration: underline;
}

.menu a.active 
{
    color:rgb(255,154,0);
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

ul
{
    margin:0px;
    padding:0px;
    list-style-type:none;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
a.activepage
{ 
    text-decoration:underline;
}

.page
{
    width:100%;
    background-color:White;
    margin:0px auto 0px auto;
    padding:0px;
    border: 0px;
}

.header {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: White;
}

.headerfixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.filler {
    float: left;
    width: 100%;
    height: 0px;
    background: transparent;
}

.fixedfiller {
    float: left;
    width: 100%;
    height: 80px;
}

.menu {
    float: right;
    min-width: 400px;
    height: 50px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 20px;
}

.headerrow 
{
    width: 100%;
    max-width: 90em;
    min-width: 20em;
    height: 50px;
    margin: 15px auto;
}

.headerlogo {
    float: left;
    width: 50px;
    height: auto;
    margin-right: 15px;
}

.headerlogocolumn {
    float: left;
    width: 345px;
    height: auto;
}

.headermenu {
    float: left;
    width: 100%;
    height: 35px;
    background-color: White;
    color: Black;
}

.headermenulinks
{
    width: 800px; 
    height:auto; 
    margin:4px auto; 
    font-size:20px;
}

.headermenucollapse
{
    position:relative;
    display:none;
    float:left; 
    width:100%; 
    height:auto; 
    background-color:White; 
    color:Black
}

.headermenupulldownrow
{
    float:right;
    width:100%; 
    height:auto; 
    font-size:35px; 
    text-align:center;
}


/*
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
*/

.box {
}

.link {
}

.popup {
    width: 310px;
    height: 120px;
    background: White;
    border: 1px solid #808080; /*set border colour here*/
    border-radius: 10px;
    display: none;
    position: absolute;
    left: -125px;
    top:50px;
    outline: 0;
}

.popup:after,.popup:before {
    bottom: 100%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popup:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
}

.popup:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #808080;
    border-width: 12px;
    left: 50%;
    margin-left: -12px;
}

.main
{
    padding:0px 0px;
    margin:0px 0px 0px 0px;
    min-height:420px;
}

.footer
{   
    float:left;
    width:100%;
    height:200px;
    background-color:rgb(150,150,150);
    line-height:20px;
}

.footermenumain 
{
    margin:0px; 
    width:100%;
    position:absolute;
    float:left;
    height:20px; 
    top:55px; 
    white-space: nowrap;
    font-family:'Muli', sans-serif;
    font-size:15px;
}

.footerfooter
{
    float:left; 
    width:100%; 
    margin-top: 40px; 
    color:White; 
    text-align:center;
}

.footercentermenu 
{
    float:left;
    width:100%;
    height:auto;
}

.footercentermenurow
{
    width:750px;
    margin:0px auto;
}

.footercentermenulink
{
    float:left; 
    width:150px;
}


/* Content Elements
----------------------------------------------------------*/
.line
{
    float:left;
    width:100%; 
    height:1px;
    background-image:url("../png/line.png");
    background-repeat: repeat-x;
    z-index:100;
}

.lineorange
{
    width:60%; 
    height:3px;
    margin:10px auto 0 auto;
    background-image:url("../png/lineorange.png");
    background-repeat: repeat-x;
}

/*--------------------------------------------------------------------------------------------------------------------------
.triheaderimage
{
    width:75px; 
    height:auto;
    margin-top:-25px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------
.hheaderimage
{
    width:75px; 
    height:auto;
    margin-top:0px;
}
--------------------------------------------------------------------------------------------------------------------------*/

/* Float Links -------------*/
.floatmenu
{
    position:fixed; 
    top:140px; 
    right:0px; 
    width:80px; 
    height:150px;
    z-index:99;
    margin-right:-40px;
    background:rgb(220,220,220); 
    border-radius: 20px 0px 0px 20px; 
    box-shadow: -2px 3px 5px grey;
    -webkit-transition:left .3s ease-in-out;
    -moz-transition:left .3s ease-in-out;
    -o-transition:left .3s ease-in-out;
    transition:left .3s ease-in-out
}

.floatnewsmenugroup
{
    position:fixed; 
    top:360px; 
    right:0px; 
    z-index:99;
    margin-right:-40px;
}

.floatnewsmenu
{
    position:fixed; 
    top:320px; 
    right:0px; 
    width:80px;
    height:90px;
    z-index:99;
    margin-right:-40px;
    background:rgb(220,220,220); 
    border-radius: 20px 0px 0px 0px; 
    box-shadow: -2px 3px 5px grey;
    -webkit-transition:left .3s ease-in-out;
    -moz-transition:left .3s ease-in-out;
    -o-transition:left .3s ease-in-out;
    transition:left .3s ease-in-out
}

.floatenewsmenu
{
    position:fixed; 
    top:410px; 
    right:0px;
    width:80px;
    height:90px;
    z-index:99;
    margin-right:-40px;
    background:rgb(150,150,150); 
    border-radius: 0px 0px 0px 20px; 
    box-shadow: -2px 3px 5px grey;
    -webkit-transition:left .3s ease-in-out;
    -moz-transition:left .3s ease-in-out;
    -o-transition:left .3s ease-in-out;
    transition:left .3s ease-in-out
}

.floatmenu:hover, .floatnewsmenu:hover, .floatenewsmenu:hover
{
    padding-right:40px
}

/* Hbox -------------*/
.hboxsection
{
    float:left; 
    width:100%; 
    height:auto;
}

.hboxrow
{ 
    width:100%; 
    height:auto;
}

.hboxrowcontent
{
    width:1320px; 
    margin:50px auto 0px auto;
    height:auto;
}

.tophboxrowcontent
{
    width:1320px; 
    margin:70px auto 0px auto;
    height:auto;
}

.hboxrowcontentheader
{
    float:left; 
    width:100%; 
    height:45px; 
    overflow:hidden; 
    background-color:rgb(220,220,220);
   
}

.hboxrowcontentbox
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.hboxrowcontentboxtextlist
{
    float:left; 
    width:100%; 
    margin:30px 0 0 0;
}

.contactmainimage
{
    width:100%; 
    height:600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646; 
    background-image:url(../jpg/officesolo.jpg)
}

.aboutmainimage
{
    width:100%; 
    height:600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646; 
    background-image:url(../jpg/office.jpg)
}

.partnermainimage
{
    width:100%; 
    height:600px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646; 
    background-image:url(../jpg/partners.jpg)
}

.teamimage
{
    width:100%; 
    height:420px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646; 
    background-image:url(../team.html)
}

.teamlinksrow
{
   float:left; 
   width:100%; 
   height:auto; 
   margin:8px 0 0 0; 
   background:rgb(240,240,240); 
   font-size:25px; 
   text-align:center; 
}

.teamlinkscontentrow
{
   float:left; 
   width:100%; 
   height:auto; 
   margin:10px 0px 20px 0px; 
}

.teamlinkscontentrowheader
{
   float:left; 
   height:auto; 
   width:100%; 
   margin:10px 0 0 0; 
   font-size:20px; 
}

.teamlinkscontentrowlinksrow
{
    float:left; 
    width:100%; 
    margin:30px 0 0 0; 
    color:rgb(247,155,42);
}

.teamlinkleft,.teamlinkcenter,.teamlinkright
{
    float:left; 
    width:33.33%;
}

.teamlinkleft a:hover:after
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    content: '';
    display: block;
    background:url(../png/sales.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.teamlinkcenter a:hover:after
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    content: '';
    display: block;
    background:url(../png/support.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.teamlinkright a:hover:after
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 420px;
    content: '';
    display: block;
    background:url(../png/dev.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.hboxrowcontentboxtext
{
    float:left; 
    width:94%; 
    height:auto; 
    margin:10px 20px 20px 20px; 
    font-size:20px; 
    color: rgb(100,100,100)
}

.hboxrowcontentboxnumbersrow {
    float:left; 
    width: 100%; 
    text-align:center; 
    height: auto; 
    margin:55px 0 50px 0;
}

.hboxrowcontentboxnumbersrowbox {
    float:left; 
    width: 25%; 
    height: auto;
}

.hboxrowcontentboxnumbersrowboximage
{
    height: 110px;
    width: auto; 
}

.hboxrowcontentboxnumbersrowboxnumber
{
    font-size:90px; 
    line-height:90px; 
    margin:5px 0 0 -10px;
}

.hboxrowcontentboxnumbersrowboxnumberinfo
{
    font-size:20px; 
    margin:5px 50px 0 40px;
}

/*Main page new -------------------------------------------------------------------------------------------------------------Easy to Find*/

.mainproductsectionrow {
    width: 1320px;
    height: 500px;
    margin: 50px 0px auto 0;
    text-align:center;
    background-color:rgb(240,240,240);
}

.mainproductrowcol {
    float: left;
    width: 240px;
    height:250px;
    margin-right: -1px;
    margin-left: 5px;
}

.mainproductcoltitlebox {
    float: left;
    height: 206px;
    width: 11%;
    background-color: white;
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
    font-size: large;
    font-family: 'Century Gothic';
    text-align: center;
    box-shadow: 5px 3px 8px #888888;
    margin-left:0px;
    padding-right:4px;
}

.maintitleboxtext {
    writing-mode: vertical-rl; 
   transform:rotate(180deg);
}

.mainproductcolimgbox {
    float: right;
    height: 200px;
    width: 82%;
    margin-right: 6.5px;
    border-color: white;
    border-width: medium;
    border-style: solid;
    box-shadow: 5px 3px 8px #888888;
}

.mainproductimgboximg {
    float:left;
    margin:0 auto;
    height:80%;
    width:100%;
    object-fit:contain;
    overflow:hidden;
    position:relative;

}


.mainproductimgboxdescrip {
    float: left;
    margin: 0 auto;
    background-color: white;
    height:20%;
    width:100%;
    text-align:center;
   justify-content:center;
}

.mainproductimgboxdescription {
    float: left;
    margin: 0 auto;
    background-color: white;
    height: 20%;
    width: 100%;
    text-align: center;
    justify-content: center;
}

.producthboxrowcontentheader2 {
    float: left;
    width: 100%;
    height: 45px;
    overflow: hidden;
    background-color: rgb(220,220,220);
}

/*testimonial new---------------*/

.testrowcol {
    float: left;
    width: 240px;
    height: 240px;
    margin-right: -1px;
    margin-left: 5px;
}
.testbox {
    display:inline-block;
    width: 240px;
    height: 240px;
    margin-right: -1px;
    margin-left: 5px;
}


blockquote {
    background: #f9f9f9;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family:'Century Gothic';
    font-style:italic;
}

    blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
    }

    blockquote:after {
        content: close-quote;
        visibility: hidden;
    }

    blockquote p {
        display: block;

    }

.rowboxx {
    width: 978px;
    height: 215px;
    margin: -22px auto 0px auto;
    padding-top: 35px;
}

.mainpageimg{
    float:left;
    height:240px;
    width:25%;

}
/*carousel new -------------------*/

.carouselsection2 {
    float: left;
    width: 100%;
    height: auto;
}

.carouselrow2 {
    width: 100%;
    height: auto;
    margin: 0px auto;
}

.carouselimagesection2 {
    float: left;
    width: 100%;
    height: auto;
    margin: 50px 0 0 0;
}

.carouselrowproducts2 {
    float: left;
    width: 100%;
}

.carouselimagerow2 {
    width: 1320px;
    height: auto;
    margin: 0px auto;
}

.carouselrowfooter2 {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0;
    text-align: center;
    font-size: 20px;
    border-top: 1px solid rgb(200,200,200);
    border-bottom: 1px solid rgb(200,200,200);
    background-color: rgb(240,240,240);
}


/* TriBox 2 -------------*/

.producttriboxsection2 {
    float:left;
    width: 100%;
    height: auto;
    margin: 0px auto;
    position:relative;
}

.rowbox{
    width:978px;
    height:320px;
    margin:30px auto 15px auto;
    padding-top: 35px;
}



.rowbox2 {
    width: 978px;
    height: 320px;
    margin: 0px auto;
    background-color:navajowhite;
    display:block;
    justify-content:center;
    align-items:center;
    margin: 0 auto;
    text-align:center;
}

.box{
    width:250px;
    height:auto;
    box-sizing:border-box;
    background-color:white;
    margin-left:5%;
    margin-top:5%;
    margin-bottom:2%;
    display:inline-block;
    justify-content:center;
}

.textblock {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
}

.box:hover .overlay{
    opacity:1;
}

.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    opacity:0;
    transition: .5s ease;
    background-color:#0024fc
}

.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.imgdescrip {
    position: absolute;
    top: 300px;
    left: 50px;
    width: 350px;
    height: 160px;
    background-color: rgba(0,0,0,0.65);
}

.imgdesctext {
    padding: 15px;
    margin: 0px;
    font-size: 25px;
    line-height: 30px;
    color: White;
}


/* EventsBox -------------*/

.eventscontentbox
{ 
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.eventscontentboxtribox
{
    float:left;
    width:630px;
    height:auto;
    margin:0 0 15px 0;
}

.eventscontentboxtriboxlinebox
{
    float:left;
    width:100%;
}

.eventscontentboxtriboxline
{
    width:95%;
    height:3px;
    margin: 15px auto 0 auto;
    background-image:url("../png/line.png");
    background-repeat: repeat-x; 
}

/*--------------------------------------------------------------------------------------------------------------------------
.eventscontentboxtriboxlastline
{
    width:95%;
    height:1px;
    margin: 15px auto 0 auto;
    background-color: rgb(120,120,120);
}
--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------
.eventscontentboxtriboxcenter
{
    float:left;
    width:630px;
    margin:0 32px;
}
--------------------------------------------------------------------------------------------------------------------------*/
.eventscontentboxtriboximagecolumn
{
    float:left;
    width:40%;
    height:100px;
}

.eventscontentboxtriboxtextcolumn
{
    float:left;
    width:50%;
    height:auto;
}

.eventscontentboxtriboximagecolumn img
{
    float:left;
    margin:15px 10px 0 20px;
}

.eventscontentboxtriboxtextcolumntextheader
{
    float:left;
    width:100%;
    margin:10px 0px 0px 20px;
    font-size:20px;
    font-weight:bold;
    color: rgb(100,100,100);
}

.eventscontentboxtriboxtextcolumntextdate
{
    float:left;
    width:100%;
    margin:0px 0px 0px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.eventscontentboxtriboxtextcolumntextinfo
{
    float:left;
    width:100%;
    margin:0px 0px 0px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.eventscontentboxtriboxtextcolumntextlink
{
    float:left;
    width:100%;
    margin:0px 0px 0px 20px;
    font-size:20px; 
}

.eventscontentboxtriboxtextcolumntextlink a
{
    color:rgb(247,155,42);
}


/* NewsBox -------------*/
.newscontentbox
{ 
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.newscontentboxtribox
{
    float:left;
    width:630px;
    /* Inactive until Solutions active*/
    /*width:544px;*/
    height:auto;
    margin:0 0 15px 0;
}

.newscontentboxtriboxlinebox
{
    display:none;
    float:left;
    width:100%;
}

.newscontentboxtriboxline
{
    width:95%;
    height:3px;
    margin: 15px auto 0 auto;
    background-image:url("../png/line.png");
    background-repeat: repeat-x; 
}

/*--------------------------------------------------------------------------------------------------------------------------
.newscontentboxtriboxlastline
{
    width:95%;
    height:1px;
    margin: 15px auto 0 auto;
    background-color: rgb(120,120,120);
}
--------------------------------------------------------------------------------------------------------------------------*/

.newscontentboxtriboxcenter
{
    float:left;
    width:630px;
    /* Inactive until Solutions active*/
    /*width:544px;*/
    /*margin:0 32px;*/
    margin:0 0 0 32px;
}

.archivednewscontentboxtriboxcenter
{
    float:none; 
    width:70%; 
    height:auto; 
    margin:0px auto;
}

.newscontentboxtriboximagecolumn
{
    float:left;
    width:200px;
    height:auto;
}

.newscontentboxtriboxtextcolumn
{
    /* Inactive until Solutions active*/
    /* float:right;*/
    float:left;
    width:69%;
    height:auto;
}

.archivednewscontentboxtriboxtextcolumn
{
    float:left;
    width:72%;
    height:auto;
}

.newscontentboxtriboximagecolumn img
{
    float:right;
    margin:15px 10px 0 0px;
}

.newscontentboxtriboxtextcolumntextheader
{
    float:left;
    width:100%;
    margin:10px 0px 0px 20px;
    font-size:20px;
    font-weight:bold;
    color: rgb(100,100,100);
}

.newscontentboxtriboxtextcolumntextdate
{
    float:left;
    width:100%;
    margin:0px 0px 0px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.newscontentboxtriboxtextcolumntextinfo
{
    float:left;
    width:100%;
    margin:10px 0px 0px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.newscontentboxtriboxtextcolumntextinfo a
{
    color:rgb(247,150,42);
}

.newscontentboxtriboxtextcolumntextlinkheader
{
    float:left;
    width:100%;
    margin:15px 0px 0px 20px;
    font-size:20px;
    font-weight:bold;
    color: rgb(100,100,100);
}

.newscontentboxtriboxtextcolumntextlink
{
    float:left;
    width:100%;
    margin:0px 0px 0px 20px;
    font-size:20px; 
}

.newscontentboxtriboxtextcolumntextlink a
{
    color:rgb(247,155,42);
    float:left;
    width:100%;
}

.enewscontentboxlink
{
    width:100%;
}

.enewscontentboxlink a
{
    color:rgb(247,155,42);   
}

/*--------------------------------------------------------------------------------------------------------------------------
.contentfooterlinebox
{
    float:left; 
    width:100%; 
    height:21px;
}
--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------
.contentfooterlineboxline
{
    float:left; 
    margin:20px 0 0 1.5%; 
    width:97%; 
    height:1px; 
    background-color: rgb(120,120,120);
}
--------------------------------------------------------------------------------------------------------------------------*/

.contentfootercontentbox
{
    float:left; 
    width:100%; 
    height:auto;
    margin:30px 0;
}

/* ConnectBox -------------*/
.connecthboxsection
{
    float:left; 
    width:100%; 
    height:auto;
    margin:50px auto 0px auto; 
}

.formhboxsection
{
    float:left;
    width:100%; 
    margin-top:100px; 
    margin-bottom:30px;
}

.connecthboxrow
{ 
    float:left;
    width:100%; 
    height:auto; 
    margin:0px auto;
}

.formhboxrow
{ 
    float:none; 
    width:40%; 
    margin:0px auto;
}

.connecthboxcontentheaderimage
{
    width:100%;
}

.connecthboxheader
{
    float:left; 
    width:100%; 
    height:auto;
    min-height:45px;
    margin-top:0px; 
    background-color:rgb(220,220,220);
}

.connecthboxheadertext
{
    margin-top:5px; 
    text-align:center;
    font-size:25px;
}

.connecthboxcontentsubheader
{
    width:90%; 
    margin:70px auto 0 auto; 
    text-align:center; 
    font-size:24px;    
}

.connecthboximage
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px;
    background-color:rgb(240,240,240); 
}

.connecthboxform
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:10px; 
    background-color:rgb(240,240,240);
}

.connecthboxcontent
{
    width:80%; 
    height:auto; 
    margin:40px auto 0px auto;
    text-align:center;
}

.connecthboxcontentheader
{
    width:100%; 
    margin:50px 0 0 0; 
    text-align:center; 
    font-size:24px;
}

.connecthboxcontentintro
{
    width:100%;
    margin: 30px 0 0 0;
    text-align:center; 
}

.connecthboxcontentintroimage
{
    width:400px; 
    height:auto;
}

.connecthboxcontenttext
{  
    width:90%; 
    margin:30px auto 0 auto;
    font-size:24px;
}

.connecthboxcontenttextcolumnleft, .connecthboxcontenttextcolumnright
{
    float:left; 
    width:47%; 
    text-align:center;
}

.connecthboxcontenttextcolumncenter
{
    float:left; 
    width:6%; 
    height:100px;
}

.connecthboxcontenttextcolumnleftcolumn
{
    float:right;
}

.connecthboxcontenttextcolumnrightcolumn
{
   float:left;
   margin:24px 0 0 0;
}

.connectcolumnl
{
    float:left; 
    width:50%;  
    height:auto;
    font-size:18px;
}

.formcolumnl
{
    float:left; 
    width:100%;  
    height:auto;
    font-size:18px;
}

.connectcolumnlbox
{
    float:right;
    margin-right:20px;
}

.connectcolumnlbox
{
    float:right;
    margin:0px;
}

.connectcolumnr
{
    float:left; 
    width:50%;  
    height:auto;
    margin:11px 0% 0 0;
    font-size:18px;
}

.formcolumnr
{
    float:left; 
    width:100%;  
    height:auto;
    margin:11px 0 0 0;
    font-size:18px;
}

.connectcolumnform
{
    width:65%;
    height:auto;
    margin:30px auto; 
    font-size:35px;
}

.connectcolumnformfields
{
   width:100%; 
   height:auto; 
   margin:0px auto; 
   text-align:center; 
}

.connectcolumnformbuttons
{
    float:left; 
    width:100%; 
    height:150px; 
    margin-bottom:0px;
}

.connectcolumnformbuttonsleft
{
    float:left; 
    width:49%; 
    margin-top:20px; 
    text-align:right;
}

connectcolumnformbuttonsright
{
    float:right; 
    width:49%; 
    margin-top:20px; 
    text-align:left;
}

.formcolumnform
{
    width:40%;
    height:auto;
    margin:30px auto;
    font-size:35px;
}

.connectcolumnformbox
{
    width:60%;
    height:auto;
    margin:0px auto; 
}

.connectcolumnlrow
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:10px;
}
    
.connectcolumnlrowl
{
    float:left; 
    width:32%; 
    height:100%; 
    text-align:right; 
    margin-right:1%;
}

.formcolumnlrowl
{
    float:left;
    width:100%;
    height:100%;
    text-align:center;
}

.connectcolumnlrowr
{
    float:left; 
    width:66%; 
    height:100%; 
    text-align:left;
}

.formcolumnlrowr
{
    float:left; 
    width:100%; 
    height:100%; 
    text-align:left;
}

.connectmessagecolumnl
{
    float:left; 
    width:40%; 
    height:100%; 
    text-align:left;
    margin-right:1%;
    margin-left:20px;
}

.formmessagecolumnl
{
    float:left; 
    width:100%; 
    height:100%; 
    text-align:center;
}

.connectmessagecolumnr
{
    float:left;  
    width:70%; 
    height:auto;
    text-align:left;
    margin-top:15px;
    margin-left:20px;
}

.formmessagecolumnr
{
    float:left;  
    width:100%; 
    height:auto;
    text-align:left;
}

.connecttextbox
{
    height:auto;
}

.connectcolumnformpass
{
    font-size:17px;
    color: rgb(247,155,42);
}


/* Products (!plural!) HBox -------------*/
.productshboxsection
{
    float:left; 
    width:100%; 
    height:auto; 
    margin:30px auto 0px auto;
    background-color:White; 
}

.productshboxrow
{
    width:1320px; 
    height:auto; 
    margin:0px auto;
}

.productshboxrowcollapse
{
    display:none;
    float:left;
    width:95%;
    margin:0 2.5% 50px 2.5%;
}

.productshboximagecolumn
{
    float:left;
    width:25%;
    margin:0px;
}

.productshboximagebox
{
    float:left; 
    width:100%; 
    height:220px; 
}

.productshboxoverimage
{
    float:left;
    width:25%;
    margin-left:-25%;
}

.productshboxcontentcolumn
{
    float:left;
    width:74.3%;
    margin:0 0 0 0.7%;
}

.productshboxheader
{
    float:left;
    width:100%;
    height:45px;
    background-color:rgb(220,220,220);
    overflow:hidden; 
}

.productshboxheadertext
{
    float:left; 
    padding:5px 5px 5px 20px; 
    font-size:25px; 
    text-align:left;
}

.productshboxheadertextdesc
{
    float:left; 
    padding:9px 0px; 
    font-size:20px;
    text-align:left;
}

.productshboximage
{
    width:100%; 
    height:100%;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646;
}

.productshboxcontentbox
{
    position:relative; 
    float:left; 
    width:100%; 
    height:167px; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.productshboxcontent
{
    float:left; 
    width:97%; 
    height:auto; 
    margin:5px 20px;
    font-size:20px; 
    color: rgb(100,100,100)
}

.productshboxcontentlink
{
    position:absolute; 
    right:20px; 
    bottom:15px;
}

.monitorcollapse
{
    display:none;
}


/* Product Menu */
.productmenusection
{
    float:left; 
    width:100%; 
    height:auto;
}

.productmenurow
{
    width:1320px; 
    height:auto; 
    margin:0px auto;
}

.productmenurowheader
{
    float:left; 
    height:auto; 
    margin:50px 0px 0px 20px; 
    font-size:50px;
}

.productmenuline
{
    float:left;
    width:100%; 
    height:3px;
    background-image:url("../png/line.png");
    background-repeat: repeat-x;
}

.productmenulinks
{
    float:left; 
    height:30px; 
    margin:10px 0px 0px 20px; 
    font-size:25px;
}

/* Add-Ons InActive. When Active remove and switch to .productmenulink1*/
.productmenulinkbc1
{
    float:left; 
    width:150px;
}

.productmenulink1
{
    float:left; 
    width:150px;
}

.productmenulink2
{
    float:left; 
    width:200px;
}

.productmenulink3
{
    float:left; 
    width:100px;
}

.productmenulink4
{
    float:left; 
    width:250px;
}

.productmenupulldownrow
{
    display:none;
    width:95%; 
    height:auto; 
    margin:0px auto 0 auto; 
    font-size:35px; 
    text-align:center;
}

/* Product HBox -------------*/
.producthboxsection
{
    width:100%; 
    height:auto; 
    margin:0px auto;
    background-color:rgb(240,240,240)
}

.producthboxrow
{
    width:1320px; 
    height:auto; 
    margin:0px auto;
}

.producthboxrowbox
{ 
    float:left; 
    width:100%; 
    height:auto;
}

.producthboxrowcontent
{
    width:1320px; 
    margin:50px auto 0px auto;
    height:auto;
}

.producthboxrowcontentheader, .producthboxrowcontentheadercollapse, .producthboxrowcontentheaderkill
{
    float:left; 
    width:100%; 
    height:45px; 
    overflow:hidden; 
    background-color:rgb(220,220,220);
}

.producthboxrowcontentheadercollapse
{
    display:none;
}

.producthboxrowcontentheadertext
{
    float:left; 
    padding:5px 20px; 
    font-size:25px;
}

.producthboxrowimagebox
{
    float:left; 
    width:368px; 
    height:225px; 
}

.producthboxrowimage
{
    float:left; 
    width:368px;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646;
}

/*--------------------------------------------------------------------------------------------------------------------------
.producthboxrowcontentshort
{
    float:left; 
    width:1318px;
    margin-left:10px;
}
--------------------------------------------------------------------------------------------------------------------------*/

.producthboxrowcontentbox
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.producthboxrowcontentboxpackages
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
}

.producthboxrowcontentboxtext
{
    float:left; 
    width:94%; 
    height:auto; 
    margin:10px 20px 20px 20px; 
    font-size:20px; 
    color: rgb(100,100,100)
}


/* Product TriBox (Used in Homepage, Product Overview and Product Support ) -------------*/
.producttriboxsection
{
    float:left; 
    width:100%; 
    height:auto; 
    margin:50px auto 0px auto;
}

.producttriboxrow
{
    width:1320px; 
    height:auto; 
    margin:0px auto;
}

/* Remove when solutions active */
.producthalfboxbox
{
    float:left;
    width:648px;
    margin:0px;
}

.producttriboxbox
{
    float:left;
    width:420px;
    margin:0px;
}

.xproducttriboxbox {
    float: left;
    width: 24.2%;
    margin-right: 0.5%;
    outline: solid 1px lightgray;
    outline-offset: -1px;
    background-color: White;
}

.producttriboxboxcenter {
    float: left;
    width: 420px;
    margin: 0 30px;
}

.xproducttriboxboxcenter {
    float: left;
    width: 24.2%;
    margin: 0px 0.5%;
    outline: solid 1px lightgray;
    outline-offset: -1px;
    background-color: White;
}

.xproductlistcolumn {
    float:left;
    width: 25%;
    height:auto;
}

.producttriboxheader {
    height: 45px;
    background-color: rgb(220,220,220);
}

.producttriboxheadertext {
    float:left; 
    padding:5px 20px; 
    font-size:25px; 
    text-align:left;
}

.producttriboxheaderimage {
    float:right;
}

.producttriboxheadertextimage {
    float:right;
}

.producttriboximagebox {
    float:left; 
    width:100%; 
    height:225px; 
    margin-top:8px;
}

.producttriboximage {
    width:100%; 
    height:100%;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646;
}

.producttriboxcontentbox {
    position: relative;
    float: left;
    width: 100%;
    min-height:200px;
    margin-top: 8px;
    background-color: rgb(240,240,240);
}

.xproducttriboxcontentbox {
    position: relative;
    float: left;
    width: 100%;
    height: 200px;
    margin-top: 8px;
    background-color:none;
}

.producttriboxcontent {
    float:left; 
    width:100%;
}

.producttriboxcontentlink {
    position:absolute; 
    right:25px; 
    bottom:15px;
}

.producttriboxcontentlinkcollapse {
    float:left;
    width:200px; 
    height:auto; 
    margin:20px 0px 0px 20px;
}

.producttriboxcontentlink1 {
    position:absolute;
    height:50px;
    right:10px; 
    top:100px;
}

.producttriboxcontentlink2 {
    position:absolute;
    height:50px;
    right:10px; 
    top:55px;
}

.producttriboxcontentlink3
{
    position:absolute;
    height:50px;
    right:10px; 
    top:10px;
}

.producttriboxcontenttext
{
    float:left; 
    height:auto;
    margin:10px 20px 20px 0px;
    font-size:20px; 
    color: rgb(100,100,100)
}

.producttriboxcontenttexthome {
    float:left;
    height:auto;
    margin:10px 10px 10px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.producttriboxcontenttextbox
{
    float:left;
    min-height:235px;
    height:auto;
    margin:10px 20px 20px 20px;
    font-size:20px; 
    color: rgb(100,100,100);
}

.producttriboxcontenttext, .producttriboxcontenttexthome div
{
    float:left;
    width:95%;
}

.producttriboxcontenttext a, .producttriboxcontenttexthome a
{
    float:left;
    color:rgb(100,100,100);
    margin-top:0px;
    vertical-align:bottom;
}

.producttriboxcontenttext img, .producttriboxcontenttexthome img
{
    float:left;
    margin:3px 20px 0px 5px;
    vertical-align:bottom;
    /*position:absolute;
    top:4px;
    left:5px;*/
}

.xproducttriboxcontenttexthome {
    float: left;
    height: auto;
    margin: 10px 10px 10px 20px;
    font-size: 14px;
    color: rgb(100,100,100);
}

.xproducttriboxcontenttext a, .xproducttriboxcontenttexthome a {
    float: left;
    color: rgb(100,100,100);
    margin-top: 0px;
    vertical-align: bottom;
}

.xproducttriboxcontenttext img, .xproducttriboxcontenttexthome img {
    width:50%;
    float: left;
    margin: 3px 20px 0px 5px;
    vertical-align: bottom;
    /*position:absolute;
    top:4px;
    left:5px;*/
}

.whowearecolumntext {
    float: left;
    margin: 50px 0 0 0;
    width: 55%;
}

.whowearecolumnimage {
    width: 100%;
    position: relative;
    bottom: 0px;
    max-width: 90em;
    min-width: 20em;
    margin: 0px auto;
    height: 500px;
}

.producttriboxboxpackages {
    float: left;
    width: 420px;
    margin: 0px;
}

.producttriboxboxpackagescenter {
    float:left;
    width:420px;
    margin:0 30px;
}

.producttriboxcontentpackagesheader {
    margin:10px 20px 0px 20px; 
    font-size:25px; 
    color: rgb(100,100,100);
}
    
.producttriboxcontentpackagestext {
    min-height: 200px; 
    margin:0px 20px 20px 20px; 
    font-size:20px; 
    color: rgb(100,100,100);
}


/* Product FeatureBox (used for Add-on, Success Story and Purchase sections) -------------*/
.fixedheaderlinkoffset {
    float:left; 
    width:100%; 
    height:200px; 
    margin-top:-200px; 
    visibility:none;
}

.fixedheaderlinkoffsetcollapse {
    float:left; 
    width:100%; 
    height:250px; 
    margin-top:-250px; 
    visibility:none;
}

.productfeatureboxsection {
    float:left; 
    width:100%; 
    height:auto; 
    margin:30px auto 0px auto;
    background-color:White; 
}

.productfeatureboxrow {
    width: 1320px;
    height: auto;
    margin: 0px auto;
}

.productfeatureboxrowleft {
    float:left; 
    width:49%;
    height:100%;
}

.productfeatureboxrowright {
    float:left; 
    width:49%;
    margin: 0 0 0 2%;
}

.orangecolumnleft
{
    display:none;
    float:left; 
    width:0.75%; 
    height:441px; 
    background-color:#F93;
}

.orangecolumnright
{
    display:none;
    float:left; 
    width:0.75%; 
    height:441px; 
    margin: 0 0 0 2%;
    background-color:#F93;
}

.productfeatureboxrowcollapse
{
    display:none;
    float:left;
    width:95%;
    margin:0 2.5% 50px 2.5%;
}

.productfeatureboximagecolumn
{
    float:left;
    width:25%;
    margin:0px;
}

.productfeatureboxleftimagecolumn
{
    float:left;
    width:33%;
    margin:0px;
}

.productfeatureboxrightimagecolumn
{
    float:left;
    width:33%;
    margin:0px;
}

.productfeatureboxoverimage
{
    float:left;
    width:25%;
    margin-left:-25%;
}

.productfeatureboxleftoverimage
{
    float:left;
    width:33%;
    margin-left:-33%;
}

.productfeatureboxrightoverimage
{
    float:left;
    width:33%;
    margin-left:-33%;
}

.productfeatureboxcontentcolumn
{
    float:left;
    width:74.3%;
    margin:0 0 0 0.7%;
}

.productfeatureboxleftcontentcolumn
{
    float:left;
    width:66%;
    margin:0 0 0 0.7%;
}

.productfeatureboxrightcontentcolumn
{
    float:left;
    width:66%;
    margin:0 0 0 0.7%;
}

.productfeatureboxheader
{
    position:relative; 
    float:left;
    width:100%;
    height:45px;
    background-color:rgb(220,220,220);
    overflow:hidden; 
}

.productfeatureboxheadertext
{
    float:left; 
    padding:5px 20px; 
    font-size:25px; 
    text-align:left;
}

.productfeatureboximagebox
{
    float:left; 
    width:100%; 
    height:220px; 
}

/*--------------------------------------------------------------------------------------------------------------------------
.productfeatureboximageover
{
    float:left; 
}
--------------------------------------------------------------------------------------------------------------------------*/

.productfeatureboximage
{
    width:100%; 
    height:100%;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646;
}

.productfeatureboxcontentbox
{
    position:relative; 
    float:left; 
    width:100%; 
    height:auto;
    min-height:168px;
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.productfeatureboxcontent
{
    float:left; 
    width:87%; 
    height:auto; 
    margin:10px 20px;
    font-size:20px; 
    color: rgb(100,100,100)
}

.productfeatureboxcontent a
{
    color:rgb(247,155,42);
}

  
/* Product PurchaseBox (also used for Support sections) -------------*/
.productpurchaseboxsection
{
    float:left; 
    width:100%; 
    height:auto; 
    margin:50px auto 0px auto;
    background-color:White; 
}

.productpurchaseboxrow
{
    width:1320px; 
    height:auto; 
    margin:0px auto;
}

.productpurchaseboxrowcollapse
{
    display:none;
    float:left;
    width:95%;
    margin:0 2.5% 50px 2.5%;
}

.productpurchaseboxrowcollapseright
{
    display:none;
    float:left;
    width:95%;
    height:200px;
    margin:0 2.5% 50px 2.5%;
    background-color:RGB(220,220,220);   
}

.productpurchaseboxcolumnleft
{
    float:left; 
    width:900px; 
    height:auto
}

.productpurchaseboxcolumnright
{
    float:left; 
    width:388px; 
    height:475px; 
    margin-left:32px; 
    background-color:RGB(220,220,220)
}

.productpurchaseboxcolumnrow
{
    float:left; 
    width:900px; 
    height:auto;
}

/*--------------------------------------------------------------------------------------------------------------------------
.productpurchaseboximagebox
{
    float:left; 
    width:100%; 
    height:210px; 
}

.productpurchaseboximage
{
    width:100%; 
    height:100%;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:#464646;
}

.productpurchaseboxoverimage
{
    float:left;
    width:25%;
    margin-left:-25%;
}
--------------------------------------------------------------------------------------------------------------------------*/

.productpurchaseboxcolumnrightbox
{
    margin:10px 20px; 
    font-size:23px; 
    line-height:25px;
}

.productpurchaseboxcolumnrightrow
{
    width:100%; 
    height:55px;
    padding:10px 0 20px 0;
}

.productpurchaseboxcolumnrightimage
{
    float:left; 
    width:60px;
}

.productpurchaseboxcolumnrightcontent
{
    float:left; 
    width:250px;
}

/*--------------------------------------------------------------------------------------------------------------------------
.productpurchaseboxcolumnrightrowdeal
{
    width:93%;
    height:100px; 
    margin:30px 20px 0px 20px; 
    font-size:23px; 
    line-height:25px;
}

.productpurchaseboxcolumnrightrowdealbox
{
    float:left; 
    width:100%;
}
--------------------------------------------------------------------------------------------------------------------------*/

/* Product SpecsBox (also used for FAQs sections) -------------*/
.productspecsboxrowcontentbox
{ 
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.productspecsboxrowcontentboxtext
{
    float:left; 
    width:98%; 
    height:auto; 
    margin:5px 20px 35px 20px; 
    font-size:20px; 
    color: rgb(100,100,100)
}

.productspecsboxlanguagecolumnsheader
{
    float:left; 
    width:100%; 
    margin-top:20px;
    color:Black;
}

.productspecsboxlanguagecolumnscollapse
{
    display:none;
}

.hboxrowcontentboxtextlistcollapse
{
    display:none;
    margin:30px 0 0 0;
    float:left;
}

.partnersidcolumn
{
    float:left; 
    width: 100%; 
    margin:15px 0 0 0;
}

.partnercubeLeft
{
    float:left; 
    width:32.3%; 
    height:430px; 
    margin:20px 0 0 0; 
}

.partnercubeCenter
{
    float:left; 
    width:32.3%; 
    height:430px; 
    margin:20px 0 0 1.5%; 
}

.partnercubeRight
{
    float:left; 
    width:32.3%; 
    height:430px; 
    margin:20px 0 0 1.5%;
}

.partnersoftware a
{
    color:Gray;
}

.partnermachine a
{
    color:Black;
}

.partnerassociation a
{
    color:rgb(247,155,42);
}

/* Related Products -------------*/
.relatedhboxrow
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:50px;
}

.relatedhboxrowcontent
{
    width:1320px; 
    margin:0px auto;
}

.relatedhboxrowcontentheader
{
    float:left; 
    width:100%; 
    height:45px; 
    overflow:hidden; 
    background-color:rgb(220,220,220);
}

.relatedhboxrowcontentheadertext
{
   float:left; 
   padding:5px 20px; 
   font-size:25px; 
}

.relatedhboxrowcontentbox
{
    float:left; 
    width:100%; 
    height:143px; 
    margin-top:8px; 
    background-color:rgb(240,240,240)
}

.relatedhboxrowcontentboxtext
{
    float:left; 
    width:90%; 
    height:100px; 
    padding:5px 20px; 
    font-size:20px; 
    color: rgb(100,100,100)
}


/* Search HBox -------------*/
.searchhboxsection
{
    float:left; 
    width:100%; 
    height:auto; 
    margin:50px auto 0px auto; 
}

.searchhboxrow
{ 
    width:100%; 
    height:auto; 
    margin:0px auto;
    background-color:White;
}

.searchhboxheader
{
    float:left; 
    width:100%; 
    height:45px; 
    margin-top:0px; 
    background-color:rgb(220,220,220);
}

.searchhboxheadertext
{
    margin-top:5px; 
    text-align:center;
    font-size:25px;
}

.searchhbox
{
    float:left; 
    width:100%; 
    height:auto; 
    margin-top:8px; 
    background-color:rgb(240,240,240);
}

.searchhboxcontentintro
{
    width:40%; 
    height:auto; 
    margin:40px auto 0px auto;
    text-align:center;
}

.searchhboxcontentintrotext
{
    width:100%; 
    font-size:20px; 
    text-align:center; 
    margin-top:25px;
}

.searchhboxcontentintroinput
{
    width:100%; 
    font-size:20px; 
    text-align:center; 
    margin-top:10px;
}

.searchhboxtriboxsection
{
    width:100%; 
    height:auto; 
    margin: 10px auto 0px auto;
}

.searchhboxtriboxbox
{
    float:left; 
    width:34%; 
    height:auto;
    margin: 0 0 50px 0;
}

.searchmenupulldownrow
{
    display:none;
    float:left;
    width:100%;
    margin:0px;
    background-color:rgb(240,240,240);
}

.searchmenupulldown
{
    width:60%; 
    height:auto; 
    margin:0px auto 0 auto; 
    font-size:35px; 
    text-align:center;  
}

.searchcolumnfilterpass
{
    width:60%;
    margin:0px auto;
    text-align:center;
    font-size:30px;
    font-weight:bold;
    /*color: rgb(247,155,42);*/
}

/* Carousel
----------------------------------------------------------*/
.carouselsection
{
    float:left; 
    width:100%; 
    height:auto;
}

.carouselrow
{
    width:100%; 
    height:auto; 
    margin:0px auto;
}

.carouselimagesection
{
    float:left; 
    width:100%; 
    height:auto;
    margin:50px 0 0 0;
}

.carouselrowproducts
{
    float:left; 
    width:100%; 
    background-color:rgb(240,240,240);
}

.carouselimagerow {
    width: 1320px;
    height: auto;
    margin: 0px auto;
}

.carouselrowfooter
{
    float:left; 
    width:100%; 
    height:auto; 
    padding:20px 0; 
    text-align:center; 
    font-size:20px; 
    border-top: 1px solid rgb(200,200,200); 
    border-bottom: 1px solid rgb(200,200,200); 
    background-color:rgb(240,240,240);
}

.productpackagecarouselimagesection
{
    float:left; 
    width:100%; 
    height:auto;
    margin:50px 0 0 0;
}

.productpackagecarouselimagerow
{
    width:940px; 
    height:auto; 
    margin:0px auto;
}

.productpackagecarouselimagerowheader
{
    float:left; 
    width:100%; 
    height:45px; 
    overflow:hidden;
}



/* Header Collapsible Menu
----------------------------------------------------------*/

/* Main */
.headergoo-collapsible
{	
    width:100%;
	list-style: none;
    font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
    font-size:18px;
    padding:0px;
    margin:0px auto 0 auto;
    text-align:right;
}

/*set border for every line of menu */
.headergoo-collapsible li 
{ 
    margin: 0;
    background:#FFFFFF;
}

/*remove decoration from text links and treat it as a block.*/
.headergoo-collapsible li a 
{
	text-decoration:none;
    color:#666;
    display:block;
    padding:0px 12px;
}

/*we dont want text to be underline as regular link*/
.headergoo-collapsible li a:hover 
{
	background: #F8F8F8;
    text-decoration:none;
}

/*remove list style (circles) for submenu*/    
.headergoo-collapsible li ul 
{
	list-style: none;
    background: #d3d3d3;
    display: none;
    margin:0;
    padding:0;
    text-align:left;
}

/*remove border and set only bottom border for submenu*/    
.headergoo-collapsible li ul li 
{
	margin:0 0 0 0; 
    border:0; 
    border-bottom:1px solid #bbb;
}

/*remove bottom border from last element in submenu*/    
.headergoo-collapsible li ul li:last-child 
{
	border-bottom:0;
}

/*set padding for submenu to be inline with maimenu*/    
.headergoo-collapsible li ul li a 
{
    display: block; 
    padding: 10px 14px 10px 33px;
    background: #d3d3d3; 
}

/*remove text decoration for links*/
.headergoo-collapsible li ul li a:hover 
{
    text-decoration: none;
    background: #d9d9d9; 
}
/*for menu which have a submenu display some icon*/
.headergoo-collapsible .dropdown > a 
{ 
	/*background: url(/images/arrowdown.png) no-repeat right center; */
}
	
/*set some hover color on drop down menu*/
.headergoo-collapsible .dropdown > a:hover 
{ 
    background: #F8F8F8; 
}

/* Dealer Menu Collapsible Menu
----------------------------------------------------------*/

/* Main */
.dealergoo-collapsible {
    width: 100%;
    list-style: none;
    font-size: 15px;
    padding: 0px;
    margin: 0px auto 0 auto;
    text-align: left;
}

/*set border for every line of menu */
.dealergoo-collapsible li {
    margin: 0;
    background:none;
}

/*remove decoration from text links and treat it as a block.*/
.dealergoo-collapsible li a {
    text-decoration: none;
    color: #666;
    display: block;
    padding: 0px 0px;
}

/*we dont want text to be underline as regular link*/
.dealergoo-collapsible li a:hover {
    background: none;
    text-decoration: none;
}

/*remove list style (circles) for submenu*/
.dealergoo-collapsible li ul {
    list-style: none;
    background: none;
    display: none;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height:8px;
}

/*remove border and set only bottom border for submenu*/
.dealergoo-collapsible li ul li {
        margin: 0 0 0 0;
        border: 0;
}

/*remove bottom border from last element in submenu*/
.dealergoo-collapsible li ul li:last-child {
    border-bottom: 0;
}

/*set padding for submenu to be inline with mainmenu*/
.dealergoo-collapsible li ul li a {
    display: block;
    padding: 15px 0px 5px 20px;
    background-color:none;
}

/*remove text decoration for links*/
.dealergoo-collapsible li ul li a:hover {
    text-decoration: underline;
        }

/*for menu which have a submenu display some icon*/
.dealergoo-collapsible .dropdown > a {
/*background: url(/graphics/master/button-next.png) no-repeat right center;*/
}

/*set some hover color on drop down menu*/
.dealergoo-collapsible .dropdown > a:hover {
    background: #F8F8F8;
}

.rotated-image {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.register {
    display: block;
}


/* Collapsible Menu
----------------------------------------------------------*/

/* Main */
.goo-collapsible
{	
    width:100%;
	list-style: none;
    font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
    font-size:18px;
    padding:0px;
    margin:50px auto 0 auto;
}

/*set border for every line of menu */
.goo-collapsible li 
{ 
	border: 1px solid #bbb;
    margin: 0;
    background:#F0F0F0;
}
    
/*remove decoration from text links and treat it as a block.*/
.goo-collapsible li a 
{
	text-decoration:none;
    color:#666;
    display:block;
    padding:20px 12px;
}

/*we dont want text to be underline as regular link*/
.goo-collapsible li a:hover 
{
	background: #F8F8F8;
    text-decoration:none;
}

/*remove list style (circles) for submenu*/    
.goo-collapsible li ul 
{
	list-style: none;
    background: #d3d3d3;
    display: none;
    margin:0;
    padding:0;
}

/*remove border and set only bottom border for submenu*/    
.goo-collapsible li ul li 
{
	margin:0; 
    border:0; 
    border-bottom:1px solid #bbb;
}

/*remove bottom border from last element in submenu*/    
.goo-collapsible li ul li:last-child 
{
	border-bottom:0;
}

/*set padding for submenu to be inline with maimenu*/    
.goo-collapsible li ul li a 
{
    display: block; 
    padding-left: 33px;
    background: #d3d3d3; 
}

/*remove text decoration for links*/
.goo-collapsible li ul li a:hover 
{
    text-decoration: none;
    background: #d9d9d9; 
}
/*for menu which have a submenu display some icon*/
.goo-collapsible .dropdown > a 
{ 
	background: /*url(/images/arrowdown.png) no-repeat right center; */
}
	
/*set some hover color on drop down menu*/
.goo-collapsible .dropdown > a:hover 
{ 
    background: #F8F8F8; 
}


/* Rotator
----------------------------------------------------------*/

.sliderowhome {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
    /*background-image:url("/graphics/slides/Geo.jpg");*/
    background-repeat: repeat;
}

.sliderow
{
    float:left;
    width:100%;
    height:auto;
    margin-top:0px;
}

.slideitem 
{
    width: 1320px;
    height: 510px;
    position: relative;
    margin: auto;
}

.xslideitem {
    width: 100%;
    position: relative;
    margin: auto;
}



/*
.slideitemdev
{
    width:1320px; 
    height:381.33px;  
    position:relative;
    margin:auto;
}
*/


.rotatorfactrow {
    float: left;
    height: 120px;
    width: 100%;
    background-color: rgb(240,240,240);
    color: rgb(100,100,100);
    border-bottom: 1px solid gray;
}

.rotatorfactcolumnleft {
    float: left;
    width: 25%;
    height: 70px;
    margin-top: 25px;
    border-left: 1px solid gray;
}

.rotatorfactcolumninside {
    float: left;
    height: 70px;
    width: 24.6%;
    margin-top: 25px;
    border-left: 1px solid gray;
}

.rotatorfactcolumnright {
    float: left;
    height: 70px;
    width: 25%;
    margin-top: 25px;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.rotatorfactcolumnrow {
    margin: 0px auto;
    width: 60%;
    height: 100px;
}

.rotatorfactsleft {
    float: left;
    width: 30%;
}

.rotatorfactsright {
    width: 40%;
    text-align: right;
    float: right;
}

.rotatorfactsheadertext {
    font-size: 24px;
    width: 80%;
    margin: 0px auto;
    text-align: left;
}

.rotatorfactsfacttextlarge {
    margin: 0px;
    font-size: 45px;
    line-height: 45px;
}

.rotatorfactsfacttextsmall {
    margin: 0px;
    font-size: 15px;
}

/*--------------------------------------------------------------------------------------------------------------------------
.rotatorimage
{
    width:100%; height:100%
}
--------------------------------------------------------------------------------------------------------------------------*/


.rotatordesc {
    position: absolute;
    top: 300px;
    left: 50px;
    width: 350px;
    height: 160px;
    background-color: rgba(0,0,0,0.65);
}

.xrotatordesc {
    position: relative;
    top: 0px;
    width: 100%;
    height: 500px;
    max-width: 90em;
    min-width: 20em;
    margin: 0px auto;
}

.xrotatordescright {
    width: 100%;
    position: relative;
    top: 0px;
    max-width: 90em;
    min-width: 20em;
    margin: 0px auto;
    height: 500px;
}

.rotatordesctext {
    padding: 15px;
    margin: 0px;
    font-size: 25px;
    line-height: 30px;
    color: White;
}

.rotatordesctextright {
    width: 330px;
    padding: 0px;
    margin: 10px 100px 0 0px;
    font-size: 80px;
    font-weight: bold;
    line-height: 80px;
    color: rgb(70,70,70);
    text-align: right;
    z-index: 9;
}

.rotatordesctextrightbox {
    position: absolute;
    Top: 100px;
    right: 0px;
    background-color: white;
    border-radius: 25px 0 0 25px;
}

.rotatordesctextright2 {
    width: 330px;
    margin: 50px 0px 20px 0px;
    font-size: 30px;
    line-height: 30px;
    color: rgb(70,70,70);
    text-align: right;
}

.xrotatordesctext {
    position: absolute;
    Top: 30px;
    margin: 0px;
    font-size: 25px;
    line-height: 30px;
    color: White;
}

.xrotatordesctexttop {
    width: 300px;
    padding: 0px;
    font-size: 72px;
    font-weight: bold;
    line-height: 80px;
}

.xrotatordesctextmid {
    width: 300px;
    margin-top: 50px;
    font-size: 30px;
    line-height: 30px;
}

.xrotatordesctextbot {
    width: 330px;
    margin-top: 25px;
    font-size: 30px;
    line-height: 30px;
}

.rotatorimageresize {
    width: 100%;
    height: 378px;
    position: relative;
    top: 0;
    left: 0;
}

.rotatorabsoluterfront 
{
    position: absolute;
    width: 100%;
    z-index: 9;
}

.rotatorabsolutermid 
{
    position:absolute;
    width:100%;
    height:500px;
    right:0px;
    z-index:8;
}

.rotatorabsoluterback {
    position: absolute;
    left: 0px;
    z-index: 1;
    width: 100%;
}

.rotatorimageresizeimage {
    float: left;
    width: 100%;
    height: 378px;
    margin: 0px auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
}

.xrotatorimageresizeimage {
    height: 500px;
    width: 50%;
    float: left;
    background-image: url("../png/geot.png");
    background-repeat: repeat;
}

.rotatorimageresizeimagedev
{
    margin:0px auto;
    margin-top:2px;
    width:100%; 
    height:650px;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:transparent;
}

.rotatorimageresizeimagecollapse, .rotatorimageresizeimagecollapsedev
{
    display:none;
    margin:0px auto; 
    width:100%; 
    height:500px;
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-color:White;
}

.rotatorimageresizeimagecollapse1st 
{
    float: left;
    width: 40%;
    height: 500px;
}

.rotatorimageresizeimagecollapse2nd {
    float: left;
    width: 60%;
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: White;
}

.xrotatordesctextmid
{
    margin: 0px 0px 30px 0px;
}

.xrotatordesctextbot {
    margin: 0px 0px 30px 0px;
}

.rotatordescbutton {
    position: absolute;
    top: 420px;
    left: 227px;
}

div.rotator 
{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    position:relative;
	height:auto;
	width:100%;
	padding:0px;
	margin:0px;
	background-color:transparent;
	display:block;
    top: 0px;
    left: -465px;
}

div.navigation 
{
	position:absolute;
}

div.navigation {
    position: absolute;
}

div.navigation div.current, div.navigation a 
{
	width:20px;
	height:20px;
	margin:0px;
	float:left;
	overflow:hidden;
}

div.navigation a:hover 
{
	text-decoration:none;
}

div.navigation div.current 
{
	background-image:url("../png/rotatornavactive.png");
	background-repeat:no-repeat;
}

div.navigation a 
{
	display:block;
	background-image:url("../png/rotatornavinactive.png");
	background-repeat:no-repeat;
}

#introslide 
{
	background:#000;
	color:#eee;
	text-align:left;
}

/* For Gallery Images*/
.rotatorgallery 
{
    position:absolute;
    top:430px; 
    left:225px; 
    width:350px;
    height:80px;
    text-align:center;
    background-color:rgba(0,0,0,0.5);
}

div.navigationgallery 
{
	position:absolute;
	top:480px;
	left:370px;
}

div.navigationgallery div.currentgallery, div.navigationgallery a 
{
	width:20px;
	height:20px;
	margin:0px;
	float:left;
	overflow:hidden;
}

div.navigationgallery a:hover 
{
	text-decoration:none;
}

div.navigationgallery div.currentgallery 
{
	background-image:url("../png/rotatornavactive.png");
	background-repeat:no-repeat;
}

div.navigationgallery a 
{
	display:block;
	background-image:url("../png/rotatornavinactive.png");
	background-repeat:no-repeat;
}


/* Read More  
----------------------------------------------------------*/
.read-more-state {
  display: none;
}                  

.read-more-target 
{
  display: none;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target 
{
  display: inherit;
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before 
{
  content: '+ Show more';
  color:rgb(247,155,42);
}

.read-more-state:checked ~ .read-more-trigger:before 
{
  content: '- Show less';
  color:rgb(247,155,42);
}

.read-more-wrap 
{
  width:100%;
}

.read-more-trigger 
{
  display:inline-block;
  cursor: pointer;
  padding: 0px;
  color: #666;
  font-size: .9em;
  line-height: 1.2;
  /*border: 1px solid #ddd;
  border-radius: .25em;*/
}

/* Show More  
----------------------------------------------------------*/
.show-more-state {
  display: none;
}                  

.show-more-target 
{
  display: none;
}

.show-more-state:checked ~ .show-more-wrap .show-more-target 
{
  display: inherit;
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.show-more-state ~ .show-more-trigger:before 
{
  /* content: url("/graphics/master/RotatorNavInactive.png"); - for images */
  content: 'Show more Info on Package Features >>';
  color:rgb(247,155,42);
}

.show-more-state:checked ~ .show-more-trigger:before 
{
  content: '- Minimize Feature Info';
  color:rgb(247,155,42);
}

.show-more-wrap 
{
  width:100%;
}

.show-more-trigger 
{
  display:inline-block;
  cursor: pointer;
  padding: 0px;
  color: #666;
  font-size: 1.2em;
  line-height: 1.2;
  /*border: 1px solid #ddd;
  border-radius: .25em;*/
}

.dlrshow-more-state {
    display: none;
}

.dlrshow-more-target {
    display: none;
}

.dlrshow-more-state:checked ~ .dlrshow-more-wrap .dlrshow-more-target {
    display: inherit;
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.dlrshow-more-state ~ .dlrshow-more-trigger:before {
    /* content: url("/graphics/master/RotatorNavInactive.png"); - for images */
    content: '+ Expand';
    color: rgb(247,155,42);
    font-size:14px;
}

.dlrshow-more-state:checked ~ .dlrshow-more-trigger:before {
    content: '- Minimize';
    color: rgb(247,155,42);
}

.dlrshow-more-wrap {
    width: 100%;
}

.dlrshow-more-trigger {
    display: inline-block;
    cursor: pointer;
    padding: 0px;
    color: #666;
    font-size: 1.2em;
    line-height: 1.2;
    /*border: 1px solid #ddd;
  border-radius: .25em;*/
}

/* Collage 
----------------------------------------------------------*/
.collagesection
{
    float:left; 
    width:100%; 
    height:auto; 
    margin:8px 0 0 0;
}

.collagerow
{
    width:1320px; 
    height:500px; 
    margin:0px auto; 
    background:White;
}

.collagerowcolumntopleft
{
    position:relative; 
    float:left; 
    width:700px; 
    height:auto;
}

.collagerowcolumntopright
{
    float:left; 
    width:620px; 
    height:500px;
}

.collagerowcolumntoprightrowtop
{
    float:left;
    width:620px; 
    height:250px;
}

.collagerowcolumntoprightrowbottom
{
    float:left;
    width:620px; 
    height:250px;
    margin-top:-1px;
}

.collagerowcolumnbottom
{
    float:left;
    width:1320px;
    height:auto;
}

.collagerowcolumnrightrowbottomcolumnleft
{
    position:relative; 
    float:left; 
    width:440px; 
    height:250px;
}

.collagerowcolumnrightrowbottomcolumnmiddle
{
    position:relative; 
    float:left; 
    width:440px; 
    height:250px;
}

.collagerowcolumnrightrowbottomcolumnright
{
    position:relative; 
    float:left; 
    width:440px; 
    height:250px;
}

.collagestartcolor
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:30px; 
    background:rgb(240,240,240);
}

.collagestartcolordark
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height: 30px; 
    background: rgb(220,220,220);
}

.collagecolorbox
{
    width:100%; 
    height:100%; 
    background: rgb(247,155,42);
}

.collagecolorboxtext
{
    position:relative; 
    top:35px; 
    left:110px; 
    width:398px; 
    height:210px;
    text-align:center; 
    color:White; 
    font-size:36px;
}

.collagegradientboxlarge
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:200px; 
    background: rgb(220,220,220); 
    background: -webkit-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -o-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -moz-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: linear-gradient(180deg, rgba(200,200,200,0), rgba(200,200,200,1));
}

.collagegradientboxlargetext
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:50px; 
    text-align:center; 
    color:black; 
    font-size:32px;
}

.collagegradientboxmids
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:200px; 
    background: rgb(220,220,220); 
    background: -webkit-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -o-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -moz-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: linear-gradient(180deg, rgba(200,200,200,0), rgba(200,200,200,1));
}

.collagegradientboxmidswhite
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:160px; 
    background: rgb(240,240,240); 
    background: -webkit-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: -o-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: -moz-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: linear-gradient(180deg, rgba(240,240,240,0), rgba(240,240,240,1));
}

.collagegradientboxmidstext
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:35px; 
    text-align:center; 
    color:black;
    font-size:24px;
}

.collagegradientboxsmalls
{
    position:absolute; 
    bottom:30px; 
    right:0px; 
    width:100%; 
    height:120px; 
    background: rgb(240,240,240); 
    background: -webkit-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: -o-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: -moz-linear-gradient(180deg,rgba(240,240,240,0),rgba(240,240,240,1)); 
    background: linear-gradient(180deg, rgba(240,240,240,0), rgba(240,240,240,1));
}

.collagegradientboxsmallsdark
{
    position:absolute; 
    bottom:30px; 
    right:0px; 
    width:100%; 
    height:120px; 
    background: rgb(220,220,220); 
    background: -webkit-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -o-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: -moz-linear-gradient(180deg,rgba(220,220,220,0),rgba(220,220,220,1)); 
    background: linear-gradient(180deg, rgba(220,220,220,0), rgba(220,220,220,1));
}

.collagegradientboxsmallstext
{
    position:absolute; 
    bottom:0px; 
    right:0px; 
    width:100%; 
    height:35px; 
    text-align:center; 
    color:black; 
    font-size:20px;
}

.collageimage, .collageimage2 .collageimage3 
{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    float:left;
    margin:0px;
}

.collageimage figure, .collageimage2 figure, .collageimage3 figure 
{
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left:0px
}

.collageimage figure img
{
    display:block;
    width:100%;
    height:auto;
    position:relative;
    margin:0px
}

.collageimage2 figure img, .collageimage3 figure img 
{
    display:block;
    width:100%;
    height:250px;
    position:relative;
    margin:0px
}

.collageimage figure figcaption, .collageimage2 figure figcaption, .collageimage3 figure figcaption 
{
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.collageimage figure h2
{
    color:#fff;
    font-size:36px;
    text-align:center;
    margin:80px 0 0 0;
}

.collageimage figure p
{
    display:block;
    font-size:28px;
    line-height:32px;
    margin:20px;
    color:#fff;
    text-align:center;
}

.collageimage2 figure h2 
{
    color:#fff;
    font-size:30px;
    line-height:36px;
    text-align:center;
    margin:10px 0 0 0;
}

.collageimage2 figure p 
{
    display:block;
    font-size:22px;
    line-height:26px;
    margin:20px 0 0 0;
    color:#fff;
    text-align:center;
}

.collageimage3 figure h2 
{
    color:#fff;
    font-size:30px;
    line-height:36px;
    text-align:center;
    margin:20px 0 0 0;
}

.collageimage3 figure p 
{
    display:block;
    font-size:22px;
    line-height:26px;
    margin:15px 0 0 0;
    color:#fff;
    text-align:center;
}

.collageimage figure figcaption, .collageimage2 figure figcaption, .collageimage3 figure figcaption
{
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:15px 15px;
    background-color:rgb(240, 100, 40);
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s;
    color:#fff;
}

.collageimage figure img, collageimage figure img, .collageimage2 figure img, collageimage2 figure img, .collageimage3 figure img, collageimage3 figure img 
{
    backface-visibility:hidden;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    transition:all .4s
}

.collageimage figure:hover img,figure.hover img, .collageimage2 figure:hover img,figure.hover img, .collageimage3 figure:hover img,figure.hover img 
{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.collageimage figure:hover figcaption,figure.hover figcaption, .collageimage2 figure:hover figcaption,figure.hover figcaption, .collageimage3 figure:hover figcaption,figure.hover figcaption 
{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}


/* Tooltip
----------------------------------------------------------*/
.tooltip
{
   	display: inline;
    position: relative;
}
		
.tooltip:hover:after
{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 5%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 240px;
    
}
		
.tooltip:hover:before
{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 21px;
    content: "";
    left: 20px;
    position: absolute;
    z-index: 99;
}

.tooltiplinks
{
   	display: inline;
    position: relative;
    font-size:20px;
}
		
.tooltiplinks:hover:after
{
    position: absolute;
    border-radius: 5px;
    bottom: 41px;
    left: 15px;
    width: 80px;
    content: attr(title);
    padding: 5px 10px;
    color: #fff;
    background: #333;
    background: rgba(0,0,0,.8);
    z-index: 98;
    
}
		
.tooltiplinks:hover:before
{
    position: absolute;
    bottom: 36px;
    left: 20px;
    content: "";
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;  
    z-index: 99;
}

/* MISC  
----------------------------------------------------------*/
.clearout {
height:20px;
clear:both;
}

/* MISC  
----------------------------------------------------------*/
.textindent
{
    float:left; 
    width:100%; 
    text-indent:-12px;
}

.clear
{
    clear:both;
}


/* Responsive Elements   
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 3320px)
{ 


    .slideitem
    {
        width:978px;
        height:378px;
    }
    
    .sliderowhome 
    {
        height: auto;
        /*background-image: url(/graphics/slides/Geo.jpg);*/
        background-size: 566px 378px;
    }
 
    .slideitemdev
    {
        width:978px;
        height:300px;
    }
    
    .rotatorimageresizeimage
    {
        height:378px;
    }
    
    .rotatordesc
    {
        top:220px;
        left:22px;
        width:270px;
        Height:125px;
    }

    .rotatordesctext
    {
        font-size: 19px;
        line-height: 22px;
    }

    div.navigation {
        top: 320px;
        left: 39px;
    }
    div.navigation div.current, div.navigation a 
    {
        
	    width:15px;
	    height:15px;
	    background-size: 15px 15px;
    }

    .rotatordescbutton 
    {
        top: 316px;
        left: 167px;
    }
    
    .rotatordescbutton img
    {
        height:20px;
    }

    .descbutton img {
        height: 20px;
    }
    
    .producttriboxrow 
    {
        width: 978px;
        height: auto;
        margin: 0px auto;
    }
    
    .producthalfboxbox
    {
        width: 480px;
        height: auto;
        margin: 0px auto;
    }
    
    .producttriboxsection 
    {
        margin: 30px auto 0px auto;
    }
    
    .producttriboxheader
    {
        height:32px;
    }
    
    .producttriboxheader img
    {
        height:32px;
    }

    .producttriboxheadertext 
    {
        float: left;
        padding: 5px 20px;
        font-size: 18px;
        text-align: left;
    }

    .producttriboxheadertextPS 
    {
        margin: 30px 0 0 15px;
        padding: 0px;
        font-size: 32px;
    }

    
    .producttriboxheaderimage img
    {
        height:32px;
    }
    
    .producttriboximagebox 
    {
        height: 180px;
    }
    
    .producttriboxcontenttexthome 
    {
        font-size: 14px;
    }

     .producttriboxcontenttexthome img 
    {
        height: 15px;
        margin: 1px 20px 0px 5px;   
    }
    
    .collagecolorbox img
    {
        height:100px;
    }

    .carouselimagesection 
    {
        margin: 30px 0 0px 0;
    }

    .carouselimagerow {
        width: 978px;
        margin: 0px auto;
        height: auto;
    }
    .producthboxrowcontentheader, .producthboxrowcontentheadercollapse, .producthboxrowcontentheaderkill 
    {
        height: 32px;
    }
    
    .producthboxrowcontentheader img
    {
        height: 32px;
    }
    
    .producthboxrowcontentheadertext 
    {
        font-size: 18px;
    }

    .hboxrowcontent 
    {
        width: 978px;
        margin: 30px auto 0px auto;
    }
    
    .hboxrowcontentheader 
    {
        height: 32px;
    }
    
    .newscontentboxtribox 
    {
        width: 550px;
    }
    
    .newscontentboxtriboximagecolumn 
    {
        width: 150px;
    }
    
    .newscontentboxtriboximagecolumn img 
    {
        width:125px;
        height:auto;
    }
    
    .newscontentboxtriboxtextcolumntextheader 
    {
        font-size: 16px;
        margin: 10px 0px 0px 10px;
    }
    
    .newscontentboxtriboxtextcolumntextdate 
    {
        font-size: 16px;
        margin: 10px 0px 0px 10px;
    }
    
    .newscontentboxtriboxtextcolumntextinfo 
    {
        width:90%;
        font-size: 16px;
        margin: 10px 0px 0px 10px;
    }
    
    .newscontentboxtriboxtextcolumntextlinkheader 
    {
        font-size: 16px;
        margin: 10px 0px 0px 10px;
    }
    
    .newscontentboxtriboxtextcolumntextlink 
    {
        font-size: 16px;
        margin: 0px 0px 0px 10px;
    }
    
    .eventscontentboxtribox 
    {
        width: 380px;
    }
    
    .eventscontentboxtriboximagecolumn img 
    {
        width:125px;
        height:auto;
    }
    
    .eventscontentboxtriboxtextcolumntextheader 
    {
        margin: 10px 0px 0px 10px;
        font-size: 16px;
    }
    
    .eventscontentboxtriboxtextcolumntextdate 
    {
        margin: 0px 0px 0px 10px;
        font-size: 16px;
    }
    
    .eventscontentboxtriboxtextcolumntextinfo 
    {
        margin: 0px 0px 0px 10px;
        font-size: 16px;
    }
    
    .eventscontentboxtriboxtextcolumntextlink 
    {
        margin: 0px 0px 0px 10px;
        font-size: 16px;
    }
    
    .contentfootercontentbox 
    {
        height: auto;
        margin: 0px 0 20px 0px;
    }
    
    .connecthboxheader 
    {
        min-height: 32px;
    }
    
    .connecthboxheadertext 
    {
        font-size: 18px;
    }
    
    .connecthboxcontentheaderimage img
    {
        width: 270px;
        height:auto;
    }
    
    .connecthboxcontentheader 
    {
        width: 100%;
        margin: 30px 0 0 0;
        text-align: center;
        font-size: 18px;
    }
    
    .connecthboxcontenttext 
    {
        margin: 20px auto 0 auto;
        font-size: 18px;
    }
    
    .connecthboxcontentsubheader {
        margin: 50px auto 0 auto;
        font-size: 18px;
    }

    .tophboxrowcontent {
        width: 90em;
        margin: 70px auto 0px auto
    }
    
    .hboxrowcontentboxtext 
    {
        font-size: 16px;
    }

    .productshboxrow 
    {
        width: 978px;
    }
    
    .productshboxheadertext 
    {
        font-size: 20px;
        padding: 5px 5px 5px 10px;
    }
    
    .productshboxheader {
        height: 32px;
    }
    
    .productshboxheadertextdesc 
    {
        font-size: 16px;
    }
    
    .productshboxcontentbox 
    {
        height: 135px;
    }
    
    .productshboxcontent 
    {
        font-size: 14px;
        margin: 5px 10px;
    }
    
    .productshboxcontentlink img
    {
        height:20px;
    }
    
    .productshboximagebox 
    {
        height: 175px;
    }
    
    .productshboxoverimage img
    {
        height:175px
    }
    
    .searchhboxheader 
    {
        height: 32px;
    }
    
    .searchhboxheadertext 
    {
        font-size: 20px;
    }
    
    .searchhboxcontentintrotext 
    {
        font-size: 14px;
    }
    
    .searchcolumnfilterpass 
    {
        font-size: 24px;
    }
    
    .aboutmainimage 
    {
        height: 450px;
    }
    
    .hboxrowcontentboxnumbersrowboximage 
    {
        height: 80px;
        width: auto;
    }
    
    .hboxrowcontentboxnumbersrowboxnumber 
    {
        font-size: 60px;
        line-height: 60px;
    }
    
    .hboxrowcontentboxnumbersrowboxnumberinfo 
    {
        font-size: 14px;
    }
    
    .contactmainimage 
    {
        height: 450px;
    }
    
    
    /*Products*/

    .productmenurow 
    {
        width: 978px;
        height: auto;
        margin: 0px auto;
    }
    
    .productmenurowheader 
    {
        margin: 35px 0px 0px 20px;
        font-size: 36px;
    }
    
    .productmenulinks 
    {
        font-size: 18px;
    }
    
    .productmenulink1 
    {
        width: 100px;
    }
    
    .productmenulink4 
    {
        width: 180px;
    }

    .producthboxrowcontent {
        width: 978px;
        margin: 30px auto 0px auto;
    }

    .productspecsboxrowcontentboxtext 
    {
        font-size: 14px;
    }

    .productfeatureboxrow 
    {
        width: 978px;
    }

    .productfeatureboxheader 
    {
        height: 32px;
    }
    
    .productfeatureboxheadertext 
    {
        font-size: 20px;
        padding: 5px 10px;
    }
    
    .productfeatureboxcontent 
    {
        font-size: 14px;
        margin: 5px 10px;
    }
    
    .productfeatureboxcontentbox 
    {
        min-height: 135px;
    }
    
    .productfeatureboximagebox 
    {
        height: 175px;
    }
    
    .productfeatureboxoverimage img
    {
        height: 175px;
    }
    
    .producttriboxcontentlink1 img
    {
        height: 25px;
    }
    
    .producttriboxcontentlink2 img
    {
        height: 25px;
    }
    
    .producttriboxcontentlink3 img
    {
        height: 25px;
    }
    
    .producthboxrowcontentboxtext 
    {
        font-size: 14px;
    }
    
    .collagerow {
        width: 978px;
        height: 571px;
        margin: 0px auto;
        background: White;
    }
    
    .collagerowcolumntopleft 
    {
        width: 520px;
    }
    
    .collagerowcolumntopright {
        float: left;
        width: 458px;
        height: 371.42px;
    }
    
    .collagerowcolumntoprightrowtop 
    {
        width: 458px;
        height: 200px;
    }
    
    .collageimage2 figure img, .collageimage3 figure img 
    {
        height: 200px;
    }
    
    .collagerowcolumntoprightrowbottom 
    {
        width: 458px;
        height: 172.42px;
    }
    
    .collagecolorboxtext 
    {
        top: 2px;
        left: 0px;
        width: 100%;
        height: 170px;
        font-size: 24px;
    }

    .collagerowcolumnrightrowbottomcolumnleft
    {
        width: 326px;
        height: 200px;
    }
    
    .collagerowcolumnrightrowbottomcolumnmiddle 
    {
        width: 326px;
        height:200px;
    }

    .collagerowcolumnrightrowbottomcolumnright
    {
        width: 326px;
        height: 200px;
    }
    
    .collageimage figure h2 
    {
        font-size: 30px;
        margin: 50px 0 0 0;
    }
    
    .collageimage figure p 
    {
        font-size: 20px;
        line-height: 24px;
        margin: 20px;
    }
    
    .collageimage2 figure h2 
    {
        font-size: 24px;
    }
    
    .collageimage2 figure p 
    {
        font-size: 18px;
        line-height: 22px;
    }
    
    .collageimage3 figure h2 
    {
        font-size: 24px;
    }
    
    .collageimage3 figure p 
    {
        font-size: 18px;
        line-height: 22px;
    }

    .collagegradientboxlargetext
    {
        font-size: 24px;
        height:36px;
    }
    
    .producttriboxboxpackages 
    {
        float: left;
        width: 314px;
        margin: 0px;
    }
    
    .producttriboxboxpackagescenter 
    {
        float: left;
        width: 314px;
        margin: 0 18px;
    }
    
    .producttriboxcontentpackagesheader 
    {
        font-size: 20px;
    }
    
    .producttriboxcontentpackagestext 
    {
        font-size: 14px;
        min-height:150px;
    }
    
    .producttriboxcontentlink img
    {
        height:20px;
    }
    
    .producttriboxbox 
    {
        width: 314px;
    }
    
    .producttriboxboxcenter 
    {
        width: 314px;
        margin: 0 18px;
    }
    
    .producttriboxcontenttext 
    {
        font-size: 14px;
    }
    
    .relatedhboxrowcontent 
    {
        width: 978px;
        margin: 0px auto;
    }
    
    .relatedhboxrowcontentheader 
    {
        height: 32px;
    }
    
    .relatedhboxrowcontentheadertext 
    {
        font-size: 20px;
    }
    
    .relatedhboxrowcontentbox 
    {
        height: 120px;
    }
    
    .relatedhboxrowcontentboxtext 
    {
        height: 60px;
        font-size: 14px;
    }

    .productfeatureboxleftoverimage img
    {
        height:175px;
    }
    
    .productfeatureboxrightoverimage img
    {
        height:175px;
    }
    
    .productpurchaseboxrow 
    {
        width: 978px;

    }
    
    .productpurchaseboxcolumnrow 
    {
        width: 646px;
    }
    
    .productpurchaseboxcolumnleft 
    {
        float: left;
        width: 646px;
        height: auto;
    }
    
    .productpurchaseboxcolumnright 
    {
        width: 314px;
        height: 380px;
        margin-left: 18px;
    }
    
    .productpurchaseboxcolumnrightbox 
    {
        font-size: 18px;
        line-height: 20px;
    }
    
    .productpurchaseboxcolumnrightcontent 
    {
        width: 180px;
    }
    
    .productpurchaseboxcolumnrightimage 
    {
        width: 50px;
    }
       
    .productpurchaseboxcolumnrightbox img
    {
        width:30px;
    }
    
    .productmenulink2 
    {
        width: 150px;
    }
    
    .productmenulinkbc1 
    {
        width: 100px;
    }
    
    .producttriboxcontenttextbox 
    {
        min-height: 200px;
    }
    
    .partnercubeLeft 
    {
        height: 350px;
    }
    
    .partnercubeCenter 
    {
        height: 350px;
    }
    
    .partnercubeRight 
    {
        height: 350px;
    }
    
}

@media only screen and (max-width: 88em) 
{
    .rotatorimageresizeimagecollapse 
    {
        display: inherit;
        width: 100%;
        height: 510px;
    }

    .rotatorimageresizeimage
    {
        display:none;
    }

    .xrotatordesctext {
        width:35%;
        height: 130px;
        margin: 0px 0px 0 0px;
    }

    .xrotatordesctexttop {
        width:70%;
        margin:0px 0px 0px 0px;
    }

    .xrotatordesctextmid {
        width: 90%;
        margin: 0px 0px 30px 0px;
    }

    .xrotatordesctextbot {
        width: 90%;
        margin: 0px
    }

}

@media only screen and (max-width: 1480px)
{   
    /* Rotator -------------*/
    
    .sliderow, .sliderowhome
    {
        margin-top:-1px;
        background-image:none;
    }
    
    .slideitem, .slideitemdev
    {
        width:100%;
        height:510px;
    }
    
    .rotatorimageresizeimage
    {
        height:auto;
        display:none;
    }

    .rotatorimageresizeimagecollapse {
        display: inherit;
        width: 100%;
        height: 510px;
    }

    rotatorimageresizeimagecollapse
    /* Header -------------*/
    .headerrow {
        width: 100%;
    }

    /* Hbox -------------*/
    .hboxrow {
        width: 95%;
        margin: 0px auto;
    }
    
    .hboxrowcontent
    {
        width:100%; 
    }
    
    .tophboxrowcontent
    {
        width:100%; 
    }
        
    .contactmainimage, .aboutmainimage, .partnermainimage, .teamimage
    {
        height:400px; 
    }
    
    .teamlinksrow
    {
        display:none;
    }
    
    /* Collage -------------*/  
    .collagesection
    {
        float:left; 
        width:100%; 
        height:auto; 
        margin:8px 0 0 0;
    }
    
    .collagerow
    {
        width:95%; 
        height:auto; 
        margin:0px auto; 
        background:White;
    }
    
    .collagerowcolumntopleft
    {
        position:relative; 
        float:left; 
        width:55%; 
        height:500px;
    }
    
    .collagerowcolumntopright
    {
        float:left; 
        width:45%;
        height:250px;
    }
    
    .collagerowcolumntoprightrowtop
    {
        float:left; 
        width:100%;
        height:200px;
    }
    
    .collagerowcolumntoprightrowbottom
    {
        float:left; 
        width:100%;
        height:250px;
    }
    
    .collagecolorboxtext
    {
        position:inherit;
        float:left;
        width:100%;
        height:200px;
        margin:35px 0 0 0;
        text-align:center;
    }
    
    .collageimage li
    {
        height:500px;
    }

    .collageimage figure
    {
        height:500px;
    }

    .collageimage figure img
    {
       position: absolute;
       width:660px;
       left: 50%;
       top: 50%;
       -webkit-transform: translateY(-50%) translateX(-50%);
    }
    
    .collagerowcolumnbottom
    {
       width:100%;
    }
    
    .collagerowcolumnrightrowbottomcolumnleft
    {
        width:33.33%;
    }
    
    .collagerowcolumnrightrowbottomcolumnmiddle
    {
        width:33.33%;
    }
    
    .collagerowcolumnrightrowbottomcolumnright
    {
        width:33.33%;
    }
    
    /* Eventsbox -------------*/
    .eventscontentboxtribox
    {
        width:47%;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .eventscontentboxtriboxcenter
    {
        float:left;
        width:32%;
        margin:0 2%;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    
    .eventscontentboxtriboximagecolumn
    {
        width:100%;
    }
    
    .eventscontentboxtriboximagecolumn img
    {
        float:inherit;
        margin:10px 20px;
    }
  
      .eventscontentboxtriboxtextcolumn
    {
        width:100%;
        margin:0px auto;
    } 
    
    /* Newsbox -------------*/
    .newscontentboxtribox
    {
        
        /* Inactive until Tribox active*/
        /*width:32%;*/
        width:47%;
    }

    .newscontentboxtriboxtextcolumn {
        width:100%;
    }

    .newscontentboxtriboxcenter {
        float: left;
        /* Inactive until Tribox active*/
        /*width:32%;*/
        width: 47%;
        margin: 0 2%;
    }
    
    .archivednewscontentboxtriboxcenter
    {
        float:left;
        width:95%;
        margin:0 2%;
    }
    
    .newscontentboxtriboximagecolumn img
    {
        float:inherit;
        margin:10px 10px;
    }
    
    .archivednewscontentboxtriboxtextcolumn
    {
        width:95%;
        
    } 
    
    /* Connectbox -------------*/
    
    .connecthboxcontenttext
    {  
        width:95%; 
    }
    
    .connecthboxcontenttextcolumnleft, .connecthboxcontenttextcolumnright
    {  
        float:left;
        width:100%;
    }
    
    .connecthboxcontenttextcolumncenter
    {  
        display:none;
    }
    
    .connecthboxcontenttextcolumnleftcolumn, .connecthboxcontenttextcolumnrightcolumn
    {  
        float:none;
    }
    
    
    .formhboxrow
    { 
        float:none; 
        width:60%; 
        margin:0px auto;
    }
    
    .connectcolumnform
    {
        width:30%; 
    } 
    
    .connectcolumnl
    {
        width:100%;  
    } 
    
    .connectcolumnlbox
    {
        margin:0px auto;
    } 

    .connectcolumnr
    {
        width:100%;  
    } 
    
    .connectcolumnlrow
    {
        margin:6px auto;
    } 
    
    .connectcolumnlrowl
    {
        width:100%; 
        text-align:center;
        margin:0px;
    } 
    
    .connectcolumnlrowr
    {
        width:100%; 
    }
    
    .connectmessagecolumnl
    {
        width:100%;
        text-align:center;
        margin:0px; 
    } 
    
    .connectmessagecolumnr
    {
        width:90%;
        margin-top:0px; 
    }
    
    /* Products (!plural!) Hbox -------------*/
    .productshboxrow
    {
        width:95%; 
    }

    /* Product Hbox -------------*/   
    .producthboxrowbox
    { 
        width:100%; 
        height:auto; 
        margin:0px auto;
    }
    
    .producthboxrowcontent
    {
        width:95%; 
        margin:50px auto 0px auto;
        height:auto;
    }
    
    .monitor
    {
        display:none;
    }
    
    .monitorcollapse
    {
        display:inherit;
    }
    
    .producthboxrowimagebox
    {
        width:20%;
        height: 210px;
    }
    
    .producthboxrowimage
    {
        width:100%;
        height:100%;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .producthboxrowcontentshort
    {
        width:90%;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    
    .producthboxrowcontentboxtext
    {
        width:90%; 
        margin:10px 20px 20px 20px; 
    }
    
    .producthboxrowcontentboxmonitorbox
    {
        width:60%;
        margin:40px auto 0px auto;
    }
    
    /* Product Tribox -------------*/ 
    
    .producttriboxcontentpackagestext
    {
        min-height: 270px; 
        margin:0px 20px 60px 20px; 
    }
    
    /* Product Menu -------------*/
    .productmenurow
    {
        width:95%;
        height:auto;
    }
    
    .productmenurowheader
    {
        float:none; 
        width:100%;
        margin:50px auto 0px auto;
        text-align:center;
    }
    
    .productmenulinks
    {
        float:none;
        width:100%;
        margin:10px auto 0px auto;
        text-align:center;
    }
    
    /* Add-Ons Inactive. When Active remove and switch to .productmenulink1*/
    .productmenulinkbc1
    {
        width:16%;
        margin:0px;
    }
    
    .productmenulink1
    {
        width:13.4%;
    }
    
    .productmenulink2
    {
        width:19.6%;
    }
    
    .productmenulink3
    {
        width:10%;
    }
 
    /* Product Tribox -------------*/
    .producttriboxrow
    {
        width:95%; 
    }
    
    .producttriboxrowpackages
    {
        width:100%; 
    }
    
    /* Remove when solutions active */
    .producthalfboxbox
    {
        width:49.1%;
    }
    
    .producttriboxbox
    {
        /*Inactive until Tribox*/
        width:32%;
        margin-left: 0px; 
    }
    
    .producttriboxboxcenter
    {
        width:32%;
        margin:0px 2%;
    }
    
    .producttriboxboxpackages
    {
        width:32%;
    }

    .producttriboxboxpackagescenter
    {
        width:32%;
        margin:0px 2%;
    }
    
    /* Product Featurebox -------------*/
    .productfeatureboxrow
    {
        width:95%; 
    }
    
    /* Product Purchasebox -------------*/
    .productpurchaseboxrow
    {
        width:95%; 
    }
    
    .productpurchaseboxcolumnleft
    {
        width:66%; 
    }

    .productpurchaseboxcolumnright
    {
        width:32%; 
        margin-left:2%; 
    }
    
    .productpurchaseboxcolumnrow
    {
        width:100%; 
    }
    
    /* Search Hbox -------------*/
    .searchhboxcontentintro
    {
        width:60%;
    }
    
    .searchhboxtriboxsection
    {
        display:none;
    }
    
    .searchmenupulldownrow
    {
        display:inherit;
    }
    
    /* Related Products -------------*/
    .relatedhboxrowcontent
    {
        width:95%; 
        margin:0px auto;
    }
    
    /* Carousel -------------*/
    .carouselimagerow
    {
        width:95%; 
    }
    
    .productpackagecarouselimagerow
    {
        width:100%; 
    }
    
    .carouselrowfootertext
    {
        width:90%;
        margin:0px auto;
    }
    
    /* Collage -------------*/
    
}

@media only screen and (max-width: 1250px)
{    
    /* Collage -------------*/  
    .collageimage figure p
    {
        font-size:22px;
    }
    
    /* Product Featurebox -------------*/  
    .productfeatureboxrowleft
    {
        width:48.25%;
    }
    
    .productfeatureboxrowright
    {
        width:48.25%;
        margin:0;
    }

    .productfeatureboxleftimagecolumn
    {
        width:100%;
    }
    
    .productfeatureboxleftcontentcolumn
    {
        width:100%;
        margin:0px;
    }
    
    .productfeatureboxleftoverimage
    {
        display:none;
    }
    
    .productfeatureboxrightimagecolumn
    {
        width:100%;
    }
    
    .productfeatureboxrightcontentcolumn
    {
        width:100%;
        margin:0px;
    }
    
    .productfeatureboxrightoverimage
    {
        display:none;
    }
    
    .orangecolumnleft
    {
        display:inherit;
    }

    .orangecolumnright
    {
        display:inherit;
    }
    
     /* Product Tribox -------------*/   
    .producttriboxcontent img
    {
        
    }
}


@media only screen and (max-width: 900px)
{ 
    /* Rotator -------------*/    
    .rotatordesc
    {
        display:none;
    }
    
    .rotatordescbutton
    {
        display:none;
    } 
       
    div.navigation
    {
        display:none;
    }
    
    .contactmainimage, .aboutmainimage, .partnermainimage, .teamimage
    {
        height:200px; 
    }
    
    .rotatorimageresizeimagedev
    {
        display:none;
    }
    
    .rotatorimageresizeimagecollapsedev
    {
        display:inherit;
        width:100%;
        height:300px;
    }

    .rotatorimageresizeimagecollapse1st {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 150px;
        background-color: #ffb31c;
        background-image: url("../png/geot.png");
        z-index: 9;
    }

    .rotatorimageresizeimagecollapse2nd {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 500px;
        right: 0px;
        z-index: 8;
    }

    .rotatorabsoluterback {
        display:none;
    }

    .xrotatordesctext {
        top: auto;
        bottom: 0px;
        height: 148px;
        width: 100%;
    }

    .xrotatordesctexttop {
        width: 100%;
        margin: 0px;
        text-align: center;
        line-height: 56px;

    }

    .xrotatordesctextmid {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .xrotatordesctextbot {
        width: 100%;
        margin: 0px;
        text-align: center;
    }

    .rotatorfactrow {
        height:auto;
    }

    .rotatorfactcolumnleft {
        width: 49%;
        height: 70px;
        margin-top: 25px;
        margin-bottom: 25px;
        border-left: none;
        border-right: 1px solid gray;
    }

    .rotatorfactcolumninside {
        width: 49%;
        height: 70px;
        margin-top: 25px;
        border-left: none;
        margin-bottom: 25px;
    }

    .rotatorfactcolumnright {
        width: 49%;
        height: 70px;
        margin-top: 25px;
        border-right: none;
        margin-bottom: 25px;
    }

    .rotatorfactsright {
        width: 60%;
    }

    .rotatorfactsheadertext {
        font-size: 30px;
        width:60%;
        text-align: center;
    }

    .xproducttriboxbox {
        width: 49%;
        margin-bottom:50px;
    }

    .xproducttriboxboxcenter {
        width: 49%;
        margin-bottom: 50px;
    }

    .xproductlistcolumn {
        width: 50%;
    }


    /* Primary Header -------------*/  
    .headermenu {
        display:none;
    }

    .menu 
    {
        display: none;
    }
    
    .headermenucollapse
    {
        display:inherit;
    }
    
    /* Collage -------------*/  
    .collagerowcolumntopleft
    {
        position:relative; 
        width:100%; 
        height:auto;
       -webkit-transform:none;
    }

    .collagerowcolumnrightrowtopcolumnright
    {
        position:relative; 
        width:100%; 
        height:250px;
    }
    
    .collagerowcolumntopright
    {
        position:relative; 
        width:100%; 
        height:auto;
    }
    
    .collagecolorboxtext
    {
        position:inherit;
        width:100%;
        height:200px;
        margin:35px 0 0 0;
        text-align:center;
    }
    
    .collagerowcolumnrightrowbottomcolumnleft
    {
        width:100%;
    }
    
    .collagerowcolumnrightrowbottomcolumnmiddle
    {
        width:100%;
    }

    .collagerowcolumnrightrowbottomcolumnright
    {
        width:100%;      
    }
    
    .collageimage figure h2
    {
        margin:20px 0 0 0;
    }
    
    .collageimage li
    {
       position: relative;
       width:100%;
       height:auto;
       min-height:500px;
    }
    
    .collageimage figure
    {
       position: relative;
       width:100%;
       height:auto;
       min-height:500px;
    }
    
    .collageimage figure img
    {
       position: relative;
       width:100%;
       height:auto;
       min-height:500px;
       left:0%;
       top:0%;
       -webkit-transform:none;
    }
    
    .collageimage figure p
    {
        font-size:22px;
    }
    
    /* Hbox -------------*/  
    .hboxrowcontentboxnumbersrowboximage
    {
        height: 50px;
        width:auto; 
    }
    
    .hboxrowcontentboxnumbersrowboxnumber
    {
        font-size:50px; 
        line-height:50px; 
    }

    .hboxrowcontentboxnumbersrowboxnumberinfo
    {
        font-size:17.5px; 
        margin:5px 10px 0 10px;
    }
    
    /* Eventsbox -------------*/  
    
    .eventscontentbox
    {
        padding-bottom:15px;
    }    
       
    .eventscontentboxtribox
    {
        width:100%;
        margin:0px;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .eventscontentboxtriboxcenter
    {
        float:left;
        width:100%;
        margin:0px;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    
    .eventscontentboxtriboximagecolumn
    {
        width:28%;
    }
    
    .eventscontentboxtriboximagecolumn img
    {
        float:right;
        margin:10px 20px;
    }
  
    .eventscontentboxtriboxtextcolumn
    {
        width:68%;
        margin:0 4% 0 0;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .eventscontentboxtriboxlastline
    {
        display:none;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    
    /* Newsbox -------------*/  
    
    .newscontentbox
    {
        padding-bottom:15px;
    }    
       
    .newscontentboxtribox
    {
        width:100%;
        margin:0px;
        text-align:center;

    }
    
    .newscontentboxtriboxcenter
    {
        float:left;
        width:100%;
        margin:0px;
    }
    
    .newscontentboxtriboximagecolumn
    {
        width:100%;
        margin:30px auto 10px auto;
    }
    
    .newscontentboxtriboximagecolumn img
    {
        float:none;
        margin:0px auto;
    }
  
    .newscontentboxtriboxtextcolumn
    {
        margin:0px;
        float:left;

    }
    
    .newscontentboxtriboxlinebox
    {
        display:block;
        margin:30px 0;
    }

    .newscontentboxtriboxtextcolumntextheader
    {
        margin:0px;
    }

    .newscontentboxtriboxtextcolumntextdate {
        margin: 0px 0 10px 0;
    }

    .newscontentboxtriboxtextcolumntextinfo {
        float:none;
        margin: 0px auto;
    }


    /*--------------------------------------------------------------------------------------------------------------------------
    .newscontentboxtriboxlastline
    {
        display:none;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    /* Connectbox -------------*/
    .connectcolumnform {
        width: 60%;
    } 
    
    .formhboxrow
    { 
        float:none; 
        width:90%; 
        margin:0px auto;
    }
    
    /* Products (!plural!) Hbox -------------*/  
    .productshboxrow
    {
        display:none;
    }
    
    .productshboxrowcollapse
    {
        display:inherit;
    }
    
    .productshboxcontentlink a
    {
        float:right;
    }
    
    .productshboxcontentlink img
    {
        margin:0px;
    }
    
    .productspecsboxrowcontentboxtext
    {
        margin:5px 0 5px 3%;
    }
    
    /* Product Menu -------------*/  
    .productmenurow
    {
        display:none;
    }
    
    .productmenupulldownrow
    {
        display:inherit;
    }
    
    .productmenuline
    {
        float:none;
        width:70%;
        margin:0px auto;
    }
    
    /* Product Tribox -------------*/  
    .producttriboxrow
    {
        float:none; 
    }
    
    .producttriboxcontenttext
    {
        width:95%;
        margin:0px;
    }
    
    .producttriboxcontenttext a
    {
        float:none;
        color:rgb(247,155,42);
        margin-top:0px;
        vertical-align:bottom;
    }
    
    /* Remove when solutions active -------------*/  
    .producthalfboxbox
    {
        width:95%;
        margin:0 2.5% 50px 2.5%;
    }
    
    .producttriboxbox
    {
        width:100%;
        margin:0 0 50px 0;
    }
    
    .producttriboxboxcenter
    {
        width:100%;
        margin:0 0 50px 0;
    }
    
    .producttriboxboxpackages
    {
        width:100%;
        margin:0 0 50px 0;
    }

    .producttriboxboxpackagescenter
    {
        width:100%;
        margin:0 0 50px 0;
    }
       
    .producttriboxcontentbox
    {
        min-height:200px;
    }
    /*
    .producttriboxcontent img
    {
        display:block;
    }
    */
    .producttriboxcontentlink1
    {
        position:inherit;
        float:left;
        margin-left:25px;
    }

    .producttriboxcontentlink2
    {
        position:inherit;
        float:left;
        margin-left:25px;
    }

    .producttriboxcontentlink3
    {
        position:inherit;
        float:left;
        margin-left:22px;
    }
    
    .producttriboxcontentpackagestext
    {
        min-height: 150px; 
        margin:0px 20px 60px 20px; 

    }
    
    /* Product Featurebox -------------*/  
    .productfeatureboxrow
    {
        display:none;
    }
    
    .productfeatureboxrowcollapse
    {
        display:inherit;
    }
    
    .orangecolumnleft
    {
        display:none;
    }

    .orangecolumnright
    {
        display:none;
    }
    
    .productfeatureboxcontent
    {
        margin:10px 20px;
    } 
    
    /* Product Purchasebox -------------*/  
    
    .productpurchaseboxrow
    {
        width:100%;
    }
    
    .productpurchaseboxcolumnleft
    {
        width:100%;
    }
    
    .productpurchaseboxcolumnright
    {
        display:none;
    }
    
    .productpurchaseboxcolumnrow
    {
        display:none;
    }
    
    .productpurchaseboxrowcollapse
    {
        display:inherit;
    }
    
    .productpurchaseboxrowcollapseright
    {
        display:inherit;
        height: auto;
    }
    
    .productpurchaseboxcolumnrightrow
    {
        float:left;
        height:auto;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .productpurchaseboxcolumnrightrowdealbox
    {
        margin-bottom:30px;
    }
    --------------------------------------------------------------------------------------------------------------------------*/
    
    /* Product Specsbox -------------*/  
    .productspecsboxlanguagecolumns
    {
        display:none;
    }
    
    .hboxrowcontentboxtextlist
    {
        display:none;
    }
    
    .productspecsboxlanguagecolumnscollapse
    {
        display:inherit;
    }
    
    .hboxrowcontentboxtextlistcollapse
    {
        display:inherit;
    }

    /* Search Hbox -------------*/  
    .searchhboxcontentintro
    {
        width:90%;
    }
    
    /* Related Products -------------*/  
    .relatedhboxrowcontentbox
    {
        height:auto; 
    }
    
    .relatedhboxrowcontentboxtext
    {
        width:90%; 
        padding:5px 0 50px 20px; 
    }
}

@media only screen and (max-width: 74em) 
{
    .headerlogo {
        top: 100px;
        margin:0px 15px 0px 15px;
    }

    .navigation {
        margin: 0px 0px 0 15px;
    }

    .xrotatordesctexttop {
        margin: 0px 0px 30px 15px;
        font-size: 56px;
        line-height: 56px;
    }

    .xrotatordesctextmid
    {
        margin: 0px 0px 30px 15px;
    }

    .xrotatordesctextbot {
        margin: 0px 0px 30px 15px;
    }

}

@media only screen and (max-width: 56em) {
    .xrotatordesctexttop {
        margin: 10px 0px 10px 0px;
        font-size: 36px;
        line-height: 30px;
    }

    .xrotatordesctextmid {
        margin: 0px auto;
        font-size: 24px;
        line-height: 24px;
        width:90%;
    }

    .xrotatordesctextbot {
        margin: 0px 0px 0px 0px;
        font-size: 24px;
        line-height: 24px;
    }

    .xrotatordescright {
        float:left;
        width: 100%;
        height: 700px;
    }

    .rotatordesctextrightbox {
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-color: white;
        width: 200px;
        height: 300px;
        border-radius: 25px 0 0 25px;
    }

    .rotatordesctextright {
        margin: 10px 100px 0 0px;
        font-size: 36px;
        line-height: 24px;
        color: rgb(70,70,70);
        text-align: center;
    }

    .rotatordesctextright2 {
        width: 330px;
        margin: 50px 0px 20px 0px;
        font-size: 30px;
        line-height: 30px;
        color: rgb(70,70,70);
        text-align: right;
    }

    .rotatorimageresizeimagecollapse1st img {
        display: none;
    }
}

@media only screen and (max-width: 720px)
{
    /* Header -------------*/
    
    .headertext
    {
        width:100%;
        font-size:40px;
        margin-top:10px;
        padding:0px;
    }

    .headersubtext
    {
        width:100%; 
        font-size:16.2px;
    }
    
    .headerlogin
    {
        display:none;
    }
    
    .headerblock
    {
        top:100px;
    }
    
    /* Float Menus -------------*/
    .floatmenu
    {
        display:none;
    }
    
    .floatnewsmenu
    {
        display:none;
    }
    
    .floatenewsmenu
    {
        display:none;
    }
    
    /* Footer -------------*/
    .footer
    {
        height:250px;
    }
    
    .footercentermenurow
    {
        float:left; 
        width:100%;
    }
     
    .footercentermenulink
    {
        float:left; 
        width:100%;
    }
    
    .footermenumain 
    {
        top:30px;
    }
    
    .footerfooter
    {
        margin-top: 40px; 
    }
    
    /* Collapsible Menu -------------*/
    .goo-collapsible li ul li a 
    {
        padding-left: 12px;
    }
        
    /* Rotator -------------*/   
    .slideitem
    {
        height:300px;      
    }
    
    .slideitemdev
    {
        height:300px;      
    }
    
    .rotatorimageresizeimagecollapse
    {
        display:inherit;
        width:100%;
        height:300px;
    }

    .rotatorfactcolumnleft {
        width: 80%;
        height: auto;
        margin: 50px 10% 10px 10%;
        padding-bottom: 10px;
        border-bottom: 1px solid gray;
        border-right: none;
    }
    
    .rotatorfactcolumninside {
        width: 100%;
        border-left: 0px;
        height: auto;
        margin:0px;
    }

    .rotatorfactcolumnright {
        width: 100%;
        border-left: 0px;
        height: auto;
        margin: 0px 0 20px 0;
    }

    .rotatorfactsheadertext {
        width:100%;
        margin:0px;
        text-align: center;
        font-weight:bolder;
    }

    .rotatorfactcolumnrow {
        width: 50%;
        margin: 0 25% 0 25%;
        text-align: center;
    }

    .rotatorfactsleft{
        width:50%;
        margin:0 0 0 0;
    }

    .rotatorfactsright {
        width: 48%;
        text-align:left;
    }

    .xproducttriboxbox {
        width: 100%;
        margin-bottom: 50px;
    }

    .xproducttriboxboxcenter {
        width: 100%;
        margin-bottom: 50px;
    }

    .xproductlistcolumn {
        width: 100%;
    }

    .whowearecolumntext {
        float: left;
        margin: 50px 0 0 0;
        width: 100%;
    }

    .whowearecolumnimage {
        display:none;
    }

    
    /* Collage -------------*/    
    .collageimage figure img
    {
       position: absolute;
       width:660px;
       left: 50%;
       top: 50%;
       -webkit-transform: translateY(-50%) translateX(-50%);
    }
    
    .collagegradientboxlargetext
    {
        font-size:20px;
    }
    
    .collagegradientboxmidstext
    {
        font-size:20px;
    }
    
    /* Hbox -------------*/  
    .hboxrowcontentboxnumbersrowbox
    {
        width: 100%;
        margin:0 0 75px 0;
    }
    
    .hboxrowcontentboxnumbersrowboximage
    {
        height: 150px;
        width:auto;
        margin:0 0 05px 0;
    }
    
    .hboxrowcontentboxnumbersrowboxnumber
    {
        font-size:85px; 
        line-height:50px;
        margin:0 0 15px 0;
    }

    .hboxrowcontentboxnumbersrowboxnumberinfo
    {
        font-size:22px; 
        margin:5px 10px 0 10px;
    }
    
    /* Product hbox -------------*/    
    
    /* 3.17.17 - Why is display set to none? This hides Testimonials Header which is not desired... */
    /* 3.17.17 - Will comment out. If reason discovered return here. Find alternate solution. Do not simply set display to none. */
    
    /*
    .producthboxrowcontentheader
    {
        display:none;
    }
    */
    
    .producthboxrowcontentheadercollapse
    {
        display:inherit;
    }
    
    .producthboxrowcontentheaderkill
    {
        display:none;
    }
    
    .producthboxrowcontentboxtext
    {
        margin:5px 0 5px 3%;
        text-align:left;
    }
    
    .producthboxrowcontentheadertext
    {
        padding:0;
        margin:5px 0 5px 3%;
        
    }
    
    .producthboxrowcontentboxmonitorbox
    {
        width:75%;
        margin:40px auto 0px auto;
    }
    
    .producthboxrowcontentheaderimage
    {
        display:none
    }
    
    /* Product Tribox -------------*/  
    .producttriboxheadertext
    {
        padding:3px 0 0 0;
        margin:4px 0px 0px 5px;
    }
    
    .producttriboxheadertextimage
    {
        width:75px;
    }
    
    .producttriboxheadertextimage img
    {
        width:100%;
        height:32px;
    }
    
    .producthboxrowcontentheaderkill img
    {
        display:none;
    }
    
    .productfeatureboxcontent
    {
        width:95%;
        margin:5px 0 5px 3%;
    } 
    
    .producttriboxcontenttext
    {
        width:100%;
        margin:5px ;
    }
    
    .producttriboxcontenttexthome
    {
        min-height:100px;
        margin:5px 3% 80px 3%;
    }
    
    .producttriboxcontenttextbox
    {
        min-height:100px;
        margin:5px 3% 5px 3%;
    }
    
    .producttriboxcontentpackagesheader
    {
        margin:5px 0 5px 3%;
    }
    
    .producttriboxcontentpackagestext
    {
        margin:5px 0 80px 3%;
    }
    
    .producttriboxcontentlinkcollapse
    {
        margin:20px 0 0 0;
    }
    
    .producttriboxcontentlink3
    {
        margin:0 0 0 12px;
    }
    
    /* Relatedbox -------------*/
    .relatedhboxrowcontentheadertext
    {
       padding:0; 
       margin:5px 0 5px 3%;
    }
    
    .relatedhboxrowcontentboxtext
    {
        height:auto;
        padding:0px;
        margin:5px 0 5px 3%;
    }
    
    /* Eventsbox -------------*/  
    .eventscontentboxtribox
    {
        width:100%;
        margin:0px;
        text-align:center;
    }
    
    /*--------------------------------------------------------------------------------------------------------------------------
    .eventscontentboxtriboxcenter
    {
        width:100%;
        margin:0px;
        text-align:center;
    }  
    --------------------------------------------------------------------------------------------------------------------------*/
    
    .eventscontentboxtriboximagecolumn
    {
        float:left;
        width:100%;
        margin: 30px 0 0px 0;
    }
    
    .eventscontentboxtriboximagecolumn img
    {
        float:none;
        margin:0px auto;
    }

    .eventscontentboxtriboxlinebox
    {
        margin:10px 0 0 0;
    }    
    
    .eventscontentboxtriboxline
    {
        width:80%;
    }
  
    .eventscontentboxtriboxtextcolumn
    {
        float:left;
        width:100%;
        margin:0px auto;
    }
    
    .eventscontentboxtriboxtextcolumntextheader
    {
        width:100%;
        margin:10px 0 0 0;
    }
    
    .eventscontentboxtriboxtextcolumntextdate
    {
        width:100%;
        margin:0px;
    }
    
    .eventscontentboxtriboxtextcolumntextinfo
    {
        width:100%;
        margin:0px;
    }
    
    .eventscontentboxtriboxtextcolumntextlink
    {
        width:100%;
        margin:0px;
    }
    
    /* Newsbox -------------*/      
    .newscontentboxtribox
    {
        width:100%;
        margin:0px;
        text-align:center;
    }
    
    .newscontentboxtriboxcenter
    {
        width:100%;
        margin:0px;
        text-align:center;
    }  
    
    .archivednewscontentboxtriboxcenter
    {
        width:100%;
        margin:0px;
        text-align:center;
    }
    
    .newscontentboxtriboximagecolumn
    {
        float:left;
        width:100%;
        margin: 30px 0 0 0;
    }
    
    .newscontentboxtriboximagecolumn img
    {
        float:none;
        margin:0px auto;
    }
    
    .newscontentboxtriboxtextcolumn
    {
        float:left;
        width:100%;
        margin:0px auto;
    }
    
    .newscontentboxtriboxtextcolumntextheader
    {
        width:100%;
        margin:10px 0 0 0;
    }
    
    .newscontentboxtriboxtextcolumntextdate
    {
        margin:0px 0 10px 0;
    }
    
    .newscontentboxtriboxtextcolumntextinfo
    {
        float:none;
        width:85%;
        margin:0px auto;
    }
    
    .newscontentboxtriboxtextcolumntextlinkheader
    {
        margin:10px 0 0 0;
    }
    
    .newscontentboxtriboxtextcolumntextlink
    {
        margin:0px;
    }
    
    .newscontentboxtriboxlinebox
    {
        margin:10px 0 0 0;
    }    
    
    .newscontentboxtriboxline
    {
        width:80%;
    }
    
    /* Connectbox -------------*/
    .connecthboxcontentintroimage
    {
        width:90%; 
        height:auto;
    }
    
    
    .connecthboxcontentheaderimage img
    {
        width:100%;
    }
    
    .connectmessagecolumnr
    {
        width:100%;
        margin:0px
    }
    
    .contentfootercontentbox
    {
        text-align:center;
        width:95%;
        margin:30px auto;
    }
    
    /* Connectbox -------------*/
    .formcolumnform
    {
        width:80%; 
    }
    
    .formcolumnl
    {
        width:100%;
    }
    
    /* Searchbox -------------*/
    .searchhboxheader
    { 
        height:auto; 
    }

    /* Product Tribox -------------*/
    .producttriboxcontent img {
        
    }

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

    


}