/*---------------------------------------------------------------------
                            General
-----------------------------------------------------------------------*/

body {
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
	color:#0e1a35;
}
body, p{
	font-size: 16px;	
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: rgba(0, 161, 187, 0.5);
}

::-webkit-scrollbar-thumb
{
	background-color: #477ae7;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding: 0 15px;
}
.table>thead>tr>th{
	border-bottom: 1px solid #EFF5FC;
}
a:focus, a:hover {
	color:#2d57c5;
}
label.error{
	font-weight: 300;
    color: #b14141;
}
.content{
	padding-top: 80px;
    padding-bottom: 80px;
}

footer .content{
	padding-top: 0;
	padding-bottom: 0;
}

.flex-row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

h2, .heading-large, h3.heading-large{
	font-size: 48px;
    font-weight: 500;
    line-height: 1.16;
}
h3, .heading-medium, h2.heading-medium{
	font-size: 36px;
	line-height: 48px;
    font-weight: 500;
}
h4, .heading-small{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.46;
}
.text-medium{
	font-size: 17px;
    line-height: 1.59;
}
.menu-transparent .navbar-collapse{
	padding-bottom:0;
}
.navbar-brand img{
	margin-top:2px;
	max-height: 85%;
}
header .custom-area{
	padding-top: 26px;
}


/*---------------------------------------------------------------------
                           Buttons
-----------------------------------------------------------------------*/
.btn {
	font-weight: 400;
	padding: 13px 44px;
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border-radius: 30px;
	overflow:hidden;
	font-size:16px;
	box-shadow: 0px 7px 20px 0 rgba(62, 107, 224, 0.75);
}
.btn-lg{
    padding: 19px 44px;
}

/* Btn light */
.btn.btn-light{
	color: #497ae6;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn.btn-light:hover{
	color: #ffffff;
	border-color: #ffffff !important;
}

