html, body {
    height: 100%;
	font-family: "MyriadPro-Regular";
}
.content {
    flex: 1 0 auto;
}

.bg-page{
    /*background: url("../images/bg.jpg") center center;*/
    background-size: cover;
	background-color: #fdfdfd;
}

.bg-color-custom{
    background-color: #27a6e1;
}
.color-custom{
    color: rgb(0, 71, 115);
}
.bg-section-decor{    
	background: url(../images/public/bg2-1400.png) center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right;
    /*background: url("../images/public/bg2-1400.png") center bottom;
    background-repeat: no-repeat;
	background-size: cover;
    background-position-x: right;
    background-position-y: bottom;*/
}
.bg-globe-decor{
    background-image: url("../images/decor3.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}
/*.bg-section-decor{
    background-image: url("../images/decor3.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}*/
.bg-block-decor{
    background-image: url("../images/decor.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 130%;
}
.bg-footer{
    /*background: url("../images/bgbottom.png") center center;*/
    background-size: cover;
	background-color: #ffffff;
    box-shadow: 0px 7px 16.92px 1.08px rgba(133, 133, 132, 0.21);
}
.max-width-650{
    max-width: 650px;
}
.max-width-800{
    max-width: 800px;
}
.box-shadow-1{
    box-shadow: 0px 7px 16.92px 1.08px rgba(133, 133, 132, 0.21);
}
.ml-img-space{
    margin-left: 3.5rem;
}
.border-radius-10{
    border-radius: 10px;
}
.height-60{
    height: 60%;
}

.height-80{
    height: 80%;
}
.text-secondary2{
    color: #707070;
}
.section-padding{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.header-border-radius{
    -moz-border-radius-bottomleft: 200px;
    -webkit-border-bottom-left-radius: 200px;
    border-bottom-left-radius: 200px;

    -moz-border-radius-bottomright: 200px;
    -webkit-border-bottom-right-radius: 200px;
    border-bottom-right-radius: 200px;
}
.header-border-radius-smaller{
    -moz-border-radius-bottomleft: 60px;
    -webkit-border-bottom-left-radius: 60px;
    border-bottom-left-radius: 60px;

    -moz-border-radius-bottomright: 60px;
    -webkit-border-bottom-right-radius: 60px;
    border-bottom-right-radius: 60px;
}
.block-border-radius{
    border-radius: 200px;
}
.block-border-radius-smaller{
    border-radius: 60px;
}
.width-50{
	width: 50px;
}


.navbar{
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: -6.691px 7.431px 20px 0px rgba(0, 0, 0, 0.15);
	padding: .5rem 3rem;
}

.contact-link{
	text-decoration: underline;
}
.navbar li{
    line-height: 2.2;
}

.navbar-brand img{
    height: 70px;
}
.navbar-contacts{
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;

    /*border-left: 1px solid #dee2e6;
    border-top: 0;*/
}
.nav-link-img{
    width: 40px;
}
.navbar .dropleft .dropdown-toggle::before{
    margin-right: 0;
    margin-left: -5px;
}
.navbar-nav a{
    font-weight: 500;
    transition: all .2s;
}
a.dropdown-item:focus, a.dropdown-item:hover{
    color: #27a6e1!important;
    /*background-color: transparent;*/
}
a.dropdown-item:active{
    background-color: #eee;
}

.custom-control-input:checked~.custom-control-label::before{
    border-color: #67c23b;
    background-color: #67c23b;
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: 0 0 0 0.2rem rgba(103,194,59,.25);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
    border-color: #67c23b;
}

span.vertical-hr{
    border:         none;
    border-left:    1px solid hsla(200, 10%, 50%,100);
    height:         100%;
    width:          1px;
}

.website-global-link{
    background: url("../images/earth.svg") center center;
    background-repeat: no-repeat;
    background-size: 450px 450px;
    margin: auto;
    display: flex;
    width: 450px;
    height: 450px;
    text-decoration: none;
    border-radius: 1rem;
    /*padding-right: 30px;
    padding-left: 30px;*/
    transition: box-shadow .3s;
    box-sizing: content-box;
    padding: 0 16px;
}
    .website-global-link img{
        margin-bottom: 45px;
        width: 350px;
        height: auto;
    }
.website-global-link:hover{
    /*box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;*/
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.hint-icon-wrapper{
    cursor: pointer;
    color: gray;
    transition: all .3s;
}
    .hint-icon-wrapper:hover{
        color: black;
    }

.header-text-size{
    font-size: 36px;
}
.bg-header{
    background: url("../images/public/bg1-1400.png") center bottom;
	background-size: cover;
}


.icon-gallery{
    position: absolute;
    top: 8px;
    right: 25px;
}
.ekko-lightbox.modal .modal-body{
    padding: 0;
}

.margin-header-text{
    margin: 1rem 0;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.cancel-button{
	font-size: 14px;
    padding: 8px 46px;
    margin: 0 10px;
}



.dropdown-translate .dropdown-toggle::after{
	display: none;
}
@media only screen and (min-width: 992px) {
	.left-about-us{
		padding-right: 12%;
	}
	.dropdown-translate .dropdown-menu{
		margin-left: -70px;
	}
}


@media only screen and (max-width: 991px) {
    /*.navbar-contacts{
        border-left: 0!important;
        border-top: 1px solid #dee2e6;
        padding-top: .75rem;
        padding-bottom: .75rem;
    }*/
    .file-preview-button{
        float: initial;
        display: block;
    }
    .file-preview-button  .btn-primary{
        padding: 8px 16px;
    }
}
@media only screen and (max-width: 768px) {

    .header-text-size{
        font-size: 2rem;
    }
    .header-border-radius{
        -moz-border-radius-bottomleft: 50px;
        -webkit-border-bottom-left-radius: 50px;
        border-bottom-left-radius: 50px;

        -moz-border-radius-bottomright: 50px;
        -webkit-border-bottom-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }
    .header-border-radius-smaller{
        -moz-border-radius-bottomleft: 20px;
        -webkit-border-bottom-left-radius: 20px;
        border-bottom-left-radius: 20px;

        -moz-border-radius-bottomright: 20px;
        -webkit-border-bottom-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .block-border-radius{
        border-radius: 50px;
    }
    .block-border-radius-smaller{
        border-radius: 20px;
    }
    .website-global-link{
        background-size: 260px 260px;
        width: 260px;
        height: 260px;
    }
    .website-global-link img{
        width: 180px;
        margin-bottom: 20px;
    }
    .file-preview-button  .btn-primary{
        padding: 4px 8px;
    }
}



.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .nav-link:focus {
    color: #27a6e1;
}

/**/

.flex{
			display: flex;
		}
		.bg-header{
			min-height: 600px;
		}
		.nsw-block{
			box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);
			border-radius: 15px;
			width: 100%;
			min-height: 390px;
			background-color: #ffffff;
			padding: 40px;
		}
		.login-block{
			box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);
			float: right;
			border-radius: 15px;
			max-width: 345px;
			min-height: 400px;
			background-color: #ffffff;
			margin: 60px 0;		
			z-index: 10;
			position: inherit;
			padding: 40px;    
			left: calc(76% - 345px);
		}
		.pricing-block{
			box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);
			border-radius: 15px;
			max-width: 375px;
			min-height: 400px;
			background-color: #ffffff;
			margin: 0px 0;		
			z-index: 10;
			position: inherit;
			padding: 40px;    
		}
		.login-header{			
			margin-bottom: 30px;
		}
		.solution-block{
			box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);
			border-radius: 15px;
			width: 100%;
			background-color: #ffffff;		
		}
		.solution-left-content{
			padding: 20px 40px;
		}
		.solution-right-content{
			text-align: right;
			width: calc(100% - 272px);
			padding: 20px 40px;
		}
		.software-image{
			position: absolute;
			margin-top: 80px;
		}
		.app-image{
			position: absolute;	
			margin-top: -130px;		
		}
		.title-text{
			font-family: 'Archivo Black', sans-serif;
			font-size: 24px;
		}
		.button-text{
			font-family: 'Archivo Black', sans-serif;
		}
		.label-text{
			color: #bfbfbf;
		}
		.bottom-line{
			border-bottom: 1px solid rgb(229, 229, 229);
		}
		.right-line{
			border-right: 1px solid rgb(229, 229, 229);
		}
		.solution-image-block img{
			height: 100%
		}
		
		
			#app{			
				margin-bottom: 220px;
			}

		
		@media (max-width: 1200px) {
			.solution-image-block{
				display: none;
			}
			.solution-right-content{
				width: 100%;
				text-aling: left;
			}
			#app{			
				margin-bottom: 220px;
			}

		}
		
		@media (min-width: 769px) and (max-width: 992px) {
			.login-block{
				float: inherit;
				margin-top: -30px;
			}
			#pricing-info{
				margin-top: 60px;
			}
			
			.software-image, .app-image{
				width: 280px !important;
				margin-top: -20px;				
				left: calc(76% - 280px);
			}
			.pricing-block{					
				left: calc(66% - 280px);
			}
			#app{			
				margin-bottom: 220px;
			}

		}
		
		@media (max-width: 768px) {
			.login-block{
				float: inherit;
				left: 10%;
				margin-top: -30px;
			}
			#pricing-info{
				margin-top: 60px;
			}
			.nsw-block{
				min-height: 100px;
			}
			.software-image, .app-image{
				width: 280px !important;
				margin-top: -20px;				
				left: calc(76% - 280px);
			}
			.pricing-block{					
				left: calc(66% - 280px);
			}
			
			#app{			
				margin-bottom: 220px;
			}
			
		}
		
		form label{		
			
			margin-bottom: 0.2rem;
		}
		
