/* Minification failed. Returning unminified contents.
(2534,31): run-time error CSS1046: Expect comma, found '55'
(2534,37): run-time error CSS1046: Expect comma, found '/'
(2558,36): run-time error CSS1046: Expect comma, found '55'
(2558,42): run-time error CSS1046: Expect comma, found '/'
(2559,39): run-time error CSS1046: Expect comma, found '55'
(2559,45): run-time error CSS1046: Expect comma, found '/'
(2560,36): run-time error CSS1046: Expect comma, found '55'
(2560,42): run-time error CSS1046: Expect comma, found '/'
(2567,31): run-time error CSS1046: Expect comma, found '55'
(2567,37): run-time error CSS1046: Expect comma, found '/'
(2617,24): run-time error CSS1046: Expect comma, found '238'
(2617,31): run-time error CSS1046: Expect comma, found ')'
(2641,24): run-time error CSS1046: Expect comma, found '238'
(2641,31): run-time error CSS1046: Expect comma, found ')'
(2680,24): run-time error CSS1046: Expect comma, found '238'
(2680,31): run-time error CSS1046: Expect comma, found ')'
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------

events500 3 Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'events500 3';
  src: url('../fonts/events500 3.eot');
  src: url('../fonts/events500 3.eot') format('embedded-opentype'), url('../fonts/events500 3.woff') format('woff'), url('../fonts/events500 3.ttf') format('truetype'), url('../fonts/events500 3.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.nc-icon {
  display: inline-block;
  font: normal normal normal 1em/1 'events500 3';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.nc-icon-sm {
  font-size: 0.8em;
}
.nc-icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.nc-icon-16 {
  font-size: 16px;
}
.nc-icon-32 {
  font-size: 32px;
}
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.nc-icon-bg-square,
.nc-icon-bg-circle {
  padding: 0.35em;
  background-color: #eee;
}
.nc-icon-bg-circle {
  border-radius: 50%;
}
/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.nc-icon-ul {
  padding-left: 0;
  list-style-type: none;
}
.nc-icon-ul > li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.nc-icon-ul > li > .nc-icon {
  margin-right: 0.4em;
  line-height: inherit;
}
/*------------------------
  spinning icons
-------------------------*/
.nc-icon-is-spinning {
  -webkit-animation: nc-icon-spin 2s infinite linear;
  -moz-animation: nc-icon-spin 2s infinite linear;
  animation: nc-icon-spin 2s infinite linear;
}
@-webkit-keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes nc-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes nc-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.nc-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nc-icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nc-icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.nc-icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.nc-icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*------------------------
	icons
-------------------------*/

.nc-alert-circle-i::before {
  content: "\ea01";
}

.nc-alert-circle-que::before {
  content: "\ea02";
}

.nc-at-sign::before {
  content: "\ea03";
}

.nc-b-meeting::before {
  content: "\ea04";
}

.nc-baby-3::before {
  content: "\ea05";
}

.nc-ban::before {
  content: "\ea06";
}

.nc-book-open-2-2::before {
  content: "\ea07";
}

.nc-book-open-2::before {
  content: "\ea08";
}

.nc-bookmark-add::before {
  content: "\ea09";
}

.nc-briefcase-24::before {
  content: "\ea0a";
}

.nc-briefcase-25::before {
  content: "\ea0b";
}

.nc-building::before {
  content: "\ea0c";
}

.nc-calendar-grid-58::before {
  content: "\ea0d";
}

.nc-chart-2::before {
  content: "\ea0e";
}

.nc-chart-3-2::before {
  content: "\ea0f";
}

.nc-chart-3::before {
  content: "\ea10";
}

.nc-chart-bar-32-2::before {
  content: "\ea11";
}

.nc-chart-bar-32::before {
  content: "\ea12";
}

.nc-chart-bar-33-2::before {
  content: "\ea13";
}

.nc-chart-bar-33::before {
  content: "\ea14";
}

.nc-chat-45::before {
  content: "\ea15";
}

.nc-chat-content::before {
  content: "\ea16";
}

.nc-chat-round::before {
  content: "\ea17";
}

.nc-check-circle-08::before {
  content: "\ea18";
}

.nc-cheque-3::before {
  content: "\ea19";
}

.nc-cheque::before {
  content: "\ea1a";
}

.nc-child::before {
  content: "\ea1b";
}

.nc-circle-remove::before {
  content: "\ea1c";
}

.nc-cloud-download-93::before {
  content: "\ea1d";
}

.nc-cloud-refresh::before {
  content: "\ea1e";
}

.nc-cloud-upload-96::before {
  content: "\ea1f";
}

.nc-copy::before {
  content: "\ea20";
}

.nc-crosshair::before {
  content: "\ea21";
}

.nc-database::before {
  content: "\ea22";
}

.nc-design-dev::before {
  content: "\ea23";
}

.nc-doc::before {
  content: "\ea24";
}

.nc-edit-77::before {
  content: "\ea25";
}

.nc-email-85::before {
  content: "\ea26";
}

.nc-event-confirm::before {
  content: "\ea27";
}

.nc-event-create::before {
  content: "\ea28";
}

.nc-explore-user::before {
  content: "\ea29";
}

.nc-eye-19::before {
  content: "\ea2a";
}

.nc-folder-edit::before {
  content: "\ea2b";
}

.nc-folder-search::before {
  content: "\ea2c";
}

.nc-gradient::before {
  content: "\ea2d";
}

.nc-hammer::before {
  content: "\ea2e";
}

.nc-handshake::before {
  content: "\ea2f";
}

.nc-headset::before {
  content: "\ea30";
}

.nc-hotel::before {
  content: "\ea31";
}

.nc-ic_cloud_download_48px::before {
  content: "\ea32";
}

.nc-ic_more_48px::before {
  content: "\ea33";
}

.nc-ic_search_48px::before {
  content: "\ea34";
}

.nc-image-01::before {
  content: "\ea35";
}

.nc-img-stack::before {
  content: "\ea36";
}

.nc-infinite::before {
  content: "\ea37";
}

.nc-info::before {
  content: "\ea38";
}

.nc-key-26::before {
  content: "\ea39";
}

.nc-kid::before {
  content: "\ea3a";
}

.nc-launch-47::before {
  content: "\ea3b";
}

.nc-list::before {
  content: "\ea3c";
}

.nc-logo-facebook::before {
  content: "\ea3d";
}

