* {
margin: 0;
}

html, body{
    height: 100%;
    
}

h1{
    width: 100%;
    
    text-align: center;
    font-family: arial;
    font-weight: 300;
    font-size: 26px;
    
    
    position: fixed;
    
    
}

#imageSliderContainer{
    width: 100%;
    margin-top: 120px;
    
}

#header_container{
    width: 100%;
    height: 90px;
    z-index: 99;
    background-color: #f4f4f2;
    position: fixed;
    margin-top: -120px;
}


header{
    position: fixed;
    background-color: #f4f4f2;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    z-index: 99;
}

td.headerimage_left{
    width: 45%;
    height: 90px;
    vertical-align: middle;
    text-align: left;
}

td.headerimage_right{
    width: 55%;
    height: 90px;
    vertical-align: middle;
    text-align: right;
}

td.headerimage_center{
    width: 33%;
    text-align: center;
    font-family: arial;
    font-size: 22px;
    color: #000000; 
    valign: middle;   
}

header_navblue{
    
    width: 100%;
    height: 29px;
    background-color: #4b5e88;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    display: block;
    position: fixed;
    border-bottom : 2px solid #ffffff;
    text-align: center;
}

header_belownavblue{
    
    width: 100%;
    height: 32px;
    background-color: #232f3f;
    margin-top: 121px;
    margin-left: auto;
    margin-right: auto;
    z-index: 99;
    display: block;
    position: fixed;
    text-align: center;
}

header_navblack{
    
    width: 100%;
    height: 20px;
    background-color: #000000;
    margin-top: 129px;
    display: block;
    position: fixed;
    z-index: 99;
}

header_navwhite{
    
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    margin-top: 150px;
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 99; 
    
}

categories{
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4b5e88;
}

a.usedPiano{
     text-decoration: none;
    font-family: "Open Sans";
    font-size: 0.8em;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    color: #4c6d96;
}

a.usedPiano:hover{
       text-decoration: none;
    font-family: "Open Sans";
    font-size: 0.8em;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
    color: #4c6d96;
}

a.categories {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}

a.categories span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -0.6em;
    width: 100%;
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin-left: 20px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4b5e88;
    
}

div.panelTour {
    width: 100%;
    margin-top: 15px;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4b5e88;
}

div.iconTour {
    width: 100%;
    vertical-align: middle;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    color: #4b5e88;
}

span.panelTourSubText {
    margin-left: 50px;
    width: 100%;
    font-family: Arial;
    font-size: 1em;
    font-weight: 300;
    vertical-align: middle;
    text-transform: none;
    color: #000000;
}

.header_links_images{
    text-decoration: none;
    font-family: "Open Sans";
    font-size: 0.8em;
    vertical-align: top;
    
  /*  width: 141px;    */
    
}

.header_links{
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    vertical-align: top;
    
    width: 141px;
    margin-top: -4px;
}

.header_links_right{
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    vertical-align: top;
    width: 50px;
    margin-top: -4px;
    margin-left: 45px;
    
}   

#header_links_ul_li{   
     
}


#header_links_ul_li ul {
    width: 80%;
    height: auto;
    text-align: center;
    list-style-type: none;      
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    overflow: hidden;
    text-decoration: none;
}

#header_links_ul_li li {
    float: left;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

#header_links_ul_li li a {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
}

#header_links_ul_li li a.megamenu {
    color: #4c6d96;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
}

#header_links_ul_li li a.left:hover {   
    display: block;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #f48029;
}

#header_links_ul_li li a.currentLink {   
    color: #ffffff;
    background-color: #f48029;
}

#header_links_ul_li .hover{
    display: block;
    color: white;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
    background-color: #f48029;
}

#header_links_ul_li li a.right:hover {
    width: 50px;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: #f48029;
    
}

.videoTitle{
    padding-top: 10px;
    font-family: Open Sans;
    font-size: 0.9em;
    font-weight: 500;
    color: #000000;    
}

.videoDesc{
    padding-top: 10px;
    font-family: Open Sans;
    font-size: 0.9em;
    font-weight: 500;
    color: #000000;    
}

a.linksClickHereBlue{    
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    text-decoration: none;
    line-height: 25px;
    color: #318ad1;
    text-align: center;
    
    
}



table.header {
    border: 0;
    width: 100%;
    height: 90px;
}