/* Btn Primary */
.btn.btn-primary {
    color: #ffffff;
	border:none;
    background-image: linear-gradient(to right, #5f88ee 0%, #3e6be0 51%, #5f88ee 100%);
	box-shadow: 0px 8px 15px rgba(69, 113, 227, 0.45);
	background-size: 200% auto;
}

.btn.btn-primary:hover{
	background-position: right center;
}


.mb-0{
	margin-bottom:0;
}

/*---------------------------------------------------------------------
                            Top banner
-----------------------------------------------------------------------*/

.top-banner-section{
	position:relative;
	padding:70px 0;
}
.top-banner-info {
	position:relative;
	z-index:1;
	padding:100px 0 80px 0;
}
.top-banner-info .btn-holder{
	margin-top:20px;
}
.top-banner-info h1{
	font-size: 50px;
	font-weight: 500;
	line-height: 1.2;
	color:#ffffff;
	margin-bottom:20px;
}
.top-banner-list{
	list-style:none;
	padding-left:0;
	margin-bottom: 10px;
}
.top-banner-list li{
	position:relative;
	padding-left:35px;
	font-weight: 300;
	font-size: 17px;
    line-height: 1.76;
    color: #f4f7fe;
	margin-bottom:3px;
}
.top-banner-list li .icon{
	color:#ffffff;
	font-size: 16px;
	position:absolute;
	left:0;
	top:6px;
}

.top-banner-content{
	padding-bottom:80px;
	position:relative;
	background:url(../images-new-theme/backgrounds/top-banner-bg.svg) no-repeat bottom;
	background-size:cover;
}
.layer-map-bg{
	position:absolute;
	top:0;
	right:10%;
	width:100%;
	height:100%;
	background:url(../images-new-theme/scene/map.svg) no-repeat right;
	background-size:50%;
	z-index:0;
}

/* Banner scene */
.banner-scene{
	padding-top:80px;
	position:relative;
}
.banner-scene .layers-container{
	display:flex;
	width:587px;
	height:470px;
}
.layers-container img{
	border-radius:50%;
	box-shadow: 0px 8px 29px 0 #1f4eb5;
}
.layers-container .layer{
	position:absolute;
}
.layer-bg{
	height: 100%;
    width: 100%;
	background:url(../images-new-theme/scene/line.svg) no-repeat bottom;
	background-size:cover;
}

.layers-container .layer-1{
    width: 60px;
    height: 60px;
    left: 36%;
    top: 48%;
}
.layers-container .layer-2{
    width: 45px;
    height: 45px;
    left: 6%;
    top: 34%;
}
.layers-container .layer-3{
	width:53px;
	height:53px;
	left: 37%;
    top: 13%;
}
.layers-container .layer-4{
	width: 47px;
    height: 47px;
    left: 71%;
    top: 26%;
}
.layers-container .layer-5{
	width: 60px;
    height: 60px;
    right: -3%;
    top: 58%;
}
.layers-container .layer-6{
    width: 99px;
    height: 97px;
    right: 24%;
    bottom: 7%;
}
.layers-container .layer-7{
	width: 84px;
    height: 84px;
    left: -3%;
    bottom: 5%;
}

.figures-shadow{
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.services-section{
	padding:75px 0 40px 0;
	overflow:hidden;
}
.services-section .row{

}
.services-section div[class^="col"] .row{
	
}
/* Service item */

.services-section [data-aos=fade-right],
.package-section [data-aos=fade-right]{
    transform: translate3d(-30px,0,0);
}
.services-section [data-aos=fade-up] {
    transform: translate3d(0,30px,0);
}
.services-section [data-aos=fade-left] {
    transform: translate3d(30px,0,0);
}
.services-section [class*=col-md-] + [class*=col-md-] {
    margin-top: 0;
}
.service-content{
	padding:10px;
	text-align:left;
}
.service-item{
	margin-bottom:40px;
	position:relative;
}

.service-item .service-img-box{
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.service-item .service-img-box{
	padding:15px;
	box-shadow: 0px 8px 29px 0 #c8d6e8;
	border-radius:8px;
}
.service-item .service-img-box:hover{
	box-shadow: 0px 8px 29px 0 #83a0e0;
}

.service-item .service-heading{
	font-size: 17px;
	margin-top:5px;
}
.service-item .service-desc{
	margin-top:0;
	line-height: 1.5;
	letter-spacing: normal;
	color: #6a7896;
}
.service-item .service-link{
	font-size: 14px;
	color: #497ae6;
}
.service-item .service-link{
	display:flex;
	align-items:center;
}
.service-item .service-link .icon{
	width:14px;
	margin-left:10px;
}
.service-item .coming-btn{
	position:absolute;
	top:15px;
	right:15px;
	font-weight:300;
	font-size:14px;
	padding:4px 12px;
}
.service-item[disabled] h3, .service-item[disabled] p{
	color:#8492af;
}



/*---------------------------------------------------------------------
                        Benefits section
-----------------------------------------------------------------------*/
.benefits-section{
	position: relative;
}
.benefits-section-inner{
	padding:140px 0;
	background:url(../images-new-theme/backgrounds/wave-bg.svg);
	background-size:cover;
}
.benefits-section .section-info{
	padding-top:35px;
}
.benefits-section .section-info .heading-large{
	color:#ffffff;
}
.benefits-section .section-info .text-medium{
	color: #ffffff;
	font-weight: 300;
	margin-bottom:20px;
}
.icon-text{
	color:#ffffff;
	display:flex;
	font-size:17px;
	font-weight: 300;
	align-items:center;
}
.icon-text .icon{
	margin-right:10px;
	font-size:24px;
	color:#ffffff;
}

.benefits-item{
	text-align:center;
	margin-bottom:55px;
}
.benefits-box-content{
	position:relative;
	padding: 38px 38px 0 38px;
	border-radius: 6px;
	box-shadow: 0px 8px 29px 0 #3156ab;
	background-color: #f4f9fe;
}
.benefits-box:after{
	content:"";
	position:absolute;
	width:calc(100% - 30px);
	left:15px;
	bottom:-15px;
	z-index:-1;
	height:50px;
	border-radius: 6px;
	background: #ffffff;
    box-shadow: 0px 8px 29px 0 #3156ab;
}
.benefits-item .benefits-text{
	font-size: 14px;
	line-height: 1.43;
	margin-top:15px;
	font-size: 14px;
	font-weight: 500;
	color: #0e1a35;
}
.benefits-item .benefits-img{
	height:42px;
}
.benefits-section .section-info,
.benefits-section .benefits-box{
	position:relative;
	z-index:1;
}

.animate-line-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*---------------------------------------------------------------------
                           Quantity section
-----------------------------------------------------------------------*/
.numbers-section{
	padding:220px 0 0 0;
}

/* Numbers-item */
.numbers-item{
	height:100%;
	padding:25px 0 45px 0;
	box-shadow: 0px 8px 29px 0 #c8d6e8;
    border-radius: 8px;
	webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.numbers-item:hover{
	box-shadow: 0px 8px 29px 0 #83a0e0;
}
.numbers-item .numbers-content{
	position:relative;
	text-align:center;
}
.numbers-item .numbers-content .figure-img.figure-1{
	max-width:237px;
	width:100%;
}
.numbers-item .numbers-content .figure-img.figure-2{
	max-width:205px;
	width:100%;
}
.numbers-item .numbers-content .figure-img.figure-3{
	max-width:237px;
	width:100%;
}
.numbers-item .numbers-text{
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size: 64px;
	font-weight: 500;
	color: #497ae7;
}
.numbers-item .numbers-desc{
	margin-top:30px;
	text-align:center;
 	font-size: 24px;
    line-height: 1.33;
}
.numbers-item.v-offset{
	margin-top:-50px;
}

.button-holder{
	margin-top:30px;
	text-align:center;
}
.btn-connect{
	padding: 18px 50px;
	font-weight:400;
}



/*---------------------------------------------------------------------
                          Api section
-----------------------------------------------------------------------*/
.api-section{
	padding:80px 0;
	overflow:hidden;
}
.text-block h3{
	margin-bottom:25px;
}
.text-block{
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content: center;
}
.text-block p{
	font-weight: 300;
	color: #6a7896;
	margin-top:0;
}
.api-item{
	padding:80px 0;
}
.order-1{
	order:-1;
}
.image-block img{
	display:inline-block;
}
.image-block.img-left{
	text-align:left;
}
.image-block.img-right{
	text-align:right;
}
.image-block.offset-ml{
	margin-left: -85px;
}

/*---------------------------------------------------------------------
                         Comments section
-----------------------------------------------------------------------*/
.comments-section{
	padding:80px 0 80px 0;
}

/* Comment item */
.comment-item .comment-body{
	display:flex;
}
.comment-item .user-avatar{
	margin:5px 5px 0 0;
	width:60px;
	height:60px;
	min-width:60px;
}
.comment-item .user-avatar img{
	border-radius:50%;
}
.comment-item .comment-info{
	padding:25px 15px 25px 32px;
	background:url(../images-new-theme/backgrounds/comment-bg.svg) no-repeat;
	background-size:100% 100%;
}
.comment-item h5{
	font-size: 17px;
	font-weight:400;
}
.comment-item .comment-date,
.comment-item p{
	font-size: 14px;
	color: #6a7896;
    line-height: 1.5;
}
.comments-section .button-holder{
	margin-top:70px;
}
.comments-section .button-holder .btn-connect{
	padding: 13px 44px;
}




/*---------------------------------------------------------------------
                          Package-section
-----------------------------------------------------------------------*/
.package-section{
	padding:140px 0 80px 0;
	overflow:hidden;
}

.section-header{
	margin-bottom:70px;
}
.side-title{
	text-align:center;
	color: #6a7896;
	text-align:right;
}
.side-title{
	position:relative;
	display:flex;
	height:100%;
	align-items: flex-end;
    justify-content: flex-end;
}
.side-title p{
	font-weight:300;
	position:relative;
	z-index:1;
	display:inline-block;
	text-align:center;
	max-width:305px;
}
.side-title:before{
	content:"";
	position:absolute;
	z-index:0;
	width:495px;
	height:495px;
	border-radius:50%;
	top: -130px;
    right: -17%;
	background-color: #f4f9fe;
}

/* Package-item */

.package-section .packages-row div[class^="col"]{
	margin-bottom:30px;
}
.package-item{
	display:flex;
	flex-direction:column;
	padding:45px 35px;
	height:100%;
	box-shadow: 0px 8px 29px 0 #c8d6e8;
    border-radius: 8px;
	background:#ffffff;
}
.aos-holder{
	height:100%;
}
.package-item{
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.package-item{
	box-shadow: 0px 8px 29px 0 #c8d6e8;
	border-radius:8px;
}

.package-item:hover{
	box-shadow: 0px 8px 29px 0 #83a0e0;
}

.package-item .btn-holder{
	text-align:center;
	margin-top: auto;
}
.package-item .btn{
	max-width: 200px;
}
.package-item h3{
	text-align:center;
	font-size: 24px;
	font-weight: 500;
	margin-bottom:10px;
}

.list-item{
	margin-bottom:25px;
	list-style:none;
	padding:0;
}
.list-item li{
	padding-left:30px;
	position:relative;
	font-size:17px;
	color: #6a7896;
	line-height: 1.76;
	font-weight:300;
}
.list-item li .icon{
	color: #3e6be0;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 6px;
}
.figures-bg{
	position:absolute;
	top:0;
	left:-25px;
	width:110%;
	height:100%;
	background:url(../images-new-theme/backgrounds/section-figures-bg.svg);
	background-size:cover;
	animation: background_figures 7s ease -1.25s infinite;
}


/*---------------------------------------------------------------------
                         Posts section
-----------------------------------------------------------------------*/
.posts-section .section-header{
	display:flex;
	align-items:center;
	margin-bottom:50px;
}
.posts-section .section-header .link-right{
	margin-left:auto;
	color: #497ae6;
	text-decoration:none;
	font-size:17px;
}

/* Post item */
.icon-small{
	width: 14px;
    margin-left: 10px;
}

.post-item{
	box-shadow: 0px 8px 29px 0 #c8d6e8;
    border-radius: 8px;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.post-item:hover{
	box-shadow: 0px 8px 29px 0 #83a0e0;
}
.post-item:hover .post-img img{
	transform:scale(1.1);
}
.post-item .service-link{
	display:flex;
	align-items:center;
	color:#497ae6;
	text-decoration:none;
}
.post-img{
	border-radius:8px;
	overflow:hidden;
}
.post-img img{
	width:100%;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	transform:scale(1);
}
.post-content{
	padding:30px;
}
.post-heading{
	font-size: 21px;
	line-height: 1.43;
	margin-bottom:20px
}
.post-type{
	font-size: 14px;
	color: #6a7896;
	margin-bottom:10px;
}

/*---------------------------------------------------------------------
                           Comment modal
-----------------------------------------------------------------------*/
.comment-modal .modal-header{
	background:url(../images-new-theme/backgrounds/comment-modal.jpg);
	background-size:cover;
}
.comment-modal .modal-sub-title,
.comment-modal .modal-title{
	color:#ffffff !important;
}
.comment-modal .modal-title{
	font-size:46px;
	font-weight:500;
}
.comment-modal .modal-sub-title{
	font-size: 17px;
}
.comment-modal .modal-dialog{
	width:100%;
	max-width:700px;
}
.comment-modal .comment-data{
	display:flex;
}
.comment-modal .modal-body,
.comment-modal .modal-header{
	padding:45px;
}
.comment-modal .comment-data .user-img{
	width:88px;
	min-width:88px;
	height:88px;
	border-radius:50%;
	overflow:hidden;
	margin-right:20px;
}
.comment-modal .comment-data .user-img img{
	width:100%;
}
.comment-modal .modal-header .close{
	position: absolute;
	right:20px;
	top:20px;
	color: #ffffff;
    opacity: 0.7;
	font-weight: 300;
	font-size:38px;
}
.comment-modal .comment-heading{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.42;
}
.comment-modal .comment-author{
	font-size:18px;
	color: #6a7896;
}

.comment-modal .comment-text{
	margin-top:30px;
	font-size:16px;
	color: #6a7896;
}


/*---------------------------------------------------------------------
                           Quiz
-----------------------------------------------------------------------*/
.quiz-section{
	padding:75px 0;
}

.quiz-section > .container > .row {
	margin: 0;
}

.quiz-section .quiz-item{
	padding:75px 30px;
	background: url(../images-new-theme/backgrounds/quiz-bg.svg) no-repeat center;
	background-size:cover;
	border-radius: 20px;
}
.quiz-item .quiz-text{
	display:flex;
	justify-content:center;
	align-items:center;
}
.quiz-item .quiz-text p{
	max-width:590px;
	text-align:left;
	font-weight: 400;
	font-size: 28px;
	line-height: 40px;
	color:#ffffff;
}
.quiz-item .button-holder{
	display:flex;
	justify-content:left;
	align-items:center;
}
.quiz-item .button-holder .btn{
	padding: 20px 44px;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
}

@media (max-width: 992px){
	.quiz-section > .container > .row {
		margin: 0 15px;
	}
}

/*---------------------------------------------------------------------
                           Quiz steps
-----------------------------------------------------------------------*/
.quiz-steps{
	position:relative;
	background:#ffffff;
}
.quiz-steps div.content{
	padding:0;
}
.quiz-sidebar{
	display:flex;
	min-width:330px;
	width:330px;
	height:100%;
	flex-direction:column;
	background: #3E6BE0;
	padding:35px;
}
.quiz-heading{
	margin:70px 0;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	color: #FFFFFF;
}
.quiz-tips{
	display:flex;
	margin-top:auto;
}
.helper-avatar{
	position:relative;
}
.helper-avatar:after{
	content:"";
	position:absolute;
	bottom:0;
	right:5px;
	border-radius:50%;
	width: 17px;
	height: 17px;
	background: #61DF84;
	border: 2px solid #FFFFFF;
}
.tips-message{
	margin-top:22px;
	position:relative;
	padding:15px 20px;
	background:#ffffff;
	color:#565656;
	box-shadow: 0px 4px 15px #4571E3;
	border-radius:3px;
}

.tips-message:before{
	content: "";
    position: absolute;
    top: -15px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 18px solid #ffffff;
}
.helper-avatar img{
	border-radius:50%;
}
.helper-info{
	margin-left:20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.helper-info .helper-name{
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom:0;
}
.helper-info .helper-position{
	font-size: 14px;
	color: #FFFFFF;
	font-weight:300;
}
.steps-item .current-info{
	display:none;
}
.steps-item .steps ul, .actions ul{
	list-style:none;
	display:flex;
}

.steps-item .steps ul{
	display:none;
}

.steps-item .content .title{
	display:none;
}
.steps-item .actions li a{
	text-decoration:none;
}
.steps-item .actions li a .icon{
	width:10px;
}
.stepper{
	margin-top:0px;
	color: #3E6BE0;
}
.steps-item .actions li a[href="#next"],
.steps-item .actions li a[href="#finish"]{
	padding:0 25px;
	height: 45px;
	border-radius: 30px;
	background: linear-gradient(96.03deg, #3E6BE0 0.89%, #5F88EE 96.2%);
	box-shadow: 0px 4px 15px;
	font-size: 18px;
    color: #FFFFFF;
	font-weight:300;
	display:flex;
	align-items:center;
	margin-left:15px;
}
.steps-item .actions li a[href="#previous"] .icon{
	width:8px;
}
.steps-item .actions li a[href="#previous"] .icon{
	fill:#CBD3D4;
	margin-left:-3px;
}
.steps-item .actions li a[href="#next"] .icon,
.steps-item .actions li a[href="#finish"]{
	fill:#ffffff;
	margin-left:10px;
}
.steps-item .actions li a[href="#finish"]{
	/* */
}
.step-body{
	display:flex;
	height:630px;
}

.steps-item .actions li a[href="#previous"]{
	width: 45px;
	height: 45px;
	border: 2px solid #CBD3D4;
	border-radius: 50%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.steps-item .actions ul{
	position:absolute;
	right:60px;
	bottom: 25px;
	display:flex;
	justify-content:right;
}
.steps-item .actions ul li:first-child{
	margin-left:auto;
}

.quiz-content{
	padding:40px 70px 70px 70px;
	width:100%;
	background:#ffffff;
}
.quiz-content .content-heading{
	margin-top:15px;
	font-size: 30px;
	line-height: 36px;
	color: #0E1A35;
}
.range-slider{
	margin-top:80px;
}
/* Range-slider styles */
.irs--round .irs-handle{
	border: 8px solid #5F88EE;
	box-shadow: 0px 4px 10px #5D86ED;
}
.irs--round .irs-handle{
	width: 28px;
    height: 28px;
	cursor:pointer;
}
.irs--round .irs-bar{
	height: 7px;
	background: linear-gradient(96.03deg, #3E6BE0 0.89%, #5F88EE 96.2%);
}
.irs--round .irs-line{
	height: 7px;
}
.irs--round .irs-min, .irs--round .irs-max{
	top:65px;
	background-color: transparent;
}
.irs--round .irs-single{
	padding: 10px 15px;
	border: 2px solid #3E6BE0;
	color: #0e1a35;
	background-color: #ffffff;
	font-size: 16px;
	top: -18px;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
	bottom: -8px;
	border-top-color: #3E6BE0;
}


/* Quiz cards */
.quiz-cards{
	margin-top:50px;
}
.quiz-card{
	margin-bottom:30px;
	cursor:pointer;
}
.quiz-card img{
	width:100%;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	padding:6px;
	border: 1.5px solid #E2EDFA;
}
.quiz-card p{
	text-align:center;
	margin-top:10px;
	font-size: 14px;
	line-height: 18px;
	color: #565656;
}
.quiz-card.checked img{
	background: #416DE1;
	max-width:100%;
}


.quiz-messenger{
	margin-top:30px;
	width:90%;
	padding:40px;
	box-shadow: 0px 6px 28px #E6EDFF;
	border-radius: 15px;
}
.messenger-box{
	display:flex;
	justify-content:center;
	margin-bottom:35px;
}
.quiz-messenger .form-group label.error{
	font-weight: 300;
    color: #b14141;
}

.messenger-item{
	position:relative;
	cursor:pointer;
	margin:0 20px 30px 20px;
	position:relative;
	border-radius:50%;
}
.messenger-item.checked img{
	border-radius:50%;
	box-shadow: 0px 6px 28px #E6EDFF;
}
.messenger-item.checked .messenger-name{
	display:block;
	box-shadow: 0px 4px 14px #d2d9ea;
}

.quiz-card:before{
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	position:absolute;
	z-index:1;
	font-size:28px;
	color:#3E6BE0;
	top: 6px;
    right: 25px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.quiz-card:after{
	content: "";
	position:absolute;
	height: 25px;
    width: 25px;
	border-radius:50%;
	background:#ffffff;
	top:13px;
	right:27px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.quiz-card.checked:after, .quiz-card.checked:before{
	opacity:1;
}

.messenger-name{
	display:none;
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
	bottom:-35px;
	text-align:center;
	padding:5px 10px;
	background: #F3F7F8;
	border-radius: 20px;
}
.quiz-messenger .form-group{
	margin-bottom:20px;
}
.quiz-messenger .form-control{
	border: 1.5px solid #EEF1F1;
	box-shadow: none;
	box-sizing: border-box;
	border-radius: 8px;
	height:55px;
}
.quiz-submit{
	display:none;
	width:100%;
	border-radius: 8px;
	font-weight:300;
	padding: 16px 44px;
}
.final-message-holder{
	display:none;
}
.final-message{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.final-message h3{
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #0E1A35;

}
.final-message p{
	font-size: 18px;
	margin-top:5px;
}
.message-icon{
	display:flex;
	justify-content:center;
	align-items:center;
	width: 77px;
	height: 77px;
	background: #E2EDFA;
	border-radius:50%;
	margin-bottom:20px;
}

/*---------------------------------------------------------------------
                           Quiz modal
-----------------------------------------------------------------------*/
.quiz-modal .modal-dialog{
	max-width:1140px;
	width:100%;
}
.quiz-modal .modal-footer{
	height:30px;
}
.quiz-modal button.close .close-icon{
	font-size:30px;
}
.quiz-modal button.close{
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: 10px;
    color: #ffffff;
    opacity: 0.7;
    font-weight: 300;
    z-index: 1;
	width:35px;
	height:35px;
	display:flex;
	justify-content:center;
	align-items:center;
	background: rgba(0,0,0,0.5);
	background: rgb(66, 111, 226);
	border-radius: 3px;
}
.close-icon{
	color:#ffffff;
}

/*---------------------------------------------------------------------
                           checkmark
-----------------------------------------------------------------------*/
.circle-loader {
  margin-bottom: 2rem;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-left-color: #3e6be0;
  animation: loader-spin 1.2s infinite linear;
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #3e6be0;
  transition: border 500ms ease-out;
}

.checkmark {
  display: none;
}
.checkmark.draw:after {
  animation-duration: 1000ms;
  animation-timing-function: ease;
  animation-name: checkmark;
  transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
  opacity: 1;
  height: 3.5em;
  width: 1.75em;
  transform-origin: left top;
  border-right: 4px solid #3e6be0;
  border-top: 4px solid #3e6be0;
  content: '';
  left: 1.75em;
  top: 3.5em;
  position: absolute;
}

/*---------------------------------------------------------------------
                           Service page
-----------------------------------------------------------------------*/
.service-banner-section{
	min-height:100vh;
}

.bread-crumbs{
	padding:40px 0 20px 0;
	display:flex;
}
.bread-crumbs li{
	position:relative;
	list-style:none;
	margin-right:20px;
}
.bread-crumbs li a{
	color: #8492AF;
}
.bread-crumbs li:last-child a{
	color:inherit;
	text-decoration:none;
}
.bread-crumbs li:last-child:after{
	content:"";
}
.bread-crumbs li:after{
	content:"/";
	position:absolute;
	right:-10px;
	
}
.service-banner-info{
	margin-top:80px;
}
.service-banner-info h1{
	font-weight: 500;
	font-size: 48px;
	line-height: 58px;
}

.service-desc{
	font-size: 17px;
	line-height: 24px;
	color: #8492AF;
	margin-bottom:20px;
}



.top-service-list{
	margin-top:155px;
	padding-left:0;
	display:flex;
	
}
.top-service-list li{
	width:33.333333%;
	list-style:none;
	position:relative;
	padding-left:40px;
	font-size: 16px;
	line-height: 21px;
	color: #0E1A35;
	margin-bottom:20px;
}
.top-service-list li .icon{
	position:absolute;
	left:0;
	top:4px;
}

.service-banner-content{
	position:relative;
	overflow:hidden;
}
.layer-service-bg{
	width:50%;
	height: 100%;
	position:absolute;
	right:0;
	top:160px;
	background-size: 650px;
	
}
.layer-service-figure{
	width: 894px;
	height: 894px;
	border-radius:50%;
	background: rgba(232, 242, 255, 0.45);
	position:absolute;
	left:46%;
	top:-20%;
}
.service-banner-content .btn-holder{
	margin-top:40px;
}


/*---------------------------------------------------------------------
                           Connection section
-----------------------------------------------------------------------*/
.connection-section .heading-medium{
	margin-bottom:120px;
}
.connection-section{
	padding-bottom:75px;
}
/* Card block */
.card-block{
	position:relative;
	padding:45px 35px;
	box-shadow: 0px 8px 29px 0 #c8d6e8;
    border-radius: 8px;
	background:#ffffff;
}
.card-block.step-block{
	display:flex;
	flex-direction: column;
    height: 100%;
}

/* Step block */
.step-block .icon{
	position:absolute;
	top:-40px;
	left:0;
}
.step-block h5{
	margin-top:10px;
	font-weight: 500;
	font-size: 24px;
	line-height: 58px;
	color: #4A76E5;
}
.step-block p{
	font-size: 16px;
	line-height: 24px;
	color: #8492AF;
}

.connection-section .btn-holder{
	text-align:center;
	margin-top:80px;
}
.connection-section .heading-medium, .package-info-section.heading-medium{
	text-align:center;
}



/*---------------------------------------------------------------------
                           Package info
-----------------------------------------------------------------------*/
.package-info-section{
	padding:75px 0;
}
.package-info-section .heading-medium{
	margin-bottom:70px;
	text-align:center;
}
.card-block.package-block{
	padding:40px 32px;
	margin-bottom:30px;
}
.card-block.package-block h3{
	color: #3E6BE0;
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	margin-bottom:15px;
}
.package-list{
	list-style:none;
	padding-left:0;
}
.package-list li{
	font-size:16px;
	align-items:center;
	display:flex;
	padding:15px 25px;
	border-radius: 5px;
	background: #EFF5FC;
}
.package-block .package-img{
	margin-bottom:10px;
}
.package-block p{
	margin-top:0;
	font-size: 16px;
    line-height: 24px;
    color: #8492AF;
}
.package-list li:nth-child(2n){
	background: #ffffff;
}
.list-cs-item{
	margin-left:auto;
	padding:5px 18px;
	border: 0.7px solid #406DE1;
	box-sizing: border-box;
	border-radius: 20px;
	font-size: 14px;
	color: #406DE1;
}

.static-figures-bg{
	position: absolute;
    right: 0;
    top: -340px;
    z-index: -1;
    background: url(../images-new-theme/backgrounds/figure-bg-static-right.svg);
    width: 554px;
	height: 650px;
	background-size:cover;
}

/*---------------------------------------------------------------------
                          Fact srction
-----------------------------------------------------------------------*/
.fact-section{
	padding:75px 0;
}
.fact-section .figures-bg{
	z-index:-1;
}
.fact-small{
	position:relative;
	margin-top:40px;
}
.fact-small p{
	color: #8492AF;
	font-size: 14px;
	line-height: 18px;
	padding-left:40px;
}
.fact-small .icon{
	position: absolute;
    left: 0;
    top: 4px;
}
.overflow-hidden{
	overflow:hidden;
}
.img-grow{
	max-width:100%;
	width: 100%;
}


/*---------------------------------------------------------------------
                           Personal tarif section
-----------------------------------------------------------------------*/
.personal-tarif-section{
	padding:75px 0;
}
.form-control{
	border: 1.5px solid #EEF1F1;
	box-sizing: border-box;
	border-radius: 8px;
	height: 55px;
	box-shadow:none;
}
.form-control.error{
	border-color: #b14141;
}

.form-control:focus {
    border-color: #d2e4fa;
    box-shadow: none;
}
.form-control-icon{
	position:relative;
}
.form-control-icon i{
	position:absolute;
	left:20px;
	top:18px;
	font-size: 20px;
	color:#C7C7C7;
}

.form-control-icon input{
	padding-left:55px;
}
input.form-control-icon{
	padding-left:40px;
}
.form-group label{
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
}
.form-group{
	margin-bottom:20px;
}

.personal-tarif-item .submit-btn{
	padding: 18px 44px;
	width:100%;
	border-radius: 8px;
	margin-top:20px;
}
.personal-tarif-section h3{
	margin-bottom:20px;
}
.heading-title{
	color: #8492AF;
}

.personal-tarif-section .section-info{
	position:relative;
}
.oval-figure-bg{
	position: absolute;
    left: -20px;
    top: -190%;
    z-index: -1;
    width: 440px;
	height: 440px;
	background: #F5FAFE;
	border-radius:50%;
}

/*---------------------------------------------------------------------
                           Tarifs
-----------------------------------------------------------------------*/
.tarifs-page .service-banner-info h1,
.tarifs-page .service-desc{
	text-align:center;
}
.tarifs-page .service-banner-section{
	min-height: auto;
}
.table.tarifs-table thead th{
	font-size: 18px;
	color: #3F6CE1;
	font-weight:400;
}

table.table.tarifs-table:not(.grid-table)>tbody>tr>td, table.table.tarifs-table:not(.grid-table)>tbody>tr>th{
	font-size: 22px;
	font-weight:400;
}
.text-blue{
	color: #3F6CE1;
	max-width:100px;
}
.text-violet{
	color: #6F3FAA;
}
.tarifs-table [scope="row"]{
	width:60%;
}
.table>tbody>tr>th, .table>tbody>tr>td, .table>thead>tr>th{
	border-color:#D6D7DA !important;
}

/*---------------------------------------------------------------------
                          how it works
-----------------------------------------------------------------------*/
.sub-heading{
	font-size: 17px;
    line-height: 24px;
    color: #8492AF;
    margin-bottom: 20px;
}
.how-it-works-section .heading-medium{
	text-align:center;
}
.how-it-works-section .sub-heading{
	text-align:center;
	font-size: 17px;
    line-height: 24px;
    color: #8492AF;
    margin-bottom: 100px;
}

.how-it-works-section .btn-holder{
	text-align: center;
    margin-top: 80px;
}
/*---------------------------------------------------------------------
                         Default modal
-----------------------------------------------------------------------*/
.modal-header{
	background:#ffffff;
}
.modal-header .close{
	font-weight:300;
	font-size:35px;
	box-shadow:none;
	opacity: .5;
}
.modal-dialog{
	background: transparent;
	border-radius: 8px;
	width:100%;
	max-width:700px;
	box-shadow: 0px 8px 29px 0 rgba(6, 21, 60, 0.75);
}
.modal-content{
	background:transparent;
	box-shadow:none !important;
	border:none;
	border-radius:8px;
	overflow: hidden;
}
.modal-body{
	background:#ffffff;
}



#login-modal .modal-dialog{
	max-width:400px;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.api-wrapper p {
    font-size: 16px;
    font-weight: 400;
    color: #333;
	margin-top:0;
	margin-bottom:20px;
}
.api-wrapper p a{
	color:#3F6CE1;
	text-decoration:underline;
}
.api-wrapper a,
.api-wrapper a:hover,
.api-wrapper a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
.api-wrapper table{
	border: 1px solid #D6D7DA;
}
.api-wrapper .navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	display:none;
}

.api-wrapper .navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.api-wrapper .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


.api-wrapper {
	overflow:hidden;
	margin-top:70px;
    display: flex;
    width: 100%;
    align-items: stretch;
}

.api-sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #FCFCFC;
    color: #fff;
    transition: all 0.3s;
}

.api-sidebar.active {
    margin-left: -250px;
}

.api-sidebar .sidebar-header {
    padding: 20px;
	margin-top:20px;
    background: #FCFCFC;
	color:#8492AF;
}
.api-sidebar h3{
	font-size: 20px;
	line-height: 26px;
}
.api-sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

.api-sidebar ul p {
    color: #fff;
    padding: 10px;
}

.api-sidebar ul li a {
    padding: 10px 20px;
    font-size: 1.1em;
    display: block;
	font-size:17px;
	color: #8492AF;
}

.api-sidebar ul li a:hover {
    color: #2d57c5;
    background: #EFF5FC;
}

.api-sidebar ul li.active>a,
.api-sidebar a[aria-expanded="true"] {
    color: #3F6CE1;
    background: #EFF5FC;
}

.api-sidebar a[data-toggle="collapse"] {
    position: relative;
}

.api-sidebar a[aria-expanded="false"]::before, .api-sidebar a[aria-expanded="true"]::before {
    display: block;
    position: absolute;
    right: 20px;
	top:50%;
	transform:translateY(-50%);
    font-family: 'FontAwesome';
    font-size: 0.6em;
}
.api-sidebar a[aria-expanded="false"]::before{
	 content: "\f078";
}
.api-sidebar a[aria-expanded="true"]::before {
	content: "\f077";
}
.api-sidebar a:focus{
	color: #8492AF;
}
.api-sidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #eff5fc;
}

.api-sidebar a.download {
    background: #fff;
    color: #7386D5;
}

.api-sidebar a.article,
.api-sidebara.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
.api-content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
	margin-top:20px;
}
.api-content p{
	color:#333;
}
.api-content i{
	color:#3F6CE1;
}
.api-tab h3{
	font-size: 24px;
	line-height: 28px;
	margin-bottom:20px;
}
.api-tab{
	display:none;
}
.api-tab.active{
	display:block;
}
pre{
	padding-top: 0;
	margin-bottom:20px;
	background: #eff5fc;
	border:none;
}
#sidebarCollapse i{
	color:#497ae6;
}


/* ---------------------------------------------------
    API MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
	.api-wrapper .navbar{
		padding: 15px 0;
	}
    .api-sidebar {
        margin-left: -250px;
    }
    .api-sidebar.active {
        margin-left: 0;
    }
    .api-sidebarCollapse span {
        display: none;
    }
	.api-wrapper .navbar {
		display:block;
	}
	.api-navbar .navbar-btn{
		margin-left:10px;
		background:#ffffff;
	}
	.api-content{
		margin-top:0;
		padding: 20px 0;
	}
	.api-wrapper p{
	font-size: 14px;
	}
	.text-blue {
		font-size: 14px;
	}
	.word-break-all{
		word-break: break-all;
	}
}
/*---------------------------------------------------------------------
                         Order modal
-----------------------------------------------------------------------*/
.order-modal .modal-header .modal-title{
	text-align:center;
	font-weight:400;
	font-size: 40px;
}
.order-modal .modal-body{
	padding:45px;
}
.order-modal .modal-header .modal-sub-title{
	text-align:center;
	font-size: 20px;
    color: #8492af;
}

.order-modal .btn-holder{
	text-align:center;
}


/* ---------------------------------------------------
    Partners item
----------------------------------------------------- */
.partners-section {
    position: relative;
}
.partners-section-inner{
	margin:100px 0;
	padding: 140px 0;
    background: url(../images-new-theme/backgrounds/wave-bg.svg);
    background-size: cover;
}
.partners-section .section-info .text-medium{
	color: #ffffff;
    font-weight: 300;
    margin-bottom: 20px;
}
.partners-section .section-info .heading-large{
	color: #ffffff;
	font-size: 36px;
	line-height: 50px;
}
.partners-box{
	 position: relative;
}
.partners-box h3{
	margin-bottom:20px;
	font-size: 21px;
	line-height: 32px;
}
.partners-box-content {
    position: relative;
    padding: 38px;
    border-radius: 15px;
    box-shadow: 0px 8px 29px 0 #3156ab;
    background-color: #f4f9fe;
	z-index: 1;
}
.partners-box:before {
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: -15px;
    z-index: 0;
    height: 50px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 8px 29px 0 #3156ab;
}
.partners-box .btn-holder{
	text-align:right;
}
.range-title{
	color: #656B78;
	font-size: 16px;
	line-height: 24px;
}
.range-amount{
	text-align:right;
	color: #0E1A35;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}
.range-income{
	display: flex;
    height: 100%;
	align-items:center;
	color: #3E6BE0;
	font-weight: 500;
	font-size: 48px;
	line-height: 24px;
}
.partners-box .range-slider{
	margin-bottom:30px;
	margin-top: 0;
}

/*---------------------------------------------------------------------
                          FAQ
-----------------------------------------------------------------------*/
.faq-section{
	padding:80px 0;
}
.faq-section .heading-medium{
	margin-bottom:60px;
}
.faq-accordion .panel-default>.panel-heading{
	border-radius: 15px;
	background: #F1F4FF;
	padding:0;
}
.faq-accordion .panel{
	border-radius: 15px;
	border:0;
	background: #F1F4FF;
	margin-bottom:25px;
}
.faq-accordion .panel a{
	width:100%;
	color: #0E1A35;
	font-style: normal;
	font-weight: normal;
	text-decoration:none;
}
.faq-accordion .panel a[aria-expanded="true"]+.panel-button{
	background: #F8E3D7;
	transform:rotate(180deg);
}
.faq-accordion .panel a[aria-expanded="true"]+.panel-button .icon path{
	stroke:#E87F33;
}
.faq-accordion .panel-body{
	padding:25px 40px;
	color: #656B78;
}
.faq-accordion .panel-title{
	display:flex;
	align-items:center;
	position:relative;
	z-index: 0;
}
.faq-accordion .panel-title .panel-button{
	position:absolute;
	z-index: -1;
	right:20px;
	top:20px;
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	border: 1px solid #D5D7E1;
}

/*---------------------------------------------------------------------
                           Exchanger page
-----------------------------------------------------------------------*/
.exchange-banner{
	padding-bottom:200px;
	padding-top: 70px;
}

.exchange-banner .bread-crumbs li a{
	color:#FFFFFF;
}
.exchange-banner .bread-crumbs li:after{
	color:#FFFFFF;
}
.exchange-banner .section-heading{
	max-width: 850px;
	margin: 0 auto;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	margin-top:60px;
	margin-bottom:160px;
	text-align:left;
	justify-content:left;
	color:#ffffff;
}
.exchange-banner{
	background-size:cover;
	background-position:bottom;
}
.exchange-component{
	padding:40px;
	max-width:850px;
	margin:0 auto;
	background: #FFFFFF;
	box-shadow: 0px 6px 28px #C9D4F0;
	border-radius: 15px;
}


/*-----------------------
	Exchange form 
-------------------------*/
.exchange-section{
	margin-bottom:80px;
}
.exchange-component{
	position:relative;
	margin-top:-320px;
	background:#ffffff;
}
.exchange-section .exchange-container {
	box-shadow:none;
	padding:0;
}
.exchange-component .exchange-row{
	padding:25px;
	box-shadow: 0px 6px 28px #C9D4F0;
	border-radius: 15px;
}
.exchannge-form{
	padding-left:15px;
	padding-right:15px;
}
.exchange-component:after{
	content:"";
	position:absolute;
	height:40px;
	width:calc(100% - 100px);
	bottom:-28px;
	left:50px;
	background: #FFFFFF;
	box-shadow: 0px 6px 28px #C9D4F0;
	border-radius: 15px;
	z-index:-1;
}
.exchange-component .message-container{
	margin-top:10px;
	font-size:14px;
}
.exchange-component .exchange-container .form-desc{
	margin:40px 0 40px 0;
	text-align:center;
}
.exchange-component label{
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
}

.crypto-select-item .bootstrap-select .btn{
	height: 55px;
	border: 1px solid #D9E2EF;
	border-radius: 8px;
}
.crypto-select-item .bootstrap-select .filter-option-inner-inner{
   color: #96A6B6;
   font-weight: 500;
}
.crypto-select-item .bootstrap-select>.dropdown-toggle:before{
	display:none;
}
.crypto-select-item .bootstrap-select>.dropdown-toggle:before{
	content: "";
	position:absolute;
	right:36px;
	top:0;
	height:100%;
	width:1px;
	background:#D9E2EF;
}
.crypto-select-item .dropdown-toggle::after{
	border-top: .3em solid #000000;
	margin-right: 2px;
}
.crypto-select-item .bootstrap-select .dropup .dropdown-toggle::after{
	border-bottom: .3em solid #000000;
}
.crypto-select-item .bootstrap-select .filter-option-inner-inner.active{
   color: #1F2A50;
}


.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
	background-color: #ffffff;
    border-color: #D9E2EF;
}


/* Exchange form select  */
.crypto-select-item .bs-searchbox .form-control{
	height:39px;
	padding-left:30px;
	background-position:8px center;
	border-radius:8px;
}
.crypto-select-item .bs-searchbox .form-control{
	padding-left:15px;
	height:39px;
	border-radius: 8px;
}
.crypto-select-item .bootstrap-select .dropdown-menu{
	border-color:#D9E2EF;
	max-height:250px;
	z-index:1;
}
.crypto-select-item .bootstrap-select .dropdown-header{
	font-weight: 500;
	font-size: 14px;
	color:#1F2A50;
	padding-left:12px;
}
.crypto-select-item .bootstrap-select .dropdown-divider{
	display:none;
}
.crypto-select-item .bootstrap-select .dropdown-menu .inner{
	margin-right:5px;
}

/* Bootstrap select dropdown scrollbar style */
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
	background-color: #F5F5F5;
}

.crypto-select-item .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar
{
	width: 4px;
	padding-right:3px;
	background-color: transparent;
}

.crypto-select-item .bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb
{
	background-color: #D9E2EF;
}

.crypto-select-item .bootstrap-select .dropdown-toggle .caret{
	right: 25px;
}
.bootstrap-select .dropdown-toggle .caret:before{
	border-color: #000000;
}

.bs-searchbox .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #96A6B6;
	font-size: 16px;
	font-weight:400;
}
.bs-searchbox .form-control::-moz-placeholder { /* Firefox 19+ */
	color: #96A6B6;
	font-weight:400;
}
.bs-searchbox .form-control:-ms-input-placeholder { /* IE 10+ */
	color: #96A6B6;
	font-weight:400;
}
.bs-searchbox .form-control:-moz-placeholder { /* Firefox 18- */
	color: #96A6B6;
	font-weight:400;
}

.crypto-select-item .bootstrap-select .btn{
	padding: 16px 15px;
	min-width:129px;
	width:auto;
	border: 1px solid #E5E5E5 !important;
	background:#ffffff !important;
	border-radius:8px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-left:0;
	box-shadow:none !important;
	outline:none !important;
}

.crypto-select-item .bootstrap-select .btn .content-full{
	display:none;
}
.crypto-select-item .bootstrap-select .content-full span{
	color:#96A6B6;
	font-weight:400;
	margin-left:5px;
}
.crypto-select-item .bootstrap-select .content-full .full-name{
	color: #546678;
	margin-top:2px;
}
.crypto-select-item .bootstrap-select .dropdown-toggle::after{
	position:absolute;
	right:13px;
	margin-top:0;
}
.crypto-select-item .bootstrap-select .select-content, .crypto-select-item .bootstrap-select .content-short{
	display:flex;
}
.crypto-select-item .bootstrap-select .crypto-logo{
	width:20px;
}

.crypto-select-item .bootstrap-select .btn .crypto-logo{
	width:24px;
}
.crypto-select-item .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
	width:auto;
}
.crypto-select-item .bootstrap-select .crypto-name{
	color: #1F2A50;
	font-weight: 500;
	font-size: 16px;
	padding:0 12px;
}
.crypto-select-item .bootstrap-select .btn .crypto-name{
	font-size: 18px;
	font-weight: 600;
}
.crypto-select-item{
	display:flex;
	position:relative;
}
.crypto-select-item .form-control{
	height:auto;
	padding:0 16px;
	border-radius:8px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border: 1px solid #E5E5E5;
	border-right:0;
}
.crypto-select-item .dropdown.bootstrap-select{
	position:static;
}
.crypto-select-item .bootstrap-select .dropdown-menu li a{
	font-weight:500;
}
.crypto-select-item .bootstrap-select .dropdown-menu .content-full{
	margin-left:25%;
	position:absolute;
}
.crypto-select-item .bootstrap-select .dropdown-menu li.active a,
.crypto-select-item .bootstrap-select .dropdown-menu li.active a .crypto-name, .bootstrap-select .dropdown-menu li.active a .content-full .full-name{
	color:#3F6CE1;
}
.dropdown-item:focus, .dropdown-item:hover{
	background-color: #FFF8EF;
}
.reverse-container{
    display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
}
.reverse-container button.btn.btn-reverse{
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#ffffff !important;
	margin-top: 31px;
	min-width:55px;
	height:55px;
	padding:0;
	box-shadow:none;
	border: 1px solid #E5E5E5 !important;
	box-sizing: border-box;
	border-radius: 8px;
	 -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.crypto-select-item  .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: #f5fafe;
}
.reverse-container .btn-reverse img{
	width:20px;
}
.reverse-container .btn-reverse.active{
	transform: rotate(180deg);
}
.card-icon{
	background:url(../images-new-theme/icons/card-icon.svg) no-repeat;
	background-position:10px center;
}
.email-icon{
	background:url(../images-new-theme/icons/email-icon.svg) no-repeat;
	background-position:10px center;
}

.btn-exchange{
	margin-top:20px;
}


/* Equal item  */
.equal-item{
	padding:12px 0;
    display: flex;
	align-items: center;
}
.equal-item .icon{
	margin-right:12px;
}
.equal-item span{
	font-weight: 400;
	font-size: 14px;
}
.equal-item.icon-top{
	align-items: flex-start;
}
.equal-item.icon-top .icon{
	margin-top:5px;
}
.adress-container{
	padding:28px 0;
}
.adress-container label{
	font-weight:500;
}
.light-blue-box{
	padding:25px;
	background: #F5F8FB;
	
}

.label-container{
	display: flex;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	position:relative;
}


/*-----------------------
Exchange form footer
-------------------------*/
.exchange-form-footer .right-side{
	display: flex;
	align-items: center;
	justify-content:flex-end;
}
.exchange-form-footer .right-side .next-btn{
	min-width:200px;
}
.exchange-form-footer .right-side .next-btn i{
	color:#ffffff;
}
.btn.button-icon i {
    margin-left: 10px;
}
.exchange-container {
    box-shadow: 0px 6px 28px #C9D4F0;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 32px 32px 40px 32px;
	background:#ffffff;
}


/* Agre item */
.agre-item{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
	font-weight:500;
}
.agre-item.item-inline{
	height:auto;
}
.agre-item .agree-text{
	font-weight: 500;
	font-size: 14px;
}
.agre-item a{
	color: #F8794B;
}
.agre-item .agree-text a{
	color:#1F2A50;
	text-decoration:underline;
}
.agre-item .agree-text a:hover{
	text-decoration:none;
}

/* Agre item inline */
.agre-item-inline{
	margin:0 0 0 20px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
	font-weight:500;
}
.agre-item-inline{
	font-weight: 500;
	font-size: 14px;
}
.agre-item-inline a{
	color: #F8794B;
}
.agre-item-inline .agree-text{
	font-weight: 400;
    font-size: 14px;
	line-height:16px;
}
.agre-item-inline .agree-text a{
	color:#1F2A50;
	text-decoration:underline;
}
.agre-item-inline .agree-text a:hover{
	text-decoration:none;
}

/*-----------------------
	Checkboxes
-------------------------*/
.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox-custom label:empty {
    padding-left: 0;
}
.checkbox-custom label {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 300;
    cursor: pointer;
}
.checkbox-primary input[type=radio]:checked+label::after, .checkbox-primary input[type=checkbox]:checked+label::after {
    color: #fff;
}
.checkbox-custom input[type=radio]:checked+label::after, .checkbox-custom input[type=checkbox]:checked+label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}
.checkbox-custom label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    margin-left: -20px;
    font-size: 12px;
    line-height: 20px;
    color: #76838f;
    text-align: center;
}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #62a8ea;
    border-color: #62a8ea;
}
.checkbox-custom input[type=radio]:checked+label::before, .checkbox-custom input[type=checkbox]:checked+label::before {
    border-color: #e4eaec;
    border-width: 10px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.checkbox-custom label::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: -20px;
	margin-top:2px;
    content: "";
    background-color: #fff;
    border: 2px solid #D9E2EF;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.checkbox-custom input[type="checkbox"]{
	visibility:hidden;
}
.checkbox-primary input[type=radio]:checked+label::before, .checkbox-primary input[type=checkbox]:checked+label::before {
    background-color: #3F6CE1;
    border-color: #3F6CE1;
}




/*-----------------------
	Radio
-------------------------*/
.radio input[type="radio"]{
	display:none;
}
.radio {
	padding-left: 5px;
	overflow:hidden;
 }
.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
    padding-left: 35px;
	font-weight:500;
	font-size: 16px;
	color:#000000;
	cursor:pointer;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    width: 20px;
    height: 20px;
    left: 0;
    
    border: 2px solid #1F2A50;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    content: " ";
	width: 10px;
    height: 10px;
    left: 5px;
	top: 3px;
   
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.3s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
	  opacity: 0;
	  z-index: 1;
	  cursor: pointer;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1) translateY(-50%);
    -ms-transform: scale(1, 1) translateY(-50%);
    -o-transform: scale(1, 1) translateY(-50%);
    transform: scale(1, 1) translateY(-50%);
    top:50%;  
}
.radio input[type="radio"]:disabled {
	cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
	background-color: #1F2A50;
	position: absolute;
	top:50%;
}
.radio-primary input[type="radio"]:checked + label::before {
	border-color: #1F2A50;
	position: absolute;
	top:50%;
}
.radio-primary input[type="radio"]:checked + label::after {
	background-color: #1F2A50;
	position: absolute;
	top:50%;
}




