/*

Theme Name: Centrum Edukacyjne IDEA
Theme URI: http://centrumidea.eu
Description: Motym dla strony Centrum Edukacyjne IDEA
Author: Arcom
Version: 1.0

*/


  body{
   font-family: Open Sans;
	color: #636363;
	font-size:1.4rem;
	font-weight: normal;
  }

  .card{
  background-color:transparent !important;
  }
  
@import url('https://fonts.googleapis.com/css?family=Anton|Oswald|Open+Sans');


.clear{
	clear:both;
}
.font_pomaranczowy{
	color:#EB5F1D;
}

.arsenal_pomaranczowy{
	color:#EB5F1D;
	font-family:'Oswald';
}

.anton_pomaranczowy{
color:#EB5F1D;
font-family:'Anton';
}  

section:nth-of-type(odd), .gray{
 background-color:#f9f9f9;
}

.m-b-6{
     margin-top:60px !important;
   margin-bottom:60px !important;

}

.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;
}

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

}

.download-type{
 position:relative;
 width:7rem;
 height:7rem;
 margin:1rem auto;
}

.aligncenter{
margin:0 auto;
}

.download-type-pdf{
 background-image:url('img/pdf.png');
 background-size:100%;
 background-position:center center;
}
.download-type-jpg{
 background-image:url('img/jpg.png');
 background-size:100%;
 background-position:center center;
}

.download-type-doc, .download-type-docx{
 background-image:url('img/doc.png');
 background-size:100%;
 background-position:center center;
}

.download-type-xls{
 background-image:url('img/xls.png');
 background-size:100%;
 background-position:center center;
}

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

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

@media screen and (min-device-width:20em){
	 input[type="submit"]{
	background: #ec495c;
opacity: 1;
padding: 15px 32px 15px 32px;
box-shadow: 0px 1px 5px 0px RGBA(0,0,0,0.93);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
transition: all 1s ease;
color: #ffffff;
font-size: 2rem;
text-shadow: none;
line-height: 1.5;
font-weight: normal;
font-style: normal;
text-decoration: none !important;
text-align: center;
letter-spacing: 1px;
word-spacing: normal;
text-transform: uppercase;
font-weight: bold;
width: auto;
margin: 2rem 0;
border: none !important;
}

input.form-butt:hover{
background: #a81e2e;
text-decoration:none;
}

 .do_pobrania_desc{
  font-family:"Oswald";
  color:#e20000;
  font-size:2rem;
  text-align:center;
 }
.parallax{
   background-attachment: scroll !important;/*scroll dla mniejszych rozdzielczości z uwagi na Apple, który źle interpretuje cover+fixed*/
}

.card-img{
  margin:0px auto;
 }

header{
 	position:relative;
 	z-index:99999;
}

.shadow{
   box-shadow:0rem 0.1rem 0.5rem rgba(0,0,0,0.5);
}


 .narrow{
    display:block;
}

.wide{
    display:none !important;
}

.logo{
	position:relative;
	margin:1rem auto;
	text-align:center;
	z-index:100;
	width:10rem;
	float:left;
	margin-top:0rem;
}

.loga_bottom{
 position:fixed;
 bottom:0rem;
 width:100%;
 background-color:#fff;
 box-shadow:0.1rem -0.1rem 0.3rem rgba(0,0,0,0.5);

}

a.button_orange > div, input#formReset{
 background-color:#E5601B;
 padding:2rem 4rem;
 text-align:center;
 border:solid 0.1rem #E5601B;
 width:auto;
 box-shadow:none;
  }
  input#formReset{
  padding:1rem !important;
  height:6rem !important;
  }

  
a.button_orange, input#formReset{

 font-family:"Oswald";
	font-size:2.4rem;
	text-transform:uppercase;
	color:#fff !important;

  }

a.button_orange:hover > div, input#formReset:hover{
 background-color:transparent;
 color: #E5601B !important;
 text-decoration:none;
 }
 a.button_orange:hover, input#formReset:hover{,
 color: #E5601B !important;
 text-decoration:none;
  }



.hamheader{
padding:1rem;
}
.hammenu{
    display:none;
    width:80%;
    position: absolute;
	background: rgba(255, 255, 255, 0.95);
}

.subhammenu{
	display:none;
	width: 60% !important;
	position: absolute;
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
	right: 2rem;
	margin-top: 1rem !important;
}

#menu-menu-sub-1-mob li a{
	color:#6A889E
}

.sticky_subhamheader{
	color: #6A889E !important;
}

#menu-menu-sub-1-mob li{
	width: 100%;
	float: left;
	background: none;
	border: none;
	margin: 0rem !important;
	display: inline;
	padding: 1rem 0rem;
	border-bottom: 2px solid transparent;
	text-align: center;
}

