/* For mobile phones: */
@media only screen and (max-width: 500px) {
  /* For Mobile: */
  .popuptitle { font-size:19px !important; }
  .m-p-b-5 { padding-bottom:5.2px !important; }
  #meet-designer-singup  {  position: absolute !important;right: 33px !important;top: 320px !important; } 
  .home-banner .title { text-align:center !important; }
  .home-banner .description { text-align:center !important; }
  .topnav { display:none !important; }
  .desktop-nav .navbar-brand  { float:left !important; }
  .hidden-desktop { display:inline !important;float:right !important;margin-top:4px; }
  .myTopnav { display:inline !important; }
  .home-banner .home-banner-content { padding:100px 0 35px 0 !important; }
  .mobile-slider-btn { text-align:center !important; }
  .home-banner { height:315px !important; }
  .mobile-menu { position: absolute !important;width: 100% !important;background: #fff !important;border: 1px solid #e4d5d5 !important; } /*  display:inline !important; */
  .mobile-menu a { border:1px solid #FF3D45; }
  .mobiledivhide { display:none !important; }
  .we-carefully .all-partners:before, .we-carefully .all-partners:after { width: 40px !important;margin: 0 20px !important; }
  .mobile-why-us-icon { padding:0 0% !important; }
  .with-cap .content { font-size:10px !important; }
  .inner-description { text-align:center; }
  .image-row img { max-width:78px !important; }
  }

.topnav {
  overflow: hidden;
  background-color: #333;
}

.mobile-menu a {
  float: left;
  display: block;
  color: #FF3D45;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.mobile-menu a:hover {
  background-color: #ddd;
  color: black;
}

.mobile-menu a.active {
  background-color: #FF3D45 !important;
  color: white;
}

.mobile-menu .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .mobile-menu a:not(:first-child) {display: none;}
  .mobile-menu a.icon {
    float: right;
    display: block;
  }
}


@media screen and (max-width: 978px) 
	{
	#meet-designer-singup { display:none !important; }
	}
@media screen and (max-width: 600px) {
  .mobile-menu.responsive {position: relative;}
  .mobile-menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .mobile-menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* Contact Form */
.hometxtcls-1 { background: transparent !important;
    height: 50px !important;
    border-width: 0;
    border-bottom: 3px solid #00A6FD !important;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    position: relative;
    padding: 0px 0;
	width:100%;
    border-bottom:3px solid #000000 !important;
}

.home-react-form-container-1 { margin-top: 0px !important;
    border-right-width: 0px !important;
    padding-bottom: 30px !important;
    padding-left: 0px !important;
    background-color: #e4e4e4 !important; /* #ebf1f4 !important; */
	}
	
.custom-header {
    background: #000 !important;
    text-align: center;
}	
.experiance-section {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
}

.pad-10 {
    padding: 10px !important;
}
.auto-container {
    position: static;
    max-width: 1300px;
    padding: 0px 15px;
    margin: 0 auto;
}

.heading-title {
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
	font-size:24px;
}

.cms-text-page h2 { font-size:20px !important; }
.cms-text-page p { font-size:15px !important;font-weight:normal !important; }
.cms-text-page ul li { font-size:15px !important;font-weight:normal !important; }
.mb-10 { margin-bottom:35px !important; }
.pt-90 { padding-top:60px !important; }
.ptb-10 { padding:10px; }

/* Contact Form */


/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

/* large - display 3 */
@media (min-width: 992px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
    }
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}


/*default-two-column*/
.default-two-column .form-column{
	position:relative;
}

.form-box{
	position:relative;
	border:2px solid #f4f4f4;
	padding:18px 18px 0px 18px;
}

.comment-form .form-box{
	padding:25px 25px 0px 25px;	
}

.default-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.comment-form .form-box .form-group{
	margin-bottom:25px;
}

.default-form.form-box .row{
	margin-left:-10px;
	margin-right:-10px;	
}

.default-form.form-box .row .form-group{
	padding:0px 10px !important;	
}

.default-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#232323;
	font-weight:500;
	font-size:13px;
}

.default-form .form-group .field-label sup{
	color:#ff0000;
	font-size:14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form input[type="number"],
.default-form select,
.default-form textarea{
	display:block;
	width:100%;
	line-height:24px;
	height:50px;
	font-size:16px;
	border:1px solid #f4f4f4;
	padding:12px 15px;	
	background-color:#f4f4f4;
	color:#111111;
	border-radius:2px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.default-form select{
	cursor:pointer;
	color:#666666;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:#f4f4f4 url(../images/icons/icon-select.png) right center no-repeat;
}

.default-form textarea{
	height:110px;
	resize:none;	
}

.default-form select option{
	text-indent:15px;	
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:##222f3e;
	background-color:#ffffff;	
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error{
	border-color:#ff0000 !important;	
}

.default-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;	
}

.form-box .form-group button{
	width:100%;
	padding:14px 20px;
}

.radio {
	/*background: #454857;*/
	padding: 4px;
	border-radius: 3px;
	/*box-shadow: inset 0 0 0 3px rgba(35, 33, 45, 0.3),
		0 0 0 3px rgba(185, 185, 185, 0.3);*/
	position: relative !important;
}

.radio input {
	width: auto;
	height: 100%;
	appearance: none;
	outline: none;
	cursor: pointer;
	border-radius: 2px;
	padding: 4px 8px;
	background: #454857;
	color: #fff;
	font-size: 14px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	transition: all 100ms linear;
	position: relative !important;
	margin-left:0px !important;
}

.radio input:checked {
	background-image: linear-gradient(180deg, #e71c24, #FF3D45);
	color: #fff;
	box-shadow: 0 1px 1px #0000002e;
	text-shadow: 0 1px 0px #79485f7a;
}

.radio input:before {
	content: attr(label);
	display: inline-block;
	text-align: center;
	width: 100%;
}

.btn-style-one{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:#ffffff;
	color:#222f3e !important;
	border:2px solid #222f3e;
	font-size:14px;
	font-weight:400;
	border-radius:3px;
	font-family: 'Quicksand', sans-serif;
}

.btn-style-one:hover{
	background:#222f3e;
	color:#ffffff !important;
	border-color:#ffffff;
}

.btn-style-two{
	position:relative;
	padding:10px 30px;
	line-height:24px;
	text-transform:uppercase;
	background:#FF3D45;
	color:#ffffff !important;
	border:2px solid #ffffff;
	font-size:14px;
	font-weight:400;
	border-radius:2px;
	font-family: 'Quicksand', sans-serif;
}

.btn-style-two:hover{
	background:#ffffff;
	color:#222f3e !important;
	border-color:#222f3e;
}

.btn-style-three{
	position:relative;
	padding:9px 30px;
	line-height:24px;
	display:inline-block;
	text-transform:uppercase;
	background:#1f1f1f;
	color:#ffffff !important;
	border:2px solid #1f1f1f;
	font-size:14px;
	font-weight:700;
	border-radius:3px;
}

.btn-style-three:hover{
	background-color:transparent;
	color:#ffffff !important;
	border-color:#ffffff;
}

.btn-style-four{
	position:relative;
	padding:14px 30px;
	line-height:24px;
	display:inline-block;
	text-transform:uppercase;
	background:#1f1f1f;
	color:#ffffff !important;
	border:2px solid #1f1f1f;
	font-size:14px;
	font-weight:700;
	border-radius:3px;
	font-family: 'Quicksand', sans-serif;
}

.btn-style-four:hover{
	background-color:transparent;
	color:#1f1f1f !important;
	border-color:#1f1f1f;
}

.popup-img { max-width:100%; }