.nc-logo-fb-simple::before {
  content: "\ea3e";
}

.nc-logo-linkedin::before {
  content: "\ea3f";
}

.nc-logo-twitter::before {
  content: "\ea40";
}

.nc-menu-34::before {
  content: "\ea41";
}

.nc-minimal-left::before {
  content: "\ea42";
}

.nc-mirror-2::before {
  content: "\ea43";
}

.nc-mp4::before {
  content: "\ea44";
}

.nc-no-access::before {
  content: "\ea45";
}

.nc-notes::before {
  content: "\ea46";
}

.nc-onenote::before {
  content: "\ea47";
}

.nc-p-search::before {
  content: "\ea48";
}

.nc-p-sync::before {
  content: "\ea49";
}

.nc-pdf::before {
  content: "\ea4a";
}

.nc-pen-01::before {
  content: "\ea4b";
}

.nc-pencil::before {
  content: "\ea4c";
}

.nc-phone-2::before {
  content: "\ea4d";
}

.nc-phone-3::before {
  content: "\ea4e";
}

.nc-phone-call::before {
  content: "\ea4f";
}

.nc-pin-user::before {
  content: "\ea50";
}

.nc-play-68::before {
  content: "\ea51";
}

.nc-play-69::before {
  content: "\ea52";
}

.nc-position::before {
  content: "\ea53";
}

.nc-preferences-circle::before {
  content: "\ea54";
}

.nc-preferences-container-circle::before {
  content: "\ea55";
}

.nc-preferences::before {
  content: "\ea56";
}

.nc-question::before {
  content: "\ea57";
}

.nc-quote-2::before {
  content: "\ea58";
}

.nc-quote::before {
  content: "\ea59";
}

.nc-receipt-list-43::before {
  content: "\ea5a";
}

.nc-receipt::before {
  content: "\ea5b";
}

.nc-replace-folder::before {
  content: "\ea5c";
}

.nc-round-pound::before {
  content: "\ea5d";
}

.nc-scissors::before {
  content: "\ea5e";
}

.nc-search-3::before {
  content: "\ea5f";
}

.nc-settings-gear-65-2::before {
  content: "\ea60";
}

.nc-settings-gear-65::before {
  content: "\ea61";
}

.nc-settings-tool-67-2::before {
  content: "\ea62";
}

.nc-settings-tool-67::before {
  content: "\ea63";
}

.nc-sign-open::before {
  content: "\ea64";
}

.nc-signature::before {
  content: "\ea65";
}

.nc-simple-remove-2::before {
  content: "\ea66";
}

.nc-simple-remove::before {
  content: "\ea67";
}

.nc-single-01-2::before {
  content: "\ea68";
}

.nc-single-01::before {
  content: "\ea69";
}

.nc-single-folded-content::before {
  content: "\ea6a";
}

.nc-single-paragraph::before {
  content: "\ea6b";
}

.nc-stock::before {
  content: "\ea6c";
}

.nc-stre-down::before {
  content: "\ea6d";
}

.nc-stre-right::before {
  content: "\ea6e";
}

.nc-subtitles::before {
  content: "\ea6f";
}

.nc-tag-line::before {
  content: "\ea70";
}

.nc-trash-round::before {
  content: "\ea71";
}

.nc-tv-2::before {
  content: "\ea72";
}

.nc-video-67::before {
  content: "\ea73";
}

.nc-wand-99::before {
  content: "\ea74";
}

.nc-webpage::before {
  content: "\ea75";
}

.nc-zoom-2::before {
  content: "\ea76";
}

.nc-zoom-split::before {
  content: "\ea77";
}


