@font-face {
    font-family: 'Roboto';
    /*src: url('../roboto/glyphicons-halflings-regular.eot');
    url('../roboto/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),*/
         
    src: url('roboto/Roboto-Regular.woff') format('woff'),
         url('roboto/Roboto-Regular.ttf') format('truetype'),
         url('roboto/Roboto-Regular.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
    font-weight: 200;
}
body{
    color: #fff;
    /*background: #1e1e1e !important; */
    font-family: 'Roboto';
    overflow-x: hidden;
    overflow-y: hidden;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 8px 0;
}
.no-gutter{
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#xdate{
	    position: absolute;
    width: 350px;
    color: #fff;
    /* height: 100px; */
    font-size: 33px;
    top: 33px;
    left: 22px;
}
#wt{
	position: absolute;
    top: 20px;
    width: 350px;
    height: 92px;
    left: 0px;
}
.fullscreen{
	position: absolute;
	bottom: 74px;
	right: 27px;
	background-image: url(../img/fullscreen.png);
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
	visibility: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.fullscreen span{
	display: block;
	width: 114px;
	margin-left: -26px;
	margin-top: 45px;
}
.wheelchair-ico,.cp-ico,.bus-ico,.h-ico,.tricycle-ico,.forklift-ico{
	position: absolute;
}
.wheelchair-ico{
	background-image: url(../img/wheelchair.png);
	background-size: contain;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.cp-ico{
	background-image: url(../img/cp.png);
	background-size: contain;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.bus-ico{
	background-image: url(../img/bus.png);
	background-size: contain;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.h-ico{
	background-image: url(../img/h.png);
	background-size: contain;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.tricycle-ico{
	background-image: url(../img/tricycle.png);
	background-size: contain;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
}
.forklift-ico{
	background-image: url(../img/forklift.png);
	background-size: contain;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
}
.buttons{
	display: none;
	margin-top: 11px;
}
#mapouter{
	height:981px;
}
.fullscreen i{
	cursor: pointer;
	font-size: 40px;
	color: orange;
}
#pt-main{
	background-color: rgb(200,200,200);
    margin-top: 40px;
    width: 897px;
    padding: 10px;
    margin-left: 49px;
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
    height: 1031px;
}

.advertisement{
    background-color: #1e1e1e;
}
.digiclock{
    position: absolute;
    top: 30px;
    left: 39px;
}
.advertisement .container-fluid{
    width: 960px;
}
.advertisement img{
	margin:0 auto;
}
.container{
	width: 990px;/*1070px;*/
}
.clearboth{
	clear: both;
}
.mapbox{
	/*background-color: #3B3840;*/
	padding-bottom: 25px;
	z-index: 1600;
	position: relative;
}
.selected_category{
	position: absolute;
	top: 32px;
	width: 500px;
}
.selected_category span{
	text-align: left;
	text-transform: uppercase;
	color: orange;
	font-size: 16px !important;
}
.well{border: none;border-radius: 0;}
.block3{
	/*background-color: #e8e8e8;*/
	visibility: hidden;
}
.nopadleft{
	padding-left: 0px;
}
.nopadright{
	padding-right: 0px;
}
.degree,#clock{
	display: none;
}
.weather{
   color: #fff;
    border: 5px;
    font-size: 16px;
    float: right;
}

#xday{
	position: absolute;
    top: 41px;
    left: 267px;
    font-size: 20px;
    font-style: oblique;
    /* width: 150px; */
    text-align: left;
}
.weather img{
	float: left;
	width: 50px;
}
.time{
    margin-top: 22px;
    text-align: center;
    padding: 5px;
    background: none;
    font-size: 30px;
    margin-left: 15px;
    font-family: arial;
}
.weather .time{
	float: right;
    margin-right: 10px;
}
.largemap{
	display: none;
	position: absolute;
	top: 0;
	z-index: 16000;
}
.resize-small{
	bottom: 0px;
	right: 2px;
	position: absolute;
	padding: 22px;
}
.resize-small i{
	cursor: pointer;
	font-size: 40px;
	color: orange;
}
.weather span{
	float: left;
	margin-top: 9px;
	margin-left: -5px;
}

.weather-cont{
	position: absolute;
    top: 29px;
    z-index: 9999;
    left: 8px;
}
.boxes3{
	margin-top: 20px;
}
.pull-right .boxes3{

}
.box3{
	margin: 0 auto;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
.washroom{
	background-image: url(../img/washroom.png);
}
.food-court{
	background-image: url(../img/food-court.png);
}
.office,.business{
	/*background-image: url(../img/office-ico.png);*/
	text-align: center;
	padding-top: 6px;
	cursor: pointer;
}
.security{
	background-image: url(../img/security.png);
}
.seating{
	background-image: url(../img/seating.png);
}
.information{
	background-image: url(../img/information.png);
}
.btn-unit{
	width: 150px;
}

.box3 img{
	width: 50px;
}
.boxes{
	/*padding-bottom: 20px;*/
	visibility: hidden;
}
.listing-box{
	     padding-top: 9px;
    position: absolute;
    width: 190px;
    top: 104px;
    right: 41px;
    text-align: right;
}
.groupbox{
	height: 160px;
	/*background-color: #000;*/
}
.table>thead>tr>th{
	border-bottom: none !important;
}
.logo{
	/*background-image: url(../img/improve-2.png);*/
	background-size: 100% 100%;
	height: 100%;
	margin-left: 10px;
    background-repeat: no-repeat;
}
#basic-category{
	height: auto !important;
}
#category_container,#basic_container,#unit_container,#list_container,#list_container_category,#list_container_store{
	/*padding-left: 54px;
	padding-right: 55px;*/
	height: 835px;

	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,1);
