/* your styles go here */ /* CSS used here will be applied after bootstrap.css */ .modal-header-success { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #5cb85c; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-warning { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #f0ad4e; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-danger { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #d9534f; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-info { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #5bc0de; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-primary { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #428bca; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header-theme { color: #fff; padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #38a7bb; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .has-success .form-control { border-color: #d6e9c6; } .has-error .form-control { border-color: #ebccd1; } #back-to-top { position: fixed; top: 100px; left: 0; z-index: 9999; width: 40px; height: 40px; text-align: center; line-height: 30px; background: #38a7bb; color: #fff; cursor: pointer; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; padding: 4px 1px 4px 0; } #back-to-top:hover { background: #20616d; color: #fff; } #back-to-top.show { opacity: 1; } #top .social a:hover.vk { background: #507299; } #top .social a:hover.odnoklassniki { background: #ee8208; } #navigation .navbar-nav ul.dropdown-menu li.active a { background: none; color: white; } #navigation .navbar-nav ul.dropdown-menu li.active { background: #38a7bb; } .full-height{ min-height:100vh; } .image-item { width: 100%; padding-bottom: 65%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .main h4 { color: #467fbf; text-transform: uppercase; background-color: #fff; display: inline-block; padding: 7px 30px; } .main h3 { margin: 40px 0; } .main h1 { font-size: 62px; margin-bottom: 50px; color: #ff9701; } .boximg-item { width: 100%; padding-bottom: 75%; background-position: center; background-repeat: no-repeat; background-size: cover; } .box-simple .icon{ position:relative; overflow:hidden; } .icon-sessions { position: absolute; width: 70%; height: 70%; top: 15%; left: 15%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .list-sessions{ list-style: none; padding: 0; text-align: left; color: #9a9a9a; } img.img-responsive.img-circle { max-width: 200px; display: inline-block; } .main ul { padding: 0; text-align: center; font-size: 18px; list-style: none; margin-bottom: 35px; } .main ul div{ font-size: 32px; font-weight: bold; } .main ul li { margin: 5px 0; margin-left: 20px; } .jumbotron { background: url(/img/stratis.jpg) center center repeat; } .maps-header{ padding:0; padding-top:15px; } .forwho li { background-image: url(../img/ckeck.png); background-position: 0px 2px; background-repeat: no-repeat; text-indent: 25px; padding-top: 0; line-height: 25px; margin-bottom: 8px; } @media(max-width:991px){ .navbar-collapse.collapse ul li br{display:none;} .navbar-collapse.collapse ul li a{line-height:20px!important;} } #sect3,#sect5,#sect7{color:#fff;} #sect3 h2, #sect5 h2, #sect7 h2{ border-bottom: solid 5px #ff9701; color: #fff;} #sect3 .box-simple .icon,#sect5 .box-simple .icon,#sect7 .box-simple .icon{ color: #ff9701; border: 3px solid; border-color: #ff9701; line-height: 75px; margin-bottom: 15px; } #sect3 .box-simple h3, #sect5 .box-simple h3, #sect7 .box-simple h3{ color: #fff; } #sect3 .list-sessions, #sect5 .list-sessions, #sect7 .list-sessions{ list-style: none; padding: 0; text-align: left; color: #ffffff; } #sect3 .list-sessions li, #sect5 .list-sessions li, #sect7 .list-sessions li { background-image: url(../img/ckeck2.png); background-position: 0px 4px; background-repeat: no-repeat; text-indent: 28px; padding-top: 0; line-height: 29px; margin-bottom: 8px; font-size: 16px; } .btn-template-transparent-orange { color: #ff9701; background-color: transparent; border-color: #ff9701; } .btn-template-transparent-orange:hover, .btn-template-transparent-orange:focus, .btn-template-transparent-orange:active, .btn-template-transparent-orange.active { background: #ff9701; color: #fff; border-color: #ff9701; } .modal-title{ text-align: center; max-width: 420px; margin: 0 auto; } .team-member .text p { color: #999999; font-size: 16px; padding-top: 7px; line-height: 23px; } .modal-dialog{ max-width: 850px; width: 100%; } .form-down{ margin-top: 10px; margin-bottom: 25px; } .navbar-affixed-top.affix{ z-index: 10000;} .modal{ z-index: 10500; } .modal-backdrop{ z-index: 10400; } @media (max-width:767px) { .modal-dialog{margin:0;} } #sect7 .heading { margin-bottom: 30px; } #back-to-top{ background: #ff9701; } #back-to-top:hover { background: #735120; color: #fff; }