/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 01 2017 | 01:41:21 */
/* ------------------------------------- MAIN HEADER - MOBILE 
------------------------------------- */

	@media only screen and (max-width: 960px) {
  
	#top-header {position: fixed !important; z-index: 9999999;}
	div.container.clearfix.et_menu_container {width: 100% !important;}
	
	#main-header {
		position: fixed !important;
		padding: 10 0% !important;
		width: 100% !important;
  		overflow: visible !important; height: 50px;}
	
      .et_mobile_menu {
		position: fixed; top: 0; left: 0;
		z-index: 9998;
		overflow: scroll !important;
		background-color: #000000 !important;
		padding: 5% 5%;
		height: 100%; width: 100%;
		border-top: none;}
	
	.et_mobile_menu li a {
		text-align: left; font-size: 14px; color: #333;
    	font-weight: normal; letter-spacing: 2px;
		border: 0; padding: 2% 0;}
    
  
	#logo {
		margin-top: 5px; left: 0 !important;
		padding: 0; max-width: 120px !important; max-height:120px !important;}
	
	.et_header_style_left #et-top-navigation, 
  	.et_header_style_split #et-top-navigation {padding-top: 0 !important;}
	.et_header_style_left .mobile_menu_bar {padding-bottom: 0 !important;}
	
  
  	/* Menu a:Hover effect */
	.mobile_menu_bar:before {font-size: 30px; color: #999 !important; line-height: .9em;}
	.mobile_menu_bar:after {margin: 15px 0 0;}
	.mobile_nav.opened .mobile_menu_bar:before {content: "\4d"; color: #333 !important;}
	
	span.mobile_menu_bar {z-index: 9999; margin: 12px 12px 0 0;}
  
	}

/* ------------------------------------- MAIN FOOTER (HIDDEN)
------------------------------------- */

	#main-footer {display: none !important;}
	#page-container {overflow: hidden !important;}
	#logo {max-height: 25px;}

/* CUSTOM GAP
________________________________________ */

.custom-gap .et_pb_column_1_2 {margin-right: 10px;}
.custom-gap .et_pb_column_1_3 {margin-right: 10px;}
.custom-gap .et_pb_column_2_3 {margin-right: 10px;}
.custom-gap .et_pb_column_1_4 {margin-right: 10px;}

/* SLIDER - MINIMAL
________________________________________ */

.projekt-gallery-slider .et_pb_gallery_item {animation-name: flipInX;}

/* CUSTOM DOTS */
.projekt-gallery-slider a.et-pb-active-control {width: 5px; height: 5px; display:none;}
.projekt-gallery-slider .et-pb-controllers a {width: 5px; height: 5px; display:none;}

/* CUSTOM ICON */
.projekt-gallery-slider .et-pb-arrow-next:before {content: "\24";}
.projekt-gallery-slider .et-pb-arrow-prev:before {content: "\23";}

/* POSITION & COLORS */
.projekt-gallery-slider .et-pb-arrow-next {
  opacity: 1; right: 4%; top: 8% !important; font-size: 30px; color: #fff !important;}

.projekt-gallery-slider .et-pb-arrow-prev{
  opacity: 1; left: 4%; top: 8% !important;
  font-size: 30px; color: #fff!important;}

.projekt-gallery-slider:hover .et-pb-arrow-prev,
.projekt-gallery-slider .et_mobile_device .et-pb-arrow-prev {
  left: 4% !important; top: 8% !important; opacity: 1;}

.projekt-gallery-slider:hover .et-pb-arrow-next,
.projekt-gallery-slider .et_mobile_device .et-pb-arrow-next {
  right: 4% !important; top: 8% !important; opacity: 1;}

/* TABULKY
________________________________________ */

table, th, td {
border: 0px !important;
border-top: 0px solid black !important;
}

td {
padding-top: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
}

tr:nth-child(odd) {background: rgba(0,0,0,0.05)}

/* FORM - MINIMAL
________________________________________ */

.brief-form .input {border-bottom: 1px solid #757575 !important; 
  margin-bottom: 20px; padding-left: 0 !important;
  font-weight: normal !important; background: #fff;}

.et_pb_contact_submit {float: right !important;}

/* ------------------------------------- SOCIAL ICONS
------------------------------------- */

	.large-social-icons li a.icon {margin: 0px 0px 0px 15px !important; background: none !important; text-align: right !important;}
	.large-social-icons li a.icon::before {color: #999999 !important; opacity: 1; padding-left: 0 !important; padding-right: 0 !important;}
	.large-social-icons li a.icon:hover::before {color: #333333 !important; opacity: 1;}

/* MOUSE ICON - SCROLL DOWN ANIMATION
________________________________________ */

.scroll-downs {position: relative; top: 0; right: 0; 
  bottom: 0; left: 0; width: 35px; height: 35px;}

.mousey {width: 20px; height: 35px; padding: 10px 10px 0px 10px;
  border: 1px solid rgba(153,153,153,1); border-radius: 20px; opacity: 0.75;}

.mousey::after {content: "SCROLL DOWN"; float: left; width: 200px; margin-left: 30px; 
  display: block; position: absolute; top: 7px; font-size: 10px; letter-spacing: 1px;}

.scroller {width: 1px; height: 5px; border-radius: 25%; background-color: rgba(153,153,153,1);
  animation-name: scroll; animation-duration: 1.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite;}

/* ANIMATION SCROLL */
@keyframes scroll {0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(10px); opacity: 0;}}

/* ------------------------------------- Selection - OFF
------------------------------------- */

/* Selection 
::-moz-selection {background-color: rgba(249,12,71,0); color: rgba(249,12,71,1);}
::selection {background-color: rgba(249,12,71,0); color: rgba(249,12,71,1);}*/

/* Jetpack - Smile Fix */
img#wpstats {display: none;}

/* Dewdrop Custom Scrollbar */
.nicescroll-rails {z-index: 1000000000 !important;}