box-shadow: 0px 0px 8px 3px rgba(0,0,0,1);

}
#unit_container,#list_container_category{
	height: 883px;
}
#categories li{
    width: 480px;/*340px;*/
   	width: 150px;/*340px;*/
    padding: 0px !important;
    background:none !important;
    margin-left: 0;
    margin-right: 10px;
}

#categories li p.caption{

    text-align: center;
    padding: 13px 10px;
    background: rgba(0,0,0, 0.5);
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 67px 0 0 0;


}
.groupbox img{
	height: 100%;
	margin:0 auto;
}
.searchbox{
	    padding: 8px 25px;
    height: 64px;
}
.searchbox label{
	font-size: 20px;
	font-weight: normal;
}
.searchbox input.form-control{
	height: 50px;
	font-size: 20px;
}
.searchbox button.btn{
	font-size: 20px;
    height: 50px;
}
.category:first-child{
    padding-left: 10px;
    margin-left: 0;
    text-align: left;
}
.category:last-child{
    text-align: right;
}
.category{
    cursor: pointer;
    padding: 9px;
    text-align: center;
}
.category:hover{
	color: #4474b5;
    animation-name: none;
}
.category span.active,.category span.active i{
	color: #4474b5 !important;
}
#category-btn i.active,#store-btn i.active,#unit-btn i.active{
	color: #4474b5 !important;
}
.category i{
    font-size: 20px;
    margin-left: 5px;
}
.left-previous,.right-next{
	font-size: 90px;
	position: absolute;
	z-index: 1;
	top: 45%;
	color: rgba(0, 0, 0, 0.4);
	-webkit-transition: color 1s;
	-moz-transition:    color 1s;
	-ms-transition:     color 1s;
	-o-transition:      color 1s;
	transition:         color 1s;
       animation-duration: 1s;
       animation-name: blink;
       animation-iteration-count: infinite;
       animation-direction: alternate;
}
.left-previous:hover,.right-next:hover{
	color: #ee7018;
	cursor: pointer;
    animation-name: none;
}
.store_list{
	top: 5%;
	right: 5px;
}
@keyframes blink {
   from {
		color: rgba(0, 0, 0, 0.6);
   }
   to {
	  color: #fff;
   }
}
#store-cont .disabled,#details_images .disabled{
	display: none;
}    
.left-previous{
    left: -19px;
    width: 72px;
    height: 86px;
}
.right-next{
    right: 0px;
    width: 72px;
    height: 86px;
}
.category span{
	font-size: 18px;
	display: block;
}
#store-btn span{
    margin-left: 3px;
}
#store-btn i{
	margin-left: 0;
}
.listing-caption span{
	position: absolute;
    top: 22px;
    left: 43%;
    font-size: 50px;
}
.listing-border-top{
	background-color: #205aa6;
	width: 100%;
	height: 15px;
}
.listing-caption-box,.orangecolor{
}
.listings{
	height: 100%!important;
   
    background-color: #C8C8C8 !important;
}
.ui-keyboard{
	position: static !important;
}
.footer{
	background-color: #000000;
	color: #fff;
	padding: 5px;
	text-align: center;
}
.store{
	text-align: center;
    padding: 15px 0 !important;
	color: #fff;
}
.active{
	color: #fff !important;
}
.store h2{
	margin-top: 0;
	text-align: left;
	font-size: 21px;
	padding: 0 10px;
	color: orange;
}
.store img{
	margin: 0 auto;
	max-height: 228px;/*280px;*/
	max-width: 394px;/*394px;*/
}
#categories li.store img{
	max-width: 100%;
	min-width: 100%;
}
.description i{
    float: right;
    margin-right: 20px;
}
.description i:hover,.close_details:hover{
	color:#cba44b;
	cursor: pointer;
}
.pt-page-2 .glyphicon-hand-left{
	font-size: 40px;
	position: absolute;    
	bottom: 15px;
    top: initial;
}
.pt-page-2 .glyphicon-remove-circle{
	font-size: 40px;
	position: absolute;
	right: -2px;
	top: -10px;
	padding: 20px;
}
.description p{
	font-size: 16px;
	text-align: left;
	padding: 0 10px;
	line-height: 20px;
        /*min-height: 180px;*/
}
.store .listing-img{
	min-height: 235px;
}
.store .caption{
    text-align: left;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 18px;
}
#secondfloor{
    position: absolute;
    top: 0;
    z-index: 19000;
    width: 100%;
}

