h5 {color: #fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {text-decoration:underline; color: #fff !important;}
a {
    text-decoration:none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none !important;
}
a:hover { text-decoration: none;}
.bg-transp { background: transparent;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text { color: #fff; font-size: 17px; font-weight: 500;}
.navbar-light .navbar-toggler { border: 0; outline: none !important;}
.dropdown-divider { border-color: #e6e6e6;}
.display-4 { font-size: 3.0rem;}
.btn { outline: none !important;}	
.btn-a { background-color: #00b5ad; border-color: #00b5ad; color: #fff;}
.btn-a:hover, .btn-a:focus, .btn-a:active { background-color: #14c9c1; border-color: #14c9c1;}
.btn-grad {  background-color: #ca6c9c; border-color: #ca6c9c; color: #fff; outline: none !important;}
.btn-grad:hover, .btn-grad:focus, .btn-grad:active { background-color: #d280aa; border-color: #d280aa;}

.sec-grey { background-color: #efefef;}
.sec-grad-1 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ca6c9c+0,603583+100 */
background: #ca6c9c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ca6c9c 0%, #603583 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ca6c9c 0%,#603583 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ca6c9c 0%,#603583 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca6c9c', endColorstr='#603583',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */		
}

.sec-grad-2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ca6c9c+0,933c89+100 */
background: #ca6c9c; /* Old browsers */
background: -moz-linear-gradient(left, #ca6c9c 0%, #933c89 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ca6c9c 0%,#933c89 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ca6c9c 0%,#933c89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca6c9c', endColorstr='#933c89',GradientType=1 ); /* IE6-9 */	
}
a:hover {color: #fff !important; text-decoration-color: #21ff21;}
.sec-grad-3 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f87d1f+0,dc554b+100 */
background: #0c0f66 ; /* Old browsers */
background: -moz-linear-gradient(180deg, #0c0f66  15%, #0c6066  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(180deg, #0c0f66  15%,#0c6066  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(180deg, #0c0f66  15%,#0c6066  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0f66 ', endColorstr='#0c6066 ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.modal-header { border-radius: 0;}
.modal-form .modal-content { border-radius: 0; border: 0;}	
.modal-form .modal-header .modal-title { color: #000; margin-top: 5px;}
.modal-form .close { color: #000; opacity: 1; font-weight: 300; font-size: 44px; padding: 0.6rem 1rem 1rem 1rem;}
.modal-form .modal-body { padding-top: 40px;}
.modal-form .has-error .form-control { background-color: #dcb7d6;}
.modal-form .form-control {outline: none !important;}
.modal-form .form-control-lg { background-color: #fff; border-color: #ededed; padding: 13px 10px;}
.modal-form .btn-light { background-color: #fff; border-color: #ededed;}
.modal-form .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 1.25rem;}

header .navbar-light .navbar-text .reg-link { border-bottom: 2px #fff solid; color: #fff; padding-bottom: 5px; margin-right: 20px;}
header .navbar-light .navbar-text .login-link { border-bottom: 2px #fff solid; color: #fff; padding-bottom: 5px; margin-right: 20px;}
header .navbar-light .navbar-text .reg-link:hover, header .navbar-light .navbar-text .login-link:hover { color: #fff; border-bottom: none;}




.affix {
  position: fixed;
  top:0;
  width: 100%;
  opacity: 1;
}

.affix-top {
  position: static;
  opacity: 0.8;
}

.modul-container { position: relative;}

.modul-container h3 { color: #000; font-size: 24px;}

.modul-container .ui.steps .step.active {
    cursor: auto;
    background: #f97e1c;
}

.modul-container .ui.steps .step.active:after { background: #f97e1c;}

.modul-container .ui.steps .step { color: #cb4b54;}

.modul-container .ui.steps .step.active .title { color: #fff;}
.modul-container .steps { margin-bottom: 15px;}

.modul-container .ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 1.4rem;
}

.modul-container div.step-content { margin-top: 10px;}
.modul-container .p-3 { padding: 10px 0 0 0 !important;}

.modul-container .point[_ngcontent-c12] { height: 25px; border-bottom: 1px dashed #0e6eb8;}
.modul-container .b2c-eosago[_nghost-c0] .ui.steps .step.active { background-color: #ff7f17;}

.topmenu { color: #fff;}
.topmenu .utp h1 { text-align: center; font-size: 34px; text-transform: uppercase; margin-top: 70px; font-weight: 900;}
.topmenu .utp span { border-bottom: 1px #fff solid;}

.hero {
    position:relative;
    width:100% !important;
	margin-top: 30px;
	text-align: center;
}

.hero:before {
    content:'';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 50px #0c0f66;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}

.companieslogo img { margin: 0 auto;}



.hiw { margin-top: 70px;}
.hiw h2 { font-size: 34px !important; font-weight: 900; text-transform: uppercase; margin-bottom: 60px;}
.hiw .itm { margin-bottom: 40px;}
.hiw .itm .pic { position: relative;}
.hiw .itm .pic .stp { position: absolute; right: -20px; top: -20px; background-color: #0c0f66; border-radius: 100px; width: 50px; height: 50px; text-align: center; padding-top: 4px;}
.hiw .itm .pic .stp span { text-align: center; width: 100%; font-size: 28px; color: #fff;}
.hiw .itm p { font-size: 16px; font-weight: 300;}
.hiw .itm img { border: 1px #bdbdbd solid;}
.hiw .itm h3 { text-transform: uppercase; font-size: 38px; font-weight: 300 !important;}

.steps .number { width: 70px; height: 70px; text-align: center; padding-top: 8px; border-radius: 50px;}
.steps .number span { font-size: 32px; color: #fff; font-weight: 400;}
.steps .number-last { width: 70px; height: 70px; text-align: center; padding-top: 8px; border-radius: 50px; border: 2px #9c438c solid; background-color: #fff;}
.steps .number-last span { font-size: 32px; color: #9c438c; font-weight: 400;}
.steps .media { margin-bottom: 40px;}
.steps .media h5 { font-size: 32px; font-weight: 400; margin-bottom: 12px;}
.steps .media p { font-size: 20px; font-weight: 300;}
.steps .media-right { margin-left: -50px;}
.steps .media-left { margin-right: -50px;}
.steps .inner { background: url(../images/stp.png) repeat-y center;}


.utp .mainadvs h4 { text-align: center; color: #fff; font-size: 18px; font-weight: 300; text-align: center; margin-bottom: 60px;}

.mainadvs h4 { text-align: center; color: #000; font-size: 18px; font-weight: 300; text-align: center; margin-bottom: 40px !important;}

.bottom-btn { text-align: center;}
.btn-orange { background-color: #0c0f66; color: #fff; font-size: 22px; padding: 10px 30px;}


.sec-faq .btn-link { color: #ca6c9b; font-size: 18px;}

.sec-faq .btn { display: inline; text-align: left; white-space: inherit;}


.sec-a .desc, .sec-b .desc { margin-top: 60px;}
.sec-a .desc p, .sec-b .desc p, .sec-certif .desc p { font-size: 18px; font-weight: 300; margin-top: 20px;}
.sec-a .desc h2, .sec-b .desc h2, .sec-certif .desc h2 { text-transform: uppercase;}

.sec-b .logos img, .sec-a .logos img { max-height: 60px; text-align: left;} 

.sec-segment img { opacity: 0.5;}
.sec-segment p { font-size: 24px; font-weight: 300; margin-top: 30px;}


.contacts span { display: block; font-weight: 600; font-size: 17px;}
.contacts .phone a { color: #000; text-decoration: none;}

.sec-lead .btn { font-size: 24px; padding: 10px 10%;}
.sec-lead p { font-size: 24px; font-weight: 300; margin-top: 30px;}
.sec-lead .phone span { font-size: 20px; font-weight: 400;}
.sec-lead .phone h4 { font-size: 44px; font-weight: 400;}
.sec-lead .phone h4 a { color: #000;}
.sec-lead .phone .callback a { background-color: #000; color: #fff; text-align: center; font-size: 16px; border-radius: 4px; padding: 3px 15px 5px 15px;}

.modal-form { padding: 0 15px;}
.modal-form .agreement { font-size: 13px; color: #9c9c9c;}
.modal-form .form-b { text-align: center; padding-bottom: 40px;}
.modal-form .form-b h4 { margin-bottom: 15px;}

.refscreen { background-color: #f5f5f5;}
.ref-block { background-color: #fff; padding: 40px 30px; margin-top: 100px; text-align: center;}
.ref-block h2 { margin-bottom: 30px;}
.ref-block h4 { font-weight: 300;padding-bottom: 190px;}

.privacy-content h3 { font-size: 22px; margin-top: 15px;}
.privacy-content h5 { font-size: 16px;}

.modal-content { border: 0;}
.close { font-size: 2.5rem; text-shadow: none; line-height: 0.5;}
.warr-form .modal-body h3 { font-size: 20px; margin: 20px 0 30px;}

footer { padding-top: 60px; padding-bottom: 20px; border-top: 1px #bbbbbb solid; }
footer .desc { font-size: 14px; color: #787878; font-weight: 400;}
footer ul { margin: 0; padding: 0; list-style: none;}
footer ul li { margin-bottom: 10px;}
footer ul li a { color: #000;}
footer img { float: right;}
footer .support span { display: block; font-size: 15px;}
footer .support { font-size: 24px; color: #000; text-align: right}
footer .support a { color: #000;}
footer .support .mail { font-size: 16px; margin-top: 15px;}
footer .bottom-footer { margin-top: 40px; padding-top: 40px; color: #a2a2a2; font-size: 13px;}
footer .social { text-align: center;}
footer .social h5 { font-size: 13px; color: #ccc; margin-bottom: 10px;} 
footer .social img { height: 50px; margin: 0 10px;}


@media only screen and (min-width: 768px) and (max-width: 992px) {
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text { font-size: 16px;}
.firstscreen .utp h1 { font-size: 36px;}
.sec-a .desc, .sec-b .desc { margin-top: 5px;}
.display-4 { font-size: 2.0rem;}
}	

@media only screen and (min-width: 576px) and (max-width: 767px) {
.firstscreen .utp { margin-top: 40px;}
.firstscreen { background: #efefef url(../images/main_bg.png) no-repeat 370px bottom;}
.firstscreen .utp h1 { font-size: 36px;}
.firstscreen .utp .btn-div { margin-top: 80px;}
.sec-a .desc h2, .sec-b .desc h2 { text-align: center;}
.sec-a .desc p, .sec-b .desc p { text-align: center;}
.sec-a .logos, .sec-b .logos { text-align: center;}
.sec-certif img { margin-bottom: 30px;}
.mainadv .itm img { height: 45px;}
.mainadv .itm h4 { font-size: 20px;} 
.modul-container .steps { display: none !important;}
.hiw .itm h3 { margin-top: 30px;}
.hiw .itm p { margin-bottom: 50px;}
footer { text-align: center;}
footer ul { margin-top: 30px;}
footer .support { text-align: center; margin-top: 40px;}
footer .social { margin-top: 30px;}
footer img { text-align: center; float: inherit;} 
}	

@media only screen and (max-width: 575px) {
.firstscreen .utp { margin-top: 40px;}
.utp-img-container { overflow: inherit;}
.firstscreen { height: auto; padding-bottom: 40px; background-image: none;}
.firstscreen .utp h1 { text-align: center; font-size: 32px;}
.firstscreen .utp h3 { text-align: center; font-size: 20px; margin-bottom: 30px;}
.firstscreen .utp .btn-div { text-align: center;}
.firstscreen .utp .btn-div img { margin-top: 40px;}
.modul-container .steps { display: none !important;}

.sec-a .desc h2, .sec-b .desc h2 { font-size: 28px; text-align: center;}
.sec-a .desc p, .sec-b .desc p { text-align: center;}
.sec-a .logos img, .sec-b .logos img { margin: 0 auto;}
.sec-lead .phone h4 { font-size: 28px; margin-top: 30px;}
.sec-certif img { margin-bottom: 30px;}

.navbar-nav { padding-top: 10px; border-top: 1px #e6e6e6 solid; margin-top: 15px;}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-text { text-align: center;}

.steps .media-right { margin-left: 0;}
.steps .media-left { margin-right: 0;}
.steps .media h5 { font-size: 24px;}
.steps .media p { font-size: 18px;}
.steps .number { width: 60px; height: 60px; text-align: center; padding-top: 6px; border-radius: 50px;}
.steps .number span { font-size: 32px;}
.steps .number-last { width: 60px; height: 60px; text-align: center; padding-top: 6px; border-radius: 50px;}
.steps .number-last span { font-size: 32px;}
.steps .inner { background: url(../images/stp.png) repeat-y 30px;}

.mainadv .itm img { height: 40px;}
.mainadv .itm h4 { font-size: 18px;}
.hiw .itm h3 { margin-top: 30px;}
.hiw .itm p { margin-bottom: 50px;}

footer { text-align: center;}
footer ul { margin-top: 30px;}
footer .support { text-align: center; margin-top: 40px;}
footer .social { margin-top: 30px;}
footer img { text-align: center; float: inherit;} 
}

button {
    margin-top: 20px;color: #fff;background-color: #0c0f66;padding: 10px 30px;border: none;border-radius: 10px;cursor:pointer;
}
button:hover {
	background-color: #111694;
}
.h2menu {
    text-align: center;
    font-weight: bold;
}

#main {
    margin-top: -25px;

    @media (min-width: 800px) {
        margin-top: -62px
  };
}
 ul {
    display: inline-block;
    list-style: none;
 }