/* 
	Custom CSS
*/

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Roboto';
}

/* Form Controls */
.form-control {
	border-width: 1.5px;
	color: #000639;
}

.form-control-label {
	font-size: 1.1rem;
	color: #000639;
}

/* Buttons */
.desktop-screen,
.mobile-screen {
	display: none;
}

.mobile-screen>ul>li {
	padding: 10px;
}

.btn-lg {
	border-radius: 0.2rem;
	padding: 0.8rem;
}

.btn-gradient-01, .btn-gradient-01 a {
	color: #fff !important;
	border: 2px solid #000639;
	background: #000639 !important;
}

.btn-gradient-01:hover, .btn-gradient-01 a:hover {
	color: #000639 !important;
	background: #fff !important;
}

/* Input Fields */
input.form-control::-webkit-input-placeholder {
	font-family: roboto;
	font-size: 1rem;
}

input.form-control::-moz-placeholder {
	font-family: roboto;
	font-size: 1rem;
}

input.form-control:-ms-input-placeholder {
	font-family: roboto;
	font-size: 1rem;
}

/* Bootstrap Select Boxes */
.bootstrap-select>.dropdown-toggle {
    border: 2px solid #eee;
    background-color: transparent;
    border-radius: 4px;
    padding: .75rem 1.07rem;
}

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

.bootstrap-select .dropdown-toggle:focus {
	outline: 0px auto -webkit-focus-ring-color!important;
    outline-offset: 0px;
}

/* Tables */
.table td {
	font-size: 1.05rem;
}

/*pagination*/
.css-pagination li {
	display: inline-flex;
	margin: 10px 5px;
}

/* Colors*/
.table thead th , .page-header-title , .widget-header h1, .widget-header h2, .widget-header h3, .widget-header h4, .widget-header h5, .widget-header h6 , body , a , nav.navbar .dropdown-menu a  , .has-info .form-control:focus, .form-control:focus, .has-success .form-control:focus, .has-danger .form-control:focus, .has-warning .form-control:focus, .has-info .form-control:focus {
	color: #000639;
}

.form-control:focus, .has-success .form-control:focus, .has-danger .form-control:focus, .has-warning .form-control:focus, .has-info .form-control:focus{
	border-color:#000639;
}

/* Media Queries */
@media only screen and (max-width: 890px) {
	.mobile-screen {
		display: block;
	}
}

@media only screen and (min-width: 891px) {
	.desktop-screen {
		display: block;
	}
}

a:hover{
	color: #fcc052!important;
}

#theme-banner-one .round-shape-one {
	width: 20px;
	height: 20px;
	border: 3px solid #fe8f8f;
	border-radius: 50%;
	position: absolute;
	top: 15%;
	left: 36%;
	animation: animationFramesOne 15s infinite linear;
}

#theme-banner-one .round-shape-two {
	width: 7px;
	height: 7px;
	background: #d5eeff;
	border-radius: 50%;
	position: absolute;
	top: 23%;
	left: 8%;
	animation: animationFramesTwo 13s infinite linear;
}

#theme-banner-one .round-shape-three {
	position: absolute;
	width: 8px;
	height: 8px;
	border: 2px solid #a3eead;
	border-radius: 50%;
	bottom: 42%;
	left: 6%;
	animation: animationFramesTwo 15s infinite linear;
}

#theme-banner-one .round-shape-four {
	position: absolute;
	right: 26%;
	bottom: 20%;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	border: 1px solid #fbfbfb;
	animation: rotated 10s infinite linear;
}

#theme-banner-one .shape-four {
	position: absolute;
	top: 17%!important;
	right: 37%!important;
	left: 47%;
	z-index: -1;
	animation: rotatedHalf 30s infinite linear;
}

#theme-banner-one .shape-three {
	position: absolute;
	top: 67%;
	right: 8%!important;
	animation: animationFramesTwo 13s infinite linear;
}

#theme-banner-one .main-wrapper{
	margin-top: -720px;
}

.agn-what-we-do .inner-wrapper:before {
	content: url(../images/shape/shape-13.svg);
	position: absolute;
	top: 167px;
	left: 29px;
	z-index: 0;
}

.agn-what-we-do .inner-wrapper:after {
	content: url(../images/shape/shape-14.svg);
	position: absolute;
	bottom: 32px;
	right: 65px;
	z-index: 1;
	transform: rotate(90deg);
}