/* ------------------------Search box------------------------ */

    #tfnewsearch{
        float:left;
        padding:20px;
    }
    .tftextinput{
    width: 300px;
    padding: 6px 8px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    
    box-sizing: border-box;
    }
    
    .tfbutton {
    margin-left: -6px;;   
        margin-right : -10px;    
        padding: 7px 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:14px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        color: #ffffff;      
        border: solid 1px #0076a3; border-right:0px;
        background: #4b5e88;
       /* background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background: -moz-linear-gradient(top,  #00adee,  #0078a5);       */
        border-top-right-radius: 5px 5px;
        border-bottom-right-radius: 5px 5px;
    }
    .tfbutton:hover {
        text-decoration: none;
        background: #336699;
       /* background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top,  #0095cc,  #00678e);  */
    }
    /* Fixes submit button height problem in Firefox */
    .tfbutton::-moz-focus-inner {
      border: 0;
    }
    .tfclear{
        clear:both;
    }
    
/* ------------------------------Search box--------------------------------- */

input[type=text] {
    width: 45%;
    padding: 6px 8px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

headerimage{
    width: 100%;
}

/* Content block */
#content {    
    min-height: 100%;
    width: 100%; 
     
    margin-top: 50px; 
    line-height:22px;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #000000;
}

#homepageHeader{    
    font-family: 'Open Sans', sans-serif;
    font-size: 22pt;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 45px;
    color: #414141;
    text-align: center;
    
}

#homepageHeaderOtherPages{    
    font-family: 'Open Sans', sans-serif;
    font-size: 22pt;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 35px;
    color: #318ad1;
    text-align: center;
    margin-right: 30px;
    
}

#homepageHeaderSections{    
    font-family: 'Open Sans', sans-serif;
    font-size: 22pt;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 40px;
    
    text-align: center;
    
}

#logoRightText{    
    font-family: Open Sans;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    
    color: #4c6d96;
    
}

#logoRightLogIn{    
    font-family: Open Sans;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    
    color: #4c6d96;
    
}

#homepageTextTop{    
    font-family: "Open Sans";
    font-size: 0.9em;
    color: #848687;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px;
    letter-spacing: 0.1px;
    text-align: center;
}

#usedpianoHeader{    
    font-family: Open Sans;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 32px;
    letter-spacing: 2px;
    text-align: center;
    color: #ffffff;
    
}

#usedPianoHeaders{    
    font-family: Open Sans;
    font-size: 1.6em;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 40px;
    text-align: left;
    
}

#homepagePoints{    
    font-family: Open Sans;
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    
}

ul.usedPianoBullets{    
     font-family: "Open Sans";
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 10px;
    text-align: justify;
    
}

#homepageText{    
    font-family: "Open Sans";
    color: #848687;
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 25px;
    margin-top: 10px;
    text-align: justify;
}

.homepageButtonsCenter{
    display: block;
    margin: auto;
    width: 100%;
}

hr.styleShadow {
    width: 100%;
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 15px -12px rgba(0, 0, 0, 0.5);
}

