@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@400;500&display=swap');

body 
{
	font-family: 'Dosis', sans-serif;
}
/* ==========================================================================
   Menu Exentriq
   ========================================================================== */


a{
	color:#1cbc9b; 
}


#forgot_password label:after{
	display: none;
}

.reset_password .mobile-container{
	height: auto !important;
}


.password-hint{
	font-size: 14px;
	    color: #8296B0;
}

.password-hint span{
	font-weight: bold;
}

a:hover {
	color: #1bbc9b;
	text-decoration: none;
}

.products-page .single_app_container img{
	max-width: 150px;
}

.alert-info{
	border-radius: 2px;
    color: #fff;
    border: 2px solid #1cbc9b;
    font-size: 20px;
    background-color: #1cbc9b;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

.header-background {
	background-color: #1bbc9b;
	background-image: url(../img/backgroundheader3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 6px 16px;
	box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
	padding-left: 64px !important;
	padding-right: 64px !important;
}

.dropdown-menu
{
	background-color: #ffffff;
	border: none;
    border-radius: 0;
	margin-top: 6px;
	padding: 0;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}

.alert alert-info{
	
}

.swiper-pagination{
	bottom: 20px !important;
}

.dropdown-item:focus, .dropdown-item:hover
{
	background-color: #8ddecd;
	color: #ffffff !important;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
	color: #ffffff;
}

.header-background .nav-item a.nav-link,
.header-background .nav-item .dropdown-item {
	color: #fff;
	margin-right: 8px;
	font-size: 18px;
}
.header-background .nav-item .dropdown-item
{
	color: #1bbc9b;
	padding: 10px;
}

.header-background .button-section-login {
	display: flex;
	align-items: center;
}

.header-background .button-section-login a.welcome-button {
	color: #fff;
    background-color: rgba(17, 118, 97, 0.5);
    padding: 8px;
    margin: -6px 0px;
	border-radius: 0px;
	font-size: 18px;
	box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.header-background .button-section-login a.welcome-button img{
	    width: 40px;
    border-radius: 100px;
}

.header-background .button-section-login a.welcome-button:hover {
	background-color: rgba(17, 118, 97, 0.7);
}

.header-background .button-section-login a.logout-button {
	color: #fff;
	display: flex;
	align-items: center;
	margin-left: 8px;
}

.navbar-light .navbar-toggler {
	border: none;
	padding: 0;
}

.navbar-light .navbar-toggler span.material-icons {
	font-size: 32px;
	color: #fff;
}

.navbar-light button.navbar-toggler:focus {
	outline: none;
}


/* ==========================================================================

   ========================================================================== */
   
   
   .text-trusted-cont{
	   color: #8296B0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
   }
   

   
  .text-aboutus{
	font-size: 24px;
    color: #8296B0;
    line-height: 34px;
    text-align: left;
    font-family: 'Dosis', sans-serif;
   }
   
   .title-aboutus{
	   margin: 15px 0 15px 0;
	   text-align:center;
	   font-weight: 800;
	   color:#2f4357;
   }
   
.container-text-about{
    margin: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    margin-bottom: 64px;
	background-color: #fff;
	z-index: 1;
	position: relative;
	margin-top: 32px;
}

.container-text-about.free_trial
{
	margin-top: 0;
	margin-bottom: 0;
	margin: 0;
	width: 100%;
	padding: 0;
}
   
#hero-about{
min-height: 350px;
    background-image: url(/templates/exentriq2/static/img/ROBOTICFORCE.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.spacer-side{
	padding-left: 32px;
	padding-right: 32px;
}

.formbody .form_contact_us
{
	padding: 0;
}

#form-login a.forgot-psw {
	font-size: 12px;
	color: #1cbc9b;
}

#form-login .control-group, #signupBox .control-group{
	margin-bottom: 16px;
}

#forgot_password .reset-password-button {
	margin-top: 16px;
}

#forgot_password .forgot-password {
	margin: 16px 0px;
}

#otp_send .send-button {
	margin-top: 16px;
}

#otp_send .cancel-send-otp {
	margin: 16px 0px;
}

.eq-login {
	height: calc(100vh - 170px);
	min-height: 625px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f5f5f5;
}

.eq-login.signup-page-mh{
	min-height: 720px;
}

.text-acceptance-signup{
	font-size: 12px;
	margin-top: 16px;
}

.text-acceptance-signup a{
	color: #1cbc9b;
}

/* ==========================================================================
   Author's custom styles: Ciprian Amaritei
   ========================================================================== */

@font-face {
	font-family: Roboto-Thin;
	src: url('../fonts/roboto/Roboto-Thin.ttf')
}

@font-face {
	font-family: Roboto-Light;
	src: url('../fonts/roboto/Roboto-Light.ttf')
}

@font-face {
	font-family: Roboto-Medium;
	src: url('../fonts/roboto/Roboto-Medium.ttf')
}

@font-face {
	font-family: Roboto-Bold;
	src: url('../fonts/roboto/Roboto-Bold.ttf')
}

@font-face {
	font-family: Roboto-BoldCondensed;
	src: url('../fonts/roboto/Roboto-BoldCondensed.ttf')
}

@font-face {
	font-family: Roboto-Regular;
	src: url('../fonts/roboto/Roboto-Regular.ttf')
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
	box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
}

.first-label-sentence,
.second-label-sentence {
	display: block;
}

