/**
 *
 * -------------------------------------------
 * Tablet CSS file
 * -------------------------------------------
 * 
 **/
 
/*
 *
 * 10. Tablet code
 *
 *
------------------------------------ */
 
/* 10.1. Base elements
==================================== */ 

body {
	background-color: #fff!important;
	background-image: none!important;
}

.gk-page {
	padding: 0 15px!important;
}

#gk-header.nobg {
	background: transparent url('../images/header_bg_tablet.jpf') no-repeat center top;
	min-height: 572px;
}

/* sidebar */
#gk-mainbody-columns {
	display: block;
}

#gk-mainbody-columns > section,
#gk-mainbody-columns > aside {
	display: block;
	overflow: hidden;
	width: 100%!important;
}

/* Archive page */
.archivepage .widget {
	margin: 20px 0!important;
	width: 100%!important;
}

/* images fix */
#gk-mainbody img {
	height: auto!important;
	max-width: 100%!important;
}

.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 50%; }
.widget-area .col5 { width: 33.3%; }
.widget-area .col6 { width: 33.3%; }

.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 50%; }
.widget-area .box.last5 { width: 33.3%; }

.widget-area .nth1 {
	clear: both;
}

.widget-area .col6.last5.nth4,
.widget-area .col6.last5.nth5 {
	width: 50%;
}

/* 10.2. Page elements
==================================== */

/* Page elements */
h1 {
	font-size: 36px;
}

article aside.meta time {
	font-size: 42px;
}

aside.meta + .content,
#comments {
	margin-left: 140px;
}

#gk-social-api > iframe,
#gk-social-api > div {
	min-height: 35px;
}

#gk-sidebar {
	padding-top: 50px!important;
}

#gk-sidebar .box {
	float: left!important;
	width: 50%!important;
}

#gk-sidebar .box:nth-child(2n+1) {
	clear: both;
}

#gk-sidebar .box:nth-child(odd) {
	padding-right: 20px;
}

#gk-sidebar .box:nth-child(even) {
	padding-left: 20px;
}

#gk-mainbody-columns > section + aside, 
#gk-mainbody-columns > aside + section {
	padding-left: 0!important;
}

section#comments,
aside.meta + .content, 
aside.meta + .content + footer, 
aside.meta + .summary, 
aside.meta + .summary + footer,
aside.meta + header, 
aside.meta + header + .summary, 
aside.meta + header + .summary + footer, 
aside.meta + header + .content, 
aside.meta + header + .content + footer {
	margin-left: 140px;
}


/* 10.3. Widgets
==================================== */

/* GK Image Show */

.gk-is-wrapper-gk_startup .gk-is-text { 
	top: 90px;
}
.gk-is-wrapper-gk_startup .gk-is-text.active { 
	top: 60px; 
}
.gk-is-wrapper-gk_startup .gk-is-text h2 a { 
	font-size: 40px;
	line-height: 43px; 
}	
.gk-is-wrapper-gk_startup .gk-is-text p { 
	font-size: 20px; 
	line-height: 23px; 
	margin-bottom: 20px; 
}
.gk-is-wrapper-gk_startup .gk-is-text span.gk-line {
	margin: 10px auto 20px auto;
}
.gk-is-wrapper-gk_startup .gk-is-text .btn1,
.gk-is-wrapper-gk_startup .gk-is-text .btn2,
.gk-is-wrapper-gk_startup .gk-is-text .btn2:hover {
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	margin: 8px 6px 2px 6px;
	padding: 0 15px;
}
.gk-is-wrapper-gk_startup .gk-is-slide { 
	bottom: 150px;
}
.gk-is-wrapper-gk_startup .gk-is-slide.active { 
	bottom: 50px; 
}

/* Suffixes and other elements */
body .gk-page .box.bigspaces,
body .gk-page .box.mediumspaces,
body .gk-page .box.smallspaces {
	padding: 10px 0!important;
}

.gk-features > a {
	width: 48%;
}

.box.vertical .box-title,
.box.vertical > div {
	width: 100%;
}

.box.vertical .box-title {
	margin-bottom: 30px;
}

#gk-mainbody .box {
	padding: 0!important;
	width: 100%!important;
}

#gk-mainbody .vertical-column-10,
#gk-mainbody .vertical-column-15,
#gk-mainbody .vertical-column-20,
#gk-mainbody .vertical-column-25,
#gk-mainbody .vertical-column-30,
#gk-mainbody .vertical-column-35,
#gk-mainbody .vertical-column-40,
#gk-mainbody .vertical-column-45,
#gk-mainbody .vertical-column-50,
#gk-mainbody .vertical-column-55,
#gk-mainbody .vertical-column-60 {
	margin-bottom: 24px!important;
	padding: 10px 0!important;
	width: 100%!important;
}

.gk-team[data-count="1"] figure { width: 100% }
.gk-team[data-count="2"] figure { width: 50% }
.gk-team[data-count="3"] figure { width: 33.3% }
.gk-team[data-count="4"] figure { width: 25% }
.gk-team[data-count="5"] figure { width: 25% }
.gk-team[data-count="6"] figure { width: 25% }
.gk-team[data-count="7"] figure { width: 25% }
.gk-team[data-count="8"] figure { width: 25% }
.gk-team[data-count="9"] figure { width: 25% }
.gk-team[data-count="10"] figure { width: 25% }


/* 10.4. Main menu elements
==================================== */ 

#main-menu {
	display: none;
}

#main-menu-mobile {
	background: transparent url('../images/tablet_menu_btn.png') no-repeat right center;
	float: right;
	left: auto;
	position: relative;
	top: 12px;
	width: 48px;
}

#main-menu-mobile > select {
	border: 1px solid #fff;
	filter: alpha(opacity=0);
	height: 48px!important;
	opacity: 0;
	width: 48px;
}

/* 10.5. Footer
==================================== */ 

.gk-copyrights {
	text-align: center;
	width: 100%;
}

/* 10.6. Device classes
==================================== */

.onlyDesktop {
	display: none!important;
}

.onlyTablets {
	display: block!important;
}

.onlySmartphones {
	display: none!important;
}

.onlyTabltetsAndSmartphones {
	display: block!important;
}