/*
	Theme Name: 2019Azino
	Version: 1.0
	Theme URI: https://wordpress.org/themes/2019azino/
	Author: 2019Azino
	Author URI: https://wordpress.org/
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html


*/

.breadcrumb {background: #000;}
.bg-dark {background: #091420 !important;}
.header-info li.list-inline-item:hover, .header-logo a {
    -webkit-animation: pulse 1 0.5s;
    animation: pulse 1 0.5s;

}
.header-logo, .header-info li.list-inline-item, .header-rating i {transition: all 0.5s ease;}
.nav-item-signup {margin-right: 15px;}

#toTop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}

.header {background: #050b12; z-index: 1; position: relative;}
.header-bg {background: url(images/header-bg.jpg?ver=1.0) top no-repeat;  -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */ position: absolute; width: 100%; height: 100%; top:0; z-index: 2;}
    .header-grad {margin-left: -15px; padding-left: 15px; margin-right: -15px; padding-right: 15px; padding-top: 40px; overflow: hidden; position: relative;}
    .header-logo {background: #193350; width: 40%; margin: 0px auto; padding: 20px 70px; position: relative; z-index: 1; }
    .header-logo:hover {background: #1a3a5d; }
    .header-logo img {max-width: 100%;}
    .header-rating i {color: #28a745; font-size: 30px;}
    .header-rating {color: #fff; padding-top: 15px;}
    .header-rating p {margin-top: 10px;}
    .header-rating span {font-weight: bold;}
    .header-bonus {font-size: 30px; text-transform: uppercase; color: #fff; margin-bottom: 15px;}
    .header-bonus span {font-weight: 700; color: #28a745; position: relative; z-index: 1; }
    .header-sidebar {background: #193350;}
  .main-content img.float-left {margin-right: 25px !important;}
    .nav-item-signup {padding-left: 15px;}
    .header-promo {position: absolute; background: #dc3545; font-size: 20px; color: #fff;  font-weight: bold; padding: 10px 50px;margin-left: -60px; z-index: 3; left: 0; top: 40px; 
 -moz-transform: rotate(-45deg); /* Для Firefox */
    -ms-transform: rotate(-45deg); /* Для IE */
    -webkit-transform: rotate(-45deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-45deg); /* Для Opera */
    transform: rotate(-45deg);

    }
    .header .btn,  .header-bonus,  .header-rating, .header-logo, .header-info {position: relative; z-index: 3;}
    .header-promo span {font-size: 10px; font-weight: normal;  display: inline-block; vertical-align: middle;}
.header-manager {text-align: center; color: #fff; font-weight: bold; position: relative; padding: 40px 20px; font-size: 18px;}

      .header-manager img {margin-bottom: 15px; width: 40%;}
      .header-manager button {}
.header-manager small {font-weight: normal; color:#cdcfd1;}
.header-manager i, .sidebar-manager i {font-size: 20px; border: 3px solid #fff; border-radius: 100px; -webkit-animation: pulse infinite 0.5s;
    animation: pulse infinite 0.5s; position: relative; right: 20px; top: 40px;}
.header-manager blockquote {margin-top: 15px; font-weight: normal; font-style: italic; font-size: 12px; border-radius: 5px; color: #cdcfd1; line-height: 14px; padding-right: 25px;}

blockquote:before {  
    content: open-quote;  
    font-size: 34pt;  
    text-align: center;  
    line-height: 42px;  
    color: #0a1522;  
font-family: arial;
    float: left;  
    position: relative;  
    top: 0px;  
    border-radius: 25px;  
    left: -10px;
    /** define it as a block element **/  
    display: block;  
    height: 25px;  
    width: 25px;  
}  
blockquote:after {  
    content: close-quote;  
    font-size: 34pt;  
    text-align: center;  
    line-height: 42px;  
    color: #0a1522;  
font-family: arial;
    float: right;  
    position: relative;  
    bottom: 10px;  
    border-radius: 25px;  
    right: -25px;
    /** define it as a block element **/  
    display: block;  
    height: 25px;  
    width: 25px;  
}  
.header-sidebar {position: relative; z-index: 4;}
.header-manager blockquote p {margin-bottom: 0px;}
.header-manager {padding-bottom: 0px;}
.header-awards {padding: 0 20px; }
.header-awards ul {border-top: 1px dotted #0a1522; padding-top: 10px;}
.header-awards li {padding-top: 10px; font-size: 12px; color: #fff; font-weight: bold;}
.header-awards i {margin-right: 10px; border-radius: 100px; background: red; color: #fff; text-align:center; display: inline-block; width: 25px; height: 25px; line-height: 25px; font-size: 14px;}
.main-content { padding-top: 25px; z-index: 1}
.main-content blockquote {font-size: 24px; color: #676b70; margin: 40px 40px; font-weight: 300; text-indent: -25px;}
.main-content blockquote:after {bottom: 30px; right: -40px;}
.main-content blockquote:before {left: -30px; }
.main-content li {margin-bottom: 15px;}
    .header-info li {background: rgba(15, 31, 51, 0.5); padding: 5px; font-size: 14px; color: #676b70; margin-top: 15px;}
          .header-info li:hover {background: rgba(15, 31, 51, 0.7);}
        .header-info li span {color: #fff; display: block; font-size: 18px; font-weight: bold;}
        .header-info i {color: #28a745;}
        .header-info {margin: 10px 0px;}
        .header-info img {width: 16px; margin-top: -3px;}
        .header-rating i:hover {color: #26b747;}
      
  .main-sidebar {text-align: left;}
  .sidebar-playing table td {white-space: nowrap;}
  .sidebar-playing table {margin-top: 20px;}
  .sidebar-playing table td a {margin-right: 10px;}
  .sidebar-playing i {color: #6c757d; margin-right: 5px; margin-left: 10px;}
.sidebar-playing span {display: inline-block; width: 30px;}
  .sidebar-playing .progress-bar {
  width: 0;
  animation: progress 5s ease-in-out forwards;
  -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
 } 



@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
} 
.main-sidebar {padding: 0px;}
  .sidebar-playing {background: #cdcfd1; padding: 30px; }
    .sidebar-win {background: #cdcfd1; padding: 30px; padding-top: 0;margin-top: 0;}
.sidebar-win img {width: 40%; float: left;}
.sidebar-win .carousel-inner {margin-top: 20px;}

.sidebar-win .float-right {width:60%; padding-left: 15px;}
.sidebar-win .float-right p {margin-bottom: 0; line-height: 20px; font-size: 14px;}
.sidebar-win .float-right .text-warning {font-size: 16px;} 
.sidebar-win .float-right small {font-size: 10px; margin-top: -5px;}

    .sidebar-info {background: #e9ecef; padding: 30px;}
    .sidebar-info li {padding: 10px 0px; border-bottom: 1px dotted #cdcfd1; display: flex;}
    .sidebar-info i {margin: 0px 5px; vertical-align: center; line-height: 40px;}
    .sidebar-info .fa-desktop {font-size:40px;}
    .sidebar-info .fa-mobile-alt {font-size:20px;}
    .sidebar-info .fa-laptop {font-size: 30px;} 
    .sidebar-info .fa-tablet-alt {font-size: 24px;}
    .sidebar-info li div {clear: both; display: block;}
    .sidebar-info span, .sidebar-info address {margin-left: auto; text-align: right;}
    .sidebar-info address {margin-bottom: 0;}
    .sidebar-info b {font-size: 12px; margin-right: 20px; text-transform: uppercase; color: #676b70; align-items: center; display: flex;}
  .sidebar-comments time {font-size: 10px;}
.sidebar-comments {background: #e9ecef; padding: 30px; padding-top: 0; margin-bottom: 50px;}
.sidebar-comments .card {margin-bottom: 15px;}
   .sidebar-manager {width: 100%;}
.sidebar-manager .card { margin: 0px 30px;}
.sidebar-manager i {top: 40px; position: relative; border: 5px solid #fff; border-radius: 100px; font-size: 18px !important; right: 25px;}
.sidebar-manager img {width: 100px; border: 5px solid #e9ecef;}

.sidebar-promo img {max-width: 100%}
.sidebar-promo {display: flex;}
.sidebar-promo span {margin-left: auto; text-align: right; font-size: 12px;}
.sidebar-promo span p {margin-bottom: 0; line-height: 30px; color: #fff;}
.sidebar-promo span p b {color: #28a745;}
.sidebar-promo-logo {align-items: center; width: 100px; background: #264a72; padding: 5px 25px; border-radius: 5px; display: flex;}
    .sidebar-promo-logo:hover {background: #244f7f; }
    .sidebar-promo button {}
  .sidebar-promo {background: #193350; padding: 15px 30px; margin-top: 58px;}
  .fixed-promo {z-index: 0;}
  .icon-danger i.fas {color: #dc3545!important}
.icon-success i.fas {color: #28a745!important;}
.fa-ul {margin-left: 25px !important; margin-top: 20px !important;} 
.sidebar-info-icons img {display: inline-block; width: 40px; height: 20px; margin: 2px;  -webkit-filter: grayscale(1);
  filter: grayscale(1); opacity: 0.7; transition: all 0.5s ease;} .sidebar-info-icons:hover img {opacity: 1; -webkit-filter: grayscale(0);
  filter: grayscale(0);} .main-subscribe {background: #e9ecef;} 

.btn-primary, .btn-outline-primary {border-color: #7b22c1;}	
	.btn-outline-primary {color: #7b22c1;}
.btn-primary:active {background: #7b22c1 !important;}
.btn-primary:focus, .btn-primary:active {box-shadow: 0 0 0 0.2rem rgba(255,79,149,.25) !important;
}
	.text-primary {color: #7b22c1 !important;}
	.btn-primary {background: #7b22c1;}
.btn-primary-success:hover, .btn-primary:hover {background-color: #7b22c1; border-color: #7b22c1;}
	.btn-outline-primary:hover {background-color: #7b22c1; border-color: #7b22c1;}	
	.btn-success {color: #000;}
.btn-success, .btn-outline-success {border-color: #c1fa53;}
	.btn-success:active {background: #c1fa53 !important;}
	.btn-success:focus, .btn-success:active {    box-shadow: 0 0 0 0.2rem rgba(255,79,149,.25) !important;
}
.text-success, .header-bonus span, .btn-outline-success, .main-subscribe b.text-success {
    color: #c1fa53 !important;
}
.bg-success, .badge-success, .btn-success {background-color: #c1fa53;}
	.sidebar-promo span p b {color: #fd8bfc;}
	.btn-outline-success:hover, .btn-success:hover {background-color: #a8de3f; border-color: #a8de3f; color: #000 !important;}
	.bg-dark {background-color: #2c0545 !important;}
	.sidebar-playing, .sidebar-win {background: #35073d; color: #fff;}
	.header-logo, .header-sidebar, .sidebar-promo {background-color: #1d0123}
	.sidebar-promo-logo {background-color: #27032e}
	.sidebar-info {background: #e9ecef; }
	.sidebar-playing h5, .sidebar-win h5 {color: #fd8bfc !important;}
	.sidebar-info b {color: #333;}
	.sidebar-playing .bg-success {background: #62128e !important;}
	.sidebar-playing i {color: #62128e;}
	.header-rating i, .header-rating i:hover {color: #ddb442;}
	.sidebar-playing .progress {}
	.sidebar-win p {color: #000;}
	.sidebar-info li {border-color: #b0c6d6;}
	.btn {}
	.sidebar-comments {background: #f8f9fa}
	.header {background: #000 !important;}
	.header-info i {color: #62128e;}
	.header-info li {background-color: rgba(255, 255, 255, 0.03) !important;}
	.header-logo {padding: 0px 50px;}
	.header-logo:hover, .sidebar-promo-logo:hover {background: #280230;}
	.sidebar-manager i.fa-user-circle, .header-manager i.fa-user-circle, .header-info i.fa-check  {color: #28a745 !important} #faq-block .btn {white-space: normal !important;}

.sidebar-playing .border-primary {border-color: #7b22c1 !important;}
					.sidebar-playing .bg-none {background: none !important;}
					.border-primary .card-footer {background: rgb(95, 55, 170, 0.5) !important;}
					.border-primary .card-footer a {color: #fff; text-decoration: underline;}
					.sidebar-mirror {background: #e9ecef; padding: 30px; margin-top: -60px;}

@media (max-width: 991.98px) { .sticky {position: relative !important; top: 0 !important; }}
	@media (max-width: 768px) { .sticky {position: relative !important; top: 0 !important;}}

@media (max-width: 576px) {

.header-logo {width: 80%; 
 }
.header-logo img {z-index: 5}
.header-promo {z-index: 4;}}