/* Flex Design Style
   ====================================================================
	* Ustawienia styli dla flex design
	*
*/

.f-box{
	display:-webkit-flex;
	display:flex;}
.a-box{justify-content:space-around;}
.b-box{justify-content:space-between;}
.c-box{justify-content:center;}
.e-box{justify-content:flex-end;}
.vc-box{align-items: center;}

/* Media Queries
   ====================================================================
	* Desktop
*/
@media 
		only screen and (min-device-width: 1600px) and ( min-device-pixel-ratio: 1),
		(min-width: 1600px){
			.dw-box{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}	
			/*COL 2*/
			.d-col-2 > *{box-sizing:border-box;}
			.d-col-2 > *:nth-child(2n+1){padding-right:15px;}
			.d-col-2 > *:nth-child(2n+2){padding-left:15px;}	
			.d-col-2 > *:nth-child(-n+2){margin:0 !important;}
			.d-col-2 > *{margin-top:30px;}
			/*COL 3*/
			.d-col-3 > *{box-sizing:border-box;}
			.d-col-3 > *:nth-child(3n+1){padding-right:13.33px;}
			.d-col-3 > *:nth-child(3n+2){padding:0px 6.67px;}	
			.d-col-3 > *:nth-child(3n+3){padding-left:13.33px;}	
			.d-col-3 > *:nth-child(-n+3){margin:0 !important;}
			.d-col-3 > *{margin-top:20px;}
			/*COL 4*/
			.d-col-4 > *{box-sizing:border-box;}
			.d-col-4 > *:nth-child(4n+1){padding-right:15px;}
			.d-col-4 > *:nth-child(4n+2){padding:0px 10px 0px 5px;}
			.d-col-4 > *:nth-child(4n+3){padding:0px 5px 0px 10px;}
			.d-col-4 > *:nth-child(4n+4){padding-left:15px;}	
			.d-col-4 > *:nth-child(-n+4){margin:0 !important;}
			.d-col-4 > *{margin-top:15px;}
			/*COL 5*/
			.d-col-5 > *{box-sizing:border-box;}
			.d-col-5 > *:nth-child(5n+1){padding-right:16px;}
			.d-col-5 > *:nth-child(5n+2){padding:0px 12px 0px 4px;}
			.d-col-5 > *:nth-child(5n+3){padding:0px 8px 0px 8px;}
			.d-col-5 > *:nth-child(5n+4){padding:0px 4px 0px 12px;}
			.d-col-5 > *:nth-child(5n+5){padding-left:16px;}	
			.d-col-5 > *:nth-child(-n+5){margin:0 !important;}
			.d-col-5 > *{margin-top:50px;}	
			/*COL 6*/
			.d-col-6 > *{box-sizing:border-box;}
			.d-col-6 > *:nth-child(6n+1){padding-right:16px;}
			.d-col-6 > *:nth-child(6n+2){padding:0px 12px 0px 4px;}
			.d-col-6 > *:nth-child(6n+3){padding:0px 8px 0px 8px;}
			.d-col-6 > *:nth-child(6n+4){padding:0px 4px 0px 12px;}
			.d-col-6 > *:nth-child(6n+5){padding-left:16px;}	
			.d-col-6 > *:nth-child(6n+6){padding-left:20px;}	
			.d-col-6 > *:nth-child(-n+6){margin:0 !important;}
			.d-col-6 > *{margin-top:50px;}	
			/***/			
			.d-r10{-webkit-flex-basis:10%; flex-basis:10%;}
			.d-r15{-webkit-flex-basis:15%; flex-basis:15%;}
			.d-r16{-webkit-flex-basis:16%; flex-basis:16%;}
			.d-r20{-webkit-flex-basis:20%; flex-basis:20%;}
			.d-r25{-webkit-flex-basis:25%; flex-basis:25%;}
			.d-r30{-webkit-flex-basis:30%; flex-basis:30%;}
			.d-r33{-webkit-flex-basis:33.333%; flex-basis:33.333%;}
			.d-r35{-webkit-flex-basis:35%; flex-basis:35%;}
			.d-r40{-webkit-flex-basis:40%; flex-basis:40%;}
			.d-r45{-webkit-flex-basis:45%; flex-basis:45%;}
			.d-r50{-webkit-flex-basis:50%; flex-basis:50%;}
			.d-r55{-webkit-flex-basis:55%; flex-basis:55%;}
			.d-r60{-webkit-flex-basis:60%; flex-basis:60%;}
			.d-r65{-webkit-flex-basis:65%; flex-basis:65%;}
			.d-r66{-webkit-flex-basis:66%; flex-basis:66%;}
			.d-r70{-webkit-flex-basis:70%; flex-basis:70%;}
			.d-r80{-webkit-flex-basis:80%; flex-basis:80%;}
			.d-r85{-webkit-flex-basis:85%; flex-basis:85%;}
			.d-r90{-webkit-flex-basis:90%; flex-basis:90%;}
			.d-r100{-webkit-flex-basis:100%; flex-basis:100%;}
		}
		