a.button {
 height: 42px;

text-decoration: none;
text-shadow: #fff 0 1px 0;
float:none;

display: inline-block;
color: #597390;
line-height: 42px;
font-size: 20px;
font-weight: bold;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

a.button {
border: 1px solid #4c6d96;
}

a.button.icon {
/*padding-left: 11px;*/
}

a.buttonExp {
 height: 42px;

text-decoration: none;
text-shadow: #fff 0 1px 0;
float:none;

display: inline-block;
color: #597390;
line-height: 42px;
font-size: 20px;
font-weight: bold;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

a.buttonExp {
border: 1px solid #4c6d96;
}

a.buttonExp.icon {
/*padding-left: 11px;*/
}

a.button.icon spanJoin{
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #526f91;
padding-left: 48px;
padding-right: 10px;
background: url(../images/join-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanJoin {
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #526f91;
    color: #526f91; 
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanExplore{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;  
    color: #526f91;  
padding-left: 48px;
padding-right: 10px;
background: url(../images/explore-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanExplore { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color: #526f91;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanSubscribe{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/subscribe-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanSubscribe { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanGallery{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/gallery-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanGallery { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanLearn{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/learn-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanLearn { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanVideo{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/video-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanVideo { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.buttonExp.icon spanMoreInfo{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/more-info-icon.jpg) no-repeat 0 -4px;
}

a.buttonExp.icon.chat spanMoreInfo { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanDemo{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/demo-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanDemo { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}

a.button.icon spanSignUp{
font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold; 
    color: #526f91;   
padding-left: 48px;
padding-right: 10px;
background: url(../images/signup-icon.jpg) no-repeat 0 -4px;
}

a.button.icon.chat spanSignUp { 
    font-family: "Open Sans";
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 14px;
background-position: 0px 3px;
}
/* contentwrapper */
#contentWrapper {   
    width: 80%;
    min-height: 100%;
    height : auto !important;
    margin-top: 0px;
    margin-right: 15%;
    margin-bottom: -2em;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
}

#outerWrapper{
    width: 100%;
    background-color: #f1f0f0;
} 

#onePara {
/*    max-width: 1280px;*/
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaFullWidthGrey {
/*    max-width: 1280px;*/
    width: 100%;
    background-color: #f4f4f4;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaUsedPiano {
/*    max-width: 1280px;*/
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 25px;
    
}

.paddingBlock {
    padding: 20px 0;
}

.eqWrap {
    display: flex;
}

.eq {
    padding: 10px;
}

.eqtypeL {
    width: 20%;
     background-color: #ffffff;
}

.eqtypeR {
    width: 80%;
    background: none;
}



#oneParaUsedPianoDetails {
/*    max-width: 1280px;*/
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 25px;
    
}

#oneParaUsedPianoDetailsLeft {
/*    max-width: 1280px;*/
    width: 20%;
    float: left;
    background-color: #f4f4f2;
    margin-left: auto;
    height: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 25px;
    
}

#oneParaUsedPianoDetailsRight {
/*    max-width: 1280px;*/
    width: 80%;
    float: right;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 25px;
    
}


#oneParaGreyFull {
/*    max-width: 1280px;
    background-color: #f4f4f4;
    width: 100%;
    min-height: 1520px;
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;  */
    
    background-color: #f3f3f3;
    width: 100%;
    padding: 40px 20px 60px 20px;
    
    margin-left: auto;
    margin-right: auto;
}

#oneParaWhiteFull {
/*    max-width: 1280px;*/
    background-color: #ffffff;
    width: 100%;
    min-height: 300px;
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaWhiteFullFooter {
/*    max-width: 1280px;*/
    background-color: #363636;
    width: 100%;
    color: #ffffff;
    min-height: 300px;
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    font-weight: 500;
    padding-bottom: 25px;
    
}

#oneParaWhiteFooter {
/*    max-width: 1280px;*/
    background-color: #363636;
    width: 70%;
    
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#homepageTextFooter{    
    font-family: "Open Sans";
    font-size: 0.8em;
    color: #cdcdcd;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
    text-align: justify;
}


#oneParaWhiteLeftFooter {
/*    max-width: 1280px;*/
background-color: #363636;
    width: 60%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px;
    
    
}

#oneParaWhiteRightFooter {
/*    max-width: 1280px;*/
background-color: #363636;
    width: 40%;
    float: right;
    margin-left: auto;
    margin-right: auto;
    
    
}

#oneParaGreyFullUsedPiano {
/*    max-width: 1280px;*/
    background-color: #f4f4f4;
    width: 100%;
    min-height: 200px;
    height: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaGrey {
/*    max-width: 1280px;*/
    background-color: #f4f4f4;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    
    
}

#oneParaGreyLeft {
/*    max-width: 1280px;*/
    width: 60%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px;
    
    
}

#oneParaGreyRight {
/*    max-width: 1280px;*/
    width: 40%;
    float: right;
    margin-left: auto;
    margin-right: auto;
    margin-top: -6px;
    
}

#oneParaWhite {
/*    max-width: 1280px;*/
    background-color: #ffffff;
    width: 70%;
    
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaWhiteLeft {
/*    max-width: 1280px;*/
background-color: #ffffff;
    width: 60%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px;
    
    
}

#oneParaWhiteRight {
/*    max-width: 1280px;*/
background-color: #ffffff;
    width: 40%;
    float: right;
    margin-left: auto;
    margin-right: auto;
    
    
}

#oneParaTwoColFull {
/*    max-width: 1280px;*/
    width: 100%;
    min-height: 300px;
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px; 
    
}

#oneParaTwoColFullUsedPiano {
/*    max-width: 1280px;*/
    width: 100%;
    min-height: 300px;
    height: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px; 
    
}

