body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_indexFerrisWheel1
{
   height: auto !important;
}
#indexFerrisWheel1
{
   width: 100%;
   border-radius: 100%;
   position: relative;
   padding: 100% 0 0 0;
   height: 0;
   display: block;
}
#indexFerrisWheel1 .nav
{ 
   width: 100%;
   height: 100%;
   position: absolute;
   margin: auto; top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border-radius: 100%;
   pointer-events: none;
   z-index: 9;
}
#indexFerrisWheel1 .nav .nav-item
{ 
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80px;
   height: 80px;
   position: absolute;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 50%;
   text-align: center; 
   z-index: 3;
   cursor: pointer;
   border: 2px solid #FFFFFF;
   transition: all 600ms ease-in;
   pointer-events: all;
}
#indexFerrisWheel1 .circle
{ 
   position: absolute;
   left: 10%;
   top: 10%;
   width: 80%;
   height: 80%;
   box-sizing: border-box;
   border: 0px solid #FFFFFF;
   border-radius: 100%; 
   animation: rotation 100s infinite linear; 
}
#indexFerrisWheel1 .nav .nav-item:hover, #indexFerrisWheel1 .nav .nav-item.active
{
   border: 2px solid #DCDCDC; 
}
#indexFerrisWheel1 .content
{
   border-radius: 100%;
   position: absolute;
   top: 10%;
   left: 10%;
   height: 80%;
   width: 80%;
   display: flex;
   justify-content: center;
   align-content: center;
   align-items: center;
}
#indexFerrisWheel1 .content .content-item
{
   border-radius: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #FFFFFF;
   position: absolute;
   text-align: center;
   bottom: 0;
   left: 0;
   opacity: 0;
   transform: scale(0);
   transition: all 600ms ease-in;
   font-family: Arial;
   font-weight: normal;
   font-size: 32px;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0;
   display: flex;
   flex-direction: column;
   align-content: center;
   justify-content: center;
   align-items: center;
}
#indexFerrisWheel1 .content-item.active
{
   z-index: 1;
   opacity: 1;
   transform: scale(1);
   transition: all 600ms ease-in;
}
#indexFerrisWheel1 .content .content-item .svg-icon
{
   position: absolute;   width: 100%;
   height: 100%;
   left: 0%;
   top: 0%;
   fill: currentColor;
   opacity: 0.1;
   pointer-events: none;
}
#indexFerrisWheel1 .content-item-overlay
{
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.08);
   border-radius: 100%;
   z-index: -1;
}
#indexFerrisWheel1 .content-item .title
{
   font-weight: bold;
   letter-spacing: 2px;
   position: relative;
   z-index: -1;
   color: #FFFFFF;
   font-size: 32px;
}
#indexFerrisWheel1 .content-item p
{
   font-size: 16px;
   margin: 10px 0;
}
#indexFerrisWheel1 .content-item a
{ 
   color: inherit;
   font-weight: bold;
   text-decoration: inherit;
}
#indexFerrisWheel1 .content-item-1, #indexFerrisWheel1 .nav-item-1
{
   background-image: url("../images/buildings%2d2297210_1280.jpg");
}
#indexFerrisWheel1 .content-item-2, #indexFerrisWheel1 .nav-item-2
{
   background-image: url("../images/chicago%2d1870010_1280.jpg");
}
#indexFerrisWheel1 .content-item-3, #indexFerrisWheel1 .nav-item-3
{
   background-image: url("../images/new%2dyork%2d2699520_1280.jpg");
}
#indexFerrisWheel1 .content-item-4, #indexFerrisWheel1 .nav-item-4
{
   background-image: url("../images/time%2dsquare%2d1610667_1280.jpg");
}
#indexFerrisWheel1 .content-item-5, #indexFerrisWheel1 .nav-item-5
{
   background-image: url("../images/skyline%2d255116_1280.jpg");
}
#indexFerrisWheel1 .content-item-6, #indexFerrisWheel1 .nav-item-6
{
   background-image: url("../images/chicago%2d1870010_1280.jpg");
}
#indexFerrisWheel1 .content-item-7, #indexFerrisWheel1 .nav-item-7
{
   background-image: url("../images/casino%2d1249899_1280.jpg");
}
#wb_wb20_ferriswheel_imagesLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wb20_ferriswheel_imagesLayoutGrid2
{
   box-sizing: border-box;
   padding: 25px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .row > .col-1
{
   float: left;
}
#wb20_ferriswheel_imagesLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#wb20_ferriswheel_imagesLayoutGrid2:before,
#wb20_ferriswheel_imagesLayoutGrid2:after,
#wb20_ferriswheel_imagesLayoutGrid2 .row:before,
#wb20_ferriswheel_imagesLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#wb20_ferriswheel_imagesLayoutGrid2:after,
#wb20_ferriswheel_imagesLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#wb20_ferriswheel_imagesLayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_wb20_ferriswheel_imagesLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#wb20_ferriswheel_imagesLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   float: left;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: right;
}
#wb20_ferriswheel_imagesLayoutGrid1:before,
#wb20_ferriswheel_imagesLayoutGrid1:after,
#wb20_ferriswheel_imagesLayoutGrid1 .row:before,
#wb20_ferriswheel_imagesLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#wb20_ferriswheel_imagesLayoutGrid1:after,
#wb20_ferriswheel_imagesLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-1, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-2, #wb20_ferriswheel_imagesLayoutGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_wb20_ferriswheel_imagesHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 0 25px 0 ;
   padding: 0;
   text-align: center;
}
#wb20_ferriswheel_imagesHeading1
{
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_wb20_ferriswheelText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_wb20_ferriswheelText1
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_wb20_ferriswheelText1 p, #wb_wb20_ferriswheelText1 ul
{
   margin: 0;
   padding: 0;
}
#wb_wb20_ferriswheelText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
