html, body { margin:0; padding:0; font-size:1em; line-height:1.5em; font-family: 'Nunito Sans', sans-serif;  color:#353535; height:100%; }



    a:link, a:visited { text-decoration:none; color:#de323b;
			            -webkit-transition:0.4s;
			            -moz-transition: 0.4s;
			            transition:0.4s;
                      }

    a:hover, a:active { text-decoration:underline; color:#fff;
			            -webkit-transition:0.2s;
			            -moz-transition: 0.2s;
			            transition:0.2s;
					  }


 

    a:link.rev, a:visited.rev { text-decoration:none; color:#cdcdcd; }
    a:hover.rev, a:active.rev { text-decoration:underline; color:#de323b; }
 
    a:link.null, a:visited.null { text-decoration:none; color:inherit; }
    a:hover.null, a:active.null { text-decoration:none; color:inherit; }




            h1 { font-size:1.6em; line-height:1.2em; padding:0 0 20px 0; color:#de323b; font-weight:normal; text-shadow: 0 0 10px #000; }
            h1.tutor { font-size:2.4em; line-height:1em; padding:0 0 10px 0; color:#de323b; font-weight:normal; }
 
            h2 { font-size:1.3em; line-height:1.2em; padding:0 0 10px 0; color:#141f40; }
 

            h3 { font-size:1.3em; line-height:1.2em; padding:0 0 15px 0; color:#000; }

            h4 { font-size:1em; line-height:1.2em; padding:0 0 10px 0; color:#E45E2A; }
 




/*-------- BREAD --*/

		    .bread { padding:0 0 20px 0; margin:0; line-height:normal; font-size:0.8em; text-transform:uppercase; border-bottom:1px solid #cdcdcd;  }
		    .bread a:link, .bread a:visited { float:left; text-decoration:none; color:#E45E2A; padding:0; margin:0; 
		                                        -webkit-transition-duration:0.2s;
		                                        -moz-transition-duration: 0.2s;
		                                        transition-duration:0.2s;
		                                    } 

		    .bread a:hover, .bread a:active { text-decoration:underline; color:#E45E2A; 
		                                        -webkit-transition-duration:0.2s;
		                                        -moz-transition-duration: 0.2s;
		                                        transition-duration:0.2s;
		                                    } 
		    .breadiv { float:left; padding:0 10px; color:#E45E2A; font-size:1.4em; line-height:0.7em;  }






/*---------- CONSTRUCT --*/


        .container { max-width:1366px; margin:0 auto; padding:40px 20px; line-height:normal; } 
        .containerhp { max-width:1366px; margin:0 auto; padding:20px; line-height:normal; position:relative; } 

 
         header { position:fixed; background: rgba(14,19,25,0.8); width:100%; margin:0 auto;height:100px; z-index:9999; border:1px solid #141823; }
 
            .logo { color:#fff; font-family: 'Open Sans', sans-serif; font-size:0.9em;
                    position:absolute; top:24px; left:20px;
                  }
             .rokbox { display:inline-block; padding:0; margin:0; font-size:1.2em;  transform: rotate(-90deg); vertical-align:middle; }
             .gtbox { display:inline-block; padding:0; margin:0 0 0 -10px; line-height:1.8em; vertical-align:middle; } 
                .gtx { font-size:2em; padding:0; margin:0; }
                .ttx { font-size:1.8em; padding:0; margin:0; }


                nav { position:absolute; right:20px; top:30px; padding:0; margin:0; font-size:0.9em; }
                nav a:link, nav a:visited { display:inline-block; text-decoration:none; color:#fff; line-height:normal; padding:10px 20px; margin:0;  } 
                nav a:hover, nav a:active { text-decoration:none; color:#de323b; padding:10px 20px; }

	            a:link.russnav, a:visited.russnav { text-decoration:none; color:#de323b; padding:10px 20px; transition:0.2s;  }



/*---------- SUB NAVS --*/


                #mobnavhead { 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;  display:block; width:100%; height:auto; border:1px solid #cdcdcd; padding:10px; text-decoration:none; }
                .sublist ul li.opt a:hover { background: url(/gfx/selar-r.png) no-repeat center right #EFEFEF; text-decoration:none; border:1px solid #cdcdcd;  color:#E45E2A; }


                .sublist ul li a { text-decoration:none; display:block; font-size:0.8em; padding:10px; margin:0 0 5px 0; color:#222; border:1px solid #cdcdcd;  
			                        -webkit-transition: 0.2s;
			                        -moz-transition: 0.2s;
			                        transition: 0.2s; 
				                    -webkit-border-radius:3px;
				                    -moz-border-radius:3px;
				                    border-radius:3px;  
                                  }

                .sublist ul li a:hover { background:#E45E2A; border:1px solid #E45E2A; cursor:pointer; color:#fff;  }

 


/*---------- TESTI --*/

                .testout { background: rgba(0,0,0,0.3); padding:0; text-align:center; }
                .tesbx { padding:20px; width:90%; margin:0 auto; color:#fff; }

                .testx { padding:0; margin:0; font-style: italic; position:relative; line-height:1.8em;  }

                .quotel { color:rgba(255,255,255,0.2); position:absolute; font-size:2em; top:-20px; left:-20px; z-index:1; }
                .quoter { color:rgba(255,255,255,0.2); position:absolute; font-size:2em; bottom:-20px; right:-10px; z-index:1; }
                .tesname { padding:20px 0 0 0; color:#aaaec1; font-style:normal; font-size:0.8em; }

                .sechdrev { font-size:1.2em; font-weight:bold; color:#fff; padding:0 0 20px 0; }
 




                article { padding:40px 20px; font-size:1em; line-height:1.6em; color:#fff;  margin:0;  }
                  /*-  article img { float:right; width:40%; padding:0 0 20px 20px; }  --*/

                article.hp { padding:40px 20px; font-size:1em; line-height:1.6em; color:#fff; width:50%; margin:0 auto 0 0; }


                article.fl { padding:100px 20px; font-size:1em; line-height:1.6em; color:#fff; font-weight:normal; }


 
                section.frm { background:rgba(0,0,0,0.6); padding:40px; margin:45px 0; border:1px solid rgba(255,255,255,0.3);
				               -webkit-border-radius:3px;
				               -moz-border-radius:3px; 
				               border-radius:3px;  
                             }
                 

                section { padding:40px 20px; font-size:1em; color:#fff; margin:0;  }


                .reelcont { max-width:1366px; min-height:700px; margin:0 auto; padding:40px 20px; line-height:normal; position:relative; } 

                 .fpanr { position:absolute; right:40px; bottom:40px; width:50%; margin:0 0 0 auto; padding:0; text-align:right; }

                 .fpan { width:50%; margin:0 auto 0 0; padding:60px; text-align:left; }

                 .fpanhd { font-size:1.8em; line-height:1em; color:#de323b; padding:0 0 10px 0;  font-weight:900; }
                 .fpansubhd { font-size:1.5em; line-height:1em; color:#fff; padding:0 0 15px 0; }
                 .fpansum { font-size:1em; line-height:1.4em; color:#fff; }

 
  
                 .tutloc { font-weight:bold; padding:0 0 10px 0; }

                 .tuthdbx { position:absolute; left:40px; bottom:40px; width:50%; margin:0 0 0 auto; padding:0; text-align:left;  }



 

/*---------- VID --*/ 

                .vidwrap { position: relative;
	                       padding-bottom: 56.25%; /* 16:9 */
	                       padding-top: 25px;
	                       height: 0;
                          }

                .vidwrap iframe { position: absolute;
	                              top: 0;
	                              left: 0;
	                              width: 100%;
	                              height: 100%;
                                }


                .vidhd { padding:0 0 10px 0; font-weight:bold; }

                .vidblock { display:inline-block; width:50%; padding:10px; }




      
 /*---------- FEATURE BOXES --*/           

                a:link.featbx, a:visited.featbx { display:inline-block; text-decoration:none; padding:20px; margin:0; width:50%; vertical-align:top; color:#666; }
                a:hover.featbx, a:active.featbx { text-decoration:none; background:#fff;  }


                a:link.subbx, a:visited.subbx { display:inline-block; text-decoration:none; padding:20px; width:33.3333333333%; display:inline-block; margin:0 0 30px 0; vertical-align:top; color:#666; }
                a:hover.subbx, a:active.subbx { text-decoration:none; background:#fff;  }
      
                .subpic { width:100%; margin:0 0 20px 0; }

                .ctbar { color:#fff; }   
               
                    .ctbar a:link, .ctbar a:visited { text-decoration:none; color:#fff; }
                    .ctbar a:hover, .ctbar a:active { text-decoration:underline; color:#fff; }                 
                                      
            

   



  


/*---------- FORMS --*/
 

            .lbfield { padding:0 0 10px 0; overflow:hidden; }
 
		    label.form { font-weight:normal; background:none; display:block; float:left; padding:10px 0; margin:0; text-align:left; font-size:0.9em; line-height:normal;  }  

            input[type="text"].tcf { border:2px solid #9aa0a6; padding:10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%;
			                          -webkit-border-radius:3px;
				                      -moz-border-radius:3px;
				                      border-radius:3px; 
                                    }

            input[type="text"].tcf:focus {
                    background: #fff;
                    box-shadow: 0;
                    border: 2px solid #4987c5;
                    color: #000;
                    -webkit-transition: 0.2s;
                    -moz-transition: 0.2s;
                    transition: 0.2s;
                    -moz-box-shadow: inset 0 0 3px #4987c5;
                    -webkit-box-shadow: inset 0 0 3px #4987c5;
                    box-shadow: inset 0 0 3px #4987c5;
                }

            input[type="text"].tcfx { border:2px solid red; padding:10px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; width:100%;
			                  -webkit-border-radius:3px;
				              -moz-border-radius:3px;
				              border-radius:3px; 
                          }


 

            textarea.tcf { border:2px solid #b6b6b6; padding:10px; margin:0; vertical-align:top; font-size:0.9em; line-height:normal; width:100%; height:100px;
			                  -webkit-border-radius:3px;
				              -moz-border-radius:3px;
				              border-radius:3px; 
                           }

                   textarea.tcf:focus { background: #fff; box-shadow: 0;
	                                    border:2px solid #4987c5;
	                                    color: #000;
			                            -webkit-transition: 0.2s;
			                            -moz-transition: 0.2s;
			                            transition: 0.2s;
                                        -moz-box-shadow:    inset 0 0 3px #4987c5;
				                        -webkit-box-shadow: inset 0 0 3px #4987c5;
				                        box-shadow:         inset 0 0 3px #4987c5;
                                    }

           textarea.tcfx { border:2px solid red; padding:6px 10px; margin:0; vertical-align:top; font-size:0.8em; line-height:normal; width:100%;
			                  -webkit-border-radius:3px;
				              -moz-border-radius:3px;
				              border-radius:3px; 
                          }


			input[type="submit"].dobtn { background:#9aa0a6; border:2px solid #9aa0a6; padding:10px 20px; margin:0 auto 0 0; font-size:0.8em; line-height:normal; color:#1f2e40; 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[type="submit"].dobtn:hover { background:#1f2e40; color:#fff;
			                       -webkit-transition: 0.2s;
			                       -moz-transition: 0.2s;
			                       transition: 0.2s;
			                    }

 



  


			        .mesneg { background:#a00000; padding:10px; font-size:0.8em; margin:5px 0 10px 0; color:#fff; text-align:center; text-transform:uppercase; clear:both;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px;
			                 }

			        .mespos { background:#45990e; padding:10px; font-size:0.8em; margin:5px 0 10px 0; color:#fff; text-align:center;  clear:both;
				                -webkit-border-radius:3px;
				                -moz-border-radius:3px;
				                border-radius:3px;
			                }




 





/*---------- FOOTER --*/


        footer { width:100%; max-width:1366px; margin:0 auto; padding:40px; color:#5a5a5f; text-align:center; letter-spacing:1px; } 


            .ftlnks { margin:20px 0 0 0; padding:20px; border-top:1px solid #292930; text-align:center; }

           .ftlnks a:link, .ftlnks a:visited { display:inline-block; text-decoration:none; padding:0 10px; margin:0; font-size:0.9em; line-height:2.4em; color:#979797;
                                               -webkit-transition: 0.4s;
                                               -moz-transition: 0.4s;
                                               -o-transition: 0.4s;
                                               transition: 0.4s;
                                             }

            .ftlnks a:hover, .ftlnks a:active { display:inline-block; text-decoration:none; color:#de323b; 
                                                -webkit-transition: 0.2s;
                                                -moz-transition: 0.2s;
                                                -o-transition: 0.2s;
                                                transition: 0.2s;
					                            }
 
 
        .dislnks { margin:0; padding:20px; text-align:center; }

           .dislnks a:link, .dislnks a:visited { display:inline-block; text-decoration:none; padding:0 10px; margin:0; font-size:0.7em; line-height:2.4em; color:#7c7c7c;
                                               -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:#fff; 
                                                -webkit-transition: 0.2s;
                                                -moz-transition: 0.2s;
                                                -o-transition: 0.2s;
                                                transition: 0.2s;
					                            }

 
            .distx { font-size:0.6em; color:#7c7c7c; text-align:center;  }






            .cookie { border-collapse:collapse; margin:10px auto 20px 0; font-size:0.8em; line-height:1.2em; width:100%; }
            .cookie th { background:#141823; border:none; padding:15px; text-align:left; font-weight:normal; border:1px solid #141823; }
            .cookie td { background:none; border:none; padding:15px; vertical-align:top; text-align:left; border:1px solid #141823; word-wrap: break-word; }
 




            .box { background:#E45E2A; width:100%; position: fixed; left:0; bottom:0; font-size:0.75em; }
              .boxinner { padding:15px; text-align:center;  color:#fff; }


			a:link.icogo, a:visited.icogo { display:inline-block; text-decoration:none;  background:#B11E74; border:1px solid #B11E74; padding:4px 8px; margin:0 5px;  color:#fff; cursor:pointer; vertical-align:middle;  font-size:12px; line-height:normal;
			    -webkit-transition-duration: 0.2s;
			    -moz-transition-duration: 0.2s;
			    transition-duration: 0.2s;
					 -webkit-border-radius:2px;
					 -moz-border-radius:2px;
					 border-radius:2px; 
					}
			
			a:hover.icogo, a:active.icogo { background:#E45E2A; color:#fff;
			    -webkit-transition-duration: 0.2s;
			    -moz-transition-duration: 0.2s;
			    transition-duration: 0.2s;
					 -webkit-border-radius:2px;
					 -moz-border-radius:2px;
					 border-radius:2px; 
				}

			input.icoclx { display:inline-block; background:#B11E74; border:1px solid #B11E74; padding:4px 8px; margin:0 5px;  color:#fff; cursor:pointer; vertical-align:middle;  font-size:12px; line-height:normal;
			    -webkit-transition-duration: 0.2s;
			    -moz-transition-duration: 0.2s;
			    transition-duration: 0.2s;
					 -webkit-border-radius:2px;
					 -moz-border-radius:2px;
					 border-radius:2px;
					}

			input.icoclx:hover{ background:#E45E2A; color:#fff;
			    -webkit-transition-duration: 0.2s;
			    -moz-transition-duration: 0.2s;
			    transition-duration: 0.2s;
					}