.container_page {
	margin-top: 52px;
}
.container_page.no-header-version {
	margin-top: 0px;
}

.contact_us .form-group a, .free_trial .form-group a{
	cursor: pointer;
		color: #1bbc9b;
		text-decoration: underline;
}

footer a {
	color: #1bbc9b !important;
}

.response-to-login-container{
	display: flex;
    align-items: center;
    justify-content: center;
	min-height: calc(100vh - 170px);
	background-color: #f5f5f5;
}

.response-to-login {
	border: none;
	padding: 32px;
	margin-bottom: 0px;
	height: 100%;
	text-align: center;
	width: 100%;
}

.response-to-login span.material-icons {
	font-size: 120px;
	margin-bottom: 32px;
	color: #1bbc9b;
}

.response-to-login span {
	line-height: normal;
}

.response-to-login.wrong-payment span.material-icons {
	color: #f3565d;
}

.response-to-login .first-label-sentence {
	margin-bottom: 32px;
	font-size: 32px;
	font-weight: 400;
	color: #97A1AB;
}

.response-to-login .second-label-sentence, .response-to-reset .second-label-sentence {
	margin-bottom: 32px;
	font-size: 24px;
	font-weight: 200;
	color: #97A1AB;
}

.light-text.page-intro p {
	margin-bottom: 0px;
}

.login-title {
	text-align: center;
	font-size: 23px;
	font-weight: 900;
}

.all_signin {
	max-width: 400px;
	padding: 10px 16px;
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}

#signin,
#div-password-old,
#signupBox,
#reset_password {
	max-width: 400px;
	padding: 10px 45px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}

#signin .btn,
#div-password-old .btn {
	border: none;
}

#signupBox .btn {
	border: none;
}

#signupBox input#inputUsername,
#signupBox input#inputPass,
#signupBox input#inputEmail,
#signupBox input#inputCPass,
#signupBox input#firstName,
#signupBox input#lastName
 {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #eee;
	border-radius: 0px;
	box-shadow: none;
}

#signupBox label {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #2f4357 !important;
}

#signupBox input:focus {
	border-bottom: 2px solid #1bbc9b !important;
	box-shadow: none !important;
}

#otp_send input,
#signin input#inputUsername,
#signin input#inputPass,
input#inputEmail, input#confirmInputPassNew,
#div-password-old #inputPassNew {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #eee;
	border-radius: 0px;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.all_signin label,
#signin label,
#div-password-old label {
	font-size: 14px !important;
	font-weight: 400 !important;
}

#otp_send input:focus,
#signin input:focus,
#div-password-old input:focus {
	border-bottom: 2px solid #1bbc9b !important;
	box-shadow: none !important;
}

.form_contact_us .row {
	margin: 0px !important;
}

.margin_fixed {
	margin-top: 50px;
}

body {
	padding-top: 0px;
	padding-bottom: 40px;
}

.owa-tracker-post-container {
	display: none !important;
}

.owa-tracker-post-container iframe {
	display: none !important;
}

.navbar-inverse .btn-navbar {
	background: none;
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
}

.navbar-inverse .btn-navbar:hover {
	background: none;
	background-color: transparent;
	background-image: none;
	border: none;
	box-shadow: none;
}

.swiper-pagination-bullet-active {
	background: #1bbc9b !important;
}


.swiper-container.v2_sect img {
	width: 100%;
	height: auto;
}

.embed-container {
	margin: 15px 0px !important;
	margin-top: 60px !important;
	border-radius: 2px !important;
	box-shadow: 0px 0px 10px 0px #666 !important;
	/*box-shadow: none !important;*/
	border: none !important
}

body {
	overflow-x: hidden;
	padding-bottom: 0px;
}

.sliderContainerExentriq {
	padding: 5px 0px;
}

h1 {
	color: #1BBC9B;
	font-size: 50px;
	line-height: 68px;
	text-align: center;
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
}

h2 {
	margin: 16px 0 16px 0;
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	font-weight: 400;
}

h3 {
	font-weight: 400;
}

/*** Partners Dropdown ***/


.slider-wrapper {
	background: url("../img/slider-bg.png") left top repeat #485a6b;
	box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.1) inset;
}

.btn.btn-primary-b.btn-primary-c {
	background: #536b80;
}

.btn.btn-primary-b.btn-primary-c:hover {
	background: #5b7388;
}

.btn.btn-primary-b {
	background: #1bbc9b;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border: none;
	border-radius: 3px;
	padding: 8px 20px;
	font-size: 16px;
	color: #fff;
	text-shadow: none;
	
}

.btn.btn-primary-b:hover {
	background: #41c7ac;
}

.btn.btn-condensed {
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
	
	font-size: 16px;
	padding: 10px 25px;
}

.flexslider .btn.btn-primary-b {
	min-width: 150px;
	margin-bottom: 10px;
}

.flexslider h2 {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	width: 95%;
	margin-top: 60px;
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
}

.btn.btn-primary-b:active {
	-moz-transform: translateY(1px);
	box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.05) inset;
}