/*--------------------------------

events500 4 Web Font
Generated using nucleoapp.com

-------------------------------- */
@font-face {
  font-family: 'events500 4';
  src: url('../fonts/events500 4.eot');
  src: url('../fonts/events500 4.eot') format('embedded-opentype'), url('../fonts/events500 4.woff2') format('woff2'), url('../fonts/events500 4.woff') format('woff'), url('../fonts/events500 4.ttf') format('truetype'), url('../fonts/events500 4.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*------------------------
	base class definition
-------------------------*/
.i-icon {
  display: inline-block;
  font: normal normal normal 1em/1 'events500 4';
  speak: none;
  text-transform: none;
  /* Better Font Rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*------------------------
  change icon size
-------------------------*/
/* relative units */
.i-icon-sm {
  font-size: 0.8em;
}
.i-icon-lg {
  font-size: 1.2em;
}
/* absolute units */
.i-icon-16 {
  font-size: 16px;
}
.i-icon-32 {
  font-size: 32px;
}
/*----------------------------------
  add a square/circle background
-----------------------------------*/
.i-icon-bg-square,
.i-icon-bg-circle {
  padding: 0.35em;
  background-color: #eee;
}
.i-icon-bg-circle {
  border-radius: 50%;
}
/*------------------------------------
  use icons as list item markers
-------------------------------------*/
.i-icon-ul {
  padding-left: 0;
  list-style-type: none;
}
.i-icon-ul > li {
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}
.i-icon-ul > li > .i-icon {
  margin-right: 0.4em;
  line-height: inherit;
}
/*------------------------
  spinning icons
-------------------------*/
.i-icon-is-spinning {
  -webkit-animation: i-icon-spin 2s infinite linear;
  -moz-animation: i-icon-spin 2s infinite linear;
  animation: i-icon-spin 2s infinite linear;
}
@-webkit-keyframes i-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes i-icon-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes i-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*------------------------
  rotated/flipped icons
-------------------------*/
.i-icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.i-icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.i-icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.i-icon-flip-y {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.i-icon-flip-x {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
/*------------------------
	icons
-------------------------*/

.i-icon-analytics::before {
  content: "\ea01";
}

.i-icon-calculator::before {
  content: "\ea02";
}

.i-icon-layers::before {
  content: "\ea03";
}

.i-icon-property-app::before {
  content: "\ea04";
}

.i-icon-responsive::before {
  content: "\ea05";
}

.i-icon-signature::before {
  content: "\ea06";
}


@font-face{
    src:url('/fonts/MuseoSans_500.otf');
    font-family:Museo;
}
html body{
    font-family:'Roboto', sans-serif;
    overflow-x:hidden;
}
.my-container{
    max-width:1300px;
    margin:auto; 
}
a:hover{
    text-decoration:none;
    color:inherit;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
[contenteditable="true"]:focus {
    outline: none;
}
img {
    image-orientation: from-image;
}
/*-------------------------------------HEADER------------------------------------*/
.body-header{
    background:url('../Images/events500 2.0 header large small floor.jpg');
    background-size:cover;
    background-position:center;
    /*background-attachment:fixed;*/
    width:100%;
    height:95vh;
    min-height:500px;
}
.tint{
    width:100%;
    height:95vh;
    background:rgba(0,0,0,0.2);
    min-height:500px;
}
/*-------------------------------------NAV-----------------------------------*/
.body-nav{
    width:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:100;
}
.body-nav .my-container{
    position:relative;
}
.body-nav-logo{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    z-index:50;
}
.body-nav-logo img{
    width:105px;
}
.body-nav-ul{
    display:inline-block;
    float:right;
    vertical-align:middle;
    position:relative;
    z-index:50;
}
.body-nav-ul li{
    display:inline-block;
    vertical-align:top;
    transition:ease-in .05s;
}
.body-nav-ul li > div, .body-nav-ul li a > div{
    padding:37px 20px;
    padding-top:48px;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
    color:white;
    position:relative;
    text-transform:uppercase;
}
.lowercase{
    text-transform:lowercase;
}
.nav-login > div{
    color:white;
    border-radius:4px;
}
.body-nav-menu{
    font-size:25pt;
    color:white;
    display:none;
    cursor:pointer;
    padding:15px;
    position:relative;
    z-index:5;
    top:11px;
    right:6px;
    float:right;
    z-index:50;
}
.body-nav-menu-expanded{
    position:fixed;
    background:rgba(255,255,255,1);
    width:100%;
    text-align:center;
    height:100vh;
    top:0;
    z-index:0;
    padding-top:90px;
    z-index:20;
}
.body-nav-menu-expanded li{
    font-size:24px;
    padding:20px;
    width:100%; 
    cursor:pointer;
}
.body-nav-menu-expanded li div{
    color:#06374d;
}
#closeBodyMenu{
    color:#06374d;
}
@media screen and (max-width:450px){
    .body-nav-menu-expanded li{
        font-size:24px;
    }
}

/*----------------------FIXED--------------------*/
#bodyNav.fixed-top{
    position:fixed;
    top:0;
    left:0;
    background:white;
    box-shadow:0px 0px 10px rgba(6, 55, 77, 0.23);
    z-index:50;
}
#bodyNav.fixed-top .body-nav-logo img{
    width:77px;
}
#bodyNav.fixed-top .body-nav-ul li > div, #bodyNav.fixed-top .body-nav-ul li a > div{
    color:#1b2a2e;
    padding-top:31px;
    padding-bottom:30px;
    font-size:13pt;
    text-transform:uppercase;
}
#bodyNav.fixed-top .nav-login > div{
    color:#1b2a2e;
}
#bodyNav.fixed-top .body-nav-ul li:hover{
    border-bottom:2px solid #06374d;
}
#bodyNav.fixed-top .body-nav-menu{
    color:#1b2a2e;
}
#bodyNav.fixed-top li.nav-hightlight > div > div{
    color:#22a5de;
    border:2px solid #22a5de;
    border-radius:30px;
    padding:8px 25px;
    margin:-10px -25px;
    transition:ease-in-out .1s;
}
#bodyNav.fixed-top li:hover.nav-hightlight > div > div{
    background:#22a5de;
    color:white;
}
#bodyNav.fixed-top li.nav-hightlight:hover{
    border-bottom:none;
}
/*------------------------------------TEXT----------------------------------*/
.body-header-text{
    text-align:center;
    color:white;
    max-width:800px;
    margin:auto;
    display:table;
    height:95vh;
    min-height:500px;
    position:relative;
}
.body-header-text > div{
    display:table-cell;
    vertical-align:middle;
}
.bht-large{
    font-size:86px;
    line-height:1.03;
    font-weight:bold;
}
.bht-small{
    font-size:26px;
    line-height:1.4;
}
.header-demo{
    background:#22a5de;
    width:270px;
    margin:auto;
    padding:14px;
    border-radius:4px;
    text-transform:uppercase;
    margin-top:14px;
    cursor:pointer;
    color:white;
    font-size:18px;
    font-weight:500;
}
@media screen and (max-width:650px){
    .bht-large{
        font-size:63px;
        line-height:1.03;
        margin-bottom:7px;
    }
    .bht-small{
        font-size:25px;
        line-height:1.1;
    }
    .header-demo{
        font-family:'Roboto', sans-serif;
        padding:14px;
        font-size:18px;
    }
}
.body-header-down{
    text-align:center;
    cursor:pointer;
    display:block;
    position:absolute;
    bottom:0px;
    left:35%;
    width:30%;
    text-align:center;
    transition:.4s ease;
    font-size:44pt;
}
/*--------------------------------------FOOTER--------------------------------------*/
footer{
    width:100%;
    background:#16252a;
    padding-top:40px;
    padding-bottom:40px;
    text-align:center;
    color:white;
    
}
.footer-nav{
    margin-bottom:10px;
}
.footer-nav li{
    display:inline-block;
    text-transform:uppercase;
    padding:42px 28px;
    color:white;
    cursor:pointer;
    font-size:20px;
    font-weight:500;
}
.footer-nav li a{
    color:white;
}
.footer-follow{
    margin-bottom:0px;
    position:relative;
}
.footer-contact > div{
    display:inline-block;
    position:relative;
    left:8px;
    margin:10px 20px;
    vertical-align:middle;
}
.footer-logo img{
    width:185px;
}
.footer-contact > div > div:nth-child(1){
    margin-bottom:12px;
}
.footer-contact > div > div:nth-child(1) i{
    font-size:80pt;
    display:block;
    margin-bottom:14px;
}
.footer-contact > div > div:nth-child(1) span{
    font-size:24px;
    line-height:1.03;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    
}
.footer-contact > div > div:nth-child(2) > div{
    margin-bottom:8px;
    font-size:20px;
    line-height:1.4;
}
.footer-contact > div > div:nth-child(2) > div i{
    vertical-align:middle;
    margin-right:7px;
}
.footer-contact-info{
    margin-top:6px;
    margin-bottom:20px;
}
.footer-demo{
    margin-bottom:30px;
}
.footer-demo .header-demo{
    width:300px;
}
.footer-footer{
    text-transform:uppercase;
    font-size:20px;
    letter-spacing:1px;
    line-height:1.4;
}
/*-------------------------------------------LAYOUT DROPDOWN-------------------------------------*/
.layout-dropdown{
    position:fixed;
    top:0;
    left:0;
    z-index:150;
    width:100%;
    height:100vh;
    background:rgba(26, 41, 45, 0.6);
    display:table;
    display:none;
}
.layout-dropdown > div{
    display:table-cell;
    vertical-align:middle;
    margin:auto;
}
.layout-dropdown > div > div{
    position:relative;
    margin:auto;
    background:white;
    border-radius:5px;
    box-shadow:0px 0px 30px rgba(0, 0, 0, 0.4);
}
.layout-dropdown header{
    font-weight:600;
    text-align:center;
    padding:25px;
    padding-bottom:14px;
    font-size:25px;
    text-transform:capitalize;
    color:#1a292d;
    position:relative;
   
}
.close-layout-dropdown{
    position:absolute;
    top:0px;
    right:0px;
    font-size:15pt;
    cursor:pointer;
    color:rgba(98, 116, 121, 1);
    padding:10px;
}

