/*.footer_of_chatbot{

  position: absolute !important;

  bottom: 0px !important;

  right: 0px !important;

  width: 100% !important;

}*/

.filter-css{

	width: 120px;

    height: 60px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.filter-css1{

	width: 120px;

    height: 60px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.filter-css2{

	width: 140px;

    height: 60px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.filter-css3{

	width: 200px;

    height: 50px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.filter-css4{

	width: 170px;

    height: 55px;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

}

.grey-img{

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

}



.active_bot{

	height: 80px;

	width: 80px;

	text-align: center;

	cursor: pointer;

	box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    line-height: 1.5em;

	/*border: 2px solid #ddd;*/

   /* border-radius: 4px;*/

}

.chatbot-banner{

	/*position: fixed;*/

	/*background-image: url("../images/chatbot/chatbot-banner.png");*/

	background-image: url("../images/chatbot/chatbot-banner-2.jpg");	

	width: 100%;

	height: 77vh;

	background-size: cover !important;

	background-repeat: no-repeat !important;

    background-position: center !important; 

}

.chatbot-open{

	width: 64px;

    height: 64px;

    position: fixed;

    bottom: 25px;

    right: 65px;

    cursor: pointer;

    box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    border-radius: 10px;

    padding: 10px;

    background-color: #1976d2;

}

.chatbot-close{

	width: 64px;

    height: 64px;

    position: fixed;

    bottom: 25px;

    right: 65px;

    cursor: pointer;

    box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    border-radius: 10px;

    display: none;

    background-color: #1976d2;

    padding: 10px;

}



.d-none{

	display: none !important;

}

.d-block{

	display: block !important;

}

.banner-title-big{

	font-size: 58px;

    font-weight: 500; 	

}

.banner-title-small{

	max-width: 750px;

    margin-top: 18px;

    font-size: 24px !important;

    float: left;

    font-weight: 300; 

}

.banner-content-div{

	position: absolute;

	top: 30%;

	left: 5%;

}

.popup {

    height: 460px;

    width: 350px;

    background: white;

    right: 65px !important;

    position: fixed !important;

    border-radius: 10px;

    box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    bottom: 110px;

    -webkit-transition: all 0.2s linear;

    -webkit-transition-timing-function: linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    display: none;

    z-index: 9999 !important;

}

.usecase-popup{	

    height: 460px;

    width: 350px;

    background: white;   

    border-radius: 10px;

    box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    bottom: 110px;

    -webkit-transition: all 1.5s linear;

    -webkit-transition-timing-function: linear;

    -moz-transition: all 1.5s linear;

    -o-transition: all 1.5s linear;

    transition: all 1.5s linear;

    /*display: none;*/

    z-index: 9999 !important;

}



.useCasePopupAndDesc{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

    justify-content: center;

    /*text-align: center;*/

    align-items: center;

}



.chatbot-iframe{

	border: 2px solid #ffffff;

	border-radius: 10px;

	height: 100% !important;

	width: 100% !important;

}

.chatbot-iframe-lead-generalize{

	border: 2px solid #ffffff;

	border-radius: 10px;

	height: 100% !important;

	width: 100% !important;

}

/*.chatbot-leverage-the-power{

	background-color: #ffffff !important;

	padding: 35px 0px 50px 0px;

}

.leverage-content-yellow{

	margin-top: 35px;

	font-size: 22px;

	color: #ffd54c;

}*/

/*.leverage-content-blue{

	margin-top: 35px;

	font-size: 22px;

	color: #1976d2;

}

.leverage-content-black{

	margin: 0;

    font-size: 22px;

    font-weight: 500;

    color: #000000;

    opacity: 0.9;

    margin-left: 50px;

}*/

.font-24{

	font-size: 24px;

	font-weight: 500 !important;

}

.levarage-img{

	height: 40px;

	width: 40px;

	margin-top: 30px;

	margin-right: 10px;

}

.levarage-img-content{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: flex-start;

    align-items: flex-end;

}

/*.chatbot-do-you-need{

	background-color: #f8f8f8 !important;

	padding: 35px 0px 50px 0px;

}*/

/*.do-you-need-content-blue{

	margin-left: 10px;

	font-size: 22px;

	color: #1976d2;

}*/

.do-you-need-content-black{

	margin: 0;

    font-size: 22px;

    font-weight: 500;

    color: rgba(32,32,32,.8);

    line-height: 1.5em;

}

.do-you-need-img-content{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

    justify-content: flex-start;

    align-items: flex-start;

}

.do-you-need-tick-img{

	height: 35px;

	width: 35px;

}

.btn-blue-custom{

	text-transform: uppercase;

    font-size: 20px;

    border-radius: 100px;

    outline: none;

    background: #1976d2;

    color: #ffffff;

    transition: all 0.5s ease;

    margin-top: 15px;

    padding: 10px 15px;

    border: 2px solid #1976d2;

}

.btn-blue-custom:hover{

	text-transform: uppercase;

    font-size: 20px;

    border-radius: 100px;

    outline: none;

    background: #ffffff;

    color: #1976d2;

    transition: all 0.5s ease;

    margin-top: 15px;

    padding: 10px 15px;

    border: 2px solid #1976d2;

}

.btn-blue-custom:focus{

	text-transform: uppercase;

    font-size: 20px;

    border-radius: 100px;

    outline: none;

    background: #ffffff;

    color: #1976d2;

    transition: all 0.5s ease;

    margin-top: 15px;

    padding: 10px 15px;

    border: 2px solid #1976d2;

    text-decoration: none !important; 

}

/*.chatbot-we-deliver{

	background-color: #ffffff !important;

	padding: 35px 0px 50px 0px;	

}

.chatbot-usecases{

	background-color: #f8f8f8 !important;

	padding: 35px 0px 50px 0px;	

}*/

.font-24-bold{

	font-size: 24px;

	font-weight: 600;

}

.font-22-bold{

	font-size: 22px;

	font-weight: 600;

}

.font-22{

	font-size: 22px;

	font-weight: 500 !important; 

}

/*.we-deliver-div{

	height: 240px;

    border: 1px solid #1976d2;

    background-color: #1976d2;

    cursor: pointer;

}

.we-deliver-div:hover{

    border: 2px solid #1976d2;

    background-color: #000000;

    opacity: 0.7;

    cursor: pointer;

}*/

.we-deliver-img{

	height: 130px;

    width: 100%;

    background-size: contain;

    background-repeat: no-repeat;

}

/*.chatbot-ready-to-get{

	background-color: #ffffff !important;

	padding: 35px 0px 50px 0px;	

}*/

/*.chatbot-description-blue{

	margin: 0;

    font-size: 22px;

    font-weight: 500;

    color: #1976d2;

    opacity: 0.9;

    margin-top: 10px;

}

.chatbot-description-content-black{

	margin: 0;

    font-size: 22px;

    font-weight: 500;

    color: #000000;

    opacity: 0.9;

    margin-top: 10px;

}

.ready-to-get-content-black{

	margin: 0;

    font-size: 22px;

    font-weight: 500;

    color: #000000;

    opacity: 0.9;

    margin-top: 10px;

}*/

/*.chatbot-header-img{

	border: 2px solid #1976d2;

	border-radius: 50%;

	height: 70px;

	width: 70px;

}*/

.usecases-img{

	height: 80px;

	width: 80px;

	text-align: center;

	cursor: pointer;

	/*box-shadow: 0 1px 30px rgba(0,0,0,0.5) !important;*/

	border-radius: 50px;

}



.txt-blue{

	color: #1976d2 !important;

	line-height: 1.2em;

	-webkit-font-smoothing: antialiased;

}

.txt-black{

	/*color: #333333;*/

	color: rgba(32,32,32,.8);

	line-height: 1.5em;

	-webkit-font-smoothing: antialiased;

}

.txt-white{

	color: #ffffff;

}

.mrg10{

	margin: 10px;

}

.mrg10T{

	margin-top: 10px !important;

}

.mrg15T{

	margin-top: 15px !important;

}

.mrg20T{

	margin-top: 20px !important;

}

.mrg35T{

	margin-top: 35px !important;

}

.mrg20B{

	margin-bottom: 20px !important;

}

.mrg15L{

	margin-left: 15px !important;

}

.padd50L{

	padding-left: 50px !important;

}

.padd60L{

	padding-left: 60px !important;

}

.chatbot-support-frame, .chatbot-data-collection-frame, .chatbot-ordering-and-booking-frame{

	display: none;

}

.data-collection-chatbot-description-div, .support-chatbot-description-div,.user-onboarding-chatbot-description-div,.ordering-and-booking-chatbot-description-div{

	display: none;

}

.usecases-images-ul{

	display: flex;

	list-style-type: none;

	justify-content: center;

}

.usecases-images-ul li{

	margin: 30px 20px 20px 0px;

	display: inline-block;

}

.card-white-slider-custom{

	border: 1px solid rgba(54,64,74,0.05);

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    background-clip: padding-box;

    /*margin-bottom: 20px;*/

    background-color: #fff;

    cursor: pointer;

    transition: all 0.5s;

    padding: 20px;

}

.card-white-custom{

	border: 1px solid rgba(54,64,74,0.05);

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    background-clip: padding-box;

    margin-bottom: 20px;

    background-color: #fff;

    cursor: pointer;

    transition: all 0.5s;

    padding: 20px 10px 10px 10px;

}

.card-white-custom:hover{

	border: 1px solid rgba(54,64,74,0.05);

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    background-clip: padding-box;

    margin-bottom: 20px;

    background-color: #fff;

    cursor: pointer;

    box-shadow: 0 5px 40px rgba(0,0,0,.16) !important;

    transform: translateY(-10px);

    transition: all 0.5s;

}

.usecases-img-below-text{

	font-size: 18px !important;

	color: rgba(32,32,32,.8);

	font-weight: 600;

}

.industry-img

{

	height: 110px;

	width: 80px;

	border-radius: 50px;

	margin: 20px 20px 10px 20px;

}

.industry-description{

	font-size: 22px;

	padding: 0px 15px 15px 15px;

	font-weight: 500;

	color: rgba(32,32,32,.8);

}

.bg-white-custom{

	background-color: #ffffff !important;

	padding: 35px 0px 50px 0px;	

}

.bg-grey-custom{

	background-color: #f8f8f8 !important;

	padding: 35px 0px 50px 0px;	

}

.bg-white{

	background-color: #ffffff !important;

}

.bg-blue{

	background-color: #1976d2 !important;

}

.bg-dropdown-color{

	background-color: #999999;

}

.carousel-inner.onebyone-carosel { margin: auto; width: 100%; }

.onebyone-carosel .active.left { left: -33.33%; }

.onebyone-carosel .active.right { left: 33.33%; }

.onebyone-carosel .next { left: 33.33%; }

.onebyone-carosel .prev { left: -33.33%; }



.center-block{

	height: 200px;

	width: 100% !important;

}



.slider-img-content {

	margin-top: 15px;

} 



::-webkit-input-placeholder { /* Chrome */

  color: #ffffff;

  transition: opacity 250ms ease-in-out;

}

:focus::-webkit-input-placeholder {

  opacity: 0.5;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #ffffff;

  transition: opacity 250ms ease-in-out;

}

:focus:-ms-input-placeholder {

  opacity: 0.5;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #ffffff;

  opacity: 1;

  transition: opacity 250ms ease-in-out;

}

:focus::-moz-placeholder {

  opacity: 0.5;

}

:-moz-placeholder { /* Firefox 4 - 18 */

  color: #ffffff;

  opacity: 1;

  transition: opacity 250ms ease-in-out;

}

:focus:-moz-placeholder {

  opacity: 0.5;

}



@media(min-width: 760px) and (max-width: 992px) {

	.navbar-toggle {

	    position: relative;

	    float: right;

	    padding: 9px 10px;

	    margin-top: 20px;

	    margin-right: 15px;

	    margin-bottom: 8px;

	    background-color: transparent;

	    background-image: none;

	    border: 1px solid transparent;

	    border-radius: 4px;

	}

	.navbar-custom .navbar-header-custom {

    	padding-left: 42%;

	}

	.aexonic-logo-white{

		display: none !important;  

	}

	.aexonic-logo-blue{

		display: block !important;

	}

}



@media(min-width: 760px) and (max-width: 992px) {

	.icon-bar{

		background-color: #1976d2 !important;

	}

	/*.nav-aexonic{

		background-color: #ffffff !important;

	}*/

}

@media(min-width: 760px) and (max-width: 900px) {

	.usecase-popup{

		height: 500px;

	    width: 300px;

	    background: white;

	    border-radius: 10px;

	    box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;

	    bottom: 110px;

	    -webkit-transition: all 1.4s linear;

	    -webkit-transition-timing-function: linear;

	    -moz-transition: all 1.4s linear;

	    -o-transition: all 1.4s linear;

	    transition: all 1.4s linear;

	     display: none; 

	    z-index: 9999 !important;

	}

	

}

@media(max-width: 760px){

	/*.icon-bar{

		background-color: #ffffff !important;

	}

/*	.aexonic-logo-blue{

		display: block !important; 

	}

	.aexonic-logo-white{

		display: none !important;

	}*/

	/*.navbar-collapse.collapse.in{

		background-color: #ffffff !important;

	}*/

	.card-white-slider-custom{

		margin-top: 25px;

	}

	.useCasePopupAndDesc{	

	    justify-content: center !important;

	    align-items: center !important;

	    display: block !important;

	}

	.chatbot-open {

	    width: 40px;

	    height: 40px;

	    position: fixed;

	    bottom: 85px !important;

	    right: 10px !important;

	    cursor: pointer;

	    /*box-shadow: 2px 5px 9px rgba(0, 0, 0, 0.8);*/

	    box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;

	    border-radius: 10px;

	    padding: 10px;

	}

	.chatbot-close {

	    width: 40px;

	    height: 40px;

	    position: fixed;

	    bottom: 85px !important;

	    right: 10px !important;

	    cursor: pointer;

	    /*box-shadow: 2px 5px 9px rgba(0, 0, 0, 0.8);*/

	    box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;

	    border-radius: 10px;

	    padding: 10px;

	    display: none;

	}

	.chatbot-iframe{

		border: 2px solid #ffffff;

		border-radius: 10px;

		height: 100% !important;

		width: 100% !important;

	}

	.chatbot-iframe-lead-generalize{

		border: 2px solid #ffffff;

		border-radius: 10px;

		height: 100% !important;

		width: 100% !important;

	}

	.popup{

		height: 300px;

    	width: 290px;

	    background: white;

	    right: 15px !important;

	    position: fixed !important;

	    border-radius: 10px;

	    /*box-shadow: 2px 5px 9px rgba(0, 0, 0, 0.8);*/

	    box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;

	    bottom: 135px;

	    /*margin-right: -310px;*/

	}

	

	.mobileViewPadding0{

		padding: 0px !important;

	}

	.mobileViewMargin30T{

		margin-top: 30px !important;

	}

	.banner-content-div {

	    position: absolute;

	    top: 15%;

	    left: 5%;

	}

	.banner-title-big{

		font-size: 32px;

	    font-weight: 500; 	

	}

	.banner-title-small{

		max-width: 750px;

	    margin-top: 18px;

	    font-size: 24px !important;

	    float: left;

	    font-weight: 300; 

	}

	.usecase-popup {

	    height: 500px;

	    width: 270px;

	    background: white;

	    border-radius: 10px;

	    box-shadow: 0 5px 40px rgba(0,0,0,.16)!important;

	    bottom: 110px;

	    -webkit-transition: all 1.4s linear;

	    -webkit-transition-timing-function: linear;

	    -moz-transition: all 1.4s linear;

	    -o-transition: all 1.4s linear;

	    transition: all 1.4s linear;

	    /* display: none; */

	    z-index: 9999 !important;

	}



	.mobileViewp0{

		padding: 0px !important;

	}

}