@import 'fontawesome.css';

*{transition: all 0.1s ease-in;}

.loading{display: table; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999; background-color: #0e111f;}
.loading div{display: table-cell; width: 100%; color: #fff; vertical-align: middle; text-align: center;}
.loading h1{font-size: 30px; font-weight: 400;}
.loading .logo{display: inline-block; background: #0e111f url(img/loading.gif) no-repeat center center; background-size: 280%; width: 200px; height: 150px;}
.loading h5{padding: 0; margin: 5px 0 0 0;}
.loading h5 span{display: inline-block; padding: 5px 10px; background-color: #3e466b; opacity: 3; font-size: 14px;}
.loading h5 span:first-child{border-radius: 3px 0 0 3px; box-shadow: #000000 0px 10px 12px -9px;}
.loading h5 span:last-child{border-radius: 0 3px 3px 0; background-color: #00abff; box-shadow: #000000 0px 10px 12px -9px;}

body{font-size: 12px; background-image: url(img/background.gif); background-position: top center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}


header{margin: 15px 0;}
header .logo{text-align: center;}
header .slogan{color: #173e67; font-size: 15px; display: inline-block; background-color: #fcee21; padding: 7px 15px; margin-top: 15px; font-weight: bold; border-radius: 4px; border-bottom: #dccf10 solid 2px;}
header .slogan p{margin: 0;}


header .nav{margin-top: 20px;}
header .nav>ul{margin: 0 auto; padding: 15px 15px 12px 15px; background-color: #fff;

background: rgb(69,72,77);
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

 border-radius: 200px; box-shadow: #5f5f5f 0px 11px 24px -13px;}
header .nav>ul li{margin: 0 6px; padding: 0; list-style: none; display: inline-block;}
header .nav>ul li a{display: table; cursor: pointer; background-color: #29abe2; color: #fff; width: 55px; height: 55px; border: #f1f7f7 solid 3px; box-shadow: #31caff 0px 0px 0px 3px; border-radius: 50%; font-size: 25px; text-align: center; text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
header .nav>ul li.active a, header .nav>ul li a:hover{background-color: #383a3c; box-shadow: #2f3133 0 0 0 3px;}
header .nav>ul li a i{display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
header .nav>ul li a i.fa-paper-plane:before{margin-left: -4px;}
.nav-tooltip.bs-tooltip-left{margin-right: 5px;}
.nav-tooltip.bs-tooltip-right{margin-left: 7px;}
.nav-tooltip.bs-tooltip-bottom{margin-top: 7px;}
.nav-tooltip.bs-tooltip-top{margin-bottom: 7px;}


.home-page{text-align: center; color: #848484; font-size: 15px; margin-bottom: 10px;}
.home-page p{margin-bottom: 5px;}



.content-wrappers img{max-width: 100%;}


.left-nav{margin: 0; padding: 0;}
.left-nav li{height: 70px; margin: 0 0 5px 0; padding: 0; list-style: none; background: #fff; border-radius: 5px; border: #4f575a solid 2px; text-align: center; overflow: hidden;}
.left-nav li a{height: 100%; display: flex; align-items: center; justify-content: center;}

.left-nav li a:hover{text-decoration: none;}
.left-nav li a img{/*width: 100%; height: 50px; object-fit: cover;*/}
.left-nav li a h3{padding: 8px 5px 10px 5px; margin: 0; font-size: 22px; text-align: center;}


.box{border-radius: 4px; padding: 3px; box-shadow: #254402 0px 9px 16px -15px;}
.box-success{background-color: #6ad16c;}
.box-info{background-color: #7ddeff;}
.box .card{border: 0; border-radius: 4px;}
.box .card .card-header, .modal-header{color: #585858; font-weight: bold; border-bottom: #acacac dashed 1px; padding: 15px 20px; background: rgb(247,247,247); background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(222,222,222,1) 100%); background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(222,222,222,1) 100%); background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(222,222,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0);}

.box-success .card-header a{color: #07bf06;}
.box-info .card-header a{color: #00beff;}


.premium-account-items{position: relative; width: 100%; padding-left: 3px; margin-right: -2px; text-align: center;}
.premium-account-items .item{margin: 10px 0 10px -3px; display: inline-block; *display: inline; zoom: 1; cursor: pointer;}

/*.premium-account-items .item .info{position: relative; padding: 17px; border-radius: 4px; background-color: #7ddeff; color: #07a9e0; box-shadow: #023544 0px 9px 16px -15px;}*/
.premium-account-items .item .info{position: relative; padding: 17px; border-radius: 4px; background-color: #b9c9cf; color: #4c6168; box-shadow: #023544 0px 9px 16px -15px;}

.premium-account-items .item .info div, .premium-account-items .item .info .title{position: relative; z-index: 2;}
/*.premium-account-items .item .info::after{content : ''; position: absolute; z-index: 1; top: 3px; right: 3px; bottom: 3px; left: 3px; border-radius: 3px; background: rgb(226,248,255); background: -moz-linear-gradient(top,  rgba(226,248,255,1) 1%, rgba(209,243,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(226,248,255,1) 1%,rgba(209,243,255,1) 100%); background: linear-gradient(to bottom,  rgba(226,248,255,1) 1%,rgba(209,243,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f8ff', endColorstr='#d1f3ff',GradientType=0);}*/
.premium-account-items .item .info::after{
content : ''; position: absolute; z-index: 1; top: 3px; right: 3px; bottom: 3px; left: 3px; border-radius: 3px;

background: rgb(238,238,238);
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );

}

.premium-account-items .item .info:hover{background-color: #6ad16c;}
.premium-account-items .item .info:hover .title{color: #138105;}
.premium-account-items .item .info:hover::after{background: rgb(140,251,153); background: -moz-linear-gradient(top,  rgba(140,251,153,1) 0%, rgba(133,235,120,1) 100%); background: -webkit-linear-gradient(top,  rgba(140,251,153,1) 0%,rgba(133,235,120,1) 100%); background: linear-gradient(to bottom,  rgba(140,251,153,1) 0%,rgba(133,235,120,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cfb99', endColorstr='#85eb78',GradientType=0);}

.premium-account-items .item .info:hover .price{color: #138105;}
.premium-account-items .item .info:hover .producers{border-top-color: #6ad16c;}


.premium-account-items .item .info .icon{height: 50px; max-width: 126px; margin: 0 auto; border-radius: 4px; background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; overflow: hidden;}
.premium-account-items .item .info .title{text-align: center; font-size: 13px; font-weight: 600; white-space: normal; display: block; padding: 0; margin: 10px 0 0 0; color: #4c6168;}
.premium-account-items .item .info .title:hover{text-decoration: none;}
.premium-account-items .item .info .title strong{display: block; font-size: 15px; /*line-height: 1;*/ font-weight: bolder; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/}


.premium-account-items .item .price{position: relative; z-index: 2; margin: 10px 0 10px 0;}
.premium-account-items .item .btn-buy{position: relative; z-index: 2; font-weight: bolder; background-color: orange; color: #fff}
.premium-account-items .item .producers{display: block; position: relative; z-index: 2; font-size: 14px; color: #333; text-decoration: none; border-top: #b9c9cf dashed 2px; padding: 14px 10px 0 10px; margin: 15px -15px 0 -15px;}


.premium-account-items .item-details{float: left; width: 100%; margin-left: -3px;}
.premium-account-items .item-details .box{margin: 10px 0;}
.premium-account-items .item-details .col-md-12 p{border: #000 solid 2px;}

table.table-items{font-weight: bolder; color: #484848;}
table.table-items thead tr:first-child th:first-child, table.table-items thead tr:first-child td:first-child{border-top-left-radius: 4px;}
table.table-items thead tr:first-child th:last-child, table.table-items thead tr:first-child td:last-child{border-top-right-radius: 4px;}
table.table-items thead{background: rgb(247,247,247); background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(222,222,222,1) 100%); background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(222,222,222,1) 100%); background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(222,222,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dedede',GradientType=0);}
table.table-items thead tr th, table.table-items thead tr td{padding: 15px 12px; font-weight: bolder;}
table.table-items thead tr, table.table-items tbody tr{border-bottom: #acacac dashed 1px;}
table.table-items thead tr th, table.table-items thead tr td, table.table-items tbody tr th, table.table-items tbody tr td{border: 0;}
table.table-items tbody tr:last-child{border: 0;}
table.table-items tbody tr:nth-of-type(even){background-color: #f5f5f5;}
table.table-items tbody tr:hover{color: #00a603;}
table.table-items tbody tr th, table.table-items tbody tr td{vertical-align: middle; padding: 7px 12px;}
table.table-items .btn-buy{font-size: 12px; background-color: #ff8a00; color: #fff; font-weight: bold; border-radius: 4px; text-shadow: rgba(0, 0, 0, 0.37) 1px 1px 2px; outline: 0;}
table.table-items .btn-buy:hover{background-color: #6ad16c;}


form{color: #6c6c6c;}
/*form input.form-control{border: #dfdfdf solid 3px; outline: none;}*/
form .input-box{background-color: #dfdfdf; padding: 3px; border-radius: 4px;}
/*form .form-control:focus, form .form-control{border-radius: 4px; border: 0 !important; outline: 0; box-shadow: initial;}*/
form .input-box.submit{background-color: #297f02;}
form .input-box.submit button.btn{color: #026d0a; text-shadow: #00fe05 1px 1px 1px; border-radius: 4px; border: 0; background: rgb(12,239,18); background: -moz-linear-gradient(top,  rgba(12,239,18,1) 0%, rgba(6,174,2,1) 100%); background: -webkit-linear-gradient(top,  rgba(12,239,18,1) 0%,rgba(6,174,2,1) 100%); background: linear-gradient(to bottom,  rgba(12,239,18,1) 0%,rgba(6,174,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cef12', endColorstr='#06ae02',GradientType=0);}
form .input-box.security-pin img{border-radius: 4px; margin-right: 10px; cursor: pointer;}
form .form-check{margin-top: 13px;}
form .form-group.poll-btn{margin-top: 9px;}
.security-pin.input-group > .form-control:not(:first-child), .security-pin.input-group > .custom-select:not(:first-child){border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

form.sale-form h1{font-size: 16px; padding: 8px 15px; background-color: #eee; border-radius: 5px; line-height: 1.5;}

.pay-result{text-align: center; font-size: 14px; padding-top: 15px; margin-bottom: 20px;/*box-shadow: #000 0px -15px 24px -35px;*/}
.pay-result .box-success{background-color: #acf79b; margin-top: 15px;}
.pay-result .box-success .body{background-color: #e2f7e0; border-radius: 4px; color: #1c9301; padding: 10px 20px;}
.pay-result .box-error{background-color: #f79b9b; margin-top: 15px;}
.pay-result .box-error .body{background-color: #f7e0e0; border-radius: 4px; color: #930101; padding: 10px 20px;}
.pay-result p{margin: 0; line-height: 1.5;}

.alert:not(.p-normal) p{margin: 0;}
.p-normal p, p.p-normal{margin-bottom: .40rem;}

.box .alert:not(.comment):not(.no-exit-margin){margin-left: -20px; margin-top: -20px; margin-right: -20px; border-radius: 0;}

footer .footer-info{color: #4286f5; font-size: 11px;}
footer .footer-info p{margin-top: 10px; font-weight: 600}
footer .footer-info .fa{font-size: 19px; color: #4286f5; margin-right: 6px;}

footer .footer-links, footer .footer-links a{color: #07ac39;}

footer{padding: 20px 0 17px 0; background-color: rgba(255, 255, 255, .4); margin: 10px 0 20px 0; border-top: #4286f5 solid 2px; border-bottom: #07ac39 solid 2px;}
footer p{margin: 0;}

.center{text-align: center;}
* p:last-child{margin-bottom: 0;}

.no-padding{padding: 0;}
.no-margin{margin: 0;}
.no-mar-bot{margin-bottom: 0;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.padding-25{padding: 25px;}
.padding-30{padding: 30px;}
.mar-bot-5{margin-bottom: 5px !important;}
.mar-bot-10{margin-bottom: 10px !important;}
.mar-bot-15{margin-bottom: 15px !important;}
.mar-bot-20{margin-bottom: 20px !important;}
.mar-bot-25{margin-bottom: 25px !important;}
.mar-bot-30{margin-bottom: 30px !important;}
.mar-top-0{margin-top: 0px !important;}
.mar-top-5{margin-top: 5px !important;}
.mar-top-10{margin-top: 10px !important;}
.mar-top-15{margin-top: 15px !important;}
.mar-top-20{margin-top: 20px !important;}
.mar-top-25{margin-top: 25px !important;}
.mar-top-30{margin-top: 30px !important;}

.border-radius-3{border-radius: 3px;}
.border-radius-4{border-radius: 4px;}
.border-radius-5{border-radius: 5px;}


.poll-btn input{position: absolute; width: 0px; height: 0px;}
.poll-btn label{position: relative; padding-left: 33px; padding-top: 3px; min-height: 25px;}
.poll-btn label span{position: absolute; top: 0; left: 0; width: 25px; height: 25px; background-color: #ddd; border-radius: 3px;}
.poll-btn input[type="radio"] + label span{border-radius: 50%;}
.poll-btn label:hover span{background-color: #ccc;}
.poll-btn label span::after{position: absolute; content: ''; width: 8px; height: 12px; top: 5px; left: 9px; border: solid #fff; border-width: 0 3px 3px 0; transition: transform .4s ease-in-out; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.poll-btn input:checked + label span{background-color: #06b002;}
.poll-btn input:checked + label span::after{content: ""; -webkit-transform: rotate(405deg); -ms-transform: rotate(405deg); transform: rotate(405deg);}
.poll-btn input:disabled + label{}

.poll-btn input:checked + label.blue span{background-color: #0077ff;}
.poll-btn input:checked + label.orange span{background-color: #ff7c00;}
.poll-btn input:checked + label.yellow span{background-color: #ffe600;}

.pagination{display: inline-block;}
.pagination li{display: inline-block;}


.new-navbar .navbar-toggler{border: #fff solid 2px; padding: 12px 20px; color: #fff; outline: 0; margin-bottom: 20px;}

/*.new-navbar{position: relative; z-index: 1; margin: 0; background: url(img/bg-soft.jpg) no-repeat center -1000px; padding: 15px 0; box-shadow: #000 0px 18px 73px -24px;}*/

.new-navbar{position: relative; z-index: 1; margin: 0;

background: #b5bdc8;
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );


padding: 15px 0; box-shadow: #000 0px 18px 73px -24px;}

.new-navbar .navbar-brand{background-color: #00002c; padding: 4px 13px 6px 13px; border-radius: 30px;}
.new-navbar .nav-item a, .new-navbar:hover .nav-item.active a{background: transparent; box-shadow: initial; font-size: 16px; color: #fff; padding: 8px 20px !important; border-radius: 30px; text-shadow: #114263 0px 1px 2px; font-weight: 600;}


/*.new-navbar .nav-item.active a, .new-navbar .nav-item a:hover, .new-navbar .nav-item.active:hover a{background: rgb(89,193,202); background: -moz-linear-gradient(top,  rgba(89,193,202,1) 0%, rgba(24,86,132,1) 100%); background: -webkit-linear-gradient(top,  rgba(89,193,202,1) 0%,rgba(24,86,132,1) 100%); background: linear-gradient(to bottom,  rgba(89,193,202,1) 0%,rgba(24,86,132,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c1ca', endColorstr='#185684',GradientType=0 ); box-shadow: #124f7b 0px 10px 11px -6px; text-shadow: #4daebd 0px 1px 1px; color: #1a5a87;}*/
.new-navbar .nav-item.active a, .new-navbar .nav-item a:hover, .new-navbar .nav-item.active:hover a{



background: #e4f5fc;
background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);
background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );



box-shadow: #124f7b 0px 10px 11px -6px; text-shadow: #4daebd 0px 0px 0px; color: #011e32;

}


.top-bg{position: relative; height: 450px; margin: 0 0 -100px 0;}
.top-bg:after{content: ''; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: url(img/1.gif) no-repeat center center; background-size: cover;}

.top-bg .home-page{margin: 15px auto 0 auto; background: rgba(255, 255, 255, .3); border-radius: 5px; padding: 10px; font-style: italic; color: #20628c;}
.premium-account-items:after{content: ''; position: absolute; z-index: -1; width: 100%; height: 100px; left: 0; top: 0; background: rgba(255, 255, 255, .4); border-radius: 5px 5px 0 0;}

@media (min-width: 1200px)
{
	/*.container, .container-sm, .container-md, .container-lg, .container-xl{max-width: 720px;}*/

	::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color: #d2e2ea;}
	::-webkit-scrollbar{width: 5px; background-color: transparent;}
	::-webkit-scrollbar-thumb{background-color: #757575; box-shadow: inset 0px 0px 5px -3px rgba(0,0,0, 1);}
}
@media (min-width: 992px)
{
	/*.container, .container-sm, .container-md, .container-lg{max-width: 720px;}*/

	::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); background-color: #d2e2ea;}
	::-webkit-scrollbar{width: 5px; background-color: transparent;}
	::-webkit-scrollbar-thumb{background-color: #757575; box-shadow: inset 0px 0px 5px -3px rgba(0,0,0, 1);}
}