@media screen and (max-width:650px){
    .body-nav-logo img{
        width:70px;
        padding:5px;
    }
    .body-nav-menu{
       padding:17px;
       position:relative;
       top:8px;
       right:6px;
    }
    .body-header-down{
        bottom:00px;
    }
    .footer-contact > div{
        left:0;
        margin-bottom:10px;
    }
}
@media screen and (max-width:790px){
    footer{
        padding-top:28px;
    }
    .footer-nav{
        display:none;
    }
    footer .footer-logo{
        display:none;
    }
}

.home{
    padding:0px 0px;
}
.home-section{
    margin:100px 0px;
}
.main-title{
    text-align:center;
    max-width:1050px;
    margin:auto;
    color:#1a292d;
    margin-bottom:42px;
}
.mt-large{
    font-size:81px;
    line-height:1.03;
    color:#1a292d;
    font-weight:bold;
    margin-bottom:20px;
}
.mt-semi-large{
    font-size:24px;
    line-height:1.3;
    color:#627479;
    margin:auto;
    margin-bottom:-26px;
   
}
.mt-medium{
    font-size:21px;
    line-height:1.5;
    color:#627479;
    max-width:900px;
    margin:auto;
}
@media screen and (max-width:650px){
    .main-title{
        margin-bottom:28px;
        max-width:95%;
        
    }
    .mt-large{
        font-size:50px;
        margin-bottom:21px;
    }
    .mt-semi-large{
        font-size:23px;
        margin-bottom:-7px;
    }
    .mt-medium{
        font-size:17px;
    }
    .home-section{
        margin:56px 0px;
    }
    .home-intro{
        margin:auto;
        margin-top:50px;
        margin-bottom:70px;
        max-width:95%;
    }
}
/*-------------------------------HOME INTRO------------------------*/
.home-intro{
    text-align:center;
    width:900px;
    margin:90px auto;
}
.hi-title{
    max-width:1100px;
}
.hi-intro{
    font-size:20px;
    line-height:1.4;
    color:#627479;
    max-width:900px;
    margin:auto;
    margin-bottom:40px;   
}

.hi-video-cont{
    position:relative;
    width:800px;
    margin:auto;
    margin-top:80px;
    margin-bottom:120px;
    z-index:-1;
    
}
.hi-video-cont img{
    position:absolute;
    left:0px;
    top:-33px;
    width:100%;
    z-index:0;
    height:408px;
}
.hi-video{
    width:558px;
    margin:auto;
    position:relative;
    left:0px;
    border-radius:2px;
    overflow:hidden;
}
.hi-video video{
    width:100%;
    border-radius:2px;
}
.home-intro .header-demo{
    
}
@media screen and (max-width:820px){
    .hi-video-cont{
        width:760px;
    }
    .hi-video-cont img{
        top:-33px;
        width:100%;
        height:388px;
    }
    .hi-video{
        width:529px;
    }
}
@media screen and (max-width:450px){
    .hi-intro{
        font-size:13.6pt;
        line-height:20.4pt;
    }
    .hi-video-cont{
        width:360px;   
    }
    .hi-video-cont img{
        top:-15px;
        width:100%;
        height:185px;
    }
    .hi-video{
        width:249px;
    }
}
@media screen and (max-width:325px){
    .hi-video-cont{
        display:none;
    }
    .home-intro .header-demo{
        display:block;
    }
}
/*-----------------------------HOME SLIDES------------------------*/
@media screen and (max-width:450px){
    .home-slides{
        margin-bottom:50px;
    }
}
.slide{
    text-align:center;
    z-index:0;
    position:relative;
    background-position:center;
    background-size:cover;
}
.slide-tint{
    display:table;
    width:100%;
    padding:75px 0px;
    background:rgba(0,0,0,0.3);
}
.slide-tint > div{
    display:table-cell;
    vertical-align:middle;
    color:white;
}
.slide-title{
    font-size:70px;
    line-height:1.03;
    font-weight:bold;
    margin-bottom:14px;
}
.slide-info{
    font-size:26px;
    line-height:1.4;
}
@media screen and (max-width:450px){
    .slide-tint{
        padding:56px 0px;
    }
    .slide-title{
        font-size:50px;
    }
    .slide-info{
        font-size:20px;
    }
}
#slideWeddings{
    background-image:url('../Images/Slides/events500 Wedding Slide.jpg');
}
#slideMeetings{
    background-image:url('../Images/Slides/events500 Meeting Slide.jpg');
}
#slideMeetings .slide-tint{
    background:rgba(0,0,0,0.36);
}
#slideBanqueting{
    background-image:url('../Images/Slides/events500 Banquet Slide.jpg');
    background-position:bottom;
}
#slideBanqueting .slide-tint{
    background:rgba(0,0,0,0.0);
}
#slideChristmas{
    background-image:url('../Images/Slides/events500 Christmas Slide.jpg');
}
/*------------------------------HOME BULLETS----------------------*/
.home-bullets{
    text-align:center;
}
.bullet-point{
    display:inline-block;
    max-width:30%;
    min-width:380px;
    vertical-align:top;
    text-align:center;
    margin:0px 6px;
    margin-bottom:42px;
    padding:0px 2px;
}
@media screen and (max-width:780px){
    .bullet-point{
        min-width:350px;
    }
}
@media screen and (max-width:450px){
    .bullet-point{
        min-width:290px;
    }
}
.bullet-point-icon{
    font-size:30pt;
    background:#22a5de;
    width:71px;
    margin:auto;
    padding:12px;
    padding-top:15px;
    padding-bottom:9px;
    border-radius:50px;
    color:white;
}
.bullet-point-title{
    margin:14px 0px;
    margin-bottom:5px;
    font-size:19px;
    line-height:1.4;
    color:#1a292d;
    font-weight:500;
}
.bullet-point-info{
    font-size:17px;
    line-height:1.4;
    color:#627479;
}
.bullet-demo{
    
    margin:auto;
    margin-top:30px;
    
}
.bullet-demo .header-demo{
    margin-top:36px;
    width:320px;
}
@media screen and (max-width:450px){
    .bullet-demo .header-demo{
        width:300px;
    }
}
/*-----------------------------HOME FOLLOW------------------------*/
.home-follow{
    text-align:center;
    background:#22a5de;
    color:white;
    height:260px;
    background-image:url('../Images/Slides/events500 Meeting Slide.jpg');
    background-position:center;
    background-size:cover;
    display:table;
    width:100%;
}
.hf-tint{
    background:rgba(0,0,0,0.3);
    width:100%;
    height:260px;
    display:table-cell;
    vertical-align:middle;
}
.home-follow-title{
    font-size:70px;
    line-height:1.03;
    font-weight:bold;
    margin-bottom:14px;
}
.hf-icon{
    display:inline-block;
    font-size:27pt;
    background:#22a5de;
    color:white;
    padding:10px;
    padding-top:12px;
    padding-bottom:8px;
    border-radius:40px;
    width:65px;
    margin-right:10px;
    cursor:pointer;
}
.hf-icon a{
    color:white;
}
@media screen and (max-width:500px){
    .home-follow-title{
        font-size:59px;
    }
}
/*-----------------------------HOME LOGOS-------------------------*/
.home-logos{
    overflow:hidden;
}
.logos{
    text-align:center;
    overflow:hidden;
    margin-bottom:10px;
   
}
.logo{
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    margin:20px 30px;
    
}
.logo img{
    max-height:110px;
    max-width:200px;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    filter:grayscale(100%);
}
.logo-mgm img{
    max-height:80px;
}

