/*
1_page	article_	footer_		for_1680	for_1600	for_1536	for_1440	for_1366	for_1280	for_1024	for_960		for_800		for_768		for_414		for_375		for_360		for_320

background:#ccc; 
border:1px solid #ccc; 
color:#ccc; 
display:inline-block; 

12 font-size:.75rem; 
font-size:.8125rem; 
font-size:.875rem; 
font-size:.9375rem; 
16 font-size:1rem; 
font-size:1.0625rem; 
font-size:1.125rem; 
font-size:1.1875rem; 
20 font-size:1.25rem; 
font-size:1.3125rem; 
font-size:1.375rem; 
font-size:1.4375rem; 
24 font-size:1.5rem; 
font-size:1.5625rem; 
font-size:1.625rem; 
font-size:1.6875rem; 
28 font-size:1.75rem; 
font-size:1.8125rem; 
font-size:1.875rem; 
font-size:1.9375rem; 
32 font-size:2rem; 
*/
html { min-height:100%; }
body { padding-bottom:0;   background:#eee; font-family:'Public Sans', 'Open Sans', sans-serif; color:#000; font-weight:400; font-size:1.25rem; }
p { margin-bottom:1.75rem; line-height:1.2; }
a { color:#fff; }
a:hover, a:active, a:focus { color:#009241; text-decoration:none; }
a:focus, a:active, button:focus { outline:none; }
.red { color:#f27f20; }
.red:hover { color:#5d9221; }
.green { color:#009241; }
.blue { color:#008dd2; }
.grey { color:#4f4f4f; }
#alert { position:relative; background-color:#fff; padding:20px; width:auto; max-width:600px; margin:20px auto; }
.bo { border:1px solid blue; }
.b { background-color:#ee9; }
iframe { width:100%; border:0; }


/*-------------------- HEADER --------------------*/

#hamburger, #hamburgerClose { display:none; }

header { margin-bottom:3.5rem; }

#bgLine { height:3.8125rem; margin-top:5.3125rem; background:#009241; }
header .container { position:relative; top:-7.5625rem; }

#logo { padding:0 2.5rem; position:relative; top:1.75rem; background:#eee; }
#logo img { width:25.75rem; }
/*
.fade-in img { animation:fadeIn ease 4s; }
.fade-in h1 { animation:fadeIn ease 2s; }
.fade-in p { animation:fadeIn ease 4s; }
.fade-in .btn { animation:fadeIn ease 6s; }
@keyframes fadeIn {
 0% { opacity:0; }
 100% { opacity:1; }
}
*/
/*.navbar { align-items:end; }*/
/*.navbar-nav { display:inline-flex; }	bija inmotion lai vienā rindā */
.navbarNav li { padding-left:.75rem; }
.navbar li .active { color:#bbb; }
.navbar li a:hover, .navbar li a:active { color:#000; }

#lang { margin-bottom:1.25rem; }
#lang .nav-link { padding:.3125rem; }
#lang a { color:#000; }
#lang a:hover, #lang a:active { color:#009241; }

.soc a { position:relative; top:-2px; }
.soc svg { height:1.1875rem; fill:#000; }
#insta svg { height:1.25rem; }
.soc svg:hover { fill:#009241; }

h1 { position:relative; top:5.5rem; font-size:3rem; font-weight:100; }

#bg img { width:100%; position:relative; top:-.75rem; }

.btn { padding:.5rem 3.5rem; margin-bottom:3.25rem; border-radius:5px; border:1px solid #727272; font-size:1.75rem; font-weight:400; color:#fff; background:linear-gradient(0deg, rgba(0,141,210,1) 0%, rgba(118,156,43,1) 100%); }
.btn:hover { color:#fff; background:linear-gradient(0deg, rgba(0,141,210,1) 0%, rgba(187,214,31,1) 100%); }
#btn { position:absolute; top:10.125rem; left:-4rem; margin:0; padding:.5rem 2.75rem; font-size:1.5625rem; }

/*------------------ ^ HEADER ^ ------------------*/

/*-------------------- 1_page --------------------*/

#about { margin-bottom:7rem; }
h2 { margin-bottom:1.5rem; font-size:3rem; }
h3 { margin-bottom:2.125rem; font-size:3rem; font-weight:100; }
#aboutUs { margin-bottom:1.25rem; }

#whyList li { min-height:12.75rem; margin-bottom:2rem; }
#whyList li div { display:flex; flex-direction:column; justify-content:space-between; height:100%; padding:1.8125rem 1.25rem 1.375rem 1.25rem; background:#009241; }
h4 { margin-bottom:1.1875rem; font-size:1.5rem; font-weight:700; }
#whyList p { margin:0; font-size:1.5rem; font-weight:100; color:#fff; line-height:1.1; }

/*------------------ ^ 1_page ^ ------------------*/

/*-------------------- article_ --------------------*/

article { margin-bottom:11rem; }
article img.main, article iframe { margin:1rem 0 5rem; }
article a { color:#009241; }
article a:hover { color:#bbb; }
article li { line-height:1.4; }
article span { display:inline-block; width:20px; }

.firstList > li:before { content:'—'; color:#009241; padding-right:.5rem; }
.firstList li ul { padding-left:1.75rem; }
.firstList li li:before { content:'—'; color:#bbb; padding-right:.5rem; }

article th, article td { font-size:1.125rem; white-space:nowrap; }
article .table-responsive { padding-left:2.5rem; }
article .table { margin:1.5rem 0 0; }
article hr { margin:0; }
article li small { display:block; margin-bottom:2rem; text-align:right; }

#sales .row { margin-bottom:1.5rem; }

.thumbs { padding:1.5rem 1.5rem 0 0; }
.thumbs li { margin-bottom:2rem; }

/*------------------ ^ article_ ^ ------------------*/

/*-------------------- footer_ --------------------*/

footer { position:relative; padding:2rem 0 1px; background-color:#bbb; }
footer p { margin-bottom:2rem; color:#656565; font-size:1rem; }
footer a { color:#fff; }
footer a:hover { color:#000; }
#ml { color:#888; font-size:.9375rem; }
#ml:hover { color:#fff; }

/*------------------ ^ footer_ ^ ------------------*/





@media (max-width:1904px) {  /* 13 - for_1680	(1919.98px - bija. Nometu pa savam lai 15px scrollbara daļa nost) - kopā iepriekšējais izmērs mīnus 16px ---------------------------------------------------------------------------------- */


}  /* 13 - for_1680 */



@media (max-width:1664px) {  /* 12 - for_1600 ---------------------------------------------------------------------------------- */
}  /* 12 - for_1600 */



		@media (min-width:1537px) {  /* for 1920, 2560, utt */
		 .container { max-width:1272px; }  /* vienalga cik		default=1140 */
		}



@media (max-width:1584px) {  /* 11 - for_1536	(1679.98px) ---------------------------------------------------------------------------------- */

 html { font-size:95%; }


}  /* 11 - for_1536 */





@media (max-width:1520px) {  /* 10 - for_1440	(1535.98px) ---------------------------------------------------------------------------------- */

 html { font-size:90%; }

}  /* 10 - for_1440 */





@media (max-width:1424px) {  /* 9 - for_1366	(1439.98px) ---------------------------------------------------------------------------------- */

 html { font-size:85%; }


}  /* 9 - for_1366 */





@media (max-width:1350px) {  /* 8 - for_1280	(1365.98px) ---------------------------------------------------------------------------------- */

 html { font-size:80%; }

}  /* 8 - for_1280 */





@media (max-width:1264px) {  /* for_1024	šis izmērs nav jātestē	(1199.98px) ---------------------------------------------------------------------------------- */

 html { font-size:70%; }


}  /* for_1024 */





@media (max-width:1008px) {  /* 7 - for_960		šis izmērs nav jātestē		(991.98px) ---------------------------------------------------------------------------------- */

 html { font-size:62%; }
 #logo { padding:0 2.5rem; top:1.75rem; }
 #logo img { width:23rem; }


}  /* 7 - for_960 ---------------------------------------------------------------------------------- */

		@media (min-width:992px) {
		}




@media (max-width:959px) {	/* 6 - for_800 Tablet (pieņemu, ka uz mobilām nav scrollbaru)		(799.98px) ---------------------------------------------------------------------------------- */


}  /* 6 - for_800 */






@media (max-width:799px) {	/* 5 - for_768 Tablet		(767.98px) ---------------------------------------------------------------------------------- */


}  /* 5 - for_768 */

		@media (min-width:768px) {
		}





@media (max-width:767px) {	/* 4 - for_414, 412		(639.98px) ---------------------------------------------------------------------------------- */

 #logo { padding:0 2.5rem; top:2.5rem; }

 #navbarNav { display:none; }
 #hamburger, #hamburgerClose { display:block; position:fixed; top:49px; right:20px; z-index:4; width:44px; height:44px; padding:.1rem .3rem; border:0; border-radius:50%; fill:#fff; background:#000; }

 #lang { position:absolute; top:5rem; right:13rem; }
 #lang li, #lang li a { font-size:2rem; }
 #lang .nav-link { padding:.5rem; }
 #fb svg, #insta svg { height:2rem; }
 #insta svg { height:2.125rem; margin-left:1rem; }

 .showNav { display:block !important; position:fixed; left:0; top:0; width:100% !important; height:100%; padding:9rem 0 0 0; z-index:4; background:#009241; }
 .navbarNav li { margin:0 2.5rem 1rem; }
 #navbarNavUL { display:block; margin:5rem 1rem 0; text-align:right; }
 .navbarNav .active, .navbarNav li a { font-size:3rem; }

 #sales .row { margin-bottom:4rem; }

 .thumbs { padding:2.5rem 0 0; }

}  /* 4 - for_414, 412 */






@media (max-width:410px) {	/* 3 - for_375		(479.98px) ---------------------------------------------------------------------------------- */

 #logo { top:2.75rem; }
 #logo img { width:21rem; }

 #lang { top:5.25rem; right:10rem; }

 .navbarNav .active, .navbarNav li a { font-size:2.75rem; }


}  /* 3 - for_375 */





@media (max-width:374px) {	/* 2 - for_360		(411.98px) ---------------------------------------------------------------------------------- */

 #logo { padding:0 2rem; top:3rem; }
 #logo img { width:20rem; }


}  /* 2 - for_360 */





@media (max-width:359px) {	/* 1 - for_320		(359.98px) ---------------------------------------------------------------------------------- */

 #logo { padding:0 1.5rem; top:3.25rem; }
 #logo img { width:18rem; }

 #lang .active { display:none; }
 #insta svg { margin-left:.5rem; }

 .navbarNav .active, .navbarNav li a { font-size:2.5rem; }

 h1, h2, h3 { font-size:2.5rem; }


}  /* 1 - for_320 */


/*
					 	Extra small			<576px 	Small			≥576px 	Medium			≥768px 	Large			≥992px 	Extra large			≥1200px
Max container width 	None (auto) 		540px 					720px 					960px 					1140px
Class prefix 			.col- 				.col-sm- 				.col-md- 				.col-lg- 				.col-xl-





Platform Comparison
		sep.2020.	Europe		LV

	Console:			   0,06%

	Desktop:		46 %	/	64 %

a  1920 x 1080		23			30			!
b  1366 x 768		18			18			!
c  1536 x 864		9			11			!
d  1280 x 1024		3			5			!
e		x 720		5 + 3(800)	4			!
f  1440 x 900		6			5			!			my MacBook Air
g  1680 x 1050		3			4			!			my PRO screen
h  1600 x 900		4.5			3
i  2560 x 1440		-			3


	Tablet:			2,8 %	/	1,8 %

j  768 x 1024		49			33			!
k  1280 x 800		10			22
l  800 x 1280		8			10			!
m  1024 x 768		2			3.5
n		x 1366		1.5			2.5
o  960 x 600		3			4
p  534 x 854		-			4
q  834 x 1112		2			1
r  600 x 960		- + 2(1024)	1


	Mobile:			51 %	/	34 %

s  360 x 640		16.5		14			!	= 35%
t		x 780		8			7
u		x 760		4			5			
v		x 740		5			6
x		x 720		4.5			3			
y  375 x 667		9			8.5			!	= 13.5%
z		x 812		5			5
z0  412 x 846		4			5			!	= 10%
z1		x 869		4			3
z2		x 732		-			2
z3  414 x 896		6			5			!	= 7%
z4		x 736		2			2
z5  393 x 851		3			4
z6  320 x 568		2			2			!

*/