.footer-tagline {
	background: #4a97a5;
	font-family: 'Dosis', sans-serif;
	font-size: 1.5em;
	text-align: center;
	color: #FFF;
	padding: 35px 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.footer-tagline p {
	margin-bottom: 0;
}

.f-blocks {
	margin: 64px 0;
	width: 100%;
}

.padding-section
{
	padding: 64px 32px;

}

.f-blocks h3.text-single-sect {
    font-size: 24px;
	color: #8296B0;
	line-height: 34px;
	font-family: 'Dosis', sans-serif;
}

.button_sect-new {
	text-align: center;
	margin-top: 20px;
}

.f-blocks i.icon_image {
	font-size: 102px;
	color: rgba(47, 67, 87, 0.6);
}

.features-wrapper {
	background: #f8f8f8;
	border-top: 1px solid #DDD;
	padding: 30px 0;
}

.slider-left {
	position: relative;
	left: 7%;
}

.slider-right {
	position: relative;
	right: 5%;
}

.center {
	text-align: center;
}

ul.menu-list-select li a {
	padding: 15px 10px !important;
}

a.brand img {
	/*margin-top:17px;*/
	max-width: 150px;
}

.brand-desktop {
	padding: 14px 20px !important;
}

ul.features-list {
	margin-bottom: 0;
	margin-left: 0;
	font-size: 18px;
	color: #4f4f4f;
	list-style: none;
}

ul.features-list li {
	background: url("../img/check-icon.png") left center no-repeat;
	padding-left: 35px;
	margin-bottom: 18px;
}


/**Pricing plans**/

.box-container {
	margin-top: 7px;
}

.modal-body {
	max-height: 410px;
}

.pricing-modal {
	width: 1085px;
	left: 35%;
}

.pricing-modal .modal-body {
	padding: 5px;
}

.plan-box {
display: inline-block;
    margin: 7px;
    width: 16%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    position: relative;
    min-width: 250px;
}

.inner-plan-box {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	min-height: 290px;
	padding-bottom: 10px;
}

.plan-header {
	background: #4A6175;
}

.plan-title {
	font-family: Roboto-BoldCondensed, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	display: inline-block;
	padding: 20px;
	display: block;
	color: #FFF;
	background: #777;
	border-radius: 3px 3px 0 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 0px;
}

.pro-plan .plan-title {
	background: #526c84;
}

.gold-plan .plan-title {
	background: #527484;
}

.platinum-plan .plan-title {
	background: #527c84;
}

.free-plan .plan-title {
	background: none;
	color: #444;
	text-shadow: none;
}

.free-plan .plan-price {
	border-top: 1px solid #DDD;
}

.custom-plan .inner-plan-box {
	border-style: dashed;
}

.best-plan {
	position: relative;
	top: -8px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	margin-left: -8px;
	margin-right: -8px;
	z-index: 3;
}

.plan-price {
vertical-align: middle;
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    font-weight: 900;
    background: #FAFAFA;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
    padding: 10px 0;
    color: #555;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-features {
	font-size: 14px;
	height: 80px;
	font-family: Roboto-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 10px;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

.plan-features p {
	margin-bottom: 0px;
}


}
.plan-features ul {
	list-style: none;
	font-size: 1.2em;
	font-family: Roboto-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
}
.plan-features ul li {
	margin-bottom: 10px;
}
.plan-target {
	margin: 15px 0px;
	font-size: 16px;
	color: #2f4357;
	font-weight: 500;
	font-family: Roboto-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.plan-target span {
	font-size: 12px;
	font-weight: 400;
}
.plan-actions {
	font-size: 0.8em;
}
.plan-actions a {
	color: #333;
}
.plan-actions a:hover {
	text-decoration: underline;
}
.plan-btn-container {
	margin: 10px 0 0 0;
}
.custom-plan-btn {
	position: absolute;
	bottom: 16px;
	left: 60px;
}
.plan-box.free-plan {
	margin-right: 0;
}
footer#main-footer {
	text-align: center;
	color: #777;
	font-size: 12px;
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 20px;
}
footer#main-footer p {
	margin-top: 0px;
	font-size: 16px;
	margin-bottom: 10px;
}

/*** Login & Signup ***/
form.form-ex {
	margin-bottom: 50px;
}
a.forgot-pass-link {
	font-size: 0.8em;
	margin-left: 10px;
}

/*eq-login*/
.eq-login .btn span {
	float: left;
	margin-left: 6px;
}
.eq-login a.login_button {
	text-shadow: none;
	
	font-size: 13px;
	min-width: 64px;
	padding: 0 12px;
	height: 36px;
	line-height: 36px;
	display: block;
	background-image: none;
	box-shadow: none;
}
.eq-login a.login_button:hover {
	box-shadow: none;
	color: #fff;
}
.eq-login a.fb {
	background-color: #3B5998 !important;
	color: #fff;
}
.eq-login a.google {
	background-color: #fff!important;
	color: #424242;
}
.eq-login a.google:hover {
	color: #424242;
}
.eq-login a.linkedin {
	background-color: #007BB6!important;
	color: #fff;
}
.eq-login .btn.btn-primary-b {
	width: 100%;
}
div.or {
	width: 320px;
	text-align: center;
	margin: 25px 0;
}
.form_contact_us label.input-label,
label {
	font-size: 20px !important;
	font-weight: 400 !important;
    color: #8296B0 !important;
}
.form_contact_us input, .form_contact_us textarea {
	width: 100%;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #eee;
	border-radius: 0px;
	box-shadow: none;
	font-size: 20px !important;
    font-weight: 400 !important;
    color: #8296B0 !important;
}

