﻿

 
	html, body { background:rgba(4, 39, 76, 0.6); margin:0; padding:0; font-size:1em; line-height:1.5em; font-family:'open sans', sans-serif;  color:#212121; height:100%; }
 
 


    a:link, a:visited { text-decoration:none; color:#e2870c;
			            -webkit-transition:0.4s;
			            -moz-transition: 0.4s;
			            transition:0.4s;
                        }

    a:hover, a:active { text-decoration:underline; color:#000;
			            -webkit-transition:0.2s;
			            -moz-transition: 0.2s;
			            transition:0.2s;
					    }


    a:link.rev, a:visited.rev { text-decoration:none; color:#fff;
								-webkit-transition:0.4s;
								-moz-transition: 0.4s;
								transition:0.4s;
								}

    a:hover.rev, a:active.rev { text-decoration:underline; color:#e2870c;
								-webkit-transition:0.2s;
								-moz-transition: 0.2s;
								transition:0.2s;
								}


    a:link.null, a:visited.null, a:hover.null, a:active.null  { text-decoration:none; color:inherit; }

 
	    a:link.qbk, a:visited.qbk { display:block; text-decoration:none; background:#fff; position:absolute; right:0; padding:0 10px; height:auto; }
		a:hover.qbk, a:active.qbk { text-decoration:none; background:#0b2949; }

		.qbktx { vertical-align:middle; display:inline-block; padding:0; line-height:0.9em; font-weight:bold; font-size:1em; padding:10px ; color:#0b2949; }
		.qbkar { vertical-align:middle; display:inline-block; padding:0 6px; background:#0b2949; font-size:0.7em; color:#fff; }

		a:hover.qbk .qbktx { color:#fff; } 
		a:hover.qbk .qbkar { background:#e2870c; }


		.tagtel { position:absolute; right:0; top:40%; transform:translateY(-50%); text-align:right; }
		.tagtx, .teltx { display:none;}
		 


		.hbul { padding:15px 0 10px 0; }

		.hchek { display:inline-block; padding:0 10px 0 0; font-weight:bold; color:#e2870c; width:22px; vertical-align:top; }
		.htx { display:inline-block; width: calc(100% - 30px); vertical-align:top; }


	/*---------- CONSTRUCT --*/


		#bgvid {
			position:absolute;
			top: 0;
			width:100%;	 
	 
	 
			z-index:0;
			filter: brightness(50%);
		}

 

		h1 { font-size:1.2em; color:#04274c; line-height:normal; padding:0 0 20px 0; letter-spacing:1px;  }
		h1.hero { line-height:normal; padding:0 0 20px 0; font-size:1.6em; letter-spacing:2px; color:#fff; }
		 
		h2 { color:#000; font-size:1.2em; line-height:1.3em; letter-spacing:1px; }
 
		h2.svsum { border-left:2px solid rgba(226,135,12,1); padding:0 10px; margin:10px 0 20px 0; color:#fff; }
			.svsumtx { color:#fff; font-size:0.9em; }
			.svsum { padding:20px; }

            a.[href^=tel] { color:#74b900; } 
            a.toptel[href^=tel] { color:#fff; text-decoration: none; } 

 

		article { padding:20px 0; }

 
		article.blg, article.inf, blogbar, .infbar { display:block; width:100%; padding:20px 0; vertical-align:top; }

			article.blg h2 { border-left: 2px solid rgba(226, 135, 12, 1);
						     padding: 0 20px;
						     font-size: 1.2em;
						     margin:20px 0;
						     font-weight: bold; 
						     color:#04274c;
					       }
 
 
 

			article.inf h2 { border-left: 2px solid rgba(226, 135, 12, 1);
						     padding: 0 20px;
						     font-size: 1.4em;
						     margin: 0 0 40px 0;
						     font-weight: bold; 
						     color:#04274c;
					       }
 


 		section { padding:20px; }

		 article p { word-break: break-word; }

 

    
          header { width:100%; max-width: 1366px;  margin:0 auto; padding:30px 25px; position:relative; }

		  .logobx { width:100%; padding:0 0 15px 0; position:relative; }
			.logo { display:block; width:100px; }
	
			/*--
			.navbar { background:none; display:block; left:25px; right:25px; position:absolute; transition:all 0.3s ease;  }
			--*/

			.navbar { background:none; display:block;  transition:all 0.3s ease; width:100%; max-width: 1366px; position:relative;  }
 
			nav { display:none; width:50%; margin:0 auto 0 0; }

                                        
                nav a:link, nav a:visited { background:#e2870c; display:block; text-decoration:none; color:#fff; font-weight:bold;  font-size:0.8em; margin:0 0 1px 0; padding:15px; text-align:left; letter-spacing:2px; text-transform:uppercase; line-height:normal;  transition:all 0.3s ease;  } 
                nav a:hover, nav a:active { background:#0b2949; text-decoration:none; }


				a.aniline {
					position: relative;
				}

				a.aniline:before {
					content: "";
					position: absolute;
					width:100%;
					height: 1px;
					bottom: 0;
					left:0;
					background-color: #fff;
					visibility: hidden;
					transform: scaleX(0);
					transition: all 0.3s ease-in-out;
				}


				a.aniline:hover:before {
					visibility: visible;
					transform: scaleX(1);
				}
 

            .menuico { display:block; position:absolute; right:180px; top:6px; cursor:pointer; z-index:9999; }
 

            .bar1, .bar2, .bar3 { width: 30px;
                                  height:4px;
                                  background-color: #fff;
                                  margin: 6px 0;
                                  transition: 0.4s;
                                }

            .change .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 4px);
                            transform: rotate(-45deg) translate(-7px, 6px);
                            background:#fff;
                          }

            .change .bar2 { opacity:0.1; }

            .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -6px);
                            transform: rotate(45deg) translate(-8px, -8px);
                            background:#fff;
                          }

 
 
                 
			.morebtn { padding:10px 20px; margin:20px 0 0 0; font-size:0.8em; background:#092849; display:inline-block; width:auto; color:#fff; }
				.moreb { padding:0 0 0 15px; }
			.hrtx { padding:50px 0 60px 0; width:100%; max-width:700px; margin:0 auto 0 0; }
			.hrsub { border-left:10px solid rgba(226,135,12,0.4); padding:0 20px; }
			.hrsb { color:#fff; }



 


/*---------- SUB NAVS --*/

                #mobnavhead { display:block; }

				#mobnavbody { margin:0 0 20px 0; }


                .plisthd { font-size:1.3em; border-top:1px solid #cdcdcd; padding:15px 0 0 0; margin:25px 0; text-transform:uppercase; }

                .sublist { text-align:left; padding:0; }

                .sublist ul, .sublist li { list-style:none; padding:0; margin:0; }
                .sublist ul li { font-size:1em; }

                .sublist ul li.opt a { background:#04274c; color:#fff; text-decoration:none; display:block; padding:10px; margin:0 0 2px 0; }
                .sublist ul li.opt a:hover { background: #e2870c; border:none; border-left:2px solid #e2870c; }


                .sublist ul li a { text-decoration:none; text-decoration:none; display:block; padding:10px; text-transform:uppercase; color:#000; font-size:0.9em; line-height:1em; border-left:2px solid #e2870c; margin:0 0 2px 0;  }
                .sublist ul li a:hover { text-decoration:none; display:block; background:#e2870c; }

	            a:link.russsubnav, a:visited.russsubnav { text-decoration:none; display:block; background:#e2870c; border-left:2px solid #e2870c; color:#fff; }



 

			.container { width:100%; max-width: 1366px; margin:0 auto; padding:10px 25px; line-height:normal; position:relative; z-index:2; }
				.containerxp { width:100%; max-width: 1366px; margin:0 auto; padding:40px 25px; line-height:normal; position:relative; z-index:2; }



			.containersd { width:100%; max-width: 1366px; margin:0 auto; padding:25px; line-height:normal; position:relative; z-index:2; }

				.csum { display:flex; gap:25px; justify-content:space-between; flex-wrap:wrap; padding-bottom:20px; }


			.sidebx { display:block; width:100%; padding:10px 0 0 0; } 

			.callbx { background:#04274c; padding:10px 25px 20px 25px; color:#fff; }
				.callhd { border-left:2px solid rgba(226,135,12,1); padding:0 10px; font-size:1.2em; margin:10px 0 20px 0; font-weight:bold; }
				.chda { color:#e2870c; }
				.callqt { padding:15px 0 0 0; margin:20px 0 0 0; border-top:1px solid #cdcdcd; font-size:1.3em; font-weight:bold; color:#fff; line-height:1.1em; }

			.pagebx { display:block; padding:0; width:100%; }



/*-------- BREAD --*/


           .breadbx { width:100%; margin:0 auto; padding:10px 0; line-height:1.6em; font-size:0.7em; }

		    .bread { padding:0 0 10px 0; margin:0 0 20px 0; text-transform:uppercase;  }

		    .bread a:link, .bread a:visited { text-decoration:underline; color:#000; padding:0; margin:0; } 
		    .bread a:hover, .bread a:active { text-decoration:underline; color:#8E0711; } 

		    .breadiv { padding:0 10px; color:#000; font-size:0.9em;  }




			.image-grid { width:100%; max-width: 1366px; margin:0 auto; line-height:normal; position:relative; z-index:2;  display: flex; flex-wrap:wrap; gap:20px; padding:25px; }
				 
				.gridimg { flex:1 1 auto; height:auto; width:100%; }

 


		.linesub { display:block; width:100%; font-size:1.1em; text-align:center; color:#212121; font-weight:bold;  margin:0 0 10px 0; }


		.linesub:before,
		.linesub:after {
		 background-color: rgba(4,39,76, 0.3);
		 content: "";
		 display: inline-block;
		 height: 1px;
		 position: relative;
		 vertical-align: middle;
		 width: 10%;
		}
		.linesub:before {
		 right: 0.5em;
		 margin-left: -50%;
		}
		.linesub:after {
		 left: 0.5em;
		 margin-right: -50%;
		}




		.linesubrv { display:block; width:100%; font-size:1.1em; text-align:center; color:#fff; font-weight:bold; margin:0 0 40px 0; }


		.linesubrv:before,
		.linesubrv:after {
		 background-color: rgba(255,255,255, 0.8);
		 content: "";
		 display: inline-block;
		 height: 1px;
		 position: relative;
		 vertical-align: middle;
		 width: 10%;
		}
		.linesubrv:before {
		 right: 0.5em;
		 margin-left: -50%;
		}
		.linesubrv:after {
		 left: 0.5em;
		 margin-right: -50%;
		}





/*---------- CAT/SERV --*/


 
	    a:link.srvbx, a:visited.srvbx { text-decoration:none; background: rgba(4,39,76, 1); padding:5px; flex: 1 1 20%; }
		a:hover.srvbx, a:active.srvbx { text-decoration:none; background: rgba(4,39,76,0.2); }
	
			a.srvbx img { display:block; width:100%; }
			.svtxbx { padding:20px; }
			.svtxbx h2 { border-left:2px solid rgba(226,135,12,1); padding:0 10px; margin:10px 0 20px 0; color:#fff; }
			.svsub { color:#fff; font-size:0.9em; }
 

 					input.sendbtn { display:inline-block; background:#e2870c; border:1px solid #e2870c; padding:10px 20px; margin:0 auto 0 0; font-size:0.9em; font-weight:bold; line-height:normal; color:#fff; cursor:pointer; width:100%;
									transition:all 0.3s ease;
									-webkit-border-radius:3px;
									-moz-border-radius:3px;
									border-radius:3px;
 								 }  

			
					input.sendbtn:hover { background:#fff; border:1px solid #124062; cursor:pointer; color:#124062; }


  
	    .vidsum { text-decoration:none; flex:100%; color:#000; text-align:left; padding:0; margin:0; }
 

		.cchip { display:flex; column-gap:15px; row-gap:20px; justify-content: center; flex-wrap:wrap; padding-bottom:20px; }
	    .colchip { text-decoration:none; flex: 1 1 10%; color:#000; text-align:center; padding:0; font-size:0.7em; }
		 .colchip div { padding:20px; width:60px; border-radius:10px; border:1px solid #121212; margin:0 auto 10px auto; }

		 .chipsub { font-size:0.9em; }

           

/*---------- BLOG --*/

 
	    a:link.blogsum, a:visited.blogsum { text-decoration:none; border:1px solid #cdcdcd; flex: 1 1 30%; color:#000; text-align:left; padding:10px 15px; }
		a:hover.blogsum, a:active.blogsum { text-decoration:none; background: rgba(255,255,255,0.4); }
	
			a.blogsum img { display:block; width:100%; padding:5px 0 15px 0; }
 
 
				a.blogsum h3 { border-left: 2px solid rgba(226, 135, 12, 1);
							   padding: 0 20px;
								font-size: 1em;
								margin: 10px 0 20px 0;
								font-weight: bold; 
								color:#04274c;
								letter-spacing:1px; 
							 }
 
				a.blogsum p { font-size:0.8em; }


				a:link.blogsumbar, a:visited.blogsumbar { text-decoration:none; border:1px solid #cdcdcd; display:block; width:100%; color:#000; text-align:left; margin:30px 0; padding:10px 15px; }
				a:hover.blogsumbar, a:active.blogsumbar { text-decoration:none; background: rgba(255,255,255,1); }
	
					a.blogsumbar img { display:block; width:100%; padding:5px 0 15px 0; }

					a.blogsumbar h3 { border-left: 2px solid rgba(226, 135, 12, 1);
								   padding: 0 20px;
									font-size: 1em;
									margin: 10px 0 20px 0;
									font-weight: bold; 
									color:#04274c;
									letter-spacing:1px; 
								 }

				.read { font-size:0.7em; color:#ed1c24; border-bottom:1px solid #cdcdcd; padding:0 0 20px 0; margin:0 0 20px 0; }


				a.goback { display:block; width:100%; clear:both; border-bottom:1px solid #cdcdcd;  padding:15px 5px; margin:15px 0; font-size:0.7em; color:#124062; text-transform:uppercase; text-decoration:none; }
				
				a.goback:hover { background:#124062; color:#fff; padding:15px; }




		 .slider-container::-webkit-scrollbar { height: 10px; }

		.slider-container::-webkit-scrollbar-track {
			background: none;
			border-radius: 10px;
		}

		.slider-container::-webkit-scrollbar-thumb {
			background: #ffffff;
			border-radius: 10px;
		}

		.slider-container::-webkit-scrollbar-thumb:hover {
			background: #fff;
		}

		.slider-container{
			width: 100%;
			overflow-x: auto;
		}

		.slider {
			display: flex;
			width: fit-content;
			align-items: center;
			justify-content: center;
			gap: 20px;
			overflow-x: auto;
			margin: auto;
			padding: 20px;
		}

		.slide {
			width: 250px;
			height: 250px;
			background-color: #fff;
			border-radius: 2px;
			margin-bottom: 15px;
			box-shadow: 0 5px 20px rgba(0,0,0,0.3);
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			position: relative;
			transition: 0.3s ease;
		}

		.slide img { width:100%; height:100%; object-fit:cover; } 

		.slide:hover { scale:1.1; }





		 .tslider-container::-webkit-scrollbar { height: 10px; }

		.tslider-container::-webkit-scrollbar-track {
			background: none;
			border-radius: 10px;
		}

		.tslider-container::-webkit-scrollbar-thumb {
			background: #ffffff;
			border-radius: 10px;
		}

		.tslider-container::-webkit-scrollbar-thumb:hover {
			background: #fff;
		}

		.tslider-container{
			width: 100%;
			overflow-x: auto;
		}


		.tslider {
			display: flex;	 
			align-items: stretch;
			justify-content:start;
			gap: 20px;
			overflow-x: auto;
			margin: auto;
			padding: 20px;
		}

		.tslide {
			flex: 1 1 200px;
			height: auto;
			background-color: #fff;
			padding: 25px;
			font-size: 0.9em;
			border-radius: 8px;
			margin: 0;
			box-shadow: 0 5px 20px rgba(0,0,0,0.3);
			vertical-align: top;
			position: relative;
			transition: 0.3s ease;
			color: #000;
 
		}


		.item p { padding:10px 0; height:145px; overflow:hidden; line-height:normal; } 
		
		.rm { color:#949494; font-size:0.8em; padding:10px 0 0 0; }
		 


		.smbar { display:block; width:100%; padding:0 0 40px 0; vertical-align:top; }

 
		.smhd { font-weight:bold; padding: 0 10px; border-left: 2px solid rgba(226, 135, 12, 1); margin:0 0 20px 0; }
		.smrow { padding:0 0 5px 0; font-size:0.8em; }




/*---------- TESTI --*/

                .tesbx { padding:40px; width:100%; margin:0 0 0 auto; color:#fff; }
                .testx { padding:0; margin:0; font-style: italic; position:relative; z-index:9999; font-size:1.2em; }

                .quotel { color:rgba(255,255,255,0.3); position:absolute; font-size:3em; line-height:0.5em; font-family:'Trebuchet ms', sans-serif; top:10px; left:-45px; z-index:-1; }
                .quoter { color:rgba(255,255,255,0.3); position:absolute; font-size:3em; line-height:0.5em; font-family:'Trebuchet ms', sans-serif; bottom:-16px; right:-35px; z-index:-1; }
                .tesname { padding:20px 0 0 0; color:#ebebeb; font-style:normal; font-size:0.8em; }




/*---------- IMAGE HOTSPOT --*/

	.hpbuls { display:block; background: rgba(244,244,244,0.9);  position:relative; z-index:10; font-size:0.9em; padding:10px 0; }

	#spots { display:none; }

    .image-container { position: relative; display:block; width:100%; vertical-align:middle; padding-top:30px; }

    .image-container img { width:100%; border-radius: 8px; }

	.cont-box { display:block; width:100%; vertical-align:middle; padding:20px 0 0 0; color:#000; }
 

    /* Hotspot base style */

    .hotspot { position: absolute;
				width:20px;
				height:20px;
				background:#e2870c;
				border-radius: 50%;
				border: 2px solid white;
				cursor: pointer;
				transform: translate(-50%, -50%);
				transition: transform 0.3s ease, box-shadow 0.3s ease;
			    z-index:0;
			  }

 

    /* Tooltip styling */

    .tooltip { position: absolute;
			   background: rgba(0, 0, 0, 0.9);
			   color: white;
			   padding: 8px 12px;
			   border-radius: 6px;
			   font-size: 12px;
			   white-space:wrap;
			   width:150px;
			   opacity: 0;
			   transform: translate(-60px, 25%);
			   pointer-events: none;
			   transition: opacity 0.3s ease, transform 0.3s ease;
			   animation:none;
			   z-index:99999; 
		     }

 
 


    /* Tooltip shows on hover */

 
    .hotspot:hover .tooltip { opacity: 1; transform: translate(-60px, 20%); }

 	 


    /* Hover animation (pulse + glow) */

    @keyframes pulse-hover {

      0% { transform: translate(-50%, -50%) scale(1);
		   box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.4);
         }

      70% { transform: translate(-50%, -50%) scale(1.2);
			box-shadow: 0 0 10px 15px rgba(255, 0, 0, 0);
          }

      100% { transform: translate(-50%, -50%) scale(1);
			 box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
		   }

    }

 

    /* Run the animation only when hovered */
    .hotspot { animation: pulse-hover 0.8s ease-out; }

 




			
/*---------- VID --*/ 

		 .vidbxlt { display:inline-block; width:49%; padding:20px 1% 20px 0; vertical-align:top; }
		 .vidbxrt { display:inline-block; width:49%; padding:20px 0 20px 1%; vertical-align:top; }

        .vidwrap { position: relative;
	               padding-bottom: 56.25%; /* 16:9 */
	               padding-top:0;
	               height: 0;
				   margin:20px 0;
                  }

        .vidwrap iframe { position: absolute;
	                      top: 0;
	                      left: 0;
	                      width: 100%;
	                      height: 100%;
                        }


        .vidwrapl { float:left;
                    width:48%;
	                position: relative;
	                padding-bottom: 25%; /* 16:9 */
	                padding-top: 25px;
					margin:20px 0;
	                height: 0;
                  }

        .vidwrapl iframe { position: absolute;
	                       top: 0;
	                       left: 0;
	                       width: 100%;
	                       height: 100%;
                         }


        .vidwrapr { float:right;
                    width:48%;
	                position: relative;
	                padding-bottom: 25%; /* 16:9 */
	                padding-top: 25px;
					padding-left:20px;
					margin:20px 0;
	                height: 0;
                  }

        .vidwrapr iframe { position: absolute;
	                       top: 0;
	                       left: 0;
	                       width: 100%;
	                       height: 100%;
                         }


 
		
		.vidfilt { padding:10px 0; font-size:0.8em; }
		.videc { padding:10px 0; font-size:0.9em; }







			/*-------- PAGING --*/

						.fa-angle-double-right, .fa-angle-right { padding:0; margin:0; }

						.pgbx { background:#cdcdcd; color:#222; padding:10px; }

						.pgsort { position:relative; display:block; padding-top:10px; margin-top:10px; border-top:1px solid #fff; }
			
						.fepg { display:block; }

						.fepg a:link, .fepg a:visited { background:#e3e3e3; display:inline-block; text-decoration:none; color:#000; font-size:0.8em; line-height:normal; padding:7px 10px; margin:0 1px 0 0; vertical-align:top;
														-webkit-border-radius:4px;
														-moz-border-radius:4px;
														border-radius:4px;
													  } 

						.fepg a:hover, .fepg a:active { text-decoration:none; background:#ff9d14; color:#fff; } 

						.russpeg { background:#ff9d14; color:#fff; }
			  
						.russpeg { background:#ff9d14; color:#fff; }

						a:link.hpg, a:visited.hpg, a:hover.hpg, a:active.hpg { display:inline-block; text-decoration:none; background:#ff9d14; color:#fff; font-size:1.2em; }

						.drpct { position:absolute; right:0; background:cyan; text-align:left; font-size:0.8em; line-height:normal; padding:10px 5px 5px 5px; margin:0;  vertical-align:middle; width:300px;  }

						.sortbx { display:inline-block; padding:0; margin:0; }
						.itemsbx { display:inline-block; padding:0 0 0 10px; margin:0; }
						
						.sortthd { display:inline-block; font-size:0.8em; padding:3px 0 0 0; }

	 						.sortdpwrap { display:inline-block; background:#fff; border:none; padding:0 5px 0 0 ; margin:0 0 0 5px; vertical-align:middle; 
										   -webkit-border-radius:4px;
										   -moz-border-radius:4px;
										   border-radius:4px; 			 
										}
		
							.sortdp { border:transparent; font-size:0.9em; padding:5px 30px 5px 5px; margin:0; cursor:pointer; 
									  -webkit-transition: 0.4s;
									  -moz-transition: 0.4s;
									  transition: 0.4s;
									}
							.sortdp:hover { 
											-webkit-transition: 0.2s;
											-moz-transition: 0.2s;
											transition: 0.2s;
		          						  }







/*---------- FORMS --*/


			.qcl, .qcr { width:100%; display:block; padding:20px 0; vertical-align:middle; }
			.qclt, .qcrt { width:100%; display:block; padding:20px 0; vertical-align:top; }


			.mespos { background:#028129; padding:5px; margin:0 0 20px 0; font-size:0.9em; text-align:center; color:#fff; text-transform:uppercase; }
			.mesnegs { background:#4f0000; padding:5px; margin:0 0 20px 0; font-size:0.9em; text-align:center; color:#fff; text-transform:uppercase; }
			

            .lbfield { padding:0 0 15px 0; overflow:hidden; }
            .lbfield50 { padding:10px 0; overflow:hidden; }

		    label.form { background:none; display:block; float:left; padding:6px 10px 6px 0; margin:0; text-align:left; min-width:100px; width:auto; line-height:normal; font-size:0.8em; }  
		    label.form50 { background:none; display:block; float:left; padding:6px 10px 6px 0; margin:0; text-align:left; min-width:100px; width:auto;  line-height:normal; font-size:0.8em; }  





            input.form { border:1px solid #b6b6b6; padding:10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%; }
                    .form:focus { background: #fff; box-shadow: 0;
	                                      border:1px solid #718492;
	                                      color: #000;
			                              -webkit-transition: 0.2s;
			                              -moz-transition: 0.2s;
			                              transition: 0.2s;
                                          -moz-box-shadow:    inset 0 0 3px #718492;
				                          -webkit-box-shadow: inset 0 0 3px #718492;
				                          box-shadow:         inset 0 0 3px #718492;
                                        }

            input.formx { border:1px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%; }



            input.form50 { border:1px solid #b6b6b6; padding:6px 10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:50%; }
                    .form50:focus { background: #fff; box-shadow: 0;
	                                      border:1px solid #718492;
	                                      color: #000;
			                              -webkit-transition: 0.2s;
			                              -moz-transition: 0.2s;
			                              transition: 0.2s;
                                          -moz-box-shadow:    inset 0 0 3px #718492;
				                          -webkit-box-shadow: inset 0 0 3px #718492;
				                          box-shadow:         inset 0 0 3px #718492;
                                        }

            input.form50x { border:1px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:50%; }


            textarea.form { border:1px solid #b6b6b6; padding:6px 10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%; height:100px; }
                   textarea.form:focus { background: #fff; box-shadow: 0;
	                                  border:1px solid #718492;
	                                  color: #000;
			                          -webkit-transition: 0.2s;
			                          -moz-transition: 0.2s;
			                          transition: 0.2s;
                                      -moz-box-shadow:    inset 0 0 3px #718492;
				                      -webkit-box-shadow: inset 0 0 3px #718492;
				                      box-shadow:         inset 0 0 3px #718492;
                                    }

           textarea.formx { border:1px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%; }
 






			        .mesneg { background:#a00000; padding:5px 10px; margin:5px 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.7em;
								-webkit-border-radius:3px;
								-moz-border-radius:3px;
								border-radius:3px;
			                }

			        .mespos { background:#45990e; padding:5px 10px; margin:5px 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both; font-size:0.7em;
						        -webkit-border-radius:3px;
							    -moz-border-radius:3px;
							   border-radius:3px;
						    }



			.upsbar {}


			.uspserv { flex: 1 1 10%; color:#fff; text-align:center; }
			.uspservhd { font-size:2em; font-weight:bold; }
			.uspservsub { font-size:0.8em; }
			.uspserv img { display:block; width:80px; margin:0 auto; }
				
 


/*---------- FOOTER --*/

		.footout { background:#04274c; padding:10px 0; position:relative; z-index:99; color:#fff;  }
		 footer { width:100%; max-width: 1366px; margin:0 auto; padding:0 25px 20px 25px; line-height:normal; font-size:0.9em; }


		.ftbar { display:block; width:100%; vertical-align:top; padding:0 ; }

		.fthds { color:#e2870c; font-weight:bold; padding:40px 0 20px 0; margin:0; font-size:1.1em; } 
		 
		.adtx { display:inline-block; }
		.adybx { padding:10px 0; margin:0; }
	 
        
		.ftlnks a:link, .ftlnks a:visited { border-left:2px solid #e2870c; display:inline-block; text-decoration:none; padding:0 20px 0 10px; margin:5px 0; font-size:0.9em; vertical-align:middle; color:#fff; }
        .ftlnks a:hover, .ftlnks a:active { text-decoration:none; color:#e2870c; }

		.ftlnks img { display:inline-block; vertical-align:middle; padding:0 5px 0 0; }


		.jbx { position:relative; }

		input.join { display:block; background:#fff; border:1px solid #bdbdbd; padding:15px; margin:0; line-height:normal; width:100%; 
			    -webkit-transition: 0.4s;
			    -moz-transition: 0.4s;
			    transition: 0.4s;   
			    -webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;     
			}

			input.join:hover { border:1px solid #cdcdcd;
			                    -webkit-transition: 0.4s;
			                    -moz-transition: 0.4s;
			                    transition: 0.4s;   
			                 }
			
			input.joinx { display:block; background:#fff; border:1px solid red; padding:15px; margin:0 0 10px 0; line-height:normal; width:100%; color:#fff;
			             -webkit-transition: 0.4s;
			             -moz-transition: 0.4s;
			             transition: 0.4s;   
			           }

                        			
			input.joinbtn { position:absolute; right:0; top:0; background:#124062; border:1px solid #124062; padding:15px 20px; margin:0;line-height:normal; color:#fff; cursor:pointer;
			                 -webkit-transition: 0.4s;
			                 -moz-transition: 0.4s;
			                 transition: 0.4s;   
			                 -webkit-border-radius:3px;
				             -moz-border-radius:3px;
				             border-radius:3px;     
            	 	  	  }

			input.joinbtn:hover { background:#1f2e40; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;
			                    }

			.jointx { font-size:0.9em; padding:0 0 20px 0; }

 

			.disbx { padding:40px 40px 0 40px; margin:40px 0 0 0; font-size:0.8em; border-top:1px solid rgba(255,255,255,0.3); text-align:center;}
			 
			   .dislnks a:link, .dislnks a:visited { display:inline-block; text-decoration:none; padding:0 10px; margin:0; line-height:normal; font-size:0.7em; text-transform:uppercase; 
													 -webkit-transition: 0.4s;
													 -moz-transition: 0.4s;
													 -o-transition: 0.4s;
													 transition: 0.4s;
												 }

				.dislnks a:hover, .dislnks a:active { display:inline-block; text-decoration:none; color:#ed1c24; 
													   -webkit-transition: 0.2s;
													   -moz-transition: 0.2s;
													   -o-transition: 0.2s;
													   transition: 0.2s;
													 }

				.ftdis { padding:10px 0; font-size:0.65em; }



 
            table { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.8em; line-height:1.2em; width:100%; }
            table th { background:#f3f3f3;  border:none;  padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd;  }
            table td { background:#fff;  border:none;  padding:10px; vertical-align:top; text-align:left; border:1px solid #cdcdcd; word-wrap: break-word; }
 

            .dl { border-collapse:collapse; margin:10px auto; font-size:0.9em; line-height:1.2em; width:100%; }
            .dl th { background:#f3f3f3;  border:none;  padding:10px; text-align:left; font-weight:normal; border:1px solid #cdcdcd;  }
            .dl td { background:#fff;  border:none;  padding:10px; vertical-align:top; text-align:left; border:1px solid #cdcdcd; word-wrap: break-word; }
 



                /*---------- IMG --*/

                .imr1 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr2 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr3 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr4 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .imr5 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
 
                .iml1 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml2 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml3 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml4 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
                .iml5 { width:100%; height:auto; padding:10px 0 20px 0; float:none; }
 
                .imc1 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc2 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc3 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
                .imc4 { float:none; padding:10px 0 20px 0; margin:0 auto; width:100%; height:auto; }
 


				 