/*-----------------------------------HOME TESTIMONIAL SLIDES--------------------------------*/
.home-testimonials{
    background-image:url('../Images/iStock-1054725028.jpg');
    background-position:center;
    background-size:cover;
    color:white;
    text-align:center;
    position:relative;
    display:table;
    width:100%;
}
.ht-tint{
    width:100%;
    background:rgba(0,0,0,0.55);
    display:table-cell;
    vertical-align:middle;
    padding:50px 0px;
}
#htLeft, #htRight{
    font-size:40pt;
    top:450px;
    cursor:pointer;
    position:absolute;
    transition:.12s ease-in;
}
#htLeft{
    left:0;
}
#htRight{
    right:0;
}
@media screen and (max-width:650px){
    .home-testimonials{
        margin-top:50px;
    }
    #htLeft, #htRight{
        display:none;
    }
    #htSlide1 > div:nth-child(2){
        display:none;
    }
}

/*--------------------------SLIDE-----------------------*/
@font-face{
    src:url('../fonts/MrDafoe-Regular.ttf');
    font-family:MrDafoe;
}
.ht-slide-testimonial{
    margin-bottom:30px;
    width:100%;
    display:inline-block;
    vertical-align:top;
}
.ht-slide-image{
    background:white;
    width:140px;
    height:140px;
    text-align:center;
    border-radius:100px;
    margin:auto;
    margin-bottom:14px;
    position:relative;
    overflow:hidden;
    border:4px solid white;
    z-index:20;
}
.ht-slide-image img{
    min-width:100%;
    max-width:180%;
    min-height:100px;
    max-height:180%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    border-radius:100px;
}
.ht-slide-text{
    padding:0px;
    border-radius:7px;
    width:95%;
    margin:auto;
    color:white;
    position:relative;
    padding:0px 0px;
    background:rgba(25, 33, 35, 0);
    font-size:18px;
}
.ht-slide-text i{
    display:inline-block;
    font-size:28pt;
    vertical-align:bottom;
    position:absolute;
    bottom:5px;
    right:0px;
    transform:rotate(180deg);
}
.ht-slide-text i:nth-child(1){
    vertical-align:top;
    position:relative;
    bottom:6px;
    top:unset;
    transform:rotate(0deg);
}
.ht-slide-text p{
    display:inline-block;
    width:86%;
    
    line-height:1.4;
    border-radius:10px;
    margin:0px 8px;
}
.ht-slide-signature{
    font-family:MrDafoe;
    font-size:20pt;
    margin:5px 0px;
    text-shadow:1px 1px 3px black;
}
.ht-slide-link a{
    font-size:19px;
    color:#22a5de;
    text-shadow:1px 1px 3px black;
}
@media screen and (max-width:450px){
    .ht-slide-text i{
        font-size:24pt;
    }
}
/*--------------------------------------ONLINE PRODUCTS------------------------------*/
.home-online{
    text-align:center;
}
.home-online .main-title{
    margin-bottom:70px;
}
.product{
    margin-bottom:70px;
    padding:0px 15px;
    min-height:340px;
}
.product > div{
    display:inline-block;
    vertical-align:top;
}
.p-image{
    width:650px;
    border-radius:4px;
    margin-right:30px;
    margin-bottom:20px;
    position:relative;
    height:300px;
    border-radius:4px;   
}
.p-image > img{
    width:646px;
    position:absolute;
    top:-35px;
    left:1px;
    height:386px;
}
.p-image-cont{
    position:relative;
    z-index:20;
}
.p-image .p-image-cont img{
    width:570px;
    border-radius:2px;
    
}
.p-main{
    width:42%;
    text-align:left;
}
.product-right .p-image{
    margin-right:0;
    margin-left:30px;
    float:right;
}
.p-main-title{
    color:#1b292d;
    font-size:38px;
    font-weight:bold;
    letter-spacing:1px;
    margin-bottom:15px;
    text-transform:capitalize;
    margin-left:-4px;
}
.p-main-info{
    font-size:17px;
    
    line-height:1.5;
    color:#627479;
}
.p-main-link {
    margin-top: 28px;
    font-size: 17px;
    letter-spacing: 0px;
}
.p-main-link a {
    color: #22a5de;
}
.product:nth-child(3) {
    min-height: 350px;
}
.product:nth-child(3) .p-image {
    height: 350px;
}