.extra-icos .actives{
    -webkit-animation: glowico 2s infinite;
    -moz-animation: glowico 2s infinite;
    -o-animation: glowico 2s infinite;
    animation: glowico 2s infinite;
}

#meeting2nd{
    width: 95px;
    margin-top: 447px !important;/*188px*/
    margin-left: 314px !important;
}
@keyframes glowbox{
    0%   {-webkit-filter: drop-shadow(0px 0px 1px #000); }
    25%  {-webkit-filter: drop-shadow(0px 0px 5px #000);}
    75%  {-webkit-filter: drop-shadow(0px 0px 3px #000);}
    100% {-webkit-filter: drop-shadow(0px 0px 2px #000);}
}
#secondfloor img{
    margin: 0 auto;
}
#office2nd{
    width: 615px;
    margin-top: 106px !important;
    margin-left: 274px !important;
}
#secondfloor{
    display: none;
}
#store_container_402 .blockm,#store_container_403 .blockm{
	font-size: 0;
}
#unit_numbers table th,#store_list_result table	th{
	text-align: center;
}
#unit_numbers table td:first-child{
	text-align: left;
}
#unit_numbers table td:last-child{
	/*text-align: right;*/
}
.list_numbers table td:last-child{
	text-align: center;
	padding-left: 0 !important;
}
#unit_numbers li,.list_numbers li,#unit_numbers > li.store.active,.list_numbers > li.store.active{
    width: 853px;
    padding: 15px !important;
    margin: 10px;
    background: #1e1e1e !important;
    font-size: 19px;
    color: #fff !important;
    padding-left: 25px;
}

