/*
 * Theme Name:Basic HTML5/CSS3 responsive layout 
 * Date:September 2019
 * Version:2.0
 * Author:Petr Bidenko Kantorik
 * Author URL [en]:http://www.goldenwebdesign.co.uk
 * Author URL [cz]:http://www.goldendesign.cz
*/

/* 
	 ===========================
   ========= Default ========= 
   =========================== 
*/
*, *:before, *:after {
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
		 -moz-box-sizing:border-box;
          box-sizing:border-box}

html{
	width:100%;
	height:100%}
					

/* 
	 ===========================
   ======= Body style ======== 
   =========================== 
*/
body {
	min-height: 100vh;
	font-size:100%; 
	display: flex;
	margin:0;
	padding:0;
	width:100%;
	text-rendering:optimizeLegibility;
	font-weight:300}

section,
footer,
#start{
	display:block;
	position:relative;
	float:left;
	width:100%;}

.body_wrapper {
	clear:both; 
	margin:0 auto; 
	overflow:hidden;
	position:relative;
	width:75%;
	max-width:1280px}

.section_padding {
	padding:5em 2em;}
	
@media only screen and (max-width :930px){
	.section_padding {
		padding:4em 1em;}
}

.overflow_visible {overflow:visible}

img{border:0}

/* 
	 ===========================
   ====== For mobiles ======== 
   =========================== 
*/	
.mobile_only 	 {display:none}
.mobile_hidden {display:inherit}


/* 
	 ===========================
   ========= Headings ======== 
   =========================== 
*/
h1,
h2 {font-size:1.571em}	/* 22px */
h3 {font-size:1.429em}	/* 20px */
h4 {font-size:1.286em}	/* 18px */
h5 {font-size:1.143em}	/* 16px */
h6 {font-size:1em}		/* 14px */

h1, h2, h3, h4, h5, h6 {clear:both}

/* 
	 ===========================
   ======== Font style ======= 
   =========================== 
*/
.font_bold {font-weight: bold !important;}

/* 
	 ===========================
   ======= Anchor style ====== 
   =========================== 
*/
a,
article{
	border:0;
	outline:0;
	text-decoration:none;
  -o-transition:all .1s ease, all .7s ease;
  -ms-transition:all .1s ease, all .7s ease;
  -moz-transition:all .1s ease, all .7s ease;
  -webkit-transition:all .1s ease, all .7s ease;
  /* ...and now override with proper CSS property */
  transition:all .1s ease, all .7s ease}
	
/*a:link, a:visited {}*/
/*a:hover, a:active {}*/

/* 
   ===========================
   ======== Text align ======= 
   =========================== 
*/
p {text-align:left}
.text_justify {text-align:justify !important}
.text_left 		{text-align:left !important}	
.text_right 	{text-align:right !important}	
.text_center 	{text-align:center !important}	

.white_space_nowrap{white-space: nowrap;}

