/*!
 * Start Bootstrap - New Age v4.0.0-alpha (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */

body,
html {
    height: 100%;
    width: 100%
}
body {
    font-family: Muli, Helvetica, Arial, sans-serif;
	padding-right:0 !important;
}

.overlay_start{z-index:1000; background:rgba(0,0,0,1) url(../img/puff.svg) no-repeat center; position:fixed;
top:0; left:0; right:0; bottom:0; opacity:.9;}

a {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    color: #6c4082
}
a:focus,
a:hover {
    color: #6c4082
}
hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, .1)
}
hr.light {
    border-color: #fff
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}
p {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px
}
section {
    padding: 80px 0
}
section.details {
	padding:80px 0 80px;
}
section.event {
	padding:20px 0 80px;
}
section.kontak {
	padding:85px 0 75px;
}
section.partner {
	padding: 100px 0 105px;
}
section.page_single{
    padding: 40px 0;
}

section.watchvideo{
	padding: 0;
	overflow:hidden
}
section h2 {
    font-size: 50px
}
::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #222
}
::selection {
    color: #fff;
    text-shadow: none;
    background: #222
}
img::selection {
    color: #fff;
    background: 0 0
}
img::-moz-selection {
    color: #fff;
    background: 0 0
}
body {
    -webkit-tap-highlight-color: #222
}
#mainNav {
    background-color: #fff;
    border-color: rgba(34, 34, 34, .05);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px
}
#mainNav .navbar-brand {
    font-family: Catamaran, Helvetica, Arial, sans-serif;
    font-weight: 200;
    letter-spacing: 1px;
    color: #000000;
	font-size: 1.1rem;
}
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
    color: #000000
}
#mainNav .navbar-toggler {
    font-size: 12px;
    color: #222;
    padding: 8px 10px;
	outline: none;
}
#mainNav .navbar-nav>li>a {
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 11px;
	outline: none;
	padding: .8em .8rem;
}
#mainNav .navbar-nav>li>a.active, #mainNav .navbar-nav>li>a.selected {
    color: #093464!important;
    background-color: transparent
}
#mainNav .navbar-nav>li>a.active:hover {
    background-color: transparent
}
#mainNav .navbar-nav>li>a,
#mainNav .navbar-nav>li>a:focus {
    color: #222
}
#mainNav .navbar-nav>li>a:focus:hover,
#mainNav .navbar-nav>li>a:hover {
    color: #093464
}
.btn.focus, .btn:focus {box-shadow:none !important}

.logo{margin-bottom:35px;}
.header-content-inner p{margin-bottom:36px;}
.about {color: #ffffff;}

@media (min-width: 1200px) {
	.container {
		width: 1016px;
		max-width: 100%;
	}

}
@media (min-width: 992px) {
    #mainNav {
        background-color: transparent;
        border-color: transparent;
		border-top: 3px solid #000;
    }
	#mainNav.type2{background-color:#fff}
    #mainNav .navbar-brand {
        color: fade(white, 70%)
    }
    #mainNav .navbar-brand:focus,
    #mainNav .navbar-brand:hover {
        color: #000000
    }
    #mainNav .navbar-nav>li>a,
    #mainNav .navbar-nav>li>a:focus {
        color: #000000
    }
    #mainNav .navbar-nav>li>a:focus:hover,
    #mainNav .navbar-nav>li>a:hover {
        color: #093464
    }
    #mainNav.navbar-shrink {
        background-color: #fff;
        border-color: rgba(34, 34, 34, .1)
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-brand:focus,
    #mainNav.navbar-shrink .navbar-brand:hover {
        color: #093464
    }
    #mainNav.navbar-shrink .navbar-nav>li>a,
    #mainNav.navbar-shrink .navbar-nav>li>a:focus {
        color: #222
    }
    #mainNav.navbar-shrink .navbar-nav>li>a:focus:hover,
    #mainNav.navbar-shrink .navbar-nav>li>a:hover {
        color: #093464
    }
	
}

