﻿ 
 


@media screen and (max-width:1000px) {
 

        nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:15px; margin:0; vertical-align:middle; text-align:left; font-size:0.9em; line-height:normal;   
                                    -webkit-transition:0.4s;
			            	        -moz-transition:0.4s;
			            	        transition:0.4s;
                                    }
        
            .bxbox { padding:143px 0 0 0; }         

    }
 


@media screen and (max-width:900px) {
 

        nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:15px 10px; margin:0; vertical-align:middle; text-align:left; font-size:0.9em; line-height:normal;   
                                    -webkit-transition:0.4s;
			            	        -moz-transition:0.4s;
			            	        transition:0.4s;
                                    }
            

    }
 



@media screen and (max-width:800px) {


                .containav { width:100%;  margin:0 auto; padding:0; line-height:normal; text-align:center; }

                nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:15px 12px; margin:0; vertical-align:middle; text-align:left; font-size:0.8em; line-height:normal;   
                                            -webkit-transition:0.4s;
			            	                -moz-transition:0.4s;
			            	                transition:0.4s;
                                            } 



                .vidwrap { float:none; width:100%;
                            -webkit-transition:0.4s;
			            	-moz-transition:0.4s;
			            	transition:0.4s;
                         }


                .hmtxbx { width: 32%;	margin: 0 2% 1% 0; float: left; display: block; }
                .hmvidbx { width: 66%; margin: 0 0 1% 0; float: left; display: block;  }



                .logo img { width:100%; }

                .logostick { float:left; width:200px; vertical-align:middle; 
                                -webkit-transition:0.6s;
			                    -moz-transition:0.6s;
			                    transition:0.6s;
                            }

                .hdrt { height:30px; }
                .smmbx { display:inline-block; vertical-align:top; padding:0; margin:0; 
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;     
                        }

                    .smmbx img { width:33px; padding:0 5px 0 0;}

                .srchbx { background:#fff; display:inline-block; padding:1px; margin:0;  vertical-align:top;
			                -webkit-transition: 0.2s;
			                -moz-transition: 0.2s;
			                transition: 0.2s;     
                        }

			    input.search { display:inline-block; background:none; border:none; color:#000; padding:5px; margin:0; vertical-align:middle; font-size:0.7em; line-height:normal; width:80%;
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;     
			                    }
			      
			    input.gobtn { display:inline-block; background: url(/gfx/srch-icon.png) no-repeat center center #fff 20px; border:none; padding:0; margin:0; vertical-align:middle; font-size:0.7em; line-height:normal; width:20%; color:#fff; cursor:pointer; text-align:center;
			                    -webkit-transition: 0.2s;
			                    -moz-transition: 0.2s;
			                    transition: 0.2s;     
			                    }
 

    

                .galpics img { width:23%; height:auto; padding:2px; margin:1%; border:1px solid #cdcdcd; display:inline; }
 

              
            a:link.nsumbx, a:visited.nsumbx { text-decoration:none; background:#F1F1F1; display:inline-block; border:1px solid #cdcdcd; width:48%; margin:0 1% 3% 1%; padding:10px; font-size:0.9em; vertical-align:top; color:inherit; }
            a:hover.nsumbx, a:active.nsumbx { background:#fff; text-decoration:none; color:#E11313; }




                .asa { background:#a20501; padding:55% 0 1.5% 0; margin:0; }
                .asb { background:#e34c02; padding:55% 0 1.5% 0; margin:0; }
                .asc { background:#074481; padding:55% 0 1.5% 0; margin:0; }
                .asbadge { position:absolute; top:30px; left:0; right:0; width:100%; }
                .astitle { padding:10px 30px; font-weight:bold; color:#fff; line-height:1em; }
                .assum { padding:10px 30px; font-size:0.75em; line-height:1.1em; color:#fff; }


                .whytag { text-align:center; font-size:1.2em; line-height:1.2em; padding:0 10px 10px 10px; color:#fff; }

                .usphd { color:#fff; font-size:1.1em; line-height:1em; font-weight:bold; padding:5px 0 10px 0; }



                .nsumpic { float:right; padding:0 0 15px 15px; width:60%; }



/*----------  FEEDBACK --*/

                .bigtes { text-align:center; padding:40px 5% 0 5%; }

		        .quotell { font-size:3em; vertical-align:bottom; line-height:0.2em; padding-right:10px; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; }
		        .quoterl { font-size:3em; vertical-align:bottom; line-height:0.2em; padding-left:10px; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; }
                .testxl { font-size: 1.4em; line-height:1.3em; font-style: italic; color:#fff; }


		        .quotel { font-size:2em; vertical-align:bottom; line-height:0.3em; padding-right:5px; color:#e11313; }
		        .quoter { font-size:2em; vertical-align:bottom; line-height:0.3em; padding-left:5px; color:#e11313; }
                .testx { font-size: 0.9em; line-height:1.5em; font-style: italic; color:#000; }
		        .fbname { font-size:0.7em; color:#000; padding:10px 0 5px 0; }



/*----------  FOOTER --*/

                .fthds { color:#e11313; padding:0 0 10px 0; font-size:0.8em; }
                .fdis { font-size:0.7em; color:#666; padding:10px; text-align:center; }



                .sublist ul li { font-size:1em; }
                .plisthd {  font-size:0.9em; padding:10px;  }





                .dnltx { display:none; }
                .dnlht { color:#000; font-size:1.6em; }



            .gdrpform { width:100%; padding:40px 0; float:left; }





    }




@media screen and (max-width:720px) {


                nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; padding:15px 10px; margin:0; vertical-align:middle; text-align:left; font-size:0.7em; line-height:normal;   
                                            -webkit-transition:0.4s;
			            	                -moz-transition:0.4s;
			            	                transition:0.4s;
                                            } 


                table.downloads a:link {
	                color: #666;
	                font-weight: bold;
	                text-decoration:none; word-break:break-all;
                }
                table.downloads a:visited {
	                color: #999999;
	                font-weight:bold;
	                text-decoration:none;
                }
                table.downloads a:active,
                table.downloads a:hover {
	                color: #bd5a35;
	                text-decoration:underline;
                }
                table.downloads {

	                color:#666;
	                font-size:0.8em;
	                text-shadow: 1px 1px 0px #fff;
	                background:#eaebec;
                    margin:20px auto 20px 0; 
	                border:#ccc 1px solid;
                    width:100%; 
	                -moz-border-radius:2px;
	                -webkit-border-radius:2px;
	                border-radius:2px;
	                -moz-box-shadow: 0 1px 2px #d1d1d1;
	                -webkit-box-shadow: 0 1px 2px #d1d1d1;
	                box-shadow: 0 1px 2px #d1d1d1;
                }
                table.downloads th {
	                padding:10px;
	                border-top:1px solid #fafafa;
	                border-bottom:1px solid #e0e0e0;
	                background: #ededed;
	                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	                background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
                }
                table.downloads th:first-child {
	                text-align: left;
	                padding-left:10px;
                }
                table.downloads tr:first-child th:first-child {
	                -moz-border-radius-topleft:3px;
	                -webkit-border-top-left-radius:3px;
	                border-top-left-radius:3px;
                }
                table.downloads tr:first-child th:last-child {
	                -moz-border-radius-topright:3px;
	                -webkit-border-top-right-radius:3px;
	                border-top-right-radius:3px;
                }
                table.downloads tr {
	                text-align: center;
	                padding-left:10px;
                }
                table td:first-child {
	                text-align: left;
	                padding-left:10px;
	                border-left: 0;
                }
                table.downloads td {
	                padding:10px;
	                border-top: 1px solid #ffffff;
	                border-bottom:1px solid #e0e0e0;
	                border-left: 1px solid #e0e0e0;
	                background: #fafafa;
	                background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	                background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
                }
                table.downloads tr.even td {
	                background: #f6f6f6;
	                background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	                background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
                }
                table tr:last-child td {
	                border-bottom:0;
                }
                table.downloads tr:last-child td:first-child {
	                -moz-border-radius-bottomleft:3px;
	                -webkit-border-bottom-left-radius:3px;
	                border-bottom-left-radius:3px;
                }
                table.downloads tr:last-child td:last-child {
	                -moz-border-radius-bottomright:3px;
	                -webkit-border-bottom-right-radius:3px;
	                border-bottom-right-radius:3px;
                }
                table.downloads tr:hover td {
	                background: #f2f2f2;
	                background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	                background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
                    color:#E11313;
                }
 


    }
 


@media screen and (max-width:600px) {
 
   
 
         header { width:94%; max-width:1180px; margin:0 auto; padding:10px 0; height:60px; position:relative;
                    -webkit-transition:0.2s;
			        -moz-transition:0.2s;
			        transition:0.2s;
                }

         header.sticky { height:60px; }


        .logo img { width:100%; }
        .logostick {  width:35%;  }



         .bxbox { padding:60px 0 0 0; }

         .topbar { background: #fff;  padding:30px 0 50px 0; margin: 0; }
            h1 { text-align:left; font-size:2em; line-height:1em; font-weight:bold; padding:20px 0; color:#E11313; }
            h1.pg { text-align:center; font-size:2em; line-height:1em; font-weight:bold; padding:20px 0; color:#E11313; }

         .topbarsub { background:#fff;  padding:70px 0 50px 0; margin: 0; }

         .srchico2 { display:block;  position:absolute; right:20px; top:18px; }


		input.srchbig { background:#fff; border:1px solid #fff; color:#000; padding:5px; margin:0; vertical-align:middle; font-size:0.8em; line-height:normal; width:100%;
			            -webkit-transition: 0.2s;
			            -moz-transition: 0.2s;
			            transition: 0.2s;     
			            }
			      
        .bigsrchbx { display:none; background:#E11313; padding:10px 20px; width:100%; }


           article.expd { padding:5px 10px; line-height:1.5em; }          
           .ctfrompd { padding:20px 10px 0 10px; line-height:1.5em; }     


            .csrcbx { text-align:left;
	                  -moz-border-radius:2px;
	                  -webkit-border-radius:2px;
	                  border-radius:2px;
                      border:1px solid #ccc;
	                  -moz-box-shadow: 0 1px 2px #d1d1d1;
	                  -webkit-box-shadow: 0 1px 2px #d1d1d1;
	                  box-shadow: 0 1px 2px #d1d1d1;
                      background:#FAFAFA;
                      margin-bottom:30px;
                    }








/*---------- RESNAV --*/

                a:link.nav-toggle, a:visited.nav-toggle { display:block; background:url(/gfx/menu-a.png) no-repeat; position:absolute; top:18px; right:45px; width:32px; height:29px; text-decoration:none; color:#fff; z-index:999; }
                a:hover.nav-toggle, a:active.nav-toggle { display:block; background:url(/gfx/menu-b.png) no-repeat; position:absolute; top:18px; right:45px; width:32px; height:29px; text-decoration:none; color:#e4901c; z-index:999; }
 

                nav { padding:20px 5px; margin:0; z-index:9999;  }

                nav a:link, nav a:visited { display:block; text-decoration:none; color:#fff; padding:10px; margin:0; vertical-align:middle; text-align:left; border-bottom:1px solid #6F717C; font-size:0.8em; } 

                nav a:hover, nav a:active { text-decoration:none; background:#E11313; border-bottom:1px solid #E11313;    }
	            a:link.russnav, a:visited.russnav { text-decoration:none; background:#E11313; border-bottom:1px solid #E11313;    }

                nav li:last-child { margin:0 0 40px 0;  }



                .nav-collapse ul {
                  margin:0;
                  padding:0;
                  list-style: none;
                }

                .nav-collapse li {
                  display:block;
                  width:100%;
                }
 



/*---------- SUB NAVS --*/

                #mobnavhead { display:block; }

                .plisthd { display:none; }

                .sublist { text-align:left; }
                .sublist ul, .sublist li { list-style:none; padding:0; margin:0; }
                .sublist ul li { font-size:1em; }

                .sublist ul li.opt a { background: url(/gfx/selar.png) no-repeat center right #fff; display:block; width:100%; height:auto; border:1px solid #cdcdcd; padding:10px; margin:0; text-decoration:none; color:#000; font-size:0.9em; font-weight:normal; }
                .sublist ul li.opt a:hover { background: url(/gfx/selar-r.png) no-repeat center right #E11313; text-decoration:none; border:1px solid #cdcdcd; color:#fff; }


                .sublist ul li a { background:#fafafa; text-decoration:none; display:block; font-size:0.8em; padding:10px; margin:0; color:#222; border:1px solid #fafafa; border-bottom:1px solid #cdcdcd;  
			                        -webkit-transition: 0.2s;
			                        -moz-transition: 0.2s;
			                        transition: 0.2s; 
                                  }

                .sublist ul li a:hover { background:#E11313; border:1px solid #fff; cursor:pointer; color:#fff;  }
 


            .hdrt { display:none; }


           article { padding:5px 10px; line-height:1.5em; font-size:0.9em; }       
               article img { width:100%; height:auto; padding:0 0 20px 0; float:none; }   


            /*---------- CONSTRUCT --*/

            .imr1 { width:100%; height:auto; padding:0 0 20px 0; float:none; }
            .imr2 { width:100%; height:auto; padding:0 0 20px 0; float:none; }
            .imr3 { width:100%; height:auto; padding:0 0 20px 0; float:none; }

            .iml1 { width:100%; height:auto; padding:0 0 20px 0; float:none; }
            .iml2 { width:100%; height:auto; padding:0 0 20px 0; float:none; }
            .iml3 { width:100%; height:auto; padding:0 0 20px 0; float:none; }

            .imfull { width:100%; height:auto; padding:0 0 20px 0; float:none; }


 
            a:link.asbx, a:visited.asbx { text-decoration:none; display:block; width:100%; padding:10px; margin:0; text-align:left; vertical-align:top; position:relative; color:inherit; }
            a:hover.asbx, a:active.asbx { background:#000; text-decoration:none; color:#E11313; }


            .asa { background:#a20501; padding:1%; margin:0; }
            .asb { background:#e34c02; padding:1%; margin:0; }
            .asc { background:#074481; padding:1%; margin:0; }
            .asbadge { display:none; }
            .asbadgeb { display:block; float:right; height:100%; width:25%; padding:0 0 0 20px;  }

            .astitle { padding:10px 30px 0 10px; font-weight:bold; color:#fff; line-height:1em; }
            .assum { padding:0 30px 10px 10px; font-size:0.75em; line-height:1.1em; color:#fff; min-height:inherit; }

                .vsumbx { display:none; }
 
            .uspbx { display:inline-block; width:50%; padding:20px; text-align:center; vertical-align:top; }
            .usphd { color:#fff; font-size:1.2em; font-weight:bold; padding:5px 0 10px 0; }
            .uspsum { color:#fff; font-size:0.8em; } 


                .whytag { text-align:center; font-size:1.1em; line-height:1.3em; padding:0 20px 20px 20px; color:#fff; }


            .fbsout { padding:10px 0 15px 0; margin-bottom:10px; border-bottom:1px solid #cdcdcd; }
            .fbpic { display:inline-block; border:3px solid #fff; vertical-align:middle; width:15%; vertical-align:top;
	                      -webkit-border-radius:50%;
					      -moz-border-radius:50%;
					      border-radius:50%;
                      } 

            .fbpbx { display:inline-block; width:83%; vertical-align:middle; padding:0 0 0 15px; }

 

/*---------- FOOTER --*/

            .footbar { background: #131313; padding:25px 0 50px 0; margin: 0; }
                footer { width:94%; max-width: 1180px; margin:0 auto; padding:0; line-height:normal; } 

            .fthds { color:#e11313; padding:20px 0 5px 0; font-size:0.9em; }

            .ftlnks a:link, .ftlnks a:visited { display:inline-block; text-decoration:none; color:#cdcdcd; padding:0 15px 0 0; margin:5px 10px 5px 0; font-size:0.7em; line-height:1em; border-right:1px solid #E11313;
                                                -webkit-transition: 0.5s;
                                                -moz-transition: 0.5s;
                                                -o-transition: 0.5s;
                                                transition: 0.5s;
                                              }

            .ftlnks a:hover, .ftlnks a:active { display:inline-block; text-decoration:none; color:#fff;
                                                -webkit-transition: 0.3s;
                                                -moz-transition: 0.3s;
                                                -o-transition: 0.3s;
                                                transition: 0.3s;
					                          }
            .ftlnks a:link:last-child, .ftlnks a:visited:last-child { border:none; }


            .grid-1,
            .grid-2,
            .grid-3,
            .grid-4,
            .grid-5,
            .grid-6,
            .grid-7,
            .grid-8,
            .grid-9,
            .grid-10,
            .grid-11,
            .grid-12 {
	            margin:1% 0;
	            display: block;
                width:100%; 
            }
   
             
}
  






@media screen and (max-width:480px) {
 

            .logo { width:50%; }
            .logo img { width:100%; }

            h1 { text-align:left; font-size:1.8em; line-height:1.2em; font-weight:bold; padding:20px 0; color:#E11313; }
            h1.pg { text-align:center; font-size:1.8em; line-height:1.2em; font-weight:bold; padding:20px 0; color:#E11313; }
 

            .bxbox { display:none; }        

            .hdiv { background: url(/gfx/hdv.png) center center repeat-x; padding:0; margin:0 10px 40px 10px; text-align:center;  }
               h2.divb { background:#191919; display:inline-block; font-size:1.2em; line-height:1.2em; font-weight:normal; padding:0 10px; margin:0; color:#fff; }
               h2.divr { background:#E11313; display:inline-block; font-size:1.2em; line-height:1.2em; font-weight:normal; padding:0 10px; margin:0; color:#fff; }
               h2.divw { background:#fff; display:inline-block; font-size:1.2em; line-height:1.2em; font-weight:normal; padding:0 10px; margin:0; color:#000; }



		    .quotell { font-size:3em; vertical-align:bottom; line-height:0.1em; padding-right:10px; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; }
		    .quoterl { font-size:3em; vertical-align:bottom; line-height:0.1em; padding-left:10px; color:#000; font-family:Georgia, 'Times New Roman', Times, serif; }
            .testxl { font-size: 1.1em; line-height:1.4em; font-style: italic; color:#fff; }


            .astitle { padding:10px 30px 10px 10px; font-weight:bold; color:#fff; line-height:1em; font-size:1.1em; }
            .assum { display:none; }
            .asbadgeb { display:block; float:right; height:100%; width:30%; padding:0 0 0 20px; vertical-align:middle; }


            .topbar { background: #fff;  padding:90px 0 50px 0; margin: 0; }



            .galpics img { width:31.3333333333%; height:auto; padding:2px; margin:1%; border:1px solid #cdcdcd; display:inline; }




            .clubpic { float:none; padding:0 0 20px 0; width:100%; }

             
            a:link.nsumbx, a:visited.nsumbx { text-decoration:none; background:#F1F1F1; display:inline-block; border:1px solid #cdcdcd; width:94%; margin:0 3% 10% 3%; padding:10px; font-size:0.9em; vertical-align:top; color:inherit; }
            a:hover.nsumbx, a:active.nsumbx { background:#fff; text-decoration:none; color:#E11313; }






/*---------- SEARCH --*/       

            .nsrchd { color:#000; font-size:1em; line-height:1.2em; font-weight:bold; padding:0; }     

            a:link.srchresbx, a:visited.srchresbx { display:block; border-bottom:1px solid #cdcdcd; padding:10px 0; margin:0; color:inherit; }
            a:hover.srchresbx, a:active.srchresbx { background:#f3f3f3; text-decoration:none; border-bottom:1px solid #787878; color:inherit; padding:10px 0 10px 5px;  margin:0;  }




/*---------- FAQs --*/

                .faqbx { display:block; width:100%; padding:0 10px 30px 10px; vertical-align:top; }
                .faqq { font-size:0.9em; font-weight:bold; padding:0 0 10px 0; }
                .faqa { font-size:0.8em; }



}




 