.bg-header-pricing{
	min-height: 360px;
}

input, textarea{
	
		box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%) inset;	
}

.submit-button{
		margin-top: 40px !important;
	}


	/*pricing*/
	
	.imns-block{		
		box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);		
		border-radius: 20px;
	}
	.imns-block .left-imns-col{
		background-color: #00cc44;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	.imns-block .left-imns-col{
		padding-top: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
		width: 30%;
	}
	.imns-block .left-imns-col td{
		padding: 20px;
		color: #ffffff;
		padding-left: 40px;
	}
	.imns-block{
		min-width: 930px;
	}
	
	.imns-block .right-imns-col{
		width: 70%;
	}
	.imns-block .right-imns-col td{
		padding: 20px;
		padding-left: 40px;
		color: #707070;
	}
	
	/*support*/
	
	.sales-block{		
		box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);		
		border-radius: 20px;border-radius: 15px;
		width: 100%;
		background-color: #ffffff;
		padding: 40px;   
		
		width: 100%;
		min-height: 400px;
	}
	.left-sales-col{
		width: 50%;
		padding-right: 10px;
	}
	.right-sales-col{
		width: 50%;
		padding-left: 10px;
	}
	textarea{
		height: 364px !important;
	}
		
	
	.is-flex{
		display: flex;
	}
	@media (max-width: 768px) {
		.is-flex{
			display: block;			
		}
		.left-sales-col, .right-sales-col{
			width: 100%;
			padding: 0;
		}
	}
	
	
		.imns-mob-block{
			box-shadow: -6.691px 7.431px 20px 0px rgb(0 0 0 / 15%);		
			border-radius: 20px;
		}		
		.top-imns-col{		
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
		}
		.hl-imns-col{		
			background-color: #00cc44;
		}
		.imns-mob-block td{
			padding: 20px;
			text-align: center;
		}
		.gr-imns-col{
			color: #707070;
		}
		
		@media (max-width: 991px) {	
			.imns-mob-block{
				display: block;
			}
			.imns-block{			
				display: none;
			}
			.navbar{
				padding: .5rem 1rem;
			}
		}
		@media (min-width: 992px) {	
			.imns-mob-block{
				display: none;
			}
			.imns-block{			
				display: block;
			}
		}
	
	#hellopreloader_preload {
		display: block;
		position: fixed;
		z-index: 99999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-width: 1000px;
		/* background: #cde8ff url(../images/page_preloader.gif) center center no-repeat; */
		background: #3b3f49 url(../images/page_preloader.svg) center center no-repeat;
		background-size: 101px;
		color: #fff;
	}
	
	.left-about-us{
		padding-top: 20px;
	}
	
	#pricing-form .left-about-us{
		padding-top: 80px;
	}
	
	.bootstrap-select{
		border: 1px solid #e3e3e3;
		border-radius: 4px;
	}
	
	.mobile__btn-block{
	    padding: 0px 0 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.mobile__ios {
		margin: 0 20px;	
	}
	
	.mobile__google {
		margin: 0 20px;
	}
	.mobile__btn-block img{
		max-width: 180px;
		margin-bottom: 10px;
	}