/*
#------------------------------------------------------------------------
# Store Box - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
 
/* Base elements and classes */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 

.pbox{
	color: #341400;
   font-size: 11px !important;
   font-weight: bold;
   margin-left: 12px;
   text-transform: uppercase;
   width: 233px !important;
}
.boxbg1{
height: 270px;
width: 240px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -25px;
}

.boxbg2{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -25px;
}


.boxbg3{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -40px;
}

.boxbg4{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -40px;

}
h6{
	color: #341400;
font-size: 28px !important;
    padding-left: 10px;
    padding-top: 190px !important;
}

.box.gkmod-4{
margin-left: -22px;

}
#gkLogo.cssLogo{
margin-left: -40px !important;
margin-top: -90px !important;

}
.gkIsWrapper-gk_storebox img{
display: block;
height: auto;
position: relative;
width: 100%;
margin-top: 90px !important;
}
table{
width: 100% !important;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape)  {



	#gkMainWrap{
		margin-top: -70px !important;
	}
	#gkLogo.cssLogo{
		margin-left: -20px !important;
		margin-top: -120px !important;
		background-size: 450px !important;
	}
body{
	background-size: 1500px !important;
}



	}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)  { 
	.socialWidgetContainer img{
		z-index: 1000000000;
	}#gkPageContent{
		margin-top: 100px !important;
	}
	div.box.bigtitle.double.gkmod-4{
		margin-left: 10px;
	}
	div.box.gkmod-4{
		margin-left: 10px;
	}

#gkMainWrap{
	margin-top: -80px !important;
}
#gkMobileMenu{
	margin-top: 0px !important;
float: left !important;
}
.gkPage{
	margin-top: -80px !important;
}
#gkLogo.cssLogo{
	margin-top: -90px;
background-size: 400px !important;
margin-left: -70px !important;
}

 #gkMobileMenu{
margin-top: 24px;
margin-right: 50px;
}

.boxbg1{
height: 270px;
width: 240px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -25px;
}

.boxbg2{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -25px;
}


.boxbg3{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -700px;
margin-top: 655px;
}

.boxbg4{
height: 320px;
width: 290px;
background-size: 250px;
background-repeat: no-repeat;
margin-left: -330px;
margin-top: -345px;

}
#video{
margin-left: 10px;
   margin-top: 31px;
   position: absolute;
   width: 33% !important;
}
.gkIsWrapper-gk_storebox .gkIsOverlay
{
	display: none;
}

body{
background-size: 185% !important;
}

}













html {
	border-bottom: 1px solid transparent;
	min-height: 100%;
}
body > div > footer,
body > div > header,
body > div > section,
body > footer,
body > header,
body > section {
	/* class used in the full template-width containers */
	clear: both;
	margin: 0 auto;
}
#gkPageTop {
	overflow: visible; /* Necessary to make menu working */
	width: 100%; /* Necessary to achieve full background width */
}
#gkTop1,
#gkTop2,
#gkBottom1,
#gkBottom2 {
	/* Positions blocks -clearing */
	clear: both;
}

#gkTop1,
#gkTop2 {
	overflow: hidden;
}

#gkTop1 + #gkBreadcrumb,
#gkTop2 + #gkBreadcrumb {
	margin-top: 0;
}

/* clearfix */
#gkPageContent::after,
#gkContent::after,
#gkSidebar::after,
#gkHeaderNav::after,
footer::after,
header::after,
section::after,
aside::after,
article::after,
.box::after,
article header::after,
.itemSocialSharing::after,
#gkTopMenu::after,
article header ul::after,
#gkTop1 > div::after,
#gkTop2 > div::after,
#gkBottom1::after,
#gkBottom2::after,
#gkBottom1 > div::after,
#gkBottom2 > div::after {
	clear: both;
	content: "";
	display: table;
}

/* Columns */
#gkContent,
#gkComponentWrap,
aside#gkSidebar {
	/* Main columns */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
#gkSidebar {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	padding-left: 40px;
}
#gkContentWrap {
	border-right: 1px solid #efefef;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	margin-bottom: -10px;
	padding-right: 40px;
}
#gkContentWrap.gkSidebarLeft {
	border-left: 1px solid #efefef;
	border-right: none;
	float: right;
	padding-left: 40px;
	padding-right: 0;
}
#gkContentWrap.gkSidebarLeft + #gkSidebar {
	float: left;
	padding-left: 0;
	padding-right: 40px;
}

.gkContentNoSidebar #gkContentWrap {
	border-left: none!important;
	border-right: none!important;
	padding-left: 0!important;
	padding-right: 0!important;
}

#gkMainbody .box,
#gkMainbodyTop .box,
#gkMainbodyBottom .box {
	margin: 20px 0 0 0;
	padding-left: 0;
	padding-right: 0;
}

#gkMainbody .box:first-child,
#gkMainbodyTop .box:first-child,
#gkMainbodyBottom .box:first-child {
	margin-top: 0;
}

#gkMainbody .box {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
}

#gkMainbodyTop + #gkMainbody {
	margin-top: 0;
}

#gkMainbody + #gkMainbodyBottom {
	margin-top: 0;
}

#gkMainbody .box,
#gkMainbodyTop .box,
#gkMainbodyBottom .box {
	padding: 0;
}

/* Module groups */
#gkTop1 .box,
#gkTop2 .box,
#gkBottom1 .box,
#gkBottom2 .box {
	/* Columns in the positions blocks */
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
/* Joomla columns */
.cols-2 .column-1,
.cols-2 .column-2 {
	width: 50%;
}
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
	float: left;
	width: 33.3%;
}
.column-1,
.column-2,
.column-3 {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
/*
Layout calculations
 */
#gkMainbody .box {
	margin-top: 30px;
	margin-bottom: 0;
} 