/* 
*** Desktop|Laptop 
*/
@media 
		only screen and (min-device-width: 1200px) and (max-device-width: 1599px) and ( min-device-pixel-ratio: 1),
		(min-width: 1200px) and (max-width: 1599px){
			.dlw-box{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}	
			/*COL 2*/
			.dl-col-2 > *{box-sizing:border-box;}
			.dl-col-2 > *:nth-child(2n+1){padding-right:10px;}
			.dl-col-2 > *:nth-child(2n+2){padding-left:10px;}	
			.dl-col-2 > *:nth-child(-n+2){margin:0 !important;}
			.dl-col-2 > *{margin-top:50px;}
			/*COL 3*/
			.dl-col-3 > *{box-sizing:border-box;}
			.dl-col-3 > *:nth-child(3n+1){padding-right:13.33px;}
			.dl-col-3 > *:nth-child(3n+2){padding:0px 6.67px;}	
			.dl-col-3 > *:nth-child(3n+3){padding-left:13.33px;}	
			.dl-col-3 > *:nth-child(-n+3){margin:0 !important;}
			.dl-col-3 > *{margin-top:50px;}
			/*COL 4*/
			.dl-col-4 > *{box-sizing:border-box;}
			.dl-col-4 > *:nth-child(4n+1){padding-right:15px;}
			.dl-col-4 > *:nth-child(4n+2){padding:0px 10px 0px 5px;}
			.dl-col-4 > *:nth-child(4n+3){padding:0px 5px 0px 10px;}
			.dl-col-4 > *:nth-child(4n+4){padding-left:15px;}	
			.dl-col-4 > *:nth-child(-n+4){margin:0 !important;}
			.dl-col-4 > *{margin-top:50px;}
			/***/			
			.dl-r10{-webkit-flex-basis:10%; flex-basis:10%;}
			.dl-r15{-webkit-flex-basis:15%; flex-basis:15%;}
			.dl-r16{-webkit-flex-basis:16%; flex-basis:16%;}
			.dl-r20{-webkit-flex-basis:20%; flex-basis:20%;}
			.dl-r25{-webkit-flex-basis:25%; flex-basis:25%;}
			.dl-r30{-webkit-flex-basis:30%; flex-basis:30%;}
			.dl-r33{-webkit-flex-basis:33.333%; flex-basis:33.333%;}
			.dl-r35{-webkit-flex-basis:35%; flex-basis:35%;}
			.dl-r40{-webkit-flex-basis:40%; flex-basis:40%;}
			.dl-r45{-webkit-flex-basis:45%; flex-basis:45%;}
			.dl-r50{-webkit-flex-basis:50%; flex-basis:50%;}
			.dl-r55{-webkit-flex-basis:55%; flex-basis:55%;}
			.dl-r60{-webkit-flex-basis:60%; flex-basis:60%;}
			.dl-r65{-webkit-flex-basis:65%; flex-basis:65%;}
			.dl-r66{-webkit-flex-basis:66%; flex-basis:66%;}
			.dl-r70{-webkit-flex-basis:70%; flex-basis:70%;}
			.dl-r80{-webkit-flex-basis:80%; flex-basis:80%;}
			.dl-r85{-webkit-flex-basis:85%; flex-basis:85%;}
			.dl-r90{-webkit-flex-basis:90%; flex-basis:90%;}
			.dl-r100{-webkit-flex-basis:100%; flex-basis:100%;}
		}	
		
