.orange-circle {
    max-width: 12px;
}



body, html {
	
}

body {

}

a:focus {
	outline:none;
}

.invisible {
	opacity:0;
}

.arrow-right .anim1 {
	z-index:6;
}

.arrow-right .anim2 {
	z-index:5;
}

.arrow-right .anim3 {
	z-index:4;
}

.arrow-right .anim4 {
	z-index:3;
}

.arrow-right .anim5 {
	z-index:2;
}

.arrow-right .anim6 {
	z-index:1;
}

.arrow-right .anim1, .arrow-right .anim2, .arrow-right .anim3 , .arrow-right .anim4, .arrow-right .anim5 {
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.anim1l, .anim2l, .anim3l, .anim4l, .anim5l, .anim6l {
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#slide1 {
	width:1000px;
	height:768px;
	background-image: url("../images/slide1-bg.jpg");
	margin: 0 auto;
	position:relative;
}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13, #slide14, #slide15, #slide12_1, #slide6_1 {
	width:1000px;
	height:768px;
	background: transparent;
	margin: 0 auto;
	position:relative;
}

#slide1 .wrapper {
	width:817px;
	margin: 0 auto;
	padding-top: 139px;
	padding-left: 362px;
}

#slide2 .wrapper, #slide3 .wrapper, #slide4 .wrapper, #slide5 .wrapper, #slide6 .wrapper, #slide8 .wrapper, #slide9 .wrapper, #slide10 .wrapper, #slide11 .wrapper, #slide12 .wrapper, #slide13 .wrapper,
 #slide14 .wrapper, #slide15 .wrapper, #slide12_1 .wrapper, #slide6_1 .wrapper {
	width:817px;
	margin: 0 auto;
}

#slide5 .wrapper, #slide15 .wrapper {
	position:relative;
}

#slide1 .theme13 {
	background:#ffb600;
	display:inline-block;
	line-height:23px;
	padding: 0 21px;
	margin-left: 4px;
}

#slide1 .theme13 p {
	font-family: "FiraSansRegular";
	color:white;
	font-size:12px;
}

#slide1 h2 {
	font-family: "MyriadProRegular";
	color:white;
	font-size:65px;
	line-height: 70px;
	margin-top: 10px;
}

.begin-lection {
	background:white;
	color:#0a266e;
	text-decoration:none;
	font-family: "FiraSansRegular";
	font-size:18px;
	display:inline-block;
	line-height:43px;
	margin-top: 40px;
	margin-left: 4px;	
	letter-spacing: 1px;
	text-align: center;
	padding: 0px 41px;
}

#slide1 .trix p {
	font-family: "FiraSansRegular";
	color:white;
	font-size:12px;
	line-height:15px;
	font-weight:300;
	position:relative;
	display: inline-block;
}

#slide1 .trix p:after {
	content: "";
	background:url("../images/trix-img.png");
	display: inline-block;
	width: 90px;
	height: 12px;
	position: absolute;
	right: 5px;
	bottom: 1px;
}

.f-bottom {
	position:absolute;
	bottom:0;
	left:0;
	height:65px;
	width: 100%;
}

#slide1 .trix {
	margin-top: 17px;
	margin-top: 17px;
	margin-left: 4px;
}