#gkMainbody .box:first-child {
	margin-top: 0;
}

/* base spaces */
body > footer:first-child,
body > header:first-child,
body > section:first-child,
#gkPage > div:first-child,
#gkContent > div:first-child,
#gkComponentWrap > div:first-child {
	margin-top: 0;
}
/* Joomla columns */
.cols-2 .column-1,
.cols-3 .column-1 {
	padding-right: 10px;
}
.cols-2 .column-2,
.cols-3 .column-3 {
	padding-left: 10px;
}
.cols-3 .column-2 {
	padding-left: 10px;
	padding-right: 10px;
}
/* top/bottom modules */

/* 3-column layout */
.gkCols3 .box.gkmod-1,
.gkCols3 .box.gkmod-2,
.gkCols3 .box.gkmod-3,
.gkCols3 .box.gkmod-more {
	float: left;
	padding: 0 10px;	
}
.gkCols3 .box.gkmod-1 {
	width: 100%;	
}
.gkCols3 .box.gkmod-2 {
	width: 50%;
}
.gkCols3 .box.gkmod-3,
.gkCols3 .box.gkmod-more {
	width: 33.3%;
}
.gkCols3 .box.gkmod-more:nth-child(3n+1) {
	clear: both;
}
.gkCols3 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols3 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols3 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}

/* 4-column layout */
.gkCols4 .box.gkmod-1,
.gkCols4 .box.gkmod-2,
.gkCols4 .box.gkmod-3,
.gkCols4 .box.gkmod-4,
.gkCols4 .box.gkmod-more {
	float: left;
	padding: 0 10px;	
}
.gkCols4 .box.gkmod-1 {
	width: 100%;	
}
.gkCols4 .box.gkmod-2 {
	width: 50%;
}
.gkCols4 .box.gkmod-3 {
	width: 33.3%;
}
.gkCols4 .box.gkmod-4,
.gkCols4 .box.gkmod-more {
	width: 25%;
}
.gkCols4 .box.gkmod-more:nth-child(4n+1) {
	clear: both;
}
.gkCols4 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols4 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols4 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.gkCols4 .box.gkmod-more.gkmod-last-3:last-child,
.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
.gkCols4 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}

/* 6-column layout */
.gkCols6 .box.gkmod-1,
.gkCols6 .box.gkmod-2,
.gkCols6 .box.gkmod-3,
.gkCols6 .box.gkmod-4,
.gkCols6 .box.gkmod-5,
.gkCols6 .box.gkmod-6,
.gkCols6 .box.gkmod-more {
	float: left;
	padding: 0 10px;	
}
.gkCols6 .box.gkmod-1 {
	width: 100%;	
}
.gkCols6 .box.gkmod-2 {
	width: 50%;
}
.gkCols6 .box.gkmod-3 {
	width: 33.3%;
}
.gkCols6 .box.gkmod-4,
.gkCols6 .box.gkmod-more {
	width: 25%;
}
.gkCols6 .box.gkmod-5,
.gkCols6 .box.gkmod-more {
	width: 20%;
}
.gkCols6 .box.gkmod-6,
.gkCols6 .box.gkmod-more {
	width: 16.66%;
}
.gkCols6 .box.gkmod-more:nth-child(6n+1) {
	clear: both;
}
.gkCols6 .box.gkmod-more.gkmod-last-1:last-child {
	width: 100%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-2:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-2:nth-last-child(2) {
	width: 50%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-3:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-3:nth-last-child(3) {
	width: 33.3%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-4:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(3),
.gkCols6 .box.gkmod-more.gkmod-last-4:nth-last-child(4) {
	width: 20%!important;
}
.gkCols6 .box.gkmod-more.gkmod-last-5:last-child,
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(2),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(3),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(4),
.gkCols6 .box.gkmod-more.gkmod-last-5:nth-last-child(5) {
	width: 16.66%!important;
}

/* Suffix double */
.gkCols4 .box.double.gkmod-2,
.gkCols6 .box.double.gkmod-2 {
	width: 75%;
}
.gkCols4 .box.double.gkmod-2 ~ .box.gkmod-2,
.gkCols6 .box.double.gkmod-2 ~ .box.gkmod-2 {
	width: 25%;
}
.gkCols4 .box.double.gkmod-3,
.gkCols6 .box.double.gkmod-3 {
	width: 66.66%;
}
.gkCols4 .box.double.gkmod-3 ~ .box.gkmod-3,
.gkCols6 .box.double.gkmod-3 ~ .box.gkmod-3 {
	width: 16.66%;
}
.gkCols4 .box.double.gkmod-4,
.gkCols6 .box.double.gkmod-4 {
	width: 29%;
}


.gkCols4 .box.double.gkmod-4 ~ .box.gkmod-4{
	width: 23.66%;
}




.gkCols6 .box.double.gkmod-4 ~ .box.gkmod-4 {
	width: 23.66%;
}


.gkCols6 .box.double.gkmod-5 {
	width: 40%;
}
.gkCols6 .box.double.gkmod-5 ~ .box.gkmod-5 {
	width: 15%;
}
.gkCols6 .box.double.gkmod-6 {
	width: 33.32%;
}
.gkCols6 .box.double.gkmod-6 ~ .box.gkmod-6 {
	width: 13.33%;
}