/* 
*** Laptop|Tablet
*/
@media 
		only screen and (min-device-width: 1000px) and (max-device-width: 1199px) and ( min-device-pixel-ratio: 1),
		(min-width: 1000px) and (max-width: 1199px){
			.ltw-box{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}	
			/*COL 2*/
			.lt-col-2 > *{box-sizing:border-box;}
			.lt-col-2 > *:nth-child(2n+1){padding-right:10px;}
			.lt-col-2 > *:nth-child(2n+2){padding-left:10px;}	
			.lt-col-2 > *:nth-child(-n+2){margin:0 !important;}
			.lt-col-2 > *{margin-top:50px;}
			/*COL 3*/
			.lt-col-3 > *{box-sizing:border-box;}
			.lt-col-3 > *:nth-child(3n+1){padding-right:13.33px;}
			.lt-col-3 > *:nth-child(3n+2){padding:0px 6.67px;}	
			.lt-col-3 > *:nth-child(3n+3){padding-left:13.33px;}	
			.lt-col-3 > *:nth-child(-n+3){margin:0 !important;}
			.lt-col-3 > *{margin-top:50px;}
			/*COL 4*/
			.lt-col-4 > *{box-sizing:border-box;}
			.lt-col-4 > *:nth-child(4n+1){padding-right:15px;}
			.lt-col-4 > *:nth-child(4n+2){padding:0px 10px 0px 5px;}
			.lt-col-4 > *:nth-child(4n+3){padding:0px 5px 0px 10px;}
			.lt-col-4 > *:nth-child(4n+4){padding-left:15px;}	
			.lt-col-4 > *:nth-child(-n+4){margin:0 !important;}
			.lt-col-4 > *{margin-top:50px;}
			/***/			
			.lt-r10{-webkit-flex-basis:10%; flex-basis:10%;}
			.lt-r15{-webkit-flex-basis:15%; flex-basis:15%;}
			.lt-r16{-webkit-flex-basis:16%; flex-basis:16%;}
			.lt-r20{-webkit-flex-basis:20%; flex-basis:20%;}
			.lt-r25{-webkit-flex-basis:25%; flex-basis:25%;}
			.lt-r30{-webkit-flex-basis:30%; flex-basis:30%;}
			.lt-r33{-webkit-flex-basis:33.333%; flex-basis:33.333%;}
			.lt-r35{-webkit-flex-basis:35%; flex-basis:35%;}
			.lt-r40{-webkit-flex-basis:40%; flex-basis:40%;}
			.lt-r45{-webkit-flex-basis:45%; flex-basis:45%;}
			.lt-r50{-webkit-flex-basis:50%; flex-basis:50%;}
			.lt-r55{-webkit-flex-basis:55%; flex-basis:55%;}
			.lt-r60{-webkit-flex-basis:60%; flex-basis:60%;}
			.lt-r65{-webkit-flex-basis:65%; flex-basis:65%;}
			.lt-r66{-webkit-flex-basis:66%; flex-basis:66%;}
			.lt-r70{-webkit-flex-basis:70%; flex-basis:70%;}
			.lt-r80{-webkit-flex-basis:80%; flex-basis:80%;}
			.lt-r85{-webkit-flex-basis:85%; flex-basis:85%;}
			.lt-r90{-webkit-flex-basis:90%; flex-basis:90%;}
			.lt-r100{-webkit-flex-basis:100%; flex-basis:100%;}
		}	
		
/* 
*** Tablet
*/
@media 
		only screen and (min-device-width: 550px) and (max-device-width: 999px) and ( min-device-pixel-ratio: 1),
		(min-width: 550px) and (max-width: 999px){
			.tw-box{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}	
			.t-col-1 > *{box-sizing:border-box;}
			.t-col-1 > *:first-child{margin:0 !important;}
			.t-col-1 > *{margin-top:50px;}
			/*COL 2*/
			.t-col-2 > *{box-sizing:border-box;}
			.t-col-2 > *:nth-child(2n+1){padding-right:10px;}
			.t-col-2 > *:nth-child(2n+2){padding-left:10px;}	
			.t-col-2 > *:nth-child(-n+2){margin:0 !important;}
			.t-col-2 > *{margin-top:50px;}
			/*COL 3*/
			.t-col-3 > *{box-sizing:border-box;}
			.t-col-3 > *:nth-child(3n+1){padding-right:13.33px;}
			.t-col-3 > *:nth-child(3n+2){padding:0px 6.67px;}	
			.t-col-3 > *:nth-child(3n+3){padding-left:13.33px;}	
			.t-col-3 > *:nth-child(-n+3){margin:0 !important;}
			.t-col-3 > *{margin-top:50px;}
			/*COL 4*/
			.t-col-4 > *{box-sizing:border-box;}
			.t-col-4 > *:nth-child(4n+1){padding-right:15px;}
			.t-col-4 > *:nth-child(4n+2){padding:0px 10px 0px 5px;}
			.t-col-4 > *:nth-child(4n+3){padding:0px 5px 0px 10px;}
			.t-col-4 > *:nth-child(4n+4){padding-left:15px;}	
			.t-col-4 > *:nth-child(-n+4){margin:0 !important;}
			.t-col-4 > *{margin-top:50px;}
			/***/			
			.t-r10{-webkit-flex-basis:10%; flex-basis:10%;}
			.t-r15{-webkit-flex-basis:15%; flex-basis:15%;}
			.t-r16{-webkit-flex-basis:16%; flex-basis:16%;}
			.t-r20{-webkit-flex-basis:20%; flex-basis:20%;}
			.t-r25{-webkit-flex-basis:25%; flex-basis:25%;}
			.t-r30{-webkit-flex-basis:30%; flex-basis:30%;}
			.t-r33{-webkit-flex-basis:33.333%; flex-basis:33.333%;}
			.t-r35{-webkit-flex-basis:35%; flex-basis:35%;}
			.t-r40{-webkit-flex-basis:40%; flex-basis:40%;}
			.t-r50{-webkit-flex-basis:50%; flex-basis:50%;}
			.t-r60{-webkit-flex-basis:60%; flex-basis:60%;}
			.t-r65{-webkit-flex-basis:65%; flex-basis:65%;}
			.t-r70{-webkit-flex-basis:70%; flex-basis:70%;}
			.t-r80{-webkit-flex-basis:80%; flex-basis:80%;}
			.t-r85{-webkit-flex-basis:85%; flex-basis:85%;}
			.t-r90{-webkit-flex-basis:90%; flex-basis:90%;}
			.t-r100{-webkit-flex-basis:100%; flex-basis:100%;}
		}	
		