.sticky_submenu_projekty{
	 position:fixed;
	 left:0;
	 top:0;
	 box-shadow:0rem 0.1rem 0.5rem rgba(0,0,0,0.5);
	 z-index:999999;
	 background-color:#fff !important;
 }
    
#menu-menu-sub-1 li{
	width: 100%;
	float: left;
	background: none;
	border: none;
	margin: 0rem !important;
	display: inline;
	padding: 1rem 0rem;
	border-bottom: 2px solid transparent;
	text-align: center;
}    

.sticky_top_bg{
	position:fixed !important;
	height:5rem !important;
	background-color:#fff;
   box-shadow:0rem 0.1rem 0.5rem rgba(0,0,0,0.5);
   width:100%;
   top:0rem;
}


.sticky_logo{
 	margin:0rem;
 	padding:0rem;
}

.sticky_logo_mob > a > div.logo{
	 margin:0rem;
}

.sticky_logo_mob{
	position:fixed !important;
 	z-index:999999;
 	width:auto !important;
 	top:0rem;
 	left:0rem;
}

.sticky_logo_std{
 position:fixed !important;
 	z-index:999999;
 	width:auto !important;
 	top:0rem;
}

.sticky_logo_mob > a > div.logo {
	text-align:left;
}

 @-webkit-keyframes logo {
  0%   { width:initial; height:initial;}
  100%   {width:10rem; height:auto;}
}
@-moz-keyframes logo {
  0%   { width:initial; height:initial;}
  100%   {width:10rem; height:auto;}
}
@-o-keyframes logo {
  0%   { width:initial; height:initial;}
  100%   {width:10rem; height:auto;}
}
@keyframes logo {
  0%   { width:initial; height:initial;}
  100%   {width:10rem; height:auto;}
}

.sticky_logo_mob > a > div.logo img, .sticky_logo_std > a > div.logo img{
	 -webkit-animation: logo 2s forwards ease-in;
    -moz-animation:    logo 2s forwards ease-in;
 	 -o-animation:      logo 2s forwards ease-in;
 	 animation:         logo 2s forwards ease-in;
}

.container{
    max-width:1100px !important;
}

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

table td{
background:#e8e8e8;
padding:1rem;
border:1px solid #fff;	
}
table th {
	border:1px solid #fff;
	background: #808080; 
color: #fff;
padding:1rem;
}


.subhammenu{
	display:none;
	width: 60% !important;
	position: absolute;
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
	right: 2rem;
	margin-top: 1rem !important;
}

#menu-menu-sub-1-mob li a{
	color:#6A889E
}

.sticky_subhamheader{
	color: #6A889E !important;
}

#menu-menu-sub-1-mob li{
	width: 100%;
	float: left;
	background: none;
	border: none;
	margin: 0rem !important;
	display: inline;
	padding: 1rem 0rem;
	border-bottom: 2px solid transparent;
	text-align: center;
}

#menu-menu-sub-1 li{
	width: 100%;
	float: left;
	background: none;
	border: none;
	margin: 0rem !important;
	display: inline;
	padding: 1rem 0rem;
	border-bottom: 2px solid transparent;
	text-align: center;
}    


 /*************** podmenu *****************/

 #submenu_projektu{
 background-color: #0862a4;
 position:fixed;
 top:0rem;
 padding:1rem;
 z-index:999;
 width:100%;
 box-shadow:0.1rem 0.1rem 0.3rem rgba(0,0,0,0.5);
}

  
.subhamheader{
	 color:#fff;
	 text-align:left;
	 cursor:pointer;
	 font-family: "Oswald";
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: bold;
	text-align:right;
}

.sub_menu{
	position: relative;
	width:auto !important;
	float:right;
	display: table;
}

#menu-menu-sub-1 ul{
    width:100%;
    margin:0rem;
    padding:0rem;
}

ul.sub_menu li{
    width:auto;
    float:left;
    background:none;
    border:none;
    margin:0rem !important;
    display:inline;
    padding: 1rem 0rem;
   border-bottom: 2px solid transparent;
   text-align:center;
}

ul.sub_menu li a{
   white-space:nowrap;
    text-align:center;
    padding: 0rem 1rem;
    text-decoration:none;
    font-family: Oswald;
    text-transform:uppercase;
    font-weight:normal;
    font-size:1.6rem;
}

ul.sub_menu li a:link, ul.sub_menu li a:visited{
   text-decoration:none;
	color: #FFF;
    font-family: "Oswald";
    font-weight: bold;
    font-size: 1.6rem;
}

ul.sub_menu li:before {
    content: "";
    color:#efefef;
    }

ul.sub_menu li:first-child:before{
    content: "";
    }