#oneParaTwoCol {
/*    max-width: 1280px;*/

    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-top: 25px;
    padding-bottom: 25px;
    
}

#oneParaTwoColLeft {
/*    max-width: 1280px;*/


    width: 60%;
    
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding-bottom: 25px;
    z-index: 60;
}

#oneParaTwoColRight {
/*    max-width: 1280px;*/

    width: 40%;
    float: right;
    margin-left: auto;
    margin-right: auto;
    z-index: 30;
    
}

#pricingPageDarkTitle{
     font-family: 'Open Sans', sans-serif;
    font-size: 18pt;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 45px;
    color: #f48029;
    text-align: center;
    
}

#pricingPageDarkTitleSmaller{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 30px;
    color: #414141;
    text-align: center;
    
}

#pricingPageDarkTitleBlue{
    font-family: 'Open Sans', sans-serif;

    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 45px;
    color: #318ad1;
    text-align: center;
    
}

#pricingPageDarkText{
    font-family: Open Sans;
    font-size: 0.9em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 25px;
    color: #414141;
    text-align: center;
    
}

#pricingPageDarkTextSmallerItalic{
    font-family: Open Sans;
    font-size: 0.7em;
    font-style: italic;
    font-variant: normal;
    font-weight: 100;
    line-height: 25px;
    color: #414141;
    text-align: center;
    
}

#pricingPageDarkTextLink{
    font-family: Open Sans;
    font-size: 1em;
    font-style: normal;
    font-variant: normal;
    font-weight: 100;
    line-height: 25px;
    color: #318ad1;
    text-align: center;
    text-decoration: none;
    
}


#faqQuestions{
    margin-top: 30px;
    font-family: Open Sans;
    font-size: 1.2em;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    

}

#sticky.stick {
    width: 100%; 
    position: fixed;
    top: 115px;
    
    z-index: 80;
    
    vertical-align: top;
}

#faqAnswers{
    
    font-family: Open Sans;
    font-size: 0.8em;
    font-weight: 400;
    color: #000000;
    margin-top: 20px;

}
/* right column */
#rightcol {    
    float: right;
    min-height: 100%;
    width: 18%; 
    background-color: gray;
}

/* Footer styling */
#footer {
    width: 100%;
    height: 2em;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
    text-align:center;
    font-family: calibri;
    font-size: 14px;
    font-style: normal;
    color: #ffffff;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    vertical-align: middle;
}

#noOverlap {
    height: 4em;
    clear: both;
}

#rcorners1 {
    text-align: center;
    border-radius: 25px;
    border: 2px solid #ffffff;
    padding: 20px; 
    width: 180px;
    height: 200px;  
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);   
}

rcornersh1 {
    text-align: center;
    padding: 10 10 10 10;
    background-color: #046f97;
}

/* ----------------------------Links below image slider---------------------------- */
#header_links_belowimageslider_ul_li{   
     
}


#header_links_belowimageslider_ul_li ul {
    font-family: Open Sans;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    height: auto;
    text-align: center;
    list-style-type: none;      
    /*margin-left: auto;
    margin-right: auto;*/
    padding: 0;
    overflow: hidden;
    text-decoration: none;
}

#header_links_belowimageslider_ul_li li {
    float: left;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

#header_links_belowimageslider_ul_li li a {
    display: block;
    border-right: 1px solid #b7c5d5;
    color: #4c6d96;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
}

#header_links_belowimageslider_ul_li li a.currentLink{
    color: #ffffff;
    background-color: #f48029;
}

#header_links_belowimageslider_ul_li li a.left:hover {   
    display: block;
    color: white;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #f48029;
}

#header_links_belowimageslider_ul_li .hover{
    display: block;
    color: white;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
    background-color: #f48029;
}

#header_links_belowimageslider_ul_li li a.right:hover {
    width: 50px;
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: #f48029;
    
}

header_navblue_belowimageslider{
    
    width: 100%;
    height: 29px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-top : 0.8px solid #b6c6d6;
    border-bottom : 0.8px solid #b6c6d6;
    text-align: center;
}

#oneParaGrey {
/*    max-width: 1280px;*/
    background-color: #f4f4f4;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    
    
}

#titleSections{
    width: 40%;
    font-family: Open Sans;
    font-size: 0.8em;
    font-weight: 700;
    background-color: #4c6d96;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px 20px;
    
}