.form_contact_us input:focus {
	border-bottom: 2px solid #1bbc9b !important;
	box-shadow: none !important;
}
.form_contact_us input.privacycheck {
	width: auto;
}
.form_contact_us input.newslettercheck {
	width: auto;
}
.form_contact_us span.newsletterlabel,
.form_contact_us span.privacylabel {
	font-weight: 400 !important;
	margin-left: 8px;
	font-size: 18px !important;
	color: #8296B0 !important;
}
.form-group
{
	margin-bottom: 0;
}
.form_contact_us .innerform {
	margin: 20px 0px;
}
.form_contact_us .innerform.textareainputblock {
	margin-bottom: 0px;
}
.form_contact_us .privacycheckinputblock {
	margin: 0;
}
.form_contact_us .newslettercheckinputblock {
	margin: 0;
}
.form_contact_us textarea {
	width: 100%;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 2px solid #eee;
	border-radius: 0px;
	box-shadow: none;
	margin-bottom: 35px !important;
}
.form_contact_us textarea:focus {
	border-bottom: 2px solid #1bbc9b !important;
	box-shadow: none !important;
}
.form_contact_us textarea {
	width: 100%;
}
.form_contact_us button.btn {
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
	
	font-size: 22px;
	padding: 10px 25px;
	background: #1bbc9b;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	border: none;
	border-radius: 3px;
	color: #fff;
	text-shadow: none;
}
.form_contact_us button.btn:hover {
	background: #41c7ac;
}

.sign_in_no_header .login-title {
	font-weight: 400;
}

/*eq-login*/
.fb .logo_wrapper {
	display: inline-block;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	padding-right: 8px;
	margin-right: 8px;
}
div.or span.emp-italic {
	border-radius: 30px;
	background: #eee;
	height: 25px;
	width: 25px;
	line-height: 25px;
	display: inline-block;
}

/*============ Videomakers ============ */
.videopage-intro {
	margin: 30px 0;
}
.inner-page-intro {
	padding: 15px 15px 120px 15px;
	border-bottom: 1px solid #eeeeee;
}

/* Classes for header images */
.videomaker-bg {
	background: transparent url(../img/videomaker-header-img.jpg) right top no-repeat;
}
.photographers-bg {
	background: transparent url(../img/photographers-header-img.jpg) right top no-repeat;
}
.developer-bg {
	background: transparent url(../img/developer-header-img.jpg) right top no-repeat;
}
.marketers-bg {
	background: transparent url(../img/marketing-header-img.jpg) right top no-repeat;
}
.agencies-bg {
	background: transparent url(../img/agencies-header-img.jpg) right top no-repeat;
}
.event-manager-bg {
	background: transparent url(../img/event-manager-header-img.jpg) right top no-repeat;
}
.reseller-bg {
	background: transparent url(../img/reseller-header-img.jpg) right top no-repeat;
}

/* Classes for icon divisors */
.agencies-icons-bg {
	background: transparent url(../img/agencies-icon-series.png) center bottom no-repeat;
}
.videomaker-icons-bg {
	background: transparent url(../img/videomakers-icon-series.png) center bottom no-repeat;
}
.developers-icons-bg {
	background: transparent url(../img/developers-icon-series.png) center bottom no-repeat;
}
.events-icons-bg {
	background: transparent url(../img/events-icon-series.png) center bottom no-repeat;
}
.marketers-icons-bg {
	background: transparent url(../img/marketers-icon-series.png) center bottom no-repeat;
}
.photographers-icons-bg {
	background: transparent url(../img/photographers-icon-series.png) center bottom no-repeat;
}
.resellers-icons-bg {
	background: transparent url(../img/resellers-icon-series.png) center bottom no-repeat;
}
.videopage-intro .camera-img {
	width: 15%;
}
.videopage-intro h2 {
	margin-bottom: 0;
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
}
.videopage-intro h3 {
	color: #407f93;
	font-size: 18px;
	font-family: Roboto-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal
}
.videopage-intro .camera-container {
	position: relative;
	top: 35px;
}
.leftLoginVideomakers {
	float: left;
	width: 40%;
}
.rightLoginVideomakers {
	width: 60%;
	float: left;
}
.photographersIMG {
	position: relative;
	/*   float: left; */
	
	top: -50px;
	left: 45%;
	margin-left: -35%;
}
.joinText {
	font-family: 'Dosis', sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #4f4f4f;
}
.section_processess {
	text-align: center;
}
.section_processess img {
	width: 80%;
}
a.brand-mobile {
	display: none !important;
}

/*** Helper classes ***/
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.opac05 {
	opacity: 0.5;
}
.center {
	text-align: center;
}
.w500 {
	font-weight: 600;
}
.emp-italic {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-style: italic;
}
.emp-color {
	color: #c44418;
}
.light-text {
	font-weight: 400;
	color: #2f4356;
}
.underl {
	text-decoration: underline;
}
a.underl:hover {
	text-decoration: none;
}
hr.double-line {
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	padding-top: 2px;
}
.r-bold {
	font-family: Roboto-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.clearMobile {
	width: 100%;
	padding: 10px 0px;
	position: relative;
	height: 5px;
}
.pricingContainer {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.planBoxFloat {
	float: none !important;
}
.firstAbout {
	width: 48%;
	position: relative;
	float: left;
	min-width: 300px;
	text-align: justify;
	margin-bottom: 15px;
	padding-right: 2%
}
.secondAbout {
	width: 50%;
	position: relative;
	float: left;
	min-width: 300px;
	text-align: center;
	margin-bottom: 5px;
}

#owa-tracker-post-container {
	height: 0px !important;
	width: 0px !important;
	border: none;
	overflow-x: hidden;
	overflow-y: hidden;
	display: none;
}
#owa-tracker-post-container iframe {
	border: none;
	overflow: hidden;
}