@media screen and (max-width:1050px){
    .product{
        
        text-align:left;
    }
    .p-image{
        margin:0;
        margin-bottom:65px;
    }
    .p-image-cont{
        left:40px;
    }
    .product-right .p-image{
        float:none;
        margin-left:0;
    }
    .p-main{
        width:95%;
        padding-left:15px;
    }
    .p-main-title{
        font-size:35px;
    }
    .p-main-info{
        font-size:17px;
    }
    .p-main-link a{
        font-size:20px;
    }
    .ht-slide-text{
        font-size:17px;
    }
    
}
@media screen and (max-width:650px){
    .p-image,.product:nth-child(3) .p-image {
        width:340px;
        margin-bottom:0px;
        height:200px;
    }
    .p-image > img, .product:nth-child(3) .p-image > img {
        width:340px;
        height:204px;
        top:-18px
    }
    .p-image-cont{
        left:21px;
    }
    .p-image .p-image-cont img{
        width:301px;
    }

}
@media screen and (max-width:325px){
    .p-image,.product:nth-child(3) .p-image {
        width:280px;
        margin-bottom:0px;
        height:200px;
    }
    .p-image > img,.product:nth-child(3) .p-image > img {
        width:280px;
        height:168px;
        top:-16px;
        left:5px;
    }
    .p-image-cont{
        left:21px;
    }
    .p-image .p-image-cont img{
        width:240px;
    }
  
}


/*--------------------------------------DEMO DROPDOWN-----------------------------------*/
#demoDropdown{
    width:470px;
    bottom:10px;
}
#demoDropdown > div{
    padding:18px;
    padding-top:15px;
}
#demoDropdown label{
    color:#1a292d;
    display:block;
    text-transform:capitalize;
    font-weight:bold;
    margin-bottom:5px;
}
#demoDropdown > div > div{
    margin-bottom:10px;
}
.input{
    background:#f5f8fa;
    border-radius:4px;
    padding:0px 8px;
}
.input > div{
    display:inline-block;
    vertical-align:top;
}
.input > div:nth-child(1){
    width:6%;
    text-align:center;
    font-size:16pt;
    color:#1a292d;
    padding-top:9px;
    color:#627479;
}
.input > div:nth-child(2){
    width:93%;
}
.input input, .input textarea{
    border:none;
    width:100%;
    padding:12px 10px;
    font-size:10.88pt;
    background:none;
    letter-spacing:0px;
    color:#1a292d;
}
#demoDropdown textarea{
    max-width:100%;
    min-width:100%;
    min-height:80px;
    max-height:80px;
}
.dropdown-button{
    background:#22a5de;
    color:white;
    border:none;
    padding:15px;
    width:100%;
    text-align:center;
    font-size:12pt;
    border-radius:3px;
    max-height:49px;
    font-weight:500;
}
#submitDemoLoading{
    display:none;
}
#submitDemoLoading img{
    width:30px;
    position:relative;
    bottom:5px;
}
.input input::-webkit-input-placeholder{
    color:rgba(98, 116, 121, .85);
}
.input input::-moz-placeholder {
    color:rgba(98, 116, 121, .85);
}
.input input:-ms-input-placeholder {
    color:rgba(98, 116, 121, .85);
}
.input input:-moz-placeholder {
    color:rgba(98, 116, 121, .85);
}
textarea::-webkit-input-placeholder{
    color:rgba(98, 116, 121, .85);
}
textarea::-moz-placeholder {
    color:rgba(98, 116, 121, .85);
}
textarea:-ms-input-placeholder {
    color:rgba(98, 116, 121, .85);
}
textarea:-moz-placeholder {
    color:rgba(98, 116, 121, .85);
}

/*----------------------------------------------DEMO SUCCESS----------------------------------------*/
#demoSuccess{
    width:480px;
    text-align:center;
    bottom:30px;
}
#demoSuccess > div > div i{
    width:100px;
    margin-bottom:15px;
    font-size:70pt;
    color:#22a5de;
}
#demoSuccess > div{
    padding:25px;
    padding-top:0px;
    padding-bottom:30px;
    letter-spacing:0px;
    font-size:13.6pt;
    line-height:20.4pt;
    color:#627479;
}
#demoSuccess .dropdown-button{
    padding:11px;
    margin-top:20px;
}
@media screen and (max-width:500px){
    #demoDropdown, #demoSuccess{
        width:96%;
        bottom:0;
    }
    .layout-dropdown header{
        padding:25px;
        padding-bottom:15px;
        font-size:18pt;
    }
    #demoDropdown > div > div{
        margin-bottom:7px;
    }
    .input > div:nth-child(1){
        width:8%;
    }
    .input > div:nth-child(2){
        width:90%;
    }
}
.news{
    margin-top:-7px;
    text-align:center;
    margin-top:80px;
    padding-top:20px;
    padding-bottom:60px;
    background:#f5f8fa;
}
.news-story{
    width:48%;
    display:inline-block;
    vertical-align:top;
    margin-right:20px;
    margin-bottom:20px;
    background:white;
    padding:28px;
    border-radius:4px;
    text-align:center;
    box-shadow:0px 0px 10px rgba(6, 55, 77, 0.15);
}
.news-story:nth-child(even){
    margin-right:0;
}
.ns-image{
    margin:auto;
    width:480px;
    border-radius:5px;
    position:relative;
    margin-bottom:14px;
}
.ns-image img{
    max-height:250px;
    max-width:480px;
    margin: auto;
    
}
.ns-main{
    width:100%;
    padding-top:20px;
}
.ns-headline{
    font-size:35px;
    line-height:1.2;
    font-weight:bold;
    color:#1b292d;
    margin-bottom:28px;
    letter-spacing:1px;
}
.ns-created{
    font-size:17px;
    color:#8f999c;
    font-style:italic;
    letter-spacing:1px;
    margin-bottom:21px;
}
.ns-story{
    line-height:1.4;
    letter-spacing:0px;
    margin-bottom:0px;
    max-height:135px;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#627479;
    font-family:'Roboto', sans-serif!important;
}
.ns-story p, .ns-story b, .ns-story font, .ns-story span, .ns-story em{
    font-size:17px!important;
    font-family:'Roboto', sans-serif!important;
    color:#001000;
}
.ns-ellipses{
    margin-bottom:14px;
    font-size:40pt;
    color:#627479;
    margin-top:-14px;
}
.ns-read a{
    text-transform:capitalize;
    color:#22a5de;
    font-size:17px;
    letter-spacing:1px;
}

