/*

Theme Name: Szkolenia Edumaster
Theme URI: http://szkolenia.edumaster.pl
Description: Motym dla strony Czajka Travel
Author: Arcom
Version: 1.0

*/

  body{
   font-family: Open Sans;
	color: #fff;
	font-size:1.6rem;
	font-weight: normal;
  }
  
a,  a:link{
	 color:#fff !important;
	 
  }
  a:visited, a:hover{
	 color:#dedede !important;
	 text-decoration:none !important;
	 
  }
  
 html{  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  }
  .container, p{
	  color:#fff !important;
	  font-family:"Montserrat" !important;
	  font-size:1.2rem !important;
  }
 .h1, .h2, .h3, .h4, .h5{
	  color:#fff !important;
	  font-family:"Montserrat" !important;
  }
  
  .flex{
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
}
.flex-center-y{
	-webkit-align-items: center; /* Safari 7.0+ */
    align-items: center;
    -ms-align-items: center;
}
.flex-center{
	-webkit-justify-content: center; /* Safari 7.0+ */
    justify-content: center;
}


.flex-grow{
 -webkit-flex-grow: 1;
	flex-grow: 1;
}
.flex-column{
 flex-direction: column;
}

.flex-start{
	-webkit-align-items: flex-start; /* Safari 7.0+ */
    align-items: flex-start;
}

.flex-wrap{
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

.stretch{
	align-items:stretch;
}


.clear{
	clear:both;
}

.m-y-1{
   margin-top:10px;
   margin-bottom:10px;
}

.m-y-2{
   margin-top:20px;
   margin-bottom:20px;
}

.m-y-3{
   margin-top:30px;
   margin-bottom:30px;
}

.m-y-4{
   margin-top:40px !important;
   margin-bottom:40px !important;
}
  
.m-y-5{
   margin-top:50px !important;
   margin-bottom:50px !important;
}
  
.m-y-6{
   margin-top:60px !important;
   margin-bottom:60px !important;
}

.p-y-0{
   padding-top:0px !important;
   padding-bottom:0px !important;
}

.p-y-1{
   padding-top:10px !important;
   padding-bottom:10px !important;
}
.p-y-2{
   padding-top:20px !important;
   padding-bottom:20px !important;
}

.p-y-3{
   padding-top:30px !important;
   padding-bottom:30px !important;
}

.p-y-4{
   padding-top:40px !important;
   padding-bottom:40px !important;
}
.p-y-5{
   padding-top:50px !important;
   padding-bottom:50px !important;
}
.p-y-6{
   padding-top:60px !important;
   padding-bottom:60px !important;
}


.p-y-1{
   padding-left:10px !important;
   padding-right:10px !important;
}
.p-y-2{
   padding-left:20px !important;
   padding-right:20px !important;
}
.p-y-3{
   padding-left:30px !important;
   padding-right:30px !important;
}

.text-justify{
text-align:justify !important;
}	
.round{
position: relative;
top: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}



.fluid-img, .img-fluid{
	display:block;
	max-width:150rem;
	height:auto;
	width:100%;
}

.visible{
	display:block !important;
}

.img_f_l{
	float:left;
	padding:2rem 2rem 2rem 0rem;
}
.main_wrapper{
position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
	height:auto;
}


*{-webkit-transition: all 1s ease-out;
          transition: all 1s ease-out; 
}

@media (min-width: @screen-sm-min){
}

@media screen and (min-device-width:20em){


.formularz{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.formularz p{
font-family:"Open Sans" !important;
font-size:2rem !important;
color:#fff !important;
}	
	
.blenda{
	  position:absolute;
	  top:0;
	  right:0;
	  bottom:0;
	  left:0;
  }	
  .pasek{
	  float:left;
	  width:100%;
	  min-height:2rem;
	  margin-top:1rem;
	 
  }
button[type=submit]{
width: auto;
text-transform:uppercase;
background-color: #f01c3e;
color: #fff !important;
min-height: 4.5rem;
margin: 1rem auto;
padding: 0.5rem 1rem;
display: inline-block;
border: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-family: "Montserrat";
box-shadow: none;
font-size: 1.6rem;
text-align:center;
border:none;
}

button[type=submit]:hover{
    background-color: #bf1531;
	text-decoration:none;
    }
	
	button[type=reset]{
width: auto;
text-transform:uppercase;
color:#bf1531 !important;
min-height: 4.5rem;
margin: 1rem auto;
padding: 0.5rem 1rem;
display: inline-block;
border: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
font-family: "Montserrat";
box-shadow: none;
font-size: 1.6rem;
text-align:center;
border:none;
}

button[type=reset]:hover{
    background-color: #bf1531;
	text-decoration:none;
	color:#fff !important;
    }

header{
}

.shadow{
   box-shadow:0rem 0.1rem 0.5rem rgba(0,0,0,0.5);
}
.header_top{
	font-family: Montserrat;
	color: #627e92;
	font-size: 1.6rem;
	font-weight: bold;
}


 .narrow{
    display:block;
}

.wide{
    display:none;
}

.logo{
	text-align:center;
	width:100%;
	height:auto;
	
}





.f_left{
    float:left !important;
}
.f_right{
    float:right !important;
}
  

body {
  margin: 0;
  background: #fff; 
}
video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);

  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#controls { 
  font-family: 'Montserrat';
  font-weight:100; 
  color: white;
  padding: 0;
  width: auto;
  margin:0 2rem 3rem;
  float: right;
  font-size: 1.2rem;
}
h1 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}
#controls button { 
  display: block;
  width: auto;
  padding: 0.3rem 0.5rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#controls button:hover { 
   background: rgba(0,0,0,0.5);
}

a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: .5rem;
  transition: .6s background; 
}
a:hover{
  background:rgba(0,0,0,0.3);
}
.txt_services{
	font-family: 'Open Sans';
	color: #0D4987;
	font-size:3rem;
	text-align:center;
	font-weight:bold;
}
.blenda_zajawka{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0);
	margin-left:1.5rem;
	margin-right:1.5rem;
}
.blenda_zajawka:hover{
		background-color:rgba(0,0,0,0.3);
}

}






}

 
@media screen and (min-device-width:30em){

}
 
 @media screen and (min-device-width:39em){



 }
@media screen and (min-device-width:41em){


}

@media screen and (min-device-width:48em){

}
@media screen and (min-device-width:60em){


}

 @media screen and (min-device-width:64em){

.narrow{
    display:none;
    }
.wide{
    display:block;
}


 }



 @media screen and (min-device-width:79em){


header{
}

 
  }