/* MOBILE APPS */
body.apps {
	height: calc(100% - 160px);
}
body.apps .navbar-inner .container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.show_other_el_download {
	display: none;
}
mobile-landing-modal-exentriq .mobile-landing-modal-app-cont .mobile-landing-modal-app-wrapper .mobile-landing-modal-app-icon {
	text-align: center;
}
#eq-man-mobile-landing-modal {
	height: 100%;
}
.also_on_app_tv {
	padding-top: 25px;
}
.also_on_app_tv p {
	font-size: 18px;
	font-weight: 700;
	color: white;
	text-align: center;
}
.also_on_app_tv a:hover {
	text-decoration: none !important;
}
.also_on_app_tv img {
	width: 50px;
	margin-top: -9px;
}
.get_start {
	position: absolute;
	right: 10px;
	color: white;
	font-size: 14px;
	font-weight: 800;
}
.get_start i {
	font-size: 15px;
}
.get_start:hover {
	text-decoration: none;
	color: white;
}
.get_start:hover i {
	text-decoration: none;
	color: #1bbc9b;
}
.eq-ui-modal-footer {
	padding: 0px 16px !important;
	min-height: 0px !important;
}
.desktop_change {
	min-height: 320px !important;
}
.eq-ui-modal-content {
	height: 100%!important;
}
.details-text {
	display: none;
}
.free_download {
	display: none;
}
.other_comp {
	display: none;
}
.also_on_app_tv {
	display: none;
}