#menu-menu-sub-1 a:hover{
	background-color:transparent !important;
    }

ul.sub_menu li a:hover{
    color:rgba(255,255,255,0.7);
}

/***************************koniec podmenu *********************************/




.baner_header{
 	color:#fff;
 	text-shadow:0.1rem 0.1rem 0.1rem #000;
 	font-family:"Oswald", sans-serif;
 	font-size:2rem;
 	font-weight:bold;
 	 width:100%;
 	position:absolute;
 	bottom:2rem;
  width: 100%;     
background-color: rgba(0,0,0,0.5);
padding: 3rem;
}
.baner_header_main{
 	color:#fff;
 	text-shadow:0.1rem 0.1rem 0.1rem #000;
 	font-family:"Oswald", sans-serif;
 	font-size:2rem;
 	font-weight:bold;
 	 width:100%;
 	position:absolute;
 	top:25rem;
  width: 100%;
background-color: rgba(0,0,0,0.5);
padding: 3rem;
}



.baner_ratio{
  position:relative;
  width:100%;
  padding-bottom: 50%;
 }




.baner{
	position:relative;
	float:left;
	width:100%;
	background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center center !important;
}


 .section_header{
  	font-family:"Oswald";
  	background-color: #0862a4;
color: #fff;
  	font-size:4rem;
  	text-align:center;
  	text-transform:uppercase;
    font-weight: bolder;
 }

 .section_subheader{
  	font-family:"Oswald";
  	color:#0862a4;
  	font-size:2.8rem;
  	text-align:center;
  	    font-weight: bolder;
 }

 .txt{
    font-family: "Lato";
    color: #636363;
    font-size: 1.6rem;
    text-align: justify;
}


.vis{
 display:flex !important;
}


.flex{
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
}
.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;
}

.flex-center{
	-webkit-justify-content: center; /* Safari 7.0+ */
    justify-content: center;
}



.wrap{
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
  -webkit-justify-content: space-around;
}


.card-trip .card-title{
 top:0 !important;
 right:0 !important;
}

.card-trip .card-title h3{
 background-color:rgba(0,0,0,0.5);
 width:100%;
padding:1rem 2rem;
text-align:center !important;
font-family:"Oswald"!important;
font-size:2rem !important;
}

.organizator{
	color:#fff;
	font-family:"Oswald";
	font-size:1.6rem;
	position:absolute;
	right:1rem;
	bottom:1rem;
}
img.organizator_logo{
	width:6rem;
	height:auto;
}
.rekrutacja_wrapper{
	 position:absolute;
	 right:1rem;
	 top:1rem;
	 width:40rem;
	 height:40rem;
	 z-index:200;
	 overflow:hidden;

	 
 }
 
 .rekrutacja_online{
	 position:relative;
	 background: #ec495c;
opacity: 1;
padding: 5px 15px;
box-shadow: 0px 1px 5px 0px RGBA(0,0,0,0.93);
border-radius: 3px;
transition: all 1s ease;
font-family: 'Oswald';
color: #ffffff;
font-size: 100%;
text-shadow: none;
line-height: 1.5;
font-weight: normal;
font-style: normal;
text-decoration: none !important;
text-align: center;
letter-spacing: 1px;
word-spacing: normal;
text-transform: uppercase;
font-weight: bold;
width:40rem;
margin:2rem 0;
transform: rotate(30deg) translate(12rem, -6rem);
 }	
 a.online,a.online:hover, a.online:visited {
	 background-color:#ec495c !important;
	 color:#fff !important;
 }
 .form-group {
    margin-bottom: 15px
}

 .form-group:after, .form-group:before{
	 display: table;
    content: " " 
 }
  .form-group:after{
    clear: both;
  }
}
 
 
 
 @media screen and (min-device-width:39em){

 .section_header{
  font-size:4.5rem;
 }
 .baner img{
	max-width:100%;
}

.baner_header, .baner_header_main{
	font-size:3rem;
}

.baner_ratio{
  padding-bottom: 40%;
 }


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

.logo{
	position:absolute;
	z-index:100;

}


div.stretchy-wrapper {
    width: 100%;
    padding-bottom: 40%; /* ratio */
   
    position: relative;
    }

div.stretchy-wrapper > div {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;

}


.container_menu{
 width:100% !important;
}


}

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

.section_header{
 font-size:5.5rem;
 }
 
	
}
@media screen and (min-device-width:60em){



.baner_ratio{
  padding-bottom: 39%;
 }
}

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

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

.flex{
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
}

#menu-menu-sub-1 li{
width:auto !important;
}





.baner_header, .baner_header_main{
	font-size:5rem;
}
 }



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


.baner_ratio{
  padding-bottom: 39%;
 }
  }