#unit_numbers li.active,.list_numbers li.active{
	color: #1e1e1e !important;
}
#basic-unit,#basic-list{
	height: 94% !important;
}
.list_numbers table td{
	text-align: left;	
	font-size: 20px;
	border-top: none;
	border-bottom: 1px solid #ddd;
	padding-left: 30px !important;
}
.list_numbers table td span{
	font-size:15px;
}
.list_numbers table td:hover{
	color: orange;
}
.list_numbers li{
}
#unit_numbers li{
	height: 100%;
}
#category_list li,#list_container_category{
	height: 870px;
}
#inter_keyboard > div.ui-keyboard-keyset.ui-keyboard-keyset-normal > button.ui-keyboard-button.ui-keyboard-actionkey.ui-keyboard-cancel.ui-keyboard-widekey.btn.btn-default.active,#inter_keyboard > div.ui-keyboard-keyset.ui-keyboard-keyset-meta1 > button.ui-keyboard-button.ui-keyboard-actionkey.ui-keyboard-cancel.ui-keyboard-widekey.btn.btn-default.active,#inter_keyboard > div.ui-keyboard-keyset.ui-keyboard-keyset-shift > button.ui-keyboard-button.ui-keyboard-actionkey.ui-keyboard-cancel.ui-keyboard-widekey.btn.btn-default.active{
    background: #000 !important;
    font-size: 30px !important;
    position: absolute;
    top: -15px;
    right: 0;
    padding: 8px 13px;
}
.store-details{
	padding-bottom: 20px;
}
#keycont{
	z-index: 1600;
	width: 697px !important;
	right: 0;
}
#details_description{
	max-height: 510px;
	padding-top: 10px;
	overflow-y:auto;
}
#details_images{
	margin-bottom: 10px;
	margin-top: 20px;
	padding-left: 54px;
	padding-right: 55px;
}
#details_contact h4{
	color: #f29c01;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bolder;
}
.store_logo{
	float: right;
	margin-top: -42px;
	margin-right: 23px;
}
.store_logo img{
	height: 40px;
}
.store_logo_details{
	/*float: right;    */
}
.store_logo_details img{
	margin-left: 10px !important;
}
.address_snd{
	margin-left: 67px;
}
.input-group{
	z-index: 0;
}
.store-details h2{
    background: #1e1e1e;
    padding: 17px;
    margin-top: 0;
    font-size: 26px;
    margin-bottom: 20px;
    color: orange;
}
.d_categories span{
	color: #d48000;
	cursor: pointer;
}
.store-details h3{
	margin-top: 0;
	color:grey;
}
.store-details img{
	margin: 0 auto;
	width: 100%;
	margin-bottom:20px;
}
.store-details .col-md-4{
	padding-top: 30px;
}
.store-details p{
	font-size: 16px;
	word-wrap: break-word;
    color: #1e1e1e;
    padding-left: 11px;
}
.store-details-content{
	padding: 0 20px;
}
.store-details-content{
	padding: 0 20px;
}
#details_contact{
	padding-left: 30px;
}
#basic-images{
	height: 440px;
}
ul#store-images{ 
}
ul#store-images li{
	padding-top: 0;
	background:none;
}
#details_images .left-previous, #details_images .right-next{
	font-size: 70px;
	top: 38%;
}
#details_images .left-previous{
	left: -9px;
}
#details_images .right-next{
	right: -10px;
}
#inter_keyboard > div > button.ui-keyboard-button.ui-keyboard-actionkey.ui-keyboard-accept.ui-keyboard-widekey.btn.btn-default.active,#inter_keyboard > div.ui-keyboard-keyset.ui-keyboard-keyset-normal > button.ui-keyboard-button.ui-keyboard-actionkey.ui-keyboard-accept.ui-keyboard-widekey.btn.btn-default.active.btn-primary{
	background-color: green !important;
}
@media screen and (max-width: 992px) {
    .boxes3 {
            margin-top: 15px !important;
            display: block;
		    margin-bottom: 15px;
    }
    .searchbox{
    	margin-top: 20px;
    }
    .groupbox img{
    	height: auto;
    }
	.nopadleft{
		padding-left: 0px;
		padding-right: 0px;
	}
	.nopadright{
		padding-left: 0px;
		padding-right: 0px;
	}
	.washroom,.food-court,.office,.security,.seating,.information{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
}

/*weather*/
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/
@font-face {
    font-family: 'weather';
    src: url('fonts/artill_clean_icons-webfont.eot');
    src: url('fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#weather{
    font-size: 29px;
    margin-top: -21px;
    color: orange;
}
#weather i {
  color: gray;
  font-family: weather;
  font-size: 85px;
  font-style: normal;
  margin-right: -5px;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

/*weather*/



.category-li{

	height: 150px;
	width: 150px;
	background-color: red;
	margin-top: 10px;
	margin-right: 10px;
}



#fsModal .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#fsModal .modal-dialog {
    margin: 0;
    width: 90%;
    height: 90%;
    padding: 0;
    top: 51px;
    left: 88px;
}

#fsModal .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #fff;
  border-radius: 0;
  box-shadow: none;
}

#fsModal .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  background: #1e1e1e;
  border: 0;
}

#fsModal .modal-title {
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  line-height: 30px;
}

#fsModal .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}

#fsModal .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  background: #f1f3f5;
}

#instruction{
	    background-color: #ffa523;
    display: none;
    margin: 0 0 10px;
    width: 692px;
    position: absolute;
    left: 256px;
    top: -4px;
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
}

.open_iframe{
	    color: blue;
    text-decoration: underline;
    cursor: pointer;
}