/* 2020 - EDITS */
.all_mobileapps_section {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 30vh;
	background-image: -o-linear-gradient(271deg, #F5F5F5 0%, #FFFFFF 100%);
	background-image: linear-gradient(179deg, #F5F5F5 0%, #FFFFFF 100%);
	font-family: 'Dosis', sans-serif;
}
.all_mobileapps_section .image_apps_container {
	padding: 80px 0;
}
.all_apps_section_text
{
	padding-bottom: 0;
	    margin-top: 64px;
}
.all_mobileapps_section .store_container,
.all_apps_section_text .store_container {
	text-align: center;
    margin-top: 24px;
}
.all_mobileapps_section .store_container img,
.all_apps_section_text .store_container img {
	margin-right: 2rem;
	cursor: pointer;
}
.all_mobileapps_section .store_container img:last-child,
.all_apps_section_text .store_container img:last-child {
	margin-right: 0;
}
.all_mobileapps_section .content_container {
	margin-top: 36px;
}
.all_mobileapps_section .content_container h1 {
	color: #1BBC9B;
	font-size: 50px;
	line-height: 68px;
	text-align: center;
	font-family: 'Dosis', sans-serif;
}
.all_mobileapps_section .content_container p {
	font-size: 24px;
	color: #8296B0;
	line-height: 34px;
	text-align: center;
	max-width: 50%;
	margin: 0 auto;
}
.single_app_section {
	padding: 64px 32px;
}
.single_app_section.lastsection
{
	padding-bottom: 0;
}
.single_app_section .section_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single_app_section.halfwidth .left_section
{
    justify-content: flex-start;
}

.single_app_section .full_section
{
	text-align: center;
}

.single_app_section .full_section img
{
	display: block;
	width: auto;
	margin: 0 auto !important;
}

.single_app_section .full_section img.marginedImage
{
	margin-top: 40px !important;
	margin-bottom: 20px !important;
	max-width: 80%;
}

.single_app_section.fullscreenimage
{
	padding-left: 0;
	padding-right: 0;
}

.single_app_section.fullscreenimage .full_section img.marginedImage
{
	width: 100%;
	max-width: 100%;
}

.single_app_section.lastsection .full_section img.marginedImage
{
	margin-bottom: 0 !important;
}

.single_app_section .full_section .max-text-container
{
	max-width: 75%;
	margin: 0 auto;
}

.single_app_section .full_section .green_line
{
    margin-bottom: 20px !important;
}

.single_app_section.last_section .max-text-container p
{
	font-size: 24px;
	line-height: 34px;
}

.single_app_section.last_section 
{
	box-shadow: inset 10px 0 15px #e5e5e5;
-webkit-box-shadow: inset 0 10px 15px #e5e5e5;
-moz-box-shadow: inset 10px 0 15px #e5e5e5;
-o-box-shadow: inset 10px 0 15px #e5e5e5;
padding-top: 0;
}

.left_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.right_section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.single_app_section .section_container .left_section {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.single_app_section .section_container .right_section {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.single_app_section .section_container .app_icon {
	width: 85px;
	display: block;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
	border-radius: 20px;
}
.single_app_section .section_container .left_section .app_screen {
	max-width: 100%;
}
.single_app_section.full_section .left-image-list.section_container .left_section {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	justify-content: flex-start;
}
.single_app_section .left-image-list.section_container .right_section {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.halfwidth.single_app_section .section_container .left_section,
.halfwidth.single_app_section .section_container .right_section
{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.single_app_section .section_container .app_logo {
	height: 30px;
	display: block;
	margin: 1rem 0;
}
.single_app_section .section_container .green_line {
	margin: 0 0 20px 0;
}
.single_app_section .section_container .store_container {
	margin-top: 24px;
}
.single_app_section .section_container .store_container img {
	height: 55px;
	cursor: pointer;
	margin-left: 15px;
}
.single_app_section .section_container .store_container img:first-child
{
	margin-left: 0;
}
.single_app_section p {
	font-size: 24px;
	color: #8296B0;
	line-height: 34px;
	font-family: 'Dosis', sans-serif;
}
.single_app_section p a {
	color: #1BBC9B;
	text-decoration: underline;
}
.single_app_section h2
{
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	    
}

.single_app_section .full_section h2{
	padding: 0px 16px;
}

.single_app_section.thankyoupages
{
	display: flex;
}

.single_app_section.thankyoupages .q_container
{
	flex: 1;
}

.single_app_section.thankyoupages .q_container img
{
	max-height: 400px;
	text-align: right;
}

.single_app_section.thankyoupages p.signature
{
	font-size: 40px;
}

.single_app_section.thankyoupages .right_content_container
{
	flex: 4;
}

.page_footer {
	background-image: url("../img/mobileapps/background_footersection.png");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
	padding-top: 50px;
	text-align: center;
}
.page_footer h2 {
	color: #FFFFFF;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
}
.page_footer a {
	background-color: #FCA260 !important;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.20);
    border-radius: 2px;
    padding: 10px 20px;
    display: inline-block;
    font-size: 22px;
    color: #FFFFFF;
	font-family: 'Dosis', sans-serif;
	margin-bottom: 30px;
	min-width: 190px;
}
.page_footer a:hover {
	text-decoration: none;
}
.page_footer a:last-of-type,
.button_sect-new a:last-of-type
{
	margin-left: 15px;
}
.page_footer .footer_image_container {
	margin-bottom: -15px;
}
.all_apps_section {
	background-image: url("../img/mobileapps/all-apps-bg_onlyicon.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 40vh;
	background-position: bottom;
}
.all_apps_section.nobg
{
	background-image: none;
	height: auto;
	width: 100%;
	text-align: center;
}
.all_apps_section.mobileApp {
	background-image: url("../img/mobileapps/headerimage.jpg");
	margin-bottom: 32px;
}
.all_apps_section.businessEcosystem
{
	background-image: url("../img/mobileapps/HEADER-sito.png");
	background-position: center;
	height: 40vh;
}
.all_apps_section.features
{
	background-image: url("../img/imagedef/hero-features.jpg");
	background-position: center;
	height: 40vh;
}
.all_apps_section.platform
{
	background-image: url("../img/imagedef/hero-platform.jpg");
	background-position: bottom;
	height: 40vh;
}

.all_apps_section.businessEcosystemLastSection
{
	background-image: url("../img/mobileapps/headerendpage.png");
}
.all_apps_section.headerLineEcosystem
{
	background-image: url("../img/mobileapps/header_line.png");
	height: 100vh;
	position: relative;
}

.all_apps_section.headerLineEcosystem.features
{
	background-image: url("../img/newimages/machine_processes.jpg");
	height: 80vh;
	position: relative;
	background-size: cover;
	background-position: top;
	margin-bottom: 6vh;
}
.all_apps_section.headerLineEcosystem.platform
{
	background-image: url("../img/imagedef/robot.png");
	height: 50vh;
	position: relative;
	background-size: contain;
	margin-bottom: 6vh;
}

.all_apps_section.headerLineEcosystem .text-container 
{
	position: absolute;
	bottom: 230px;
	width: 100%;
}
.all_apps_section.headerLineEcosystem.features .text-container 
{
    bottom: -5vh;
}

.all_apps_section.headerLineEcosystem.platform .text-container 
{
	position: absolute;
	bottom: -5vh;
	width: 100%;
}

.all_apps_section.headerLineEcosystem .text-container .text-content-container
{
	background-color: #ffffff;
	padding: 2rem;
	font-size: 24px;
    color: #8296B0;
	line-height: 26px;
	width: 80%;
	margin: 0 auto;
	box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	text-align: center;
}

.all_apps_section.headerLineEcosystem .text-container .text-content-container .green_line
{
    margin: 0 0 20px 0;
}

.all_apps_section.headerLineEcosystem .text-container p
{
	margin: 0;
    font-size: 24px;
    color: #8296B0;
	line-height: 34px;
	font-family: 'Dosis', sans-serif;
}

.all_apps_section .text-container .text-content-container h2
{
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
}

.all_apps_section_text .content_container h1 {
	color: #1BBC9B;
	font-size: 50px;
	line-height: 68px;
	text-align: center;
	font-family: 'Dosis', sans-serif;
}
.all_apps_section_text .content_container p {
	font-size: 24px;
	color: #8296B0;
	line-height: 34px;
	text-align: center;
	max-width: 75%;
	margin: 0 auto;
	font-family: 'Dosis', sans-serif;
	    font-style: italic;
	        margin-top: 32px;
}
.all_app_section_container {
	display: flex;
	flex-wrap: wrap;
    padding: 64px 32px 24px 32px;
}
.all_app_section_container .single_app_container {
	width: 50%;
	margin-bottom: 40px;
	padding: 16px 32px;
	position: relative;
}
.all_app_section_container .single_app_container .iconapp-container {
	text-align: center;
}
.all_app_section_container .single_app_container h2 {
	color: #8296B0;
	line-height: 46px;
	font-family: 'Dosis', sans-serif;
	font-size: 36px;
	text-align: center;
}
.all_app_section_container .single_app_container p {
	font-size: 24px;
	color: #97A1AB;
	line-height: 34px;
	font-family: 'Dosis', sans-serif;
	/*margin-bottom: 50px;*/
}
.all_app_section_container .single_app_container .button_container a {
	background-color: #FCA260;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.20);
	border-radius: 2px;
	padding: 10px 20px;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	min-width: 150px;

}
.all_app_section_container .single_app_container .button_container a:hover {
	text-decoration: none;
}
.all_app_section_container .single_app_container .button_container {
	display: none;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
.all_app_first_container.homeGreenSection {
	background-image: url("../img/mobileapps/BG.png");
	background-size: cover;
	background-position: center;
}
.all_app_first_container.homeGreenSection .single_app_container {
	background: #FFFFFF;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.20);
	border-radius: 4px;
	margin: 0 16px 40px 16px;
	width: calc(25% - 32px);
}
.all_app_first_container.homeGreenSection .single_app_container p {
	margin-top: 16px;
}
.all_app_first_container.homeGreenSection .all_app_section_container {
	margin: 0 -16px;
}
.first_section_container {
	background-image: url("../img/mobileapps/hero_v4p.jpg");
	height: calc(100vh - 52px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
}
.first_section_container .title_container h1 {
	position: relative;
	z-index: 0;
	display: inline-block;
	color: #1BBC9B;
	font-size: 50px;
	line-height: 68px;
	text-align: center;
	font-family: 'Dosis', sans-serif;
}
.first_section_container .title_container h1 span {
	font-size: 40px;
	color: #ffffff;
	z-index: 1;
	position: relative;
	font-weight: bold;
	padding: 20px;
	display: block;
}
.first_section_container .text_container {
	position: absolute;
	bottom: 100px;
	left: 64px;
}
.first_section_container .text_container p {
	font-size: 32px;
	color: #fff;
	margin: 2rem 0;
	line-height: 42px;
	font-family: 'Dosis', sans-serif;

}
.first_section_container .title_container h1::before {
	background-image: linear-gradient(137deg, rgba(103, 210, 188, 0.5) 0%, rgba(65, 199, 172, 0.5) 21%, rgba(27, 188, 155, 0.5) 39%, rgba(24, 165, 136, 0.5) 69%, rgba(17, 118, 97, 0.5) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
}
.first_section_container .button_container a,
a.btn.orangeButton {
	background-color: #FCA260 !important;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.20);
	border-radius: 2px;
	padding: 10px 20px;
	display: inline-block;
	font-size: 22px;
	color: #FFFFFF;
	min-width: 150px;
	font-family: 'Dosis', sans-serif;
}
.first_section_container .button_container a:hover {
	text-decoration: none;
}
.slick-dots li button:before {
	display: inline-block;
	border-radius: 100%;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #1bbc9b !important;
}
.noCover .swiper-slide {
	padding-bottom: 64px;
}

.swiper-slide .button_container
{
    bottom: 80px;
    text-align: center;
    position: absolute;
	width: 100%;
}

.swiper-slide .button_container a {
	background-color: #FCA260;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.20);
	border-radius: 2px;
	padding: 10px 20px;
	display: inline-block;
	font-size: 22px;
	color: #FFFFFF;
	min-width: 150px;
}


.wrapper{
	position: relative;
	width: 100%;
	min-width: 100%;
	}
	.ei-slider-large li{
	text-align: center;	
	list-style: none outside none;
	}
	.ei-slider-thumbs li{
	list-style: none outside none;	
	}
	.ei-slider-large li img{
	background-color: #fff;
	}
	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.header-tagline {
	background: #eaecee;
	opacity: 1;
	color: #8296B0;
	font-size: 32px;
	font-weight: 100;
	font-family: 'Dosis', sans-serif;
	letter-spacing: 0.1px;
	line-height: 42px;
	padding-top: 64px;
	padding-bottom: 64px;
	text-align:center;
	}
	.header-tagline p{
		max-width: 75%;
		margin: 0 auto;
	}
	
	.embed-container{
	border-radius: 5px;
	border: 8px solid #2F4357;
	margin: 20px 0px;
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	box-shadow: 10px 10px 50px -5px #666;
	}
	.sliderContainerExentriq
	{
	float: none ;
	}
	.rslides {
	margin-top: 0px;
	}
	.container-hero-title h3 {
	padding: 16px;
    font-size: 50px;
	color:#fff;
	background-image: linear-gradient(137deg, rgba(103, 210, 188, 0.5) 0%,rgba(65, 199, 172, 0.5) 21%, rgba(27, 188, 155, 0.5) 39%, rgba(24, 165, 136, 0.5) 69%, rgba(17, 118, 97, 0.5) 100%);
	min-height: 106px;
	min-width: 550px;
	line-height: 60px;
	}  
	

	.pagecontainer
	{
		padding: 0 64px;
		overflow: hidden;
	}
 
	.pagecontainer h1
	{
		margin-top: 32px;
		margin-bottom: 32px;
	}

	.pagecontainer h2,
	.pagecontainer h3, 
	.pagecontainer h4, 
	.pagecontainer h5 
	{
		color: #8296B0;
		font-family: 'Dosis', sans-serif;
		font-weight: 400;
	}

	.pagecontainer h3
	{
		margin-bottom: 1rem;
		margin-top: 2rem;
	}
	.pagecontainer p
	{
		font-size: 18px;
		color: #8296B0;
		line-height: 28px;
		font-family: 'Dosis', sans-serif;
	}

	.pagecontainer ul li,
	.pagecontainer ol li
	{
		color: #8296B0;
		font-size: 18px;
		line-height: 28px;
	}

	.pagecontainer p a,
	.pagecontainer .fixlink a
	{
		color: #1BBC9B;
		font-size: 18px;
		line-height: 28px;
	}

	.pagecontainer table td
	{
		border: 1px solid #dee2e6;
	}
	
	.alert-error{
		    color: #f57278;
			text-align: left;
			padding: 10px 0px;
			font-weight: bold;
	}

.light-text.page-intro p{
	color: #8296B0;
	font-size: 18px;
}

.form_contact_us input, .form_contact_us textarea{
	padding-left: 0;
	padding-right: 0;
}

#div-password-old h2.login-title{
	    text-align: center;
    font-size: 23px;
    line-height: 46px;	
}

#form-password-old p{
    color: #8296B0;
    font-size: 18px;
}

#form-password-old .control-group{
	margin-bottom: 15px;
}

#form-password-old .control-group input{
	    font-size: 16px;
}
#form-password-old .control-group input[type="submit"]{
		    font-size: 16px;
}
.btn-primary:not(:disabled):not(.disabled):active{
	background-color: #1bbc9b;
}

#signin input[type="submit"]:focus, #div-password-old input[type="submit"]:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

.left_section p{
	max-width: 100%;
}





.slick-slide {
  margin: 0px 20px;
}

.logo-carousel {
  overflow: inherit;
}

.slick-slide img {
  width: 100%;
}

.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}

.slick-track::after {
  clear: both;
}

.slick-track {
  padding: 1rem 0;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
  color: #fff;
  filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
  border: none;
  width: 2rem;
  height: 1.5rem;
  text-indent: -10000px;
  margin-top: -16px;
  z-index: 99;
}

.slick-arrow.slick-next {
  right: -40px;
  transform: rotate(180deg);
}

.slick-arrow.slick-prev {
  left: -40px;
}

/* Media Queries */

@media (max-width: 768px) {
  .slick-arrow {
    width: 1rem;
    height: 1rem;
  }
  .partnersSection{
	 padding: 64px 0px;
   }
}
  
.row {
  overflow: hidden;
}



/* Oasis Page */

.single_app_section.full-screen-background{
	background-image: url(/templates/exentriq2/static/img/newimages/open.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.single_app_section.full-screen-background .container-text-section{
	display: flex;
    flex-direction: row;
}

.single_app_section.full-screen-background .container-text-section .column-left-oasis{
	flex: 1;
}

.single_app_section.full-screen-background .container-text-section .column-right-oasis{
	flex: 1;
}

.single_app_section.full-screen-background .container-text-section h2, .single_app_section.full-screen-background .container-text-section p, .single_app_section.full-screen-background .container-text-section h4{
	color: #ffffff;
}

.single_app_section.full-screen-background .container-text-section .line-white-oasis{
	background-color: #ffffff;
	height: 3px;
	width: 150px;
	border-radius: 10px;
	margin: 32px 0px;
}

.single_app_section.full-screen-background .container-text-section h4{
	margin-bottom: 32px;
	font-style: italic;
}

.intermediate-section-oasis{
	    display: flex;
    flex-direction: column;
    align-items: center;
}

.intermediate-section-oasis h2{
	text-align: center;
	font-style: italic;
}

.intermediate-section-oasis .button-container-oasis{
	margin-top: 32px;
}

.intermediate-section-oasis a{
	    background-color: #FCA260 !important;
    box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 20%);
    border-radius: 2px;
    padding: 10px 20px;
    display: inline-block;
    font-size: 22px;
    color: #FFFFFF !important;
    font-family: 'Dosis', sans-serif;
    margin-bottom: 30px;
    min-width: 190px;
    text-align: center;
    margin: 0px 16px;
}

ol.list-in-top-oasis{
    font-size: 24px;
    color: #8296B0;
    line-height: 34px;
    font-family: 'Dosis', sans-serif;	
}

ol.list-in-top-oasis li{
	margin-bottom: 16px;
}
.section-learn-more-link{
	background-color: #eee;
    text-align: center;
}

.section-learn-more-link a, .column-right-oasis a, .column-left-oasis a{
	font-size: 24px;
	text-decoration: underline;
}

.column-right-oasis hr, .column-left-oasis hr{
	    border-color: rgba(255,255,255,0.25);
    border-width: 2px;
}


@media (max-width: 768px) {

	.single_app_section.full-screen-background .container-text-section{
		flex-direction: column;
	}

}

#otp_signin{
	width: 400px;
	max-width: 400px;
    width: 100%;
    background-color: #ffffff;
    z-index: 100;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
#otp_step_title{
	background-color: #eee;
	padding: 10px 16px;
	text-align: center;
	position: relative;
}

.otp_back{
	position: absolute;
    left: 16px;
    top: 10px;
    cursor: pointer;
}

#code_container{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#otp_login .codeInput{
	 margin: 0 5px;
    text-align: center;
    line-height: 60px;
    border: none;
    outline: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 30px;
    background-color: #eee;
    border-radius: 8px;
    min-width: 0px;
}
.forAlign{
	    height: 120px;
}

#otp_login{
	min-height: 180px;

#otp_login input.codeInput:first-of-type {
    margin-left: 0;
}
#otp_login input.codeInput:last-of-type {
    margin-right: 0;
}