/* tab strips */
.tabstripWrapper {text-align:center;}
.tabstripWrapper .tabstrip {margin: 0;}
.tabstripWrapper .tabstrip .tab {list-style:none;display: inline-block; padding:1em 1em 0.25em; font-size: 16px; font-weight: 400;}
.tabstripWrapper .tabstrip .tab.active {font-weight: 600;}

/* Safari - Tools */
.web-inspector .tabContent { position:relative; height:630px; }
.web-inspector .tabContent .item { width:100%; position:absolute; opacity:0; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; }
.web-inspector .tabContent .item p { font-size: 1em; }
.web-inspector.one .tabContent .item.one,
.web-inspector.two .tabContent .item.two,
.web-inspector.three .tabContent .item.three,
.web-inspector.four .tabContent .item.four,
.web-inspector.five .tabContent .item.five,
.web-inspector.six .tabContent .item.six,
.web-inspector.seven .tabContent .item.seven    { opacity:1; }
.web-inspector .tabContent .item img {margin: 0 auto; display:block;}

/* overline tabs layout */
.tab-wrapper {display:block; position: relative; z-index: 9; white-space: nowrap;}
.tab-wrapper .divider {display:none;}
.tabs { max-width: 980px; margin: 0 auto; border-bottom: 1px solid #E6E6E6; text-align:center;}
.tabs .column {float:none; display:inline-block; margin: 0 28px; width: auto;}
.tabs .column a { display:inline-block; padding: 21px 2px 5px; color:#8c8f9b; border-bottom: 1px solid transparent; border-color: transparent; position: relative; top:1px;}
.tabs .column.active	a {color:#333; border-color: #333;}
.tabs .column a:hover {color: #08c; border-color: #333;}
.tabs .column a:visited, .tabs .column a:link, .tabs .column a:active {text-decoration: none;}

.jumpLinks { width:100%; margin:0 auto; text-align:center; }
.jumpLinks ul {margin:0;}
.jumpLinks li { display: inline-block; padding: 1em 0.7em;}
.jumpLinks img { display: block; margin: 0 auto;}
.jumpLinks a { font-size:14px; font-weight: 400; color:#333; text-decoration:none; text-align:center;}
.jumpLinks a span { display:block; }
.jumpLinks a:hover { color:#08c; }

@media all and (max-device-width: 767px) {
	.web-inspector .tabContent { height:330px; }
	.tabstripWrapper .tabstrip .tab {padding:1em 0.5em;}
}