.f-logo {
	display: inline-block;
	margin-top: 14px;
	margin-left: 39px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.lect1-pdf {
	float: right;
	text-decoration: none;
	color:white;
	font-family: "FiraSansRegular";
	position: relative;
	padding-left: 39px;
	display: inline-block;
	margin-top: 14px;
	margin-right: 35px;
	min-height: 30px;
	max-width: 87px;
}

.lect1-pdf:hover {
	color: #829EE6;
}

.lect1-pdf>img {
	position: absolute;
	left: 0px;
}

.lect1-pdf p {
	font-family: "FiraSansRegular";
	float: left;
}

.lect1-pdf .s {
	margin-top: 4px;
	float: left;
}

.lect1-pdf .s span {
    background: url(../../images/pdf-arr.png) left 0 no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
}

.arrow-left {
	width:25px;
	height:47px;
	display:block;
	background: url(../../images/l-arrow.png) left 0 no-repeat;
	text-decoration:none;
	position: absolute;
	left: 32px;
	top: 50%;
	margin-top: -23px;
}

.arrow-right {
	width:25px;
	height:47px;
	display:block;
	background: url(../../images/r-arrow.png) left 0 no-repeat;
	text-decoration:none;
	position: absolute;
	right: 32px;
	top: 50%;
	margin-top: -23px;
}

.slides-nav {
	position:absolute;
	left: 366px;
	top: 24px;
	line-height: 20px;
}

.slides-nav .slides-nav_name {
	font-size:19px;
	font-family: "FiraSansRegular";
	font-weight:300;
	color:#9ab9ff;
	float: left;
}

.slides-nav ul {
	float: left;
	margin-left: 11px;
	margin-top: 4px;
}

.slides-nav ul li {
	float:left;
	background:white;
	border-radius: 12px;
	width:12px;
	height:12px;
	display:inline-block;
	margin-right: 10px;
	vertical-align: top;
	position: relative;
}

.slides-nav .slide-active {
	width: 41px;
}

.orange-circle {
	display: block;
	background: orange;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	transition:width 0.5s ease;
	-webkit-transition:width 0.5s ease;
}

.slides-nav ul li .toolt {
	font-family: "FiraSansRegular";
	font-size:12px;
	color:#0b2a79;
	display: inline-block;
	background: white;
	position: absolute;
	top: -37px;
	line-height: 19px;
	max-height: 19px;
	min-width: 150px;
	left: -75px;
	letter-spacing: 2px;
	min-width: 148px;
	padding-left: 11px;
	display:none;
}

.slides-nav ul li .toolt:after {
	content:"";
	position:absolute;
	width:1px;
	left:50%;
	margin-left:-1px;
	height:9px;
	background:white;
	bottom: -9px;
}

/*Animations on slide1*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		color:rgba(255,255,255,0.99);
    }
    50% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
        transform: scale3d(1.01, 1.01, 1.01);
		color:rgba(255,255,255,0.75);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		color:rgba(255,255,255,0.65);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		color:rgba(255,255,255,0.99);
    }
    50% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
        transform: scale3d(1.01, 1.01, 1.01);
		color:rgba(255,255,255,0.75);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
		color:rgba(255,255,255,0.65);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

#slide1 .trix p.animated {
	-webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-@keyframes fadeIn {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;

    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight, #slide2 .top-block h5.animated {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

#slide2 .ruler.animated {
	-webkit-animation-name: fadeIn;
    animation-name: fadeIn;
	-webkit-animation-delay: 2.8s;
	animation-delay: 2.8s;
}


#slide1 h2.animated, #slide2 .top-block h3.animated, #slide2 .mid-block_l img.animated, #slide2 h4.animated {
	-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}



/*End Animations on slide1*/

/* Antiman */
.begin-lection {
	background: none;
	border: none;
	height: 43px;
	outline: none;
	position: relative;
}
.begin-lection,
.begin-lection.button--inverted-alt {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.begin-lection > span {
	padding-left: 0em;
}
.begin-lection::before,
.begin-lection::after {
	content: '';
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.begin-lection::before {
	border: 2px solid #FFF;
	opacity: 0;
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}
.begin-lection.button--border-thin::before {
	border-width: 1px;
}
.begin-lection.button--border-medium::before {
	border-width: 2px;
}
.begin-lection.button--border-thick::before {
	border-width: 3px;
}
.begin-lection.button--inverted::before {
	border-color: white;
}
.begin-lection.button--inverted-alt::before {
	border-color: white;
}
.begin-lection::after {
	background: #fff;
}
.begin-lection.button--inverted::after {
	background: white;
}
.begin-lection.button--inverted-alt::after {
	background: #3f51b5;
}
.begin-lection.button--inverted:hover {
	color: #7986cb;
}
.begin-lection.button--inverted-alt:hover {
	color: #3f51b5;
}
.begin-lectionn:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.begin-lection:hover::after {
	opacity: 0;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
}

/*Slide2*/

#slide2>h2, #slide3>h2, #slide4>h2, #slide5>h2, #slide6>h2, #slide8>h2, #slide9>h2, #slide10>h2, #slide11>h2, #slide12>h2, #slide13>h2, #slide14>h2, #slide15>h2, #slide12_1>h2, #slide6_1>h2 {
	font-family: "FiraSansRegular";
	text-transform:uppercase;
	font-size:32px;
	color:white;
	text-align: center;
	line-height:66px;
	background: url(../images/top-bg.jpg) left 0 no-repeat;
	letter-spacing: 3px;
}

#slide5 {
	background: url(../images/slide-5_bg.jpg) left 0 no-repeat;
}

#slide8 {
	background: url(../images/slide-8_bg.jpg) left 0 no-repeat;
}