.footer-logo {
    width: 80%;
    margin-left: -19px;
}

@media (max-width: 992px) {
	.footer-logo {
		width: 50%;
		margin-left: -9px;
	}
}

.theme-menu-one .logo {
    top: -2px;
    left: -10px;
}

@media (max-width: 1550px) and (min-width: 992px) {
	.theme-menu-one .navbar-nav  {
		padding-left: 200px;
	}

	.theme-menu-one .logo, .theme-menu-one.d-align-item .logo{
		top: 15px;
		left: 0px;
	}
}

@media (max-width: 1550px) {
	.theme-menu-one .logo, .theme-menu-three .logo, .theme-menu-one.d-align-item .logo {
		width: 100px;
	}
}

@media (max-width: 575.98px) {
	.theme-menu-one.d-align-item .logo {
		width: 80px;
	}
}

@media (max-width: 1199px) {
	.theme-menu-one .header-right-widget .language-switcher {
		display: none;
	}
}

.img-aboutus:before {
	content: '';
	width: 188px;
	height: 196px;
	background: #614ef9;
	border-radius: 5px;
	position: absolute;
	top: 22px;
	left: -71px;
	z-index: -1;
}

.img-aboutus:after {
	content: '';
	width: 188px;
	height: 196px;
	background: #614ef9;
	border-radius: 5px;
	position: absolute;
	top: 598px;
	left: 320px;
	z-index: -1;
}

.our-feature-sass .section-shape-two:before {
	content: url(../images/shape/shape-19.svg)!important;
}

.pt-140 {
	padding-top: 140px;
}

.arch-footer:before {
	content: url(../img/home/3.png);
	position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.footer-list h5{
	font-size: 20px;
}

.footer-information ul li a:hover{
	border-color: transparent!important;
}

.agn-our-pricing .table-wrapper .inner-table .pr-list-text {
	top: 205px;
}

.bg-pale{
	background: #fafcff!important;
}

.signUp-page .shape-wrapper{
	z-index: -1;
}

.signUp-text .text-primary:hover{
	color: #fcc052!important;
}

.signUp-minimal .register-form-wrapper{
	max-width:940px;
	padding: 60px;
}

#login-form .agreement-checkbox{
	margin-bottom: 40px;
}

img.img-fluid.login-logo {
	min-width: 220px;
}

.pt-70{
	padding-top: 70px;
}

.pb-70{
	padding-bottom: 70px;
}

.signUp-page form .input-group input{
	border:1.5px solid #e0e0e0;
}

.signUp-page form .input-group input:focus{
	border-color: #000639;
}