@media screen and (max-width:1160px){
    .news-story{
        width:90%;
        margin-right:0px;
    }
}
@media screen and (max-width:500px){
    .news{
        margin-top:86px;
    }
    .ns-image{
        width:100%;
        height:150px;
    }
}

/*--------------------------------------LAYOUT NAV------------------------------------*/
.layout-nav-header{
    height:300px;
    margin-top:72px;
    text-align:center;
    display:table;
    width:100%;
    background:url('../Images/iStock-1054725028.jpg');
    background-size:cover;
    background-position:center;
}
.layout-nav-header-tint{
    display:table-cell;
    vertical-align:middle;
    background:rgba(0,0,0,0.3);
    color:white;
}
.layout-nav-body{
    margin-top:5px;
}
@media screen and (max-width:450px){
    .layout-nav-header .bht-large{
        font-size:37pt;
    }
}
/*--------------------------------------TESTIMONIALS----------------------------------*/
.testimonials{
    padding-top:50px;
    text-align:center;
    padding-bottom:60px;
}
.testimonials .home-slides{
    margin-top:28px;
}
.testimonial{
    width:44%;
    min-width:370px;
    display:inline-block;
    vertical-align:top;
    margin:0px 25px;
    margin-bottom:42px;
}
.t-image{
    width:110px;
    height:110px;
    margin:auto;
    margin-bottom:15px;
    position:relative;
    border-radius:100px;
    overflow:hidden;
}
.t-image img{
    min-width:100%;
    max-width:150%;
    min-height:100px;
    max-height:150%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    border-radius:100px;
}
.t-snippet{
    font-weight:bold;
    color:#1b292d;
    font-style:italic;
    margin-bottom:10px;
    font-size:17px;
    line-height:1.4;
}
.t-text{
    position:relative;
    margin-bottom:4px;
}
.t-text i{
    font-size:23pt;
    color:rgba(27, 41, 45, 0.40);
    position:absolute;
}
.t-text i:nth-child(1){
    left:-15px;
    top:-10px;
}
.t-text i:nth-child(3){
    bottom:-5px;
    transform:rotate(180deg);
    right:-15px;
}
.t-text p{
    width:94%;
    display:inline-block;
    font-style:italic;
    font-size:16px;
    line-height:1.4;
}
.t-signature{
    font-family:MrDafoe;
    font-size:21pt;
    line-height:31.5pt;
    color:#1b292d;
    margin-bottom:5px;
}
.t-link a{
    color:#22a5de;
    font-size:18px;
}
@media screen and (max-width:900px){
    .testimonial{
        width:70%;
    }
}
@media screen and (max-width:450px){
    .testimonial{
        min-width:250px;
        width:80%;
    }
    .t-snippet{
        font-size:13pt;
        line-height:20pt;
        margin-bottom:15px;
    }
    .t-text p{
        font-size:12pt;
        line-height:19pt;
    }
    .t-signature{
        font-size:20pt;
    }
    .t-link a{
        font-size:14pt;
        line-height:18pt;
    }
}
#logInDropdown{
    width:300px;
    bottom:50px;
    position:absolute;
    right:10px;
    top:90px;
    background:white;
    height:169px;
    box-shadow:0px 0px 10px rgba(6, 55, 77, 0.23);
    z-index:50;
    border-radius:3px;
    padding:16px;
    display:none;
}
#logInDropdown:after{
    border-top: 11px solid transparent;
    border-left: 12px solid transparent; 
    border-right: 12px solid transparent;
    border-bottom:11px solid white;
    top: -22px;
    content: "";
    position: absolute;
    right: 25px;
    width: 0; 
    height: 0;
}
#logInDropdown:before{
    border-top: 12px solid transparent;
    border-left: 13px solid transparent; 
    border-right: 13px solid transparent;
    border-bottom:12px solid rgba(6, 55, 77, 0.16);
    top: -24px;
    content: "";
    position: absolute;
    right:24px;
    width: 0; 
    height: 0;
}
#logInDropdown header{
    font-size:18pt;
    padding:28px;
    padding-bottom:15px;
}
#logInDropdown > div form > div{
    margin-bottom:8px;
}
#logInDropdown .input > div:nth-child(1){
    width:10%;
}
#logInDropdown .input > div:nth-child(2){
    width:85%;
}
#logInDropdown button{
    padding:11px;
    font-size:12pt;
    border-radius:2px;
}
.login{
    width:460px;
    margin:auto;
    margin-bottom:140px;
    margin-top:190px;
    box-shadow:0px 0px 10px rgba(6, 55, 77, 0.23);
    padding:15px;
    border-radius:4px;
}
.login-header{
    text-align:center;
    padding:15px;
    font-size:17pt;
    font-weight:bold;
    color:#06374d;
    margin-bottom:15px;
}
.login .input{
    margin-bottom:15px;
}
.login-error{
    color:rgb(235, 101, 101);
    padding:5px;
    border-radius:4px;
    margin-bottom:10px;
    line-height:15pt;
    font-size:12pt;
    margin-top:-15px;
}
@media screen and (max-width:500px){
    .login{
        width:95%;
    }
}
.story{
    text-align:center;
    margin:auto;
    margin-top:80px;
    padding-top:20px;
    padding-bottom:60px;
    background:#f5f8fa;
}
.story > div{
    background:white;
    padding:42px 30px;
    padding-bottom:70px;
    max-width:1140px;
    box-shadow:0px 0px 10px rgba(6, 55, 77, 0.15);
    border-radius:5px;
}
.s-headline{
    font-size:72px;
    line-height:1.1;
    font-weight:bold;
    color:#1b292d;
    margin-bottom:40px;
    text-transform:none;
    width:100%;
    
}
.s-image{
    max-width:55%;
    margin:auto;
    margin-bottom:28px;
    border-radius:4px;
}
.s-image img{
    max-width:100%;
    border-radius:4px;
    max-height:300px;
    
}
.s-story{
    font-size:20px;
    line-height:1.4;
    color:#627479;
    letter-spacing:0px;
    max-width:1000px;
    margin:auto;
    margin-bottom:40px;
}
.s-story span, .s-story p, .s-story b, .s-story font, .s-story em{
    font-size:20px!important;
    margin-bottom:14px;
    font-family:'Roboto', sans-serif!important;
    color:#001000;
}
.s-created{
    font-style:italic;
    text-transform:none;
    margin-bottom:28px;
    font-size:20px;
    color:#8f999c;
    letter-spacing:1px;
}
.s-share{
    padding:0;
}
.s-share > div{
    display:inline-block;
    padding:10px;
    padding-top:14px;
    padding-bottom:6px;
    font-size:29pt;
    color:white;
    margin:0px 5px;
    border-radius:50px;
    width:66px;
    margin-bottom:28px;
    cursor:pointer;
    background:#22a5de;
}
.s-share > div:hover{
    background:#06374d;
}
.s-share a{
    color:white;
}
.s-share a:hover{
    color:white;
}
.s-author{
    margin:auto;
    text-align:center;
}
.sa-image{
    width:100px;
    height:100px;
    border-radius:100px;
    margin:auto;
    position:relative;
    overflow:hidden;
    margin-bottom:14px;
}
.sa-image img{
    min-width:100%;
    max-width:120%;
    min-height:100%;
    max-height:120%;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.sa-name{
    margin-bottom:14px;
    font-size:26pt;
    font-family:MrDafoe;
    color:#1b292d;
}
.sa-title{
    font-size:24px;
    line-height:1.4;
    color:#06374d;
    margin-bottom:14px;
}
.sa-desc{
    max-width:500px;
    margin:auto;
    font-size:13.6pt;
    letter-spacing:0px;
    line-height:20.4pt;
    color:#627479;
}
@media screen and (max-width:500px){
    .story{
        margin-top:86px;
    }
    .s-image{
        width:95%;
    }
    .s-headline{
        font-size:36pt;
        line-height:45pt;
    }
}
.error{
    text-align:center;
    padding:150px 0px;
    max-width:900px;
    margin:auto;
    margin-top:100px;
    margin-bottom:40px;
    border-radius:6px;
    font-size:40pt;
    line-height:46pt;
    font-weight:bold;
    color:rgb(27, 41, 45)
}
@media screen and (max-width:500px){
    .error{
        font-size:28pt;
        padding:50px 0px;
    }
}

.chat-window{
    position:fixed;
    bottom:0px;
    right:10px;
    z-index:50;
    background:white;
    box-shadow:0 0 10px rgb(6 55 77 / 23%);
    border-radius:8px 8px 0px 0px;
    font-size:12pt;
    color:#1a292d;
    width:350px;
    max-width:100vw;
}
.minimized-chat-window .chat-window-main{
    display:none;
}
.minimized-chat-window .chat-window-header{
    background:#22a5de;
    color:white;
    padding:16px 15px;
    cursor:pointer;
    animation: pulsate 1.2s ease-out infinite;
    text-align:center;
    text-transform:uppercase;
}
.minimized-chat-window .chat-window-end-chat{
    display:none;
}

@-webkit-keyframes pulsate {
    0%   { box-shadow: 0 0 0 rgb(6 55 77 / 0.72); }
    50%  { box-shadow: 0 0 20px rgb(6 55 77 / 0.72); }
    100% { box-shadow: 0 0 0 rgb(6 55 77 / 0.72); }
}
/*-------------header------------*/
.chat-window-header{
    padding:12px 15px;
    
    border-radius:4px 4px 0px 0px;
    box-shadow:0 0 10px rgb(6 55 77 / 23%);
    font-weight:500;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:right;
    text-transform:capitalize;
}
.chat-window-header > span{
    flex-grow:1;
}
.chat-window-end-chat{
    font-size:10.4pt;
    cursor:pointer;
    background:#f34135;
    color:white;
    padding:8px 12px;
    border-radius:20px;
}

/*--------------body-------------*/
.chat-window-body{
    padding:15px 15px;
    height:380px;
    overflow-y:auto;
    font-size:10.4pt;
    line-height:1.2;
}
.chat-window-body p{
    white-space:pre-wrap;
}
.chat-p{
    margin-bottom:10px;
}

/*-------messages------*/
.chat-message{
    display:flex;
    align-items:end;
    margin-bottom:10px;
   
}
.chat-message img{
    width:30px;
    margin-right:7px;
    position:relative;
    top:2px;
}
.chat-message p{
    
    background:rgb(238 238 238);
    border-radius:15px 15px 15px 0px;
    padding:10px;
}

.outgoing-message{
    justify-content:flex-end;
}
.outgoing-message img{
    order:2;
    margin-left:7px;
    margin-right:0px;
}
.outgoing-message p{
    border-radius:15px 15px 0px 15px;
    background:#22a5de;
    color:white;
}
/*-------client connect------*/
.chat-window-client-connect > *{
    margin-bottom:10px;
    line-height:1.2;
}
.chat-window-client-connect-name{
    background:rgb(238 238 238);
    padding:10px;
    width:100%;
    border-radius:40px;
    border:none;
}
.chat-window-client-connect .chat-button{
    text-align:center;
}
.chat-window-loading{
    text-align:center;
    position:relative;
    top:40%;
}
.chat-window-loading img{
    width:40px;
    margin:auto;
}

/*-------------footer------------*/
.chat-window-footer{
    padding:10px 10px;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
}
.chat-window-footer > div:nth-child(1){
    flex-grow:1;
    margin-right:10px;
}
.chat-window-footer textarea{
    width:100%;
    min-width:100%;
    max-width:255px;
    height:60px;
    min-height:60px;
    max-height:60px;
    border-radius:10px;
    border:none;
    background:rgb(238 238 238);
    padding:10px;
    font-size:10.4pt;
}
.chat-button{
    border-radius:30px;
    padding:9px 15px;
    background:#22a5de;
    color:white;
    cursor:pointer;
    font-size:10.4pt;
    font-weight:600;
    text-transform:uppercase;
}
html body .chat-send.chat-send-disabled{
    cursor:not-allowed;
    background:#22a5dea6;
}

@media screen and (max-width:500px){
    .chat-window{
        width:96vw;
        left:2vw;
        right:unset;
    }
}