body
{
   background-color: #111111;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 50px 0px 50px 0px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid1 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Heading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 43px;
   margin: 0;
   text-align: center;
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 50px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1024px;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: left;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#Extension1
{
   align-items: stretch;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   display: flex;
   font-family: "Arial";
   list-style: none;
   margin: 0;
   min-height: 100%;
   overflow: hidden;
   padding: 0;
   position: relative;
}
#Extension1 .item
{
   bottom: auto;
   box-sizing: border-box;
   display: flex;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   user-select: none;
   width: 100%;
   z-index: 1;
}
#Extension1 .item.active .content
{
   transform: translateX(0%);
}
#Extension1 .item.active .image
{
   transform: translateX(0%);
}
#Extension1 .content, #Extension1 .image
{
   box-sizing: border-box;
   flex: 0 1 auto;
   pointer-events: auto;
   position: relative;
}
#Extension1 .content
{
   background: #000000;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: relative;
   text-align: left;
   transform: translateX(200%);
   transition: transform 600ms 0ms ease-in-out;
   width: 50%;
   z-index: 2;
}
#Extension1 .content-inner
{
   box-sizing: border-box;
   padding: 20px 20px 20px 20px;
}
#Extension1 .content .title
{
   color: #FFFFFF;
   font-size: 16px;
   margin: 0 0 10px 0;
}
#Extension1 .content .description p
{
   color: rgba(255,255,255,0.78);
   font-size: 13px;
   margin: 0 0 20px 0;
}
#Extension1 .button
{
   color: rgba(255,255,255,0.78);
   font-size: 13px;
   border: 1px solid rgba(255,255,255,0.78);
   background: transparent;
   border-radius: 8px;
   box-sizing: border-box;
   display: inline-block;
   padding: 8px 16px;
   text-decoration: none;
   transition: all 300ms ease;
}
#Extension1 .button:hover
{
   border-color: #FFFFFF;
   color: #FFFFFF;
}
#Extension1 .image
{
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   transform: translateX(100%);
   transition: transform 0ms 300ms ease-in-out;
   width: 50%;
   z-index: 1;
}
#Extension1 .controls
{
   align-items: center;
   bottom: 0;
   box-sizing: border-box;
   color: #FFFFFF;
   display: flex;
   justify-content: flex-end;
   left: 0;
   padding: 20px 20px;
   position: absolute;
   width: 50%;
   z-index: 10;
}
#Extension1 .pagination
{
   align-self: flex-end;
   display: flex;
   font-size: 13px;
   margin-right: auto;
}
#Extension1 .pagination span
{
   font-size: 0.8em;
}
#Extension1 .controls a 
{
   align-items: center;
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   color: inherit;
   cursor: pointer;
   display: flex;
   height: 24px;
   justify-content: center;
   line-height: 0;
   opacity: 0.5;
   position: relative;
   transition: all 300ms ease-in-out;
   width: 24px;
}
#Extension1 .controls a:after
{
   position: absolute;
   content: "";
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 16px;
   width: 100%;
   height: 100%;
}
#Extension1 .controls .prev:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M100 45 L100 53 C100 56, 99 58, 98 59 C96 61, 94 62, 92 62 L44 62 L64 80 C66 82, 67 84, 67 86 C67 88, 66 90, 64 92 L59 97 C57 98, 55 99, 53 99 C51 99, 48 98, 47 97 L2 55 C1 54, 0 52, 0 49 C0 47, 1 45, 2 44 L47 2 C48 1, 50 0, 53 0 C55 0, 57 1, 59 2 L64 7 C66 9, 67 11, 67 13 C67 15, 66 17, 64 19 L44 37 L92 37 C94 37, 96 38, 98 40 C99 41, 100 43, 100 45'/%3E%3C/svg%3E");
}
#Extension1 .controls .next:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M99 50 C99 52, 98 54, 97 56 L53 98 C51 99, 49 100, 47 100 C44 100, 42 99, 40 98 L36 93 C34 91, 33 89, 33 87 C33 85, 34 83, 36 81 L55 62 L8 62 C6 62, 4 62, 2 60 C1 58, 0 56, 0 54 L0 46 C0 44, 1 42, 2 40 C4 38, 6 38, 8 38 L55 38 L36 19 C34 17, 33 15, 33 13 C33 11, 34 9, 36 7 L40 2 C42 1, 44 0, 47 0 C49 0, 51 1, 53 2 L97 44 C98 46, 99 48, 99 50'/%3E%3C/svg%3E");
}
#Extension1 .controls a:hover
{
   opacity: 1;
}
#Extension1 .controls .prev
{
   margin-right: 10px;
}
#Extension1.has-height .item
{
   bottom: 0;
}
#Extension1 .item:nth-of-type(1) .image
{
   background-image: url("images/brooklyn-1859005_1280.jpg");
}
#Extension1 .item:nth-of-type(2) .image
{
   background-image: url("images/amsterdam-5425124_1280.jpg");
}
#Extension1 .item:nth-of-type(3) .image
{
   background-image: url("images/bridge-2715_1280.jpg");
}
#Extension1 .item:nth-of-type(4) .image
{
   background-image: url("images/sydney-opera-house-293669_1280.jpg");
}
#Extension1 .item:nth-of-type(5) .image
{
   background-image: url("images/paris-4793193_1280.jpg");
}
@media (max-width: 768px)
{
   #wb_Extension1
   {
      height: auto !important;
   }
   #Extension1 
   {
      min-height: 500px;
      height: auto !important;
   }
   #Extension1 .controls
   {
      width: 100%;
   }
   #Extension1 .item
   {
      flex: 1 0 auto;
      flex-direction: column-reverse;
      width: 100%;
   }
   #Extension1 .content
   {
      flex: 1 1 auto;
      height: 50%;
      transform: translateX(100%);
      width: 100%;
   }
   #Extension1 .image
   {
      flex: 1 1 auto;
      height: 50%;
      transform: translateX(100%);
      transition: transform 600ms 0s ease-in-out;
      width: 100%;
   }
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 10vh;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   height: 10vh;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 50px 0px 50px 0px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .col-1
{
   -webkit-flex: 0 0 auto;
   flex: 0 0 auto;
}
#LayoutGrid3 > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   flex-basis: 100%;
   max-width: 100%;
   display: -webkit-flex;
   -webkit-flex-wrap: wrap;
   -webkit-align-content: center;
   -webkit-align-self: stretch;
   -webkit-align-items: center;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#wb_LayoutGrid3, #LayoutGrid3
{
   height: auto;
}
#LayoutGrid3 > div[class^="col-"]
{
   height: 10vh;
}
#LayoutGrid3 > .col-1
{
   -webkit-flex-basis: 100% !important;
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}