/*---------------------------------------------------------------------
                          Bootstrap select
-----------------------------------------------------------------------*/
.bootstrap-select .btn-default i{
	color: #555;
	font-size:20px;
}
.bootstrap-select .dropdown-menu li a i{
	font-size:20px;
	margin-right:10px;
}
.bootstrap-select .dropdown-menu li a .icon{
	margin-right:10px;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner,
.bootstrap-select .dropdown-menu li a span.text{
	display: flex;
    align-items: center;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner .icon{
	margin-right:10px;
}


.bootstrap-select>.dropdown-toggle{
	padding: 13px 15px;
	color: #555;
	box-shadow:none;
	border: 1.5px solid #EEF1F1;
    box-sizing: border-box;
    border-radius: 8px;
	height:55px;
}
.bootstrap-select>.dropdown-toggle,
.bootstrap-select>.dropdown-toggle:hover{
	background-color: transparent !important;
}
.bootstrap-select>.dropdown-toggle:hover{
	border-color:#d2e4fa !important;
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
	border-color:#d2e4fa;
}
.bootstrap-select>.dropdown-toggle:focus{
	outline:none !important;
	border-color:#d2e4fa;
}
.bootstrap-select .dropdown-toggle .caret {
    top: 15px;
    right: 30px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
	background-color: #dee7ff;
	color:#426ee2;
}



/*-----------------------
	Exchange steps
-------------------------*/
.steps-container{
	padding:40px 0 30px 0;
	display:flex;
	margin:0
}
.step-item{
	display:flex;
	margin-right:53px;
	align-items:center;
}
.step-item.active .step-number{
	background: #3F6CE1;
	color:#ffffff;
	border: 1px solid #3F6CE1;
}
.step-number{
	width:24px;
	min-width:24px;
	height:24px;
	border: 1px solid #1F2A50;
	box-sizing: border-box;
	border-radius:50%;
	position:relative;
	background: transparent;
	font-weight: 600;
	font-size: 13px;
	margin-right:10px;
}
.step-number span{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
}
.step-checked{
	margin-right:10px;
}
.step-text{
	font-weight: 500;
	font-size: 14px;
}

.section-heading{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: Bold;
	margin-bottom:40px;
	display:flex;
	align-items:center;
}
.section-heading .heading-title{
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	margin: 12px 0 0 20px;
	margin-left:auto;
}
.heading-icon{
	margin-right:12px;
	font-size:44px;
}


/*-----------------------
	Wallet list
-------------------------*/
.wallet-list-container .section-heading{
	margin-bottom: 20px;
}
.wallet-list-container{
	margin-top:40px;
	position:relative;
	padding:32px 0;
	width:100%;
}
.wallet-list-container .section-heading{
	padding:0 32px;
}
.wallet-list-container .row{
	margin-right: 0px;
    margin-left: 0px;
	display:flex;
}
.wallet-list .wallet-item{
	padding:10px 0;
}

.wallet-item .item-center{
	position:relative;
	display: flex;
	align-items: center;
}
.wallet-item .item-right-side{
	position:relative;
	display: flex;
	justify-content:right;
}
.wallet-item .item-right-side:after, .wallet-item .item-center:after{
	content:"";
	position:absolute;
	bottom:-10px;
	width:100%;
	border-bottom:1px solid #D9E2EF;
}

.wallet-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	background: #F5F8FB;
	min-height:75px;
}
.wallet-logo img{
	padding:14px 0;
}
.wallet-info{
	display:flex;
	justify-content: center;
	flex-direction:column;
}
.wallet-heading{
	font-family: 'Roboto', sans-serif;
	color: #1F2A50;
	font-size: 18px;
	line-height: 22px;
	font-weight:bold;
	margin-bottom:0;
}

.wallet-status{
	font-size: 14px;
	color: #96A6B6;
}
.wallet-close{
	position:absolute;
	right:0;
	top:40px;
	cursor:pointer;
	color:#96A6B6;
	font-size: 18px;
	transition: all 0.3s ease;
}
.wallet-close:hover{
	color:#333333;
}


.wallet-icons{
	padding:0 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	margin-left:auto;
}
.wallet-icons .icon{
	padding:0 10px;
}

.wallet-item .item-left-side{
	-ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%;
}
.wallet-item .item-right-side{
	-ms-flex: 0 0 82%;
    flex: 0 0 82%;
    max-width: 82%;
	padding-left:30px;
}
.wallet-item .button-holder{
	display: flex;
	align-items: center;
	justify-content: right;
}
.wallet-item .item-right-side .create-btn{
	color:#5584ff;
	background:transparent;
	border:1px solid #5584ff;
	text-transform:none;
	min-width:200px;
	padding: 10px 36px;
	font-size:16px;	
}
.wallet-item .item-right-side .create-btn:hover{
	color:#ffffff;
}
.wallet-item .item-right-side .button-holder{
	margin-top:0;
	margin-left:auto;
}
.wallet-item .create-btn .text-mobile{
	display:none;
	text-transform:uppercase;
}
.wallet-list-link{
	color: #1F2A50;
	font-size: 14px;
	margin-left:auto;
	font-weight:bold;
	cursor:pointer;
}
.wallet-list-link:hover{
	/*color:#3658cc;*/
}
.wallet-list-link.active{
	color: #96A6B6;	
}
.wallet-list-link .icon{
	margin:-3px 5px 0 0;
}
.wallet-list-link .icon path{
	fill:#1F2A50;
}
.wallet-list-link.active .icon path{
	fill:#96A6B6;
}
.walletList{
	display:none;
}

/* back link item */
.back-link-item{
	display: inline-flex;
    text-decoration: none;
    padding: 13px 10px 10px 10px;
	margin-right:5px;
	margin-left:-10px;
}
/* Qr item */
.qr-item{
	padding-bottom:40px;
	text-align:center;
}

.transfer-item{
	display:flex;
	align-items:center;
	margin-bottom:16px;
}
.transfer-item .text-item{
	display:flex;
	align-items:center;
}
.transfer-item .text-item .crypto-logo{
	margin:0 5px;
}
.transfer-item .text-item{
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
}
/* Adress-item */
.adress-item{
	display:flex;
	padding:0 0 0 24px;
	border: 1px solid #D9E2EF;
	background: #F5F8FB;
	border-radius:8px;
	overflow:hidden;
	align-items:center;
	margin-bottom:25px;
	font-weight:400;
}
.adress-text{
	font-size: 18px;
	margin-right:30px;
	font-weight:400;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
}

/* Copy btn item */
.copy-btn-item{
	padding: 14px 34px;
	display:flex;
	align-items:center;
	cursor:pointer;
	border-left: 1px solid #edf0f6;
	background: #d6e1f1;
	transition: all 0.3s ease;
	background-image: linear-gradient(to right, #5f88ee 0%, #3e6be0 51%, #5f88ee 100%);
    box-shadow: 0px 8px 15px rgba(69, 113, 227, 0.45);
	background-size: 200% auto;
}
.copy-btn-item span{
	color:#ffffff;
	font-size: 18px;
	font-weight:500;
}
.copy-btn-item .icon{
	margin-right:10px;
}
.copy-btn-item:hover{
	background-position: right center;
}
.copy-btn-item:hover span{
	color:#ffffff
}


/* Copy info item */
.copy-info-item{
	display:none;
	width:calc(100% - 30px);
	position:absolute;
	z-index:1;
	margin:-7px 15px 0 0;
	background: #FFFFFF;
	box-shadow: 0px 6px 28px #C9D4F0;
    border-radius: 15px;
	padding:22px 22px 50px 22px;
	border: solid 1px #d8563c;
}
.copy-box-corner{
	position:absolute;
	top: -4px;
	right:55px;
	width:20px;
}
.copy-box-corner:before, .copy-box-corner:after{
	content:"";
	position:absolute;
	width:12px;
	display: block;
	height:7px;
	background:#ffffff;
	border-top: solid 1px #d8563c;
}
.copy-box-corner:before{
	right:0;
	transform: rotate(25deg);
}
.copy-box-corner:after{
	left:0;
	transform: rotate(-25deg);
}
.copy-info-item .copy-body .icon{
	position:absolute;
	left:0;
	top:2px;
}
.copy-info-item .copy-body{
	padding-left:30px;
	position:relative;
}

.copy-info-item h5{
	font-weight: 600;
	font-size: 16px;
}

.copy-info-item .copy-text{
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	word-break:break-all;
}
.copy-info-item .close-info{
	position:absolute;
	right:20px;
	bottom:15px;
	color: #607bed;
	font-weight: 600;
	font-size: 16px;
	cursor:pointer;
}

/*-----------------------
	Sidebar
-------------------------*/
.sidebar-item{
	box-sizing: border-box;
	overflow: hidden;
	box-shadow: 0px 6px 28px #C9D4F0;
    border-radius: 15px;
}
.sidebar-header{
	padding:30px 30px 20px 30px;
	align-items: center;
	justify-content: center;
	flex-direction:column;
	
}

.text-title{
	font-size: 14px;
	line-height: 17px;
	margin-bottom:5px;
	font-weight: 500;
}
.sidebar-header h3{
	font-weight: bold;
	font-size: 24px;
	line-height: 29px;
	color: #1F2A50;
	text-align:left;
	margin-bottom:0;
}
.sidebar-section.adress-section{
	padding:0 0 20px 0;
}
.sidebar-section.adress-section .adress-text{
	font-size:14px;
	line-height:16px;
	word-break:break-all;
	text-align:left;
	font-weight:400;
	text-overflow: ellipsis;
	margin-bottom:15px;
	margin-top:15px;
}

.sidebar-section{
	padding:25px 0;
	border-bottom:1px solid #ECEFF1;
	position:relative;
}

.sidebar-body{
	padding:0 30px;
}

.sidebar-body .sidebar-section:last-child{
	border-bottom: 0;
}
.sidebar-footer .sidebar-section{
	border:none;
	background: #F5F8FB;
	padding: 25px 30px;
}
.sidebar-footer .data-item{
	margin-bottom:0;
}
.sidebar-section:nth-child(2){
	padding: 18px 0;
}
.data-item{
	display: flex;
	align-items: center;
	margin-bottom:15px;
}
.data-item .data-heading{
	font-size: 14px;
	font-weight:500;
}

.data-item .data-value{
	margin-left:auto;
	font-size: 16px;
	font-weight: 400;
}
.data-item.mb-0{
	margin-bottom:0;
}

/*-----------------------
	Exchange complete
-------------------------*/
.complete-container{
	border-radius:8px;
	box-shadow: 0px 6px 28px #C9D4F0;
    border-radius: 15px;
}
.complete-container .row{
	display:flex;
}
.complete-header{
	background: #F6F8FB;
}
.header-text-item .header-title{
	font-size: 16px;
	font-weight:bold;
	margin-right:10px;
}

.complete-header .header-text-item .header-value{
	font-size: 18px;
	font-weight:500;
}
.complete-header .left-info{
	display:flex;
	height:100%;
	align-items:center;
	padding:25px 45px;
	padding-right:20px;
}
.complete-header .left-info .icon-arrow-right{
	margin-right:-30px;
	margin-left:auto;
}

.complete-header .right-info{
	display:flex;
	align-items:center;
	padding:25px 45px;
	padding-left:20px;
}
.trak-link-item{
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
	display:flex;
	align-items:center;
}
.trak-link-item .icon{
	margin-right:10px;
}
.complete-header .right-info .trak-link-item{
	margin-left:auto;
	color: #497ae6;
}

.complete-info-title{
	font-size: 14px;
	color: #6a7896;
	font-weight:500;
	margin-bottom:4px;
}
.complete-info-value{
	font-size: 16px;
	font-weight:400;

}

.complete-body .complete-info-item:first-child .left-info{
	height:auto;
}

.complete-info-item .left-info-holder{
	padding:25px 0 15px 45px;
	border-right:1px solid #D9E2EF;
	height: 100%;
}
.complete-info-item .right-info-holder{
	padding:25px 0 15px 22px;
}

/* Complete info item */
.complete-info-item .left-info{
	padding:0 0 20px 0;
	height:100%;
}
.complete-info-item .right-info{
	padding:0 0 20px 0;
}


/*-----------------------
	Progress
-------------------------*/

.progress-container .status-item:last-child .progress-info-container{
	border-bottom:none;
}

.progress-container{
	box-shadow: 0px 6px 28px #C9D4F0;
    border-radius: 15px;
	padding:35px;
}
.notyfy-container{
	width:100%;
	margin-top:30px;
	padding: 28px 0;
	padding:24px 32px;
}
.notify-me-btn{
	margin-left:30px;
}
.notyfy-container .form-group{
	margin-bottom:0;
	display:flex;
}
.notyfy-link{
	display:flex;
	align-items:center;
	font-weight:bold;
	color: #F8794B;
	margin:0 40px 0 auto;
	text-decoration:underline;
}	
/* Status item */
.status-item.active .progress-subtitle{
	color: #0CCBBE;
}
.status-item.active .progress-icon img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.status-item.active .arrows-indicator .fa{
	color:#0CCBBE;
}

.status-item .progress-info-container{
	display: flex;
    align-items: center;
	height:100%;
	border-bottom:1px solid #D9E2EF;
}
.status-item .row{
	width:100%;
}
.progress-info{
	padding:10px 0;
}
.progress-icon{
    display: flex;
	align-items: center;
	justify-content: center;
	background: #F6F8FB;
	margin:10px 0;
}
.progress-icon img{
	margin:15px 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	width:50px;
}
	

.progress-subtitle{
	font-size: 14px;
	color: #96A6B6;
	font-weight:500;
}
.progress-title{
	font-size: 18px;
	font-weight:500;
	margin-bottom:3px;
}
.progress-title .fa{
	font-size: 20px;
	color:#D9E2EF;
}

.progress-group{
	display:flex;
	width:100%;
	align-items: center;
}
.arrows-indicator{
	padding: 0 15px 0 19px;
	margin-bottom: 3px;
}
.arrows-indicator i{
	color:#D9E2EF;
	font-size:32px;
	margin-left:-3px;
}
/*-----------------------
	Add Payment
-------------------------*/

.card-form-container{
	padding:30px 32px;
}
.form-group-icon{
	position:relative;
}
.form-group-icon .icon{
	position:absolute;
	left:24px;
	top:19px;
}
.form-group-icon input{
	padding-left:85px;
}
.card-form-container label{
	font-weight:500;
}
.card-form-container label.error{
	font-size:14px;
	font-weight:400;
}
.card-form-container .form-group{
	margin-bottom:25px;
}

.card-form-footer{
	display:flex;
	margin-top:10px;
	justify-content:flex-end;
}
.v-divider{
	display:flex;
	align-items:center;
	margin:0 24px;
}
.v-divider span{
	width:2px;
	height:24px;
	background:#ECEFF1;
}

/* button naked */

.button-naked{
	font-weight: bold;
    font-size: 18px;
    border: none;
    background: none;
    cursor: pointer;
	align-self:center;
	padding:10px 0;
	box-shadow:none;
}



.word-break-all{
	word-break: break-all;
}

/*================================================
 (  Error pages  )
================================================*/


.error-content{
	padding-top:15%;
	text-align:center;
}
.error-content .error-desc{
	margin:0 auto;
	font-size: 18px;
	max-width:400px;
	margin-top:25px;
	margin-bottom:15px;
}
.error-content .button{
	margin-top:30px;
}
.error-content h3{
	margin-top:40px;
	font-weight:bold;
	font-size: 48px;
	margin-bottom:30px;
}
/*------------------------------------------------
    Confirm modal
-------------------------------------------------*/
.confirm-msg{
	margin: 30px 0 10px 0;
	display:none;
	text-align:center;
}
.confirm-msg .modal-title{
	font-weight: 600;
    font-size: 24px;
    line-height: 35px;
}
.confirm-msg .btn-holder .btn{
	margin:0 5px;
	padding: 10px 24px;
}
.confirm-msg p{
	text-align: center;
    font-size: 16px;
    color: #8492af;
}
.confirm-msg .btn-holder{
	margin:15px 0;
	display:flex;
	justify-content:center;
}

/*-----------------------
	Email confirmed
-------------------------*/
.success-comfirm-content{
	max-width:520px;
	padding: 100px 0;
	margin:0 auto;
	text-align: center;
}
.success-comfirm-content .icon{
	margin-bottom:30px;
}
.success-comfirm-content h3{
	font-size: 38px;
	line-height: 100%;
	padding-bottom: 5px;
}

@media (max-width:480px){
	.success-comfirm-content h3{
		padding-bottom:20px;
	}
	.success-comfirm-content p{
		margin-bottom:20px;
	}
}
/*---------------------------------------------------------------------
                           Animations
-----------------------------------------------------------------------*/


/*---------------------------------------------------------------------
                          Coin
-----------------------------------------------------------------------*/
.coin-animation-container{
	position:absolute;
	right:0;
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-left:auto;
}
.coin {
  height: 100px;
  width: 100px;
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 50%;
  animation: spin 10s infinite;
  animation-timing-function: linear;
}
.coin .front, .coin .back {
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-size: cover;
  overflow: hidden;
}
.coin .front {
  transform: translateZ(7px);
}
.coin .back {
  transform: translateZ(-7px) rotateY(180deg);
}
.coin .side {
  transform: translateX(42px);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.coin .side .circle {
  height: 100px;
  width: 15px;
  position: absolute;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.coin .side .circle:before, .coin .side .circle:after {
  content: '';
  display: block;
  height: 11px;
  width: 14px;
  position: absolute;
  transform: rotateX(84.375deg);
  background: #c5c51b;
}
.coin .side .circle:before {
  transform-origin: top center;
}
.coin .side .circle:after {
  bottom: 0;
  transform-origin: center bottom;
}
.coin .side .circle:nth-child(1) {
  transform: rotateY(90deg) rotateX(11.25deg);
}
.coin .side .circle:nth-child(2) {
  transform: rotateY(90deg) rotateX(22.5deg);
}
.coin .side .circle:nth-child(3) {
  transform: rotateY(90deg) rotateX(33.75deg);
}
.coin .side .circle:nth-child(4) {
  transform: rotateY(90deg) rotateX(45deg);
}
.coin .side .circle:nth-child(5) {
  transform: rotateY(90deg) rotateX(56.25deg);
}
.coin .side .circle:nth-child(6) {
  transform: rotateY(90deg) rotateX(67.5deg);
}
.coin .side .circle:nth-child(7) {
  transform: rotateY(90deg) rotateX(78.75deg);
}
.coin .side .circle:nth-child(8) {
  transform: rotateY(90deg) rotateX(90deg);
}
.coin .side .circle:nth-child(9) {
  transform: rotateY(90deg) rotateX(101.25deg);
}
.coin .side .circle:nth-child(10) {
  transform: rotateY(90deg) rotateX(112.5deg);
}
.coin .side .circle:nth-child(11) {
  transform: rotateY(90deg) rotateX(123.75deg);
}
.coin .side .circle:nth-child(12) {
  transform: rotateY(90deg) rotateX(135deg);
}
.coin .side .circle:nth-child(13) {
  transform: rotateY(90deg) rotateX(146.25deg);
}
.coin .side .circle:nth-child(14) {
  transform: rotateY(90deg) rotateX(157.5deg);
}
.coin .side .circle:nth-child(15) {
  transform: rotateY(90deg) rotateX(168.75deg);
}
.coin .side .circle:nth-child(16) {
  transform: rotateY(90deg) rotateX(180deg);
}
.coin .front {
  background: yellow;
}
.coin .back {
  background: yellow;
}
.coin .front, .coin .back {
  overflow: hidden;
}
.coin .front:before, .coin .back:before {
  content: '';
  position: absolute;
  left: -50px;
  height: 250%;
  width: 30%;
  background: white;
  transform: skew(45deg);
  animation: shine 5s infinite;
}

@keyframes shine {
  30% {
    left: 500px;
  }
  50% {
    left: 500px;
  }
  100% {
    left: 500px;
  }
}
@keyframes spin {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
#gradient {
  width: 200px;
  height: 30px;
  margin-top:-20px;
  background-image: radial-gradient(black, transparent, transparent);
  animation: scale 2.5s infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
  filter: url(#blur);
}

@keyframes scale {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0.3);
  }
}
/*---------------------------------------------------------------------
                          Coin End
-----------------------------------------------------------------------*/


/*  loader-spin  */
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*  checkmark  */
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.75em;
    opacity: 1;
  }
  40% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
  100% {
    height: 3.5em;
    width: 1.75em;
    opacity: 1;
  }
}



/*  fade-in-bottom  */
.fade-in-bottom {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/*  top_banner__rounds */
@-webkit-keyframes top_banner__rounds {
    0%,
    to {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
}

@keyframes top_banner__rounds {
    0%,
    to {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
}

/*  background_figures */
@-webkit-keyframes background_figures {
     0%,
    to {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
}

@keyframes background_figures {
     0%,
    to {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
}

/* iq-waves */
.iq-waves { position: absolute; width: 284px;  height: 284px;  left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }
.iq-waves .waves { position: absolute; width: 284px;  height: 284px;  background: rgba(255, 255, 255, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 320px; background-clip: padding-box; -webkit-animation: waves 3s ease-in-out infinite; animation: waves 5s ease-in-out infinite; }
.iq-waves .wave-1 { -webkit-animation-delay: 2s; animation-delay: 2s; }
.iq-waves .wave-2 { -webkit-animation-delay: 4s; animation-delay: 4s; }
.iq-waves .wave-3 { -webkit-animation-delay: 6s; animation-delay: 6s; }
@-webkit-keyframes waves {
	0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
	100% { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
	0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
	50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
	100% { -webkit-transform: scale(0.5, 05); transform: scale(0.5, 0.5); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}


 /**
 * ----------------------------------------
 * animation fade-in-right
 * ----------------------------------------
 */
.fade-in-right {
	-webkit-animation: fade-in-right 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
.fade-in {
	-webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * 
/* Animation delays
 * ----------------------------------------
 */

[data-delay="100"]{
    animation-delay:.1s;
}
[data-delay="200"]{
    animation-delay:.2s;
}
[data-delay="300"]{
    animation-delay:.3s;
}
[data-delay="400"]{
    animation-delay:.4s;
}
[data-delay="500"]{
    animation-delay:.5s;
}
[data-delay="600"]{
    animation-delay:.6s;
}
[data-delay="700"]{
    animation-delay:.7s;
}
[data-delay="800"]{
    animation-delay:.8s;
}
[data-delay="900"]{
    animation-delay:.9s;
}
[data-delay="1000"]{
    animation-delay:1s;
}
[data-delay="1100"]{
    animation-delay:1.1s;
}
[data-delay="1200"]{
    animation-delay:1.2s;
}
[data-delay="1300"]{
    animation-delay:1.3s;
}
[data-delay="1400"]{
    animation-delay:1.4s;
}
[data-delay="1500"]{
    animation-delay:1.5s;
}


/*---------------------------------------------------------------------
                            Media max-width
-----------------------------------------------------------------------*/
@media (max-width:1200px){
	.banner-scene .layers-container{
		width:100%;
		height: 360px;
	}
	.layers-container .layer-1{
		left: 34%
	}
	.layers-container .layer-3{
		left: 35%;
	}
	.quiz-content{
		padding: 20px 70px 70px 70px;
	}
	.partners-box-content .btn.btn-primary{
		padding: 16px 24px;
	}
	
}

@media (max-width:991px){
	#login-modal .modal-dialog{
		margin:0 auto;
	}
	input.form-control-icon{
		margin-bottom:15px;
	}
	.exchange-banner .section-heading{
		margin-top:0;
	}
	.top-service-list{
		flex-direction:column;
		margin-top: 100px;
	}
	.top-service-list li{
		width:100%;
	}
	.top-service-list li br{
		display:none;
	}
	.top-service-list li .icon{
		top: 0;
	}
	.card-block.step-block{
	
	}
	.service-banner-section{
		min-height: auto;
	}
	.card-block.step-block{
		display:block;
		height: auto;
		margin-bottom: 30px;
	}
	.connection-section .btn-holder{
		margin-top: 30px;
	}
	.quiz-section .quiz-item .quiz-text p{
		font-size: 18px;
		line-height: inherit;
		text-align:center;
	}
	.quiz-section .quiz-item .button-holder{
		justify-content: center;
	}
	.quiz-cards div[class^="col"]{
		width:33.333333%;
	}
	.quiz-content{
		padding: 20px 30px 70px 35px;
	}
	.quiz-sidebar{
		min-width: 300px;
		width: 300px;
	}
	.quiz-heading{
		font-size: 20px;
	}
	.quiz-content .content-heading{
		font-size: 24px;
	}
	.banner-scene .layers-container{
		display:none;
	}
	.numbers-section div[class^="col"]{
		margin-bottom:35px;
		margin-top:0 !important;
	}
	.numbers-item.v-offset{
		margin-top:0;
	}
	.api-item .image-block.img-right,
	.api-item .image-block.img-left{
		text-align:center;
		margin-top:40px;
	}
	.mobile-order-first{
		order:-1;
	}
	.image-block.img-left{
		
	}
	.api-section .col-sm-12 + .col-sm-12{
		margin-top: auto !important;
	}
	.api-item{
		padding: 60px 0;
	}
	.comment-item .comment-info {
		padding-left: 40px;
	}
	.side-title:before {
		display:none;
	}
	.side-title {
		justify-content: flex-start;
	}
	.side-title p {
		text-align:left;
	}
	.heading-large {
		font-size: 32px;
		margin-bottom:20px;
	}
	.top-banner-info h1{
		font-size: 32px;
	}
	
	table.table.responsive-table{
		display: table;
	}
	table.table.responsive-table tr{
		display: table-row;
	}
	table.table.responsive-table th,
	table.table.responsive-table td{
		display: table-cell;
	}
	table.table.responsive-table thead th:last-child,
	table.table.responsive-table thead th:first-child,
	table.table.responsive-table thead th:first-child,
	.table.responsive-table>thead>tr>th{
		    border-bottom: inherit !important;
			border-top: inherit !important;
	}
	
	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: normal;
	}


}
@media (max-width:768px){
		.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: nowrap;
	}
	.service-item .service-heading{
		font-size:20px;
		font-weight:500;
		margin-bottom:10px;
		margin-top: 15px;
	}
	.heading-medium{
		font-size: 26px;
		line-height: 1.46;
	}
	.step-block p{
		color: #0E1A35;
	}
	.quiz-section{
		padding: 30px 0;
	}
	.package-info-section .heading-medium{
		text-align:center;
	}
	.connection-section .heading-medium{
		margin-bottom:80px;
	}
	.fact-section .heading-small{
		font-size:20px;
		margin-bottom:20px;
	}
	.fact-section p{
		line-height: 20px;
	}
	.service-banner-info{
		margin-top: 20px;
	}
	.service-banner-info h1{
		font-size: 26px;
		line-height: 1.46;
	}
	.service-desc{
		font-size: 16px;
		line-height: 1.46;
	}
	.service-banner-content .btn-holder{
		margin-top:60px;
	}
	.service-banner-content .btn-holder .btn{
		width:100%;
	}
	.service-desc br{
		display:none;
	}
	.quiz-submit{
		display:none;
	}
	.quiz-cards div[class^="col"] {
		width: 50%;
	}

	.quiz-modal{
		overflow: hidden !important;
	}
	.quiz-modal .modal-dialog{
		position:absolute;
		height:100%;
	}
	.quiz-modal .modal-dialog{
		margin:0;
	}
	.quiz-modal.in{
		padding:0 !important;
	}
	.quiz-logo{
		display:none;
	}
	.quiz-heading{
		font-size: 16px;
		margin-top:0;
		display:none;
	}
	.tips-message{
		padding:10px;
		margin-top: 12px;
	}
	.tips-message:before{
		left: 15px;
		top: -10px;
		border-right: 8px solid transparent;
		border-bottom: 18px solid #ffffff;
	}
	.quiz-sidebar{
		padding: 15px;
	}
	.helper-avatar img{
		width: 50px;
	}

	[class*=col-md-] + [class*=col-md-]{
		margin-top: 0;
	}
	.quiz-steps{
		height:calc(100vh);
		overflow:auto;
	}
	.quiz-content{
		padding: 20px 15px 70px 15px;
	}
	.steps-item .actions ul{
		width: 100%;
		justify-content: center;
		padding-left:0;
		position:fixed;
		left:0;
		bottom:0;
	}
	.steps-item .actions ul li{
		width:50%;
		margin: 0 15px;
	}
	.quiz-messenger{
		padding: 40px 15px;
		margin-top:0;
	}
	.quiz-content .content-heading{
		font-size:20px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.messenger-item{
		margin: 0 10px 30px 10px;
	}
	.steps-item .actions li a{
		display:flex;
	}
	.steps-item .actions li a[href="#previous"]{
		border-width:1px;
		border-radius: 0;
		background:#ffffff;
		width:100%;
	}
	.steps-item .actions ul li:first-child{
		margin-left:15px;
	}
	.steps-item .actions li a[href="#next"],
	.steps-item .actions li a[href="#finish"] {
		border-radius:0;
		margin-left:auto;
	}

	.range-slider{
		width:80%;
		margin: 60px auto 0 auto;
	}
	.quiz-cards .col-sm-6 {
		width: 50% !important;
	}
	.step-body{
		height:auto;
		flex-direction:column;
	}
	.quiz-sidebar {
		min-width: 100%;
		width: 100%;
	}
	.quiz-heading{
		margin: 30px 0;
	}
	.quiz-card{
		text-align:center;
	}
	.quiz-messenger{
		width: 100%;
	}
	.top-banner-info{
		padding:60px 0 0 0;
	}
	.layer-map-bg{
		display:none;
	}
	.top-banner-content{
		padding-bottom:0;
	}
	.top-banner-section{
		padding-bottom: 40px;
	}
	.benefits-section-inner {
		background:#3e6be0;
	}
	.benefits-section-inner {
		padding: 20px 0 60px 0;
	}
	.numbers-section{
		padding: 60px 0 0 0;
	}
	.api-section {
		padding: 40px 0 0px 0;
	}
	.comments-section{
		padding-top:0;
	}
	.posts-section .section-header{
		display:block;
	}
	.comment-modal .comment-data {
		flex-direction:column;
	}
	.comment-modal .comment-data .user-img{
		margin-bottom:15px;
	}
	.comment-modal .comment-heading {
		font-size: 18px;
	}
	
	.irs--round .irs-single{
		padding: 10px 3px;
	}
	.oval-figure-bg{
		display:none;
	}
	.personal-tarif-section .heading-title{
		margin-bottom:10px;
		line-height:18px;
	}
	.personal-tarif-item .card-block{
		padding: 25px 15px;
	}
	.personal-tarif-section{
		padding-top:0;
	}
	.layer-service-bg{
		display:none;
	}
	.order-modal .modal-header .modal-title{
		font-size:24px;
	}
	.order-modal .modal-body{
		padding:25px 20px;
	}
	.order-modal .modal-header .modal-sub-title{
		font-size:16px;
	}
	.modal-dialog{
		width:auto;
	}
	
	.range-income{
		margin-bottom: 30px;
	}
	.partners-box-content .btn.btn-primary{
		margin: 0 auto;
		display: block;
	}
	.icon-text{
		margin-bottom:15px;
	}
	

}
@media (max-width:480px){
	
	.layer-service-bg{
		display:none;
	}
	.top-banner-list li {
		font-size: 14px;
	}
	.top-banner-info .btn-holder{
		text-align:center;
		margin-top:40px;
	}
	.messenger-item img{
		min-width:40px;
	}
}

/*---------------------------------------------------------------------
                            Media min-width
-----------------------------------------------------------------------*/

@media (min-width: 991px){
	.services-section .row,
	.benefits-section .row{
		margin-left:-34px;
		margin-right:-34px;
	}
	.services-section .row div[class^="col"],
	.benefits-section .row div[class^="col"]{
		padding-left:34px;
		padding-right:34px;
	}
	
	.numbers-section .row{
		margin-left:-22px;
		margin-right:-22px;
	}
	.numbers-section .row div[class^="col"]{
		padding-left:22px;
		padding-right:22px;
	}
	
	.benefits-section:after, .benefits-section:before {
		background-image: url(../images-new-theme/backgrounds/wave-bg-layer.svg);
		background-size:cover;
	}
	.benefits-section:after, .benefits-section:before {
		position: absolute;
		z-index: 0;
		top: -15px;
		bottom: -15px;
		left: 0;
		width: 100%;
		background-repeat: repeat-x;
		content: "";
		pointer-events: none;
	}
	.benefits-section:before {
		-webkit-animation: top_banner__rounds 7s ease -1.25s infinite;
		animation: top_banner__rounds 7s ease -1.25s infinite;
		background-position: calc(30% - 100px) 50%;
		opacity: .3;
	}
	.benefits-section:after {
		-webkit-animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		background-position: calc(30% + 100px) 50%;
		opacity: .2;
	}
	
	
	
	/* Section wave animation */
	.wave-animation:after, .wave-animation:before {
		background-image: url(../images-new-theme/backgrounds/wave-bg-layer.svg);
		background-size:cover;
	}
	.wave-animation:after, .wave-animation:before {
		position: absolute;
		z-index: 0;
		top: -15px;
		bottom: -15px;
		left: 0;
		width: 100%;
		background-repeat: repeat-x;
		content: "";
		pointer-events: none;
	}
	.wave-animation:before {
		-webkit-animation: top_banner__rounds 7s ease -1.25s infinite;
		animation: top_banner__rounds 7s ease -1.25s infinite;
		background-position: calc(30% - 100px) 50%;
		opacity: .3;
	}
	.wave-animation:after {
		-webkit-animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		background-position: calc(30% + 100px) 50%;
		opacity: .2;
	}

}

@media screen and (min-width: 768px){
	.exchange-container .col-md-5{
		-ms-flex: 0 0 46.5%;
		flex: 0 0 46.5%;
		max-width: 46.5%;
	}
	.exchange-container .col-md-1{
		-ms-flex: 0 0 7%;
		flex: 0 0 7%;
		max-width: 7%;
	}
	.figures-shadow:after, .figures-shadow:before {
		position: absolute;
		z-index: 0;
		bottom: 80px;
		left: 0;
		width: 110%;
		height: 80%;
		background-color: #477ae7;
		border-radius: 0 0 50% 50%;
		content: "";
	}
	.figures-shadow:before {
		left: -8%;
		-webkit-animation: top_banner__rounds 7s ease -1.25s infinite;
		animation: top_banner__rounds 7s ease -1.25s infinite;
		opacity: .4;
	}
	.figures-shadow:after {
		right: -8%;
		left: auto;
		-webkit-animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		animation: top_banner__rounds 7s cubic-bezier(.36,.45,.63,.53) infinite;
		opacity: .2;
	}
}
@media (min-width: 993px){
	.row, .row.vertical-row:not(.box-middle) {
		margin-left: -15px;
		margin-right: -15px;
	}
}