header.masthead {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background:none; 
    color: #000000;
	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: left center;
    background-image: url(../img/bg-masthead.jpg);
}
header.masthead .header-content {
    text-align: center;
    padding: 100px 0 80px;
    position: relative
}
header.masthead .header-content .header-content-inner {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
	z-index:2;
}
header.masthead .header-content .header-content-inner h1.old {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 30px
}
header.masthead .header-content .header-content-inner .list-badges {
    margin-bottom: 25px
}
header.masthead .header-content .header-content-inner .list-badges img {
    height: 50px;
    margin-bottom: 25px
}
header.masthead .device-container {
    max-width: 300px;
    margin: 0 auto 100px
}
header.masthead .device-container .screen img {
    border-radius: 3px;
}
@media (min-width: 768px) {
    header.masthead {
        min-height: 100%
    }
    header.masthead .header-content {
        text-align: left;
        padding: 0;
        height: 100vh;
        min-height: 600px
    }
    header.masthead .header-content .header-content-inner {
        max-width: none;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
		width:100%;
		z-index:10;
    }
    header.masthead .header-content .header-content-inner h1.old {
        font-size: 35px
    }
    header.masthead .device-container {
        max-width: none;
        max-height: calc(100vh - 100px);
        margin: 100px auto 0
    }
	
}
@media (min-width: 992px) {
    header.masthead .header-content .header-content-inner h1.old {
        font-size: 36px
    }
}
section.download {
    padding: 150px 0;
    position: relative
}
section.download h2 {
    margin-top: 0;
    font-size: 50px
}
section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px
}
section.download .badges .badge-link:last-child {
    margin-bottom: 0
}
section.download .badges .badge-link img {
    height: 60px
}
@media (min-width: 768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0
    }
}
@media (min-width: 768px) {
    section.download h2 {
        font-size: 70px
    }
}

section.features .section-heading {
    margin-bottom: 40px
}
section.features .section-heading h2 {
    margin-top: 0
}
section.features .section-heading p {
    margin-bottom: 0;
	font-size:16px;
}

section.features .section-page p {
    font-size: 15px;
    line-height: 25px;
    margin: 14px 0;
}

.section-page h3{
    padding: 30px 0 0px ;
}

ul.page_ul li{
    padding-left: 5px;
    list-style: disc;
    margin-left: 20px;
}

ol.page_ol li{
    padding-left: 5px;
    list-style: decimal;
    margin-left: 20px;
    padding-bottom: 15px;
}
ol.page_ol.alpha li{
list-style: lower-alpha;
}
ol.page_ol li p{margin-top: 0px !important;}

section.features hr{
	margin:20px 0 25px;
	border-bottom: 2px solid #e4e4e6;
    color: #4a4d54;
}

section.features hr.left_hr{
    display: inline-block;
    margin: 8px 5px 8px 0;
    width: 40px;
}

.section-heading h3 a{
    color: #212529;
}

.detailnews .section-heading h3{
    font-size: 22px;
}
.detailnews section.features .section-heading p{
    font-size: 15px;
}
.detailnews section.details {
    padding: 60px 0 0px;
}
.detailnews section.features hr.left_hr {
    margin: 8px 5px 5px 0;
    width: 20px;
}

section.features .device-container,
section.features .feature-item {
    max-width: 300px;
    margin: 0 auto
}
section.features .device-container {
    margin-bottom: 100px
}
@media (min-width: 992px) {
    section.features .device-container {
        margin-bottom: 0
    }
}
section.features .feature-item {
    text-align: left;
    margin: 5px 0 15px;
}
section.features .feature-item h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}
section.features .feature-item i {
    font-size: 42px;
    display: inline-block;
    line-height: 48px;
	margin-bottom:8px;
    background: -webkit-linear-gradient(to right bottom, #6d2c8d, #333);
    background: linear-gradient(to right bottom, #6d2c8d, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
@media (min-width: 992px) {
    section.features .device-container,
    section.features .feature-item {
        max-width: none
    }
}
section.cta {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-image: url(../img/bg-cta.jpg);
    padding: 120px 0
}
section.cta .cta-content {
    position: relative;
    z-index: 1
}
section.cta .cta-content h2 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
    font-size: 50px;
	text-align:center
}
section.cta .cta-content p{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
	text-align:center;
	color:#fff;
}

@media (min-width: 768px) {
    section.cta .cta-content h2 {
        font-size: 50px
    }
}
section.cta .overlay, .overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .88);
    position: absolute;
    top: 0;
    left: 0
}
section.cta .overlay.grad1, .overlay.grad1{
    background: #9277aa;
    background: -webkit-linear-gradient(-45deg, #813aaa, #5f2a79, #9277aa);
    background: -o-linear-gradient(-45deg, #813aaa, #5f2a79, #9277aa);
    background: -moz-linear-gradient(-45deg, #813aaa, #5f2a79, #9277aa);
    background: linear-gradient(-45deg, #813aaa, #5f2a79, #9277aa);
    opacity:0.95;
}
.masthead .overlay{
	z-index:0;
	background-color: rgba(255, 255, 255, .5);
}

section.cta.pagemode{
    margin-top: 58px;
    padding: 140px 0 20px;
    
    background-position: center;
    background-image: url(../img/bg-cta.jpg);
}
section.cta.pagemode .cta-content h2 {
    margin-top: 0;
    margin-bottom: 0px;
	text-align:left
}
section.cta.pagemode .cta-content p{
    margin-bottom: 20px;
	text-align:left;
}

section.contact {
    text-align: center
}
section.contact h2 {
    margin-top: 0;
    margin-bottom: 25px
}
section.contact h2 i {
    color: #dd4b39
}
section.contact ul.list-social {
    margin-bottom: 0
}
section.contact ul.list-social li a {
    display: block;
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 40px;
    border-radius: 100%;
    color: #fff
}
section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2
}
section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8
}
section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998
}
section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86
}
section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39
}
section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925
}
footer {
    background-color: #222;
    padding: 25px 0;
    color: rgba(255, 255, 255, .3);
    text-align: center
}
footer p {
    font-size: 12px;
    margin: 0;
	color: #ddd;
}

