@font-face {
    font-family: MyriadProRegular;
    src: url('../fonts/MyriadPro-Regular.otf');
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

img {
	display:block;
}

a {
    text-decoration: none;
    margin: 5px 10px 5px 10px;
    color: #777;
}

a:hover {
    color: blue;
}

.tab {
	display:inline-block;
    margin: 5px 5px 0px 0px;
    width: 120px;
    height: 58px;
    cursor: pointer;
    background:-webkit-linear-gradient(65deg, #CCC, #EEE);
    border-radius: 10px 0px 0 0;

    float:left;
}

.tab a {
	display:block;
}

.tab-favicon {
	float:left;
}

.tab-close {
	float:right;
}

.tab-title {
	margin:30px 0 0 5px;
	font-size: 1.2em;
}

#add-tab {
	margin-top:1.7%;
	float:left;
}

.desc {
	margin-top:5%;
	font-size:18px;
	text-align: center;
}


#iframe-wrap {
	width:100%;
	height:89%;
	border:0px;
	padding: 0;
    overflow: hidden;
}

iframe {
	width:100%;
	height:100%;
	border:0px;
	-ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.content-wrap {
	width:88%;
	height:100%;
	float:left;
}

#addressbar-wrap {
	height: 5%;
	width: 100%;
	background-color: #F0F6F4;
	vertical-align: middle;
	display: table;
	margin: 0 0 0 0;
}

#addressbar {
	margin: 0.3% 0%;
	height:80%;
	width:95%;
	background-color:#F0F6F4;
	border-radius: 5px;
	float:left;
}

	#addressbar-input {
		text-align: center;
		font-size:28px;
	}


    #go {
        margin: 0.3% 0 0 1.5%;
        height:80%;
        width:40px;	
        float:left;

        -webkit-filter: opacity(0.4) grayscale(0.1);
    }
        #go img{
            margin:15% auto 0%;
            max-width:80%;
            height:auto;
        }


#tabs-wrap {
    height: 63px;
    width: 100%;
    background-color: #EEE;

    margin: 0 0 0 0;
}

#vertical {
	background-color: #EEE;
	height: 1080px;
	width: 12%;
	float: left;
}

	.logo.vert {
		height: 18%;
		width: 100%;
		
	}
		#logo-client.vert {
			margin: 10% auto;
			display: block;			
			width: 70%;
			
			
		}

	.buttons.vert {
		height:43%;
		background-color: #EEE;

	}
		.btn.vert {
			width:50%;
			height:32%;
			float:left;
		}

		#home.vert img {
			margin: 20% auto 10%;
			height:55px;
			width:62px;
		}

		#refresh.vert img {
			margin: 20% auto 10%;
			height:55px;
			width:62px;
		}

		#back.vert img {
			margin: 20% auto 10%;
			height:54px;
			width:46px;
		}

		#forward.vert img {
			margin: 20% auto 10%;
			height:54px;
			width:46px;
		}

		#zoom-in.vert img {
			margin: 20% auto 10%;
			height:55px;
			width:62px;
		}

		#zoom-out.vert img {
			margin: 20% auto 10%;
			height:55px;
			width:62px;
		}

.info {
		height:15%;
        margin-top: 20%
	}

		#date.vert {
			height:28%;
			max-width:90%;
			margin: 0 auto;
			text-align: center;
		}

			#date img{
				margin:0% 1% 1% 6%;
				float:left;				
			}

			#date div {
				margin:1% 1% 1% 4%;				
			}

		hr.styled.vert {
		    border: 0;
		    height: 0;
		    width:90%;
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		}

		#time.vert {
			height:40%;
			text-align: center;   		
		}

			#time img{
				margin:5% 1% 1% 10%;
				float:left;
			}

			#time div {
				margin:2% 1% 1% 4%;

			}

	.logo-our.vert {
		height:8%;
		width:100%;
		
	}

		#kiwilogo.vert {
			margin:20% auto 0;
			display: block;
			width:50%;
		}