* {
    outline: 0;
}

html {
    width: 100%;
    height: 100%;
	-webkit-user-select:none;	
}

body {
	width: 100%;
    height: 100%;
    font-family: Lato, Arial;
	font-size:16px;
	line-height: 1.5;
	background:#fafafa;
	webkit-tap-highlight-color: #222;
}


hr {
    max-width: 200px;
    border-color: #812680;
	border-style:dotted;
    border-width: 2px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #812680;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover, a:focus {color: #eb3812;}

h1, h2, h3, h4, h5, h6 { font-family:  Lato; }

p {
    margin-bottom: 20px;
    font-size: 16px;
}

.bg-primary { background-color: #812680; }
.bg-gray { background-color: #ebebeb; }
.bg-dark { color: #fff; background-color: #222;}

.text-faded { color: rgba(255,255,255,.7); }

section { padding: 70px 0; }

aside { padding: 50px 0; }

.no-padding { padding: 0; }

.navbar-default { 
	border:none;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	background: #c6003d;
	color:#fff;
	text-align:center;
	border-bottom:#ff004e 1px solid;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    color: #fff;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #000;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #812680!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.navbar-brand {width:130px; height:70px;}

@media(min-width:768px) {



    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #fff;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #fff;
    }

    .navbar-default.affix {
        border-color: rgba(34,34,34,.05);
        background: #df0044;

    }


    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #fff;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #000000;
    }
}


header {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background-image: url(../img/header.jpg);
    background-position: center 10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    width: 100%;
	padding: 100px 15px;
    text-align: center;
}


header .header-content .header-content-inner h1 {
    width: 70%;
	margin-bottom: 0;
	margin-left:15%;
    text-transform: uppercase;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
}

@media(min-width:768px) {
    header {
        min-height: 100%;
    }

    header .header-content {
        position: absolute;
        top: 50%;
        padding: 100px 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	
	header .header-content .header-content-inner h1 {
    width: 60%;
	margin-bottom: 0;
	margin-left:20%;
    text-transform: uppercase;
}

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 90%;
        font-size: 24px;
    }
}

@media(max-width:768px) {
    header h1 img{display:block; margin:0px auto 20px auto;}
	hr {clear:both;}	
}

.section-heading {
    margin-top: 0;
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #812680;
}

.text-primary-r {
    color: #df0044;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #222;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #222;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #222;
}

.btn-primary {
    border-color: #812680;
    color: #fff;
    background-color: #df0044;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	border-bottom:#ff004e 1px solid;
}

.btn-primary:hover {
	background-color: #ff427c;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #df0044;
	
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #812680;
    background-color: #812680;
}

.btn-primary .badge {
    color: #812680;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 10px;
    text-transform: uppercase;
    font-family: Lato;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}


.my-map {
	margin: 30px 0 30px 0;
}

#lessons {
    background-image: url(../img/lessons.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	color:#fff;
}


#records1 {
    background-image: url(../img/records.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	color:#fff;
}



#coursedates {padding:0;}
.lectures-on-physics {padding:100px 0px; border-bottom:1px solid #f0f0f0; background:#fff; }
.lectures-on-mathematics { padding:100px 0px; }

#records {color:#fff;}
#records .alert {color:#a5ffab; font-weight:bold;}
#records a,  #records a:visited, #records a:focus {color:#fff; text-decoration:none;} #records a:hover {color:#a3ff8e;}
#records a + a {margin-left:20px;}


#rules {background:#3b5998; color:#fff;}
#rules .alert {color:#a5ffab; font-weight:bold;}
#rules a,  #rules a:visited, #rules a:focus {color:#fff;text-decoration:none;} #rules a:hover {color:#a3ff8e;}
#rules a + a {margin-left:20px;}

#moreabout {display:none; padding-bottom:0;}


p + p {margin-top:20px;}

footer { color:#fff; }
footer ul {list-style:none;} footer ul li + li {margin-top:5px;} footer ul li a,  footer ul li a:visited, footer ul li a:focus {color:#ffd1d1; text-decoration:none;} footer ul li a:hover {color:#fff; text-decoration:none;}
footer > .subfooter1 { background:#c6003d; padding:50px 0px; }
footer > .subfooter2 { background:#111111; padding:10px 0px; font-size:14px; color:#707070}



.navbar-header {font-size:16px; min-height: 70px;}
.navbar-header img{ margin-top:-10px; }
.navbar-nav>li>a {color: #fff; padding-top:20px; padding-bottom:20px;}
.navbar-nav > li.active {background:#e9e9e9;}
.navbar-toggle,  .navbar-toggle:hover, .navbar-toggle:active {background: none;border: none;margin-top: 18px;}


.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
.navbar-default .navbar-toggle .icon-bar {background:#fff;}
.navbar-default .navbar-toggle:hover  .icon-bar{background:#000;}

 
@media (min-width: 768px) {
	.navbar-nav>li>a {padding-top:25px;padding-bottom:25px;}
}


.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.fade-in.two {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay:0.7s;
  animation-delay: 0.7s;
}

.fade-in.three {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}


table > thead > tr {background:#387f5e; color:#fff;}
select, input {width:100%}

input[type="text"] {
    padding: 15px;
    border: 0;
    background: transparent;
}


button[type="submit"] {
    margin:25px 0px 25px 0px;
	padding: 15px;
    border: 0;
    background:#3e7c66;
	color:#fff;
	width:100%
}

button[type="submit"]:hover {
    background:#5fb798;
}

select {
    background:none;
    cursor: default;
    border:none;
	padding: 15px;
}

.your-data td {
    border-bottom: 1px solid #cecece;
    vertical-align: center;
    background: #e4e4e4;
    padding: 0px;
}

.your-data td.light {
    background: none;
}

.your-data td.caption {
    border-bottom: 1px solid #cecece;
    vertical-align: center;
    background: none;
    padding: 15px;
	width:25%;
}


#status-form{display: none;}
.statusDefeat{padding: 70px 0px 70px 0px; color: #fff;  background:#d3003c;}

#ajax-status {
		position:absolute;
		top:50%; 
		left:50%; 
		margin:-100px 0 0 -100px;
		width:200px;
		height:200px;
		background-image:url(../img/loader.gif);
		background-position:center;
		background-repeat:no-repeat;
		background-size:125px 125px;
}  

#overlay {
  position:absolute;
   top: 0px;
   left: 0px;
  z-index: 1031;
  background:url(../img/overlay.png);
  width:100%;
  height:100%;
  }
  
.img-responsive {
    width: 100%;
    height: auto;
}

.accordion{width:100%; margin: 0 auto;}
.accordion h4 {font-size:18px; line-height:1.5;}
.accordion-toggle {border-bottom: 1px solid #551e54; cursor: pointer;margin: 0;padding: 15px; position: relative;}
.accordion-toggle.active:after{content:"";position:absolute;right:0;top:25px;width:0;height:0;border-bottom:5px solid #f00000; border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle:before{content:"";position:absolute;right:0;top:25px;width:0;height:0;border-top:5px solid #000;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);}
.accordion-toggle.active:before{display:none;}
.accordion-content {display: none; padding: 25px; color: rgba(255,255,255,.7); text-align:left;}
.accordion-content img { border:rgba(255,255,255,.7) solid 1px; }
.accordion-toggle.active { color: #ff0000; }

@media(max-width:768px) { .accordion-content .row div + div {margin-top:15px;} }