.contact_area a{
    color: #636c72;
	text-decoration:none;
}

.contact_area a:focus, .contact_area a:hover {
    color: #093464;
	text-decoration:none
}

footer ul {
    margin-bottom: 0
}
footer ul li a {
    font-size: 12px;
    color: rgba(255, 255, 255, .3)
}
footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none
}

.bg-grey{
	background:#f9f9f9;
}
.bg-white{
	background:#ffffff;
}

.bg-primary {
   /* background: #093464;
    background: -webkit-linear-gradient(#093464, #032448);
    background: linear-gradient(#093464, #032448);
	background: linear-gradient(to left,#093464,#032448); */
	background-color:#000 !important;
}
.text-primary {
    color: #093464
}
.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.form-control{color:#000;}
.form-control:focus, .form-control2:focus {
    color: #000;
}

.btn-outline {
    color: #000;
    border-color: #000;
    border: 1px solid;
}
.btn-outline:hover
{
	color: #c00;
    border-color: #c00;
}
.btn-fill {
    color: #64347f;
    background-color: #ffffff;
    border-color: #64347f;
    font-weight: bold;
}
.btn-fill.active,
.btn-fill:active,
.btn-fill:focus,
.btn-fill:hover {
    color: #fff;
    background-color: #64347f;
    border-color: #64347f
}
.btn {
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
	font-size: 11px
}
.btn-xl {
    padding: 15px 45px;
}

.box_inside{
	background:#fff;
	padding:28px 0;
	border:1px solid #eee;
	border-radius:4px;
	position:relative;
	z-index:2;
	border-top: 5px solid #6d2c8d;
}

.box_inside p{margin-bottom:0;
	font-size:16px;
}
.box_inside h3{margin-bottom:0px;}
.box_inside .text-primary{font-size:60px; color:#000 !important;}

.box:before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: -1000px;
    right: -1000px;
    height: 60%;
    background-color: #fff;
	z-index:1;
	border-top: 1px solid #eee;
}

.event .box:before{
	top:0;
	border:none;
	display:none;
}

.event .box_inside{
	background:#fff;
	padding:43px 0 33px;
	border:1px solid #eee;
	border-radius:4px;
}

.modal-open {
    overflow:auto !important;
	padding-right:0 !important;
}

.modal-header{padding:10px 15px;
	
}

.modal-title{
	font-size:16px;
	font-weight:400;
}

.modal-dialog {
    max-width: 386px;
}

.form_area .input-group-addon{
	width:38px;
}

.form_area .input-group{
	padding-bottom:10px
}

.form_area .btn_full{
	width:100%;
	border-radius: .25rem;
	height: 38px;
}

.modal-footer .modal-title{
	font-size: 13px;
    text-align: left;
    width: 100%;
    display: block;
}

.video_icon{
	display:inline-block; padding: 0px 15px 0 10px;
}

.video_icon img{width:60px; border-radius:60px}

.video_caption{
	display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

.video_cta{
	padding-right:30px; padding-top:8px
}

.service_section .col-lg-6{
	padding:0 !important;
	width:50% !important;
}

form-control {
    font-size: 14px;
}

.captcha_frame{
	border: 1px solid rgba(0,0,0,.15);
    border-right: 0;
	padding:4px 0;
    padding-left: 7px;
    background: #ecedef;
}

.hide_desktop{display:none}

.logo_list{text-align:center;}

.logo_list ul{
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.logo_list ul li{
	display:inline-flex;
	vertical-align:middle;
}

.logo_item{position:relative}
.wrap_logo_tem{position:absolute; z-index:1; opacity:0; background:#f9f9f9;
-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.logo_item:hover .wrap_logo_tem{opacity:1}

.form_area .caption{
	font-weight:600;
	font-size:14px;
	padding-bottom:2px;
	font-family: Catamaran, Helvetica, Arial, sans-serif;
}

.form_area .caption_error{
	font-weight: 400;
    color: #e00;
}

.form_area .error.help-block {
	font-weight: 400;
    color: #e00;
	font-style:normal !important;
	padding-left:5px;
}

.form-control{
	font-size:15px;
	outline: 0;
}


.option_form{
	padding:2px 0 6px 10px;
	background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0 .25rem .25rem 0;
	width:100%;
	
}

.input-group.has-error .form-control, .input-group.has-error .option_form {
    border-color: #ff6262;
}

.option_form label{
	margin-bottom:0px;
}
.option_form label span{
	font-size:14px;
	line-height:20px;
	color:#000;
	padding-left: 20px;
	cursor:pointer;
}
.option_form label input,.option_form label span{
	vertical-align:middle;
	display: block;
}

.form-control2 {
    display: inline-block;
	outline:none;    
	padding: 3px 10px;
    font-size: 14px;
    color: #000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.option_form .radio{padding-top:3px}

.option_form input[type=radio], .option_form input[type=checkbox] {
    float: left;
	margin-top:4px;
}

.form_term{font-size:14px;}
.form_term ul{padding-left:18px}

h2.header_table{
	letter-spacing: 1px;
    font-size: 1.5rem;
    padding-bottom: 20px;
	font-weight:400
}

.table.eventhome thead th {
    vertical-align: bottom;
	border:none;
}

.table.eventhome td, .table.eventhome th{
	font-size:15px;
	text-align:left;
}

.table.eventhome{
	margin-bottom:0
}

.table.eventhome .fa{
	padding-left:5px
}

.f_icon {width:25px; height:25px; display:inline-block; line-height:25px; background:#fff; color:#000;
border-radius:100px; margin:0 0 0 5px; text-align:center; text-align: center; padding-right: 0px; padding-top: 1px;}

@media (max-width: 992px) {
    .menu_wrap{
		width:100% !important;
	}
	
	.box_inside{
		padding: 28px 0 38px;
	}
	
	.video_icon{
		display: block;
		padding: 0px 15px 10px 10px;
		text-align: center;
	}
	
	.video_caption{
		display: block;
		vertical-align: top;
		padding-top: 4px;
		text-align: center;
	}
	
	.video_cta{
		padding-right: 0px;
		padding-top: 24px;
		text-align: center !important;
	}
	
	.video_caption h3{
		margin-bottom:5px !important;
	}
	
	.logo{margin-bottom:35px; }
	
	p {
		font-size: 16px;
		line-height: 1.5;
	}
	
	section h2 {
		font-size: 36px;
	}
	
	.logo{margin-bottom:35px; }
	
	.hide_desktop{display:block}
	
	
	#mainNav .navbar-nav>li>a {
		padding: .8em 0rem;
	}
	
	
	
	.form_area .error.help-block {
		display:block;
		padding-left:0;
	}
}

@media only screen and (max-width: 768px) {
	.spiral_wrap{display:none !important}
	section.features .feature-item h3{font-size:17px !important}
	section.features .feature-item {
		text-align: center;
		margin: 20px auto;
	}
	
	.service_section .col-lg-6{
		width:100% !important;
	}
	
	p {
		font-size: 15px;
		line-height: 1.5;
	}
	
	.logo_list ul {
		flex-direction: column;
        height: auto;
        padding:0;
    }
    
    .logo_list ul li{padding: 35px;}

	section.partner {
		padding: 30px 0;
	}
}
@media only screen and (max-width: 576px) {
	.table.eventhome .fa{
		display:none;
    }
    .onlyMobile{display:block;}
    section.cta .cta-content h2.custom1{
        font-size: 36px;
        line-height: 44px;
     }
     section.details{padding: 60px 15px;}
     section.cta, section.kontak{padding: 60px 15px}
     section.partner{padding: 60px 0 75px}
     .section-gap{padding: 60px 15px !important;}

     section.page_single, section.cta.pagemode, section.gallery{padding-left:15px;padding-right:15px;}

     .custom2{
         margin: 0;
     }
}