#borderBox{
    background: #f7f7f7;
    padding: 5px 0px 25px 10px; 
    width: 95%;
    height: 15px;
    margin-top: 20px;
    border: 1px solid #555555;
    text-align: left;
}

#overviewHighlights{    
    font-family: "Open Sans";
    font-size: 1em;
    color: #848687;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    
}

#oneParaGreyFullWidth {
/*    max-width: 1280px;*/
    background-color: #f4f4f4;
    width: 100%;
    padding: 10px 20px 20px 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    
}

/* ===== X BUTTON IN MENU ========= */
#menuButton {
    background-color: #ffffff;
  height: 50px;
  width: 55px;
  float: right;
/*  margin-top: 100px;*/
  
/*  top: 39px;*/
  right: 0px;
  
  cursor: pointer;
  z-index: 9;
}
.whiteBorder {
  border: 0px solid rgba(255,255,255,.3);
}
.noBorder {
  border: 0px solid rgba(255,255,255,.0);
}
.fixedMenu {
  position: fixed;
}
.unfixedMenu {
  position: absolute;
}
.show_button {
  transition: .3s cubic-bezier(.38,0,.11,1.8);
  opacity: 1;
  transform: scale(1,1,);
}
.hide_button {
  transition: 0;
  opacity: 0;
  transform: scale(.7,.7);
}
.xline {
  width: 25px;
  height: 3px;
  position: relative;
  background-color: #000;
  display: block;
  transform-origin: 0px;
  margin: 2px auto;
  transition: 0s ease;
  transition-delay: .1s;
}
.x1_before {
  background-color: #336699;
  top: 12px;
  transform: translateY(0px) rotate(0deg);
}
.x2_before {
  background-color: #336699;
  top: 15px;
  transform: translateY(0px) rotate(0deg);
}
.x3_before {
  background-color: #336699;
  top: 18px;
  transform: translateY(0px) rotate(0deg);
}
.x1_after {
  
  top: 11px;
  transform: translateY(0px) rotate(0deg);
  background-color: #fff;
  border-style: dashed;
    border-width: 2px;
    color: #336699;
}
.x2_after {
  
  top: 14px;
   transform: translateY(0px) rotate(0deg);
  background-color: #fff;
  border-style: dashed;
    border-width: 2px;
    color: #336699;
}
.x3_after {
  top: 17px;
      transform: translateY(0px) rotate(0deg);
  background-color: #fff;
  border-style: dashed;
    border-width: 2px;
    color: #336699;
}

.shownItem {
/*  left: 0px;*/
/*  opacity: 1;*/
  -webkit-animation-name: itemSlideIn;
  -webkit-animation-duration: .7s;
  -webkit-animation-timing-function: cubic-bezier(.38,0,.11,1.8) ;
  animation-name: itemSlideIn;
  animation-duration: .7s;
  animation-timing-function: ease ;
  transition: .2s ease;

}
.hiddenItem {
/*  left: -50px;*/
}

/* ===== CATEGORY BUTTON IN MENU ========= */
#menuButtonCategory {
    background-color: #ffffff;
  height: 50px;
  width: 55px;
  float: left;
/*  margin-top: 100px;*/
  
/*  top: 39px;*/
  right: 0px;
  
  cursor: pointer;
  z-index: 9;
}
.whiteBorderCategory {
  border: 0px solid rgba(255,255,255,.3);
}
.noBorderCategory {
  border: 0px solid rgba(255,255,255,.0);
}
.fixedMenuCategory {
  position: fixed;
}
.unfixedMenuCategory {
  position: absolute;
}
.show_buttonCategory {
  transition: .3s cubic-bezier(.38,0,.11,1.8);
  opacity: 1;
  transform: scale(1,1,);
}
.hide_buttonCategory {
  transition: 0;
  opacity: 0;
  transform: scale(.7,.7);
}
.xlineCategory {
  width: 25px;
  height: 3px;
  position: relative;
  background-color: #000;
  display: block;
  transform-origin: 0px;
  margin: 2px auto;
  transition: 0s ease;
  transition-delay: .1s;
}
.x1_beforeCategory {
  background-color: #336699;
  top: 12px;
  transform: translateY(0px) rotate(0deg);
}
.x2_beforeCategory {
  background-color: #336699;
  top: 15px;
  transform: translateY(0px) rotate(0deg);
}
.x3_beforeCategory {
  background-color: #336699;
  top: 18px;
  transform: translateY(0px) rotate(0deg);
}
.x1_afterCategory {
  background-color: #000;
  top: 11px;
  transform: translate(5px, 16px) rotate(-45deg);
}
.x2_afterCategory {
  background-color: #000;
  top: 14px;
  transform: translate(0px, 0px);
  opacity: 0;
}
.x3_afterCategory {
  top: 17px;
  background-color: #000;
  transform: translate(5px, -18px) rotate(45deg);
}