#slide5>h2, #slide8>h2, #slide15>h2 {
	background: transparent;
}

#slide2>h2 span, #slide3>h2 span, #slide4>h2 span, #slide5>h2 span, #slide6>h2 span, #slide8>h2 span, #slide12_1>h2 span, #slide6_1>h2 span {
	font-family: "FiraSansLight";
	color:#9ab9ff;
	font-weight:100;
}

#slide2 .f-bottom, #slide3 .f-bottom, #slide4 .f-bottom, #slide6 .f-bottom, #slide9 .f-bottom, #slide10 .f-bottom, #slide11 .f-bottom, #slide12 .f-bottom, #slide13 .f-bottom, #slide14 .f-bottom,
 #slide15 .f-bottom, #slide12_1 .f-bottom, #slide6_1 .f-bottom {
	background: url(../../images/bot-bg.jpg) left 0 no-repeat;
}

#slide15 .f-bottom {
	background:transparent;
}

#slide2 .top-block{
	padding-top: 38px;
}

#slide2 .top-block h3 {
	font-family: "FiraSansRegular";
	font-size:64px;
	text-transform:uppercase;
	color:#8C8C8C;
	width: 409px;
	display:inline-block;
	box-sizing: border-box;
	letter-spacing: 8px;
	padding-left: 66px;
	border-right: 2px solid #CECECE;
}

#slide2 .top-block h5 {
	font-family: "FiraSansItalic";
	font-size:25px;
	color:#8C8C8C;
	display:inline-block;
	box-sizing: border-box;
	padding-left: 31px;
	line-height: 28px;
}

#slide2 .mid-block {
	margin-top: 30px;
	overflow: hidden;
}

#slide2 .mid-block .mid-block_l {
	float:left;
	position: relative;
}

#slide2 .mid-block .mid-block_r {
	float: right;
}

#slide2 h4 {
	font-family: "FiraSansRegular";
	font-size:18px;
	color:#8C8C8C;
	margin-top: 32px;
	line-height: 23px;
}

#slide2 .ruler {
	position:absolute;
	top: 106px;
	left: 41px;
}

#slide2 .lines {
	position:absolute;
	top: 112px;
	left: 196px;
}

#slide2 .lines span {
	width:5px;
	height:5px;
	display:block;
	background: url(../images/ruler-circle.png) left 0 no-repeat;
}

#slide2 .lines span:before {
	content:"";
	background:rgba(255,255,255,0.6);
	height:2px;
	position:absolute;
	top:0px;
	left:0px;
}

#slide2 .lines .lines_1 {
	top: 0px;
	position: absolute;
	right: 44px;
width: 55px;
background: url(../images/ruler-circle.png) right 0 no-repeat;
overflow: hidden;
}

#slide2 .lines .lines_1:before {
	width: 52px;
	left: -52px;
	top: 1px;
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
	transition-delay:2.5s;
	-webkit-transition-delay:2.5s;
}

#slide2 .lines .lines_2 {
	position: absolute;
	top: 88px;
	right: 28px;
	width: 59px;
	background: url(../images/ruler-circle.png) right 0 no-repeat;
	overflow: hidden;
}