.signUp-page form .select-group {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.signUp-page form .select-group select {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: transparent;
    height: 60px;
    font-size: 18px;
    color: #454545;
    position: relative;
	padding: 0 20px;
}

.signUp-page form .select-group select {
	border: 1.5px solid #e0e0e0;
}

.signUp-page .acType-content {
    border-bottom: none;
    padding-bottom: 10px;
}

.signin-form-wrapper,
.register-form-wrapper{
 	background: #ffffff;
 	padding-top: 30px; 
}
 
.signin-form-wrapper::before,
.register-form-wrapper::before{
    content: '';
    width: 150px;
    height: 150px;
    z-index: -1;
    position: absolute;
    right: 834px;
	bottom: 464px;
	background: #000639;
}

.register-form-wrapper::before{
    bottom: 1464px;
}
 
.signin-form-wrapper::after,
.register-form-wrapper::after {
 	content: '';
 	min-width: 150px;
 	min-height: 150px;
 	z-index: -1;
 	position: absolute;
 	left: 834px;
	top: 464px;
	background: #fcc052;
}

.signUp-minimal .signin-form-wrapper,
.signUp-minimal .register-form-wrapper{
 	max-width:940px;
 	padding: 60px;
}

.register-form-wrapper::after {
    top: 1464px;
}
 
.signUp-text .text-primary:hover{
    color: #fcc052!important;
}

.signUp-page form .input-group input:focus{
	border-color: #000639;
}

.preloader2{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f3f3f39c;
    z-index: 1000;
}

.preloader2-container{
	margin-left: 45%;
    margin-top: 20%;
}

.spinner2{
	animation: spinner 1s infinite linear;
    border-radius: 50%;
    height: 170px;
    width: 170px;
    border: 3px solid #000639;
    border-top-color: #fcc052;
}

.styled-radio label:before {
    background: rgba(146, 132, 236, 0.29);
}

.styled-radio label:after {
	background: #0e0739;
}

.spinner{
	border-top:solid 5px #000639;
}
.app-status, .api-status {
	border:2px solid grey;
	border-radius: 5px;
	padding:20px;
}

.whole-status {
	padding:20px;
}

.graphical-status .rect{
	padding-right: 1px;
}

.graphical-status{
	max-height:30px;
}

.legend-line{
	flex: 1;
    margin: 0.75rem 1rem 0 1rem;
	height: 1px;
	background: #b7bfc6;	
}
.legend-start, .legend-end{
	color: #b7bfc6;
}
.our-feature-app .single-feature-box:nth-child(1):before {
	content: url(../img/shape/line-3.svg);
}

.our-feature-app .single-feature-box:nth-child(2):before {
    content: url(../img/shape/line-4.svg);
}

.our-feature-app .single-feature-box:nth-child(1) .feature-img-box:before {
	content: url(../img/shape/shape-44.svg);
}

.our-feature-app .single-feature-box:nth-child(2) .feature-img-box:before {
	content: url(../img/shape/shape-50.svg);
}

.our-feature-app .single-feature-box:nth-child(3) .feature-img-box:before {
	content: url(../img/shape/shape-51.svg);
}

.our-feature-app .single-feature-box {
	padding-bottom: 100px;
}

#theme-banner-four .screen-one {
    top: 22%;
	right: 30px;
    width: 41%;
}

@media only screen and (min-width: 768px) {
	#theme-banner-four .main-wrapper .main-title {
		font-size: 350%;
	}
}

#theme-banner-four .main-wrapper .sub-title {
	max-width:565px;
}

.our-feature-app .feature-img-box .box-1{
	padding: 25px;
}

.our-feature-app .feature-img-box .box-1 {
	margin-top: 0px;
}

.our-feature-app .feature-img-box .price-feature .icon-theme img, .our-feature-app .feature-img-box .price-feature .data-security-icon img{
	width: 100%;
}

.lightgallery li{
	margin-top: 6px;
    line-height: 55px;
}

#theme-banner-four .container .signUp-page{
	min-height: auto!important;
}

.body .solid-button-one {
	width: 100% !important;
	padding: 0 5px !important;
}
.theme-menu-one.d-align-item .navbar-nav .nav-item .nav-link:before {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 1px;
    bottom: -1px;
    z-index: -1;
    background: #fcc052;
    transition: width 0.3s ease-out;
}

.fixed .logo {
    width: 77px!important;
    top: -5px!important;
}

.ctn-preloader .animation-preloader .spinner {
	border: 3px solid #000639;
	border-top-color: #fcc052;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
	color: #000639;
}

.ctn-preloader .animation-preloader .txt-loading .letters-loading {
	color: #00063957
}

/* for header */
.header-logo{
	width: 80px;
    position: absolute;
    margin-top: 10px;
}

.theme-main-menu .show{
	padding-bottom:13px;
}
.signUp-page form .select-group {
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}

.signUp-page form .select-group select, .signUp-page form .input-group textarea {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background: transparent;
    font-size: 18px;
    color: #454545;
    position: relative;
	padding: 0 20px;
}

.signUp-page form .select-group select{
	height: 60px;
}

.signUp-page form .select-group select, .signUp-page form .input-group textarea {
	border: 1.5px solid #e0e0e0;
}

.signUp-page form .acType-content{
	padding-bottom: 10px;
}

.add_info textarea{
	padding-top: 10px!important;
}

.our-feature-app .feature-img-box .price-feature .icon-theme img {
	width: 100%;
}

.css-partners .theme-title-one .main-title {
    font-size: 42px;
}

.signUp-page form .input-group textarea {
    height: auto;
}
.help-section p{
	font-size: 18px;
    line-height: 32px;
    color: #798598;
	padding-right: 50px;
	margin-top: 20px;
}

.help-section .input-group button{
	position: absolute;
    right: -47px;
    background: #000639;
	padding: 17px 24px;
    color: #ffffff;
    border-radius: 0px 5px 5px 0px;
}