.shownItemCategory {
/*  left: 0px;*/
/*  opacity: 1;*/
  -webkit-animation-name: itemSlideIn;
  -webkit-animation-duration: .7s;
  -webkit-animation-timing-function: cubic-bezier(.38,0,.11,1.8) ;
  animation-name: itemSlideIn;
  animation-duration: .7s;
  animation-timing-function: ease ;
  transition: .2s ease;

}
.hiddenItemCategory {
/*  left: -50px;*/
}

/* =========== STYLES PASTED FROM page.Styles.css ============== */


.hiddenMenu {
  opacity: 0;
  transition: .3s ease;
  visibility: hidden;
}
.shownMenu {
  opacity: 1;
  transition: .3s ease;
  visibility: visible;
}






#menuNavContainer {
  width: 100%;
  height: 100%;  
  position: fixed;
  z-index: 20;
  background-size: cover;
  background-position: center;
  transition: .3s ease;
}
#menuNav {
  width: 100%;
  height: 843px;
  top: 200px;
  /*left: 200px;  */
  
  background-color: #ffffff;
  position: fixed;
  z-index: 20;
  overflow:hidden;
  display: flex;
  justify-content: center; 
  opacity: 0.95;
}
#menuNav nav1 {
  width: 820px;
  height: 540px;
  display: block;
  position: relative;
  margin: 0 auto;
  top: 25px;
 /* border-left: 1px solid black;     */  
  flex-self: 3;
  overflow:hidden;
}
#menuNav ul li {
  list-style-type: none;
  text-align: center;
  margin-top: 20px;
  position: relative;
}
#menuNav ul li a {
  transition: .3s ease;
/*  font-weight: 200;*/
}
#menuNav ul li a:hover {
  color: #000;
}
#menuNav ul li a {
  font-family: "Source Sans Pro" , sans-serif;
  font-size: 1.2em;  
  text-transform: uppercase;
  position: relative;
  color: #4b5e88;
  text-decoration: none;
}

.shownItem {
/*  left: 0px;*/
/*  opacity: 1;*/
  -webkit-animation-name: itemSlideIn;
  -webkit-animation-duration: .7s;
  -webkit-animation-timing-function: cubic-bezier(.38,0,.11,1.8) ;
  animation-name: itemSlideIn;
  animation-duration: .7s;
  animation-timing-function: ease ;
  transition: .2s ease;

}
.hiddenItem {
/*  left: -50px;*/
}

.delay1 {
  animation-delay: .1s;
}
.delay2 {
  animation-delay: .3s;
}
.delay3 {
  animation-delay: .5s;
}
.delay4 {
  animation-delay: .7s;
}
.delay5 {
  animation-delay: .8s;
}
@keyframes itemSlideIn{
    0% {
        left: -50px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}
@-webkit-keyframes itemSlideIn{
    0% {
        left: -50px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}
@-moz-keyframes itemSlideIn{
    0% {
        left: -50px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}
nav {
  position: absolute;
  top: 400px;
}

.bottom_image{
    width: 80vw;
    height: 80vh;
    background-repeat: no-repeat;
    
}

.top_image{
    width: 80vw;
    
}

td.top_image{
   display: block; 
}

td.bottom_image{
   display: block; 
}

td.bottom_image1200{
    display: none;
    
}

td.top_image1200{
    display: none;
}

#bottomid{
      background-image: url('images/panel-tour_bottom_withpoints.png'); 
      background-repeat: no-repeat; 
      width:100vw; 
      height:100vh; 
      display: block;
}

.imgicons:hover {
    border: none;; 
    width:110px;
    height:auto;
    display:block;
    z-index:999;
}

  #rcorners2 {
    border: 0px solid #ffffff;
    border-radius: 15px;       
    
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    background: #ffffff;
    
    padding: 20px; 
    width: 70%;
    height: 300px;
    margin: auto; 
    margin-top: 10px;
    margin-bottom: 20px;   
}