#slide2 .lines .lines_2:before {
	width: 58px;
	left: -58px;
	top: 1px;
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
	transition:transform 0.3s ease;
	-webkit-transition:transform 0.3s ease;
	transition-delay:2.5s;
	-webkit-transition-delay:2.5s;
}

#slide2 .lines .lines_3 {
	position: absolute;
	top: 187px;
	right: -4px;
	width: 86px;
	background: url(../images/ruler-circle.png) right 0 no-repeat;
	overflow: hidden;
}

#slide2 .lines .lines_3:before {
	width: 86px;
	left: -86px;
	top: 1px;
	transform: translateX(200%);
	-webkit-transform: translateX(200%);
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	transition-delay:2.5s;
	-webkit-transition-delay:2.5s;
}

#slide2 .lines .lines_1.animated:before {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
#slide2 .lines .lines_2.animated:before {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
#slide2 .lines .lines_3.animated:before {
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}

#slide2 .ruler .ruler_2 {
	margin-top: 72px;
}

#slide2 .ruler .ruler_3 {
	margin-top: 83px;
}

#slide2 .ruler p {
	font-family: "FiraSansRegular";
	font-size:16px;
	color:#FFFFFF;
}


/*Slide14*/

#slide14 {
	
}

#slide14 .or-icons_wrap {
	margin-top: 62px;
	margin-left: 72px;
}

#slide14 .or-icons_wrap:after, #slide14 .or-icons_wrap div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#slide14 .or-icons_wrap div {
	float: left;
	min-height: 63px;
	margin-right: 51px;
}

#slide14 .or-icons_wrap div:last-child {
	margin-right: 0px;
	margin-left: 11px;
}

#slide14 .or-icons_wrap div p {
	font-family: "RobotoCondensedRegular";
	font-size:30px;
	color:#F8BB2A;
	float: left;
}

#slide14 .or-icons_wrap div img {
	float: left;
	margin-right: 20px;
}

#slide14 .or-icons_1 p {
	line-height: 28px;
	margin-top: 4px;	
}

#slide14 .or-icons_2 p {
	line-height: 28px;
	margin-top: 4px;	
}

#slide14 .or-icons_3 p {
	line-height: 28px;
	margin-top: -2px;
	letter-spacing: 1px;	
}

#slide14 .wrapper h5 {
	font-family: "FiraSansRegular";
	font-size:18px;
	color:#556670;	
	position:relative;
	padding-left: 18px;
	margin-top: 25px;
	margin-bottom: 9px;
	line-height: 22px;
}
#slide14 .wrapper h5:before {
	content:"";
	position:absolute;
	left:0;
	top: 4px;
	display:block;
	width:9px;
	height:9px;
	background: url(../../images/orange-dot.png) left 0 no-repeat; 
}

#slide14 .slide14-bot_bl {
	
}

#slide14 .slide14-bot_bl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


#slide14 .slide14-bot_bl img {
	float: left;
	margin-left: 63px;
	margin-top: 54px;
	opacity:0;
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
	transition: transform 1s ease, opacity 1s ease;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-ms-transition: transform 1s ease, opacity 1s ease;
}

#slide14 .slide14-bot_bl img.animated  {
	opacity:1;
	-ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
    transform: scale(1, 1);
}

#slide14 .slide14-bot_bl>div {
	float: left;
	margin-left: 101px;
	margin-top: 50px;
}
#slide14 .slide14-bot_bl>div:last-child {
	margin-top: 0px!important;
}


#slide14 .slide14-bot_bl>div p {
	font-family: "FiraSansLight";
	font-size:16px;	
	line-height: 15px;
	color: #556670;
	margin-left: 28px;
	margin-bottom: 10px;
}

#slide14 .slide14-bot_bl>div li {
	font-family: "FiraSansLight";
	font-size:16px;	
	line-height: 15px;
	color: #556670;
	margin-left: 28px;
	margin-bottom: 10px;
	list-style: "&#8212";


}
.spis {
	list-style-position: outside;
}