/* 
	 ===========================
   ========= Disolay ======== 
   =========================== 
*/
.display_block{display: block}
.display_inline_block{display: inline-block}
.display_none{display: none}
.display_hidden {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

/* 
	 ===========================
   ===== Element center ====== 
   =========================== 
*/
.center {
	margin-left:auto !important;
	margin-right:auto !important}

/* 
   ===========================
   ========= Floating ======== 
   =========================== 
*/
.float_left {float:left !important}
.float_right {float:right !important}	

.top {top:0 !important}
.bottom {bottom:0 !important}
.right {right:0 !important}
.left {left:0 !important}

.overflow_visible {overflow:visible !important}
.overflow_hidden {overflow:hidden !important}

/* 
	 ===========================
   ========== Sizes ========== 
   =========================== 
*/	
.width_auto{width:auto !important}
.width_10 {width:10% !important}
.width_20 {width:20% !important}
.width_25 {width:25% !important}
.width_30 {width:30% !important}
.width_33 {width:33% !important}
.width_40 {width:40% !important}
.width_50 {width:50% !important}
.width_60 {width:60% !important}
.width_66 {width:66% !important}
.width_70 {width:70% !important}
.width_75 {width:75% !important}
.width_80 {width:80% !important}
.width_90 {width:90% !important}
.width_100{width:100% !important}

.height_10 {height:10vh !important}
.height_20 {height:20vh !important}
.height_25 {height:25vh !important}
.height_30 {height:30vh !important}
.height_40 {height:40vh !important}
.height_50 {height:50vh !important}
.height_60 {height:60vh !important}
.height_70 {height:70vh !important}
.height_75 {height:75vh !important}
.height_80 {height:80vh !important}
.height_90 {height:90vh !important}
.height_100{height:100vh !important}

.min_height_10 {min-height:10vh !important}
.min_height_20 {min-height:20vh !important}
.min_height_25 {min-height:25vh !important}
.min_height_30 {min-height:30vh !important}
.min_height_40 {min-height:40vh !important}
.min_height_50 {min-height:50vh !important}
.min_height_60 {min-height:60vh !important}
.min_height_70 {min-height:70vh !important}
.min_height_75 {min-height:75vh !important}
.min_height_80 {min-height:80vh !important}
.min_height_90 {min-height:90vh !important}
.min_height_100{min-height:100vh !important}

/* 
	 ===========================
   === Imgs in the content === 
   =========================== 
*/
img.float_left {margin-right:2%;margin-bottom:1%;margin-top:1%}	
img.float_right {margin-left:2%;margin-bottom:1%;margin-top:1%}

/* 
	 ===========================
   ========= Margins ========= 
   =========================== 
*/
.margin_0{margin:0 !important;}
.padding_0{padding:0 !important;}

p{margin-bottom:3%}
	
.margin_top_0 {margin-top:0 !important}
.margin_bottom_0 {margin-bottom:0 !important}
.margin_left_0 {margin-left:0 !important}
.margin_right_0 {margin-right:0 !important}

.margin_bottom_5 {margin-bottom:5px !important}
.margin_bottom_10 {margin-bottom:10px !important}
.margin_bottom_15 {margin-bottom:15px !important}
.margin_bottom_20 {margin-bottom:20px !important}
.margin_bottom_25 {margin-bottom:25px !important}
.margin_bottom_50 {margin-bottom:50px !important}
.margin_bottom_80 {margin-bottom:80px !important}

.margin_top_5 {margin-top:5px !important}
.margin_top_10 {margin-top:10px !important}
.margin_top_15 {margin-top:15px !important}
.margin_top_20 {margin-top:20px !important}
.margin_top_25 {margin-top:25px !important}
.margin_top_30 {margin-top:30px !important}
.margin_top_35 {margin-top:35px !important}
.margin_top_50 {margin-top:50px !important}
.margin_top_250 {margin-top:250px !important}

.margin_1p {margin:1% !important}
.margin_2p {margin:2% !important}

.margin_bottom_1p {margin-bottom:1% !important}
.margin_bottom_5p {margin-bottom:5% !important}

.margin_top_1p {margin-top:1% !important}
.margin_top_3p {margin-top:3% !important}
.margin_top_5p {margin-top:5% !important}
.margin_top_10p {margin-top:10% !important}

/* 
	 ===========================
   ======== Paddings ========= 
   =========================== 
*/
.padding_top{padding-top:0 !important}
.padding_bottom{padding-bottom:0 !important}
.padding_left{padding-left:0 !important}
.padding_right{padding-right:0 !important}

.padding_bottom_10 {padding-bottom:10px !important;}
.padding_bottom_15 {padding-bottom:15px !important;}
.padding_bottom_20 {padding-bottom:20px !important;}

.padding_left_25 {padding-left:25px !important;}

.padding_top_70 {padding-top:70px !important;}

.padding_1p {padding-left:1% !important;}
.padding_2p {padding-left:2% !important;}
.padding_3p {padding-left:3% !important;}
.padding_4p {padding-left:4% !important;}
.padding_5p {padding-left:5% !important;}

.padding_bottom_1p {padding-bottom:1% !important;}

.padding_right_1p {padding-right:1% !important;}
.padding_right_2p {padding-right:2% !important;}
.padding_right_10p {padding-right:10% !important;}
.padding_right_20p {padding-right:20% !important;}

.padding_left_1p {padding-left:1% !important;}
.padding_left_2p {padding-left:2% !important;}
.padding_left_10p {padding-left:10% !important;}
.padding_left_20p {padding-left:20% !important;}

/* 
	 ===========================
   ======== Positions ======== 
   =========================== 
*/
.position_absolute {position:absolute !important}
.position_fixed {position:fixed !important}
.position_relative {position:relative !important}
.position_static {position:static !important}


/* 
	 ===========================
   ========== Table ========== 
   =========================== 
*/

.table 		{display:table;width:100%}
.tr       {display:table-row;width:100%}
.thead    {display:table-header-group}
.tbody    {display:table-row-group}
.tfoot    {display:table-footer-group}
.col      {display:table-column}
.colgroup {display:table-column-group}
.group	{display:flex}
.caption  {display:table-caption}
.cell 		{display:table-cell;vertical-align:top;padding:2%}

.border_collapse__separate {
	border-collapse:separate;
	border-spacing:40px;}

.cell_10{width:10%}
.cell_20{width:20%}
.cell_22{width:22%}
.cell_25{width:25%}
.cell_30{width:30%}
.cell_33{width:33%}
.cell_34{width:34%}
.cell_40{width:40%}
.cell_50{width:50%}
.cell_60{width:60%}
.cell_66{width:66%}
.cell_67{width:67%}
.cell_70{width:70%}
.cell_80{width:80%}
.cell_90{width:90%}
.cell_100{width:100%}


/* 
   ===========================
   ========= z-index ========= 
   =========================== 
*/
.z_index_0 {z-index:0}
.z_index_9 {z-index:9}
.z_index_99 {z-index:99}
.z_index_999 {z-index:999}
	

/* 
   ===========================
   = Most popular resolution = 
   =========================== 
*/
@media only screen and (max-width :1366px){	
	.gallery__object {height:155px;width:208px;}
	.body_wrapper {width:84%}
}

/* 
   ===========================
   === Smaller resolution ==== 
   =========================== 
*/
@media only screen and (max-width :1034px){
	.body_wrapper {width:90%}
}

/* 
	 ===========================
   ========= Tablets ========= 
   =========================== 
*/

@media only screen and (max-width :930px){
	.body_wrapper {width:96%}
	.tab_hidden {position: absolute;top: -9999px;left: -9999px;}
}

/* 
   ===========================
   ========= Mobiles ========= 
   =========================== 
*/
@media only screen and (max-width :620px){	
	.body_wrapper {	width:100% }	
	.mobile_hidden {position: absolute;top: -9999px;left: -9999px;}
	.mobile_hidden_dn {display: none !important;}
	.mobile_only {display:block !important}
	.cell_10{width:10%}
	.group	{display:block !important}
	.table, .table-row, .cell_20, .cell_22, .cell_25, .cell_30, .cell_33, .cell_34, .cell_40, .cell_50, .cell_60, .cell_66, .cell_67, .cell_70, .cell_80, .cell_90, .cell_100{width:100% !important; display: block !important }
	.gallery__object {height:155px;width:208px;}
	.floating_box { width: 94% !important;}	
	.width_50, .width_60, .width_66, .width_70, .width_75, .width_80, .width_90, .width_100 {width: 100% !important}
}