/* 
*** Smartphone
*/
@media 
		only screen and (max-device-width: 549px) and ( min-device-pixel-ratio: 1),
		(max-width: 549px){
			.sw-box{
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;}
			.s-col-1 > *{box-sizing:border-box;}
			.s-col-1 > *:first-child{margin:0 !important;}
			.s-col-1 > *{margin-top:50px;}
			/*COL 2*/
			.s-col-2 > *{box-sizing:border-box;}
			.s-col-2 > *:nth-child(2n+1){padding-right:10px;}
			.s-col-2 > *:nth-child(2n+2){padding-left:10px;}	
			.s-col-2 > *:nth-child(-n+2){margin:0 !important;}
			.s-col-2 > *{margin-top:50px;}
			/*COL 3*/
			.s-col-3 > *{box-sizing:border-box;}
			.s-col-3 > *:nth-child(3n+1){padding-right:13.33px;}
			.s-col-3 > *:nth-child(3n+2){padding:0px 6.67px;}	
			.s-col-3 > *:nth-child(3n+3){padding-left:13.33px;}	
			.s-col-3 > *:nth-child(-n+3){margin:0 !important;}
			.s-col-3 > *{margin-top:50px;}
			/*COL 4*/
			.s-col-4 > *{box-sizing:border-box;}
			.s-col-4 > *:nth-child(4n+1){padding-right:15px;}
			.s-col-4 > *:nth-child(4n+2){padding:0px 10px 0px 5px;}
			.s-col-4 > *:nth-child(4n+3){padding:0px 5px 0px 10px;}
			.s-col-4 > *:nth-child(4n+4){padding-left:15px;}	
			.s-col-4 > *:nth-child(-n+4){margin:0 !important;}
			.s-col-4 > *{margin-top:50px;}
			/***/			
			.s-r10{-webkit-flex-basis:10%; flex-basis:10%;}
			.s-r15{-webkit-flex-basis:15%; flex-basis:15%;}
			.s-r16{-webkit-flex-basis:16%; flex-basis:16%;}
			.s-r20{-webkit-flex-basis:20%; flex-basis:20%;}
			.s-r25{-webkit-flex-basis:25%; flex-basis:25%;}
			.s-r30{-webkit-flex-basis:30%; flex-basis:30%;}
			.s-r33{-webkit-flex-basis:33.333%; flex-basis:33.333%;}
			.s-r35{-webkit-flex-basis:35%; flex-basis:35%;}
			.s-r40{-webkit-flex-basis:40%; flex-basis:40%;}
			.s-r50{-webkit-flex-basis:50%; flex-basis:50%;}
			.s-r60{-webkit-flex-basis:60%; flex-basis:60%;}
			.s-r65{-webkit-flex-basis:65%; flex-basis:65%;}
			.s-r70{-webkit-flex-basis:70%; flex-basis:70%;}
			.s-r80{-webkit-flex-basis:80%; flex-basis:80%;}
			.s-r85{-webkit-flex-basis:85%; flex-basis:85%;}
			.s-r90{-webkit-flex-basis:90%; flex-basis:90%;}
			.s-r100{-webkit-flex-basis:100%; flex-basis:100%;}	
		}