@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px)

{
.container{max-width: 1300px;}
}
.industry {
    background: #eeeeee;
}

.services-item {
    padding: 30px 15px;
    /*background: #fff;*/
    border-radius: 4px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	border: 1px solid #fff;
	margin: 15px 0;
}

.services-item h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.services-item .icon {
    margin-bottom: 20px
}

.services-item .icon i {
    width: 60px;
    height: 60px;
    background: #f9f9f9;
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.services-item .color-1 i {
    background: #fae3e3;
    color: #d82928!important
}

.services-item .color-2 i {
    background: #e6f8ed;
    color: #57d283!important
}

.services-item .color-3 i {
    background: #e3eafa;
    color: #457bf4!important
}

.services-item .color-4 i {
    background: #f3ead6;
    color: #f1a90a!important
}

.services-item .color-5 i {
    background: #e7e6ff;
    color: #7271ff!important
}

.services-item .color-6 i {
    background: #dedede;
    color: #35393d!important
}

.services-item .services-content {
    padding-left: 65px
}

.services-item .services-content h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500
}

.services-item .services-content h3 a {
    color: #272727
}

.services-item .services-content h3 a:hover {
    color: #f97794
}

.services-item:hover {
    box-shadow: 0 10px 50px 0 rgba(84, 110, 122, .35)
}

.services-item:hover .icon i {
    background: 0 0;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.industry-offering .heading-txt {text-align: center; padding: 0 5%;}
.industry-offering .industry-detail li{list-style:none;}
.industry-offering .industry-detail li .fas{ color: #ff4c4c; width: 35px; float: left;}
.industry-offering .industry-detail li div{ float: none; overflow: hidden; width: auto;     padding: 5px 0;}
.industry-offering .industry-img img{max-width:100%;}

.industry-offering .industry-detail li {
    color: #008eaa;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
    line-height: 100%;
}


.light-bg{    background: #fafafa;}



/*iot-industry*/

.iot-industry{}

.industry.iot-industry ul li{ width:33.33%;}



/*iot-examples-pplications*/

.iot-examples-pplications{ background: #F2F2F2; }




.industry.iot-areas-applications ul.no-table-view, .industry.iot-areas-applications ul.no-table-view li{ display:block; width: 100%;text-align: left;padding: 10px; color: #008eaa; border: none;}

.industry.iot-areas-applications ul.no-table-view li i{ margin-right: 5px; color: #ff4c4c;}
.industry.iot-areas-applications .table-view { padding: 25px 20px; background: #E6E6E6;}
.industry.iot-areas-applications .table-view li{ text-align:left; padding: 20px;}
.industry.iot-areas-applications .table-view  li:first-child{ width: 250px;}
.industry.iot-areas-applications .table-view  li:last-child{ width: auto;}

/*iot-benefitsbox*/

.iot-benefitsbox{ padding: 80px 0; }
.iot-benefitsbox .benefits-list{ margin: 60px 0;}
.iot-benefitsbox .benefits-list li{     
	border: solid 3px #ff4c4c;
    margin-bottom: 55px;
    display: block;
	position: relative;
    padding: 30px 20px 20px;
    border-radius: 8px;}

.iot-benefitsbox .benefits-list li span{     position: absolute;
    color: #FFF;
    z-index: 1;
    font-size: 16px;
    font-weight: 700;
    background: #008eaa;
    padding: 10px 30px;
    display: inline-block;
    left: 10px;
    border-radius: 55px;
    top: -25px;}




/*end of iot-benefitsbox*/

.salesforce_apps{ background: #008eaa; padding:80px 0;}
.salesforce_apps .heading-txt{ color: #FFF;}

.salesforce_apps .owl-dots{ text-align: center; margin-top: 55px;}
.salesforce_apps .owl-dots button{  padding:0 8px !important;}
.salesforce_apps .owl-dots button span{width: 14px; height: 14px; background-color: #bbb; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; display: inline-block; border:2px solid white;}
.salesforce_apps .owl-dots button.active span{ background: #ffffff;}





.iotsalesforce_apps .owl-nav { position: absolute; top: 50%;  margin-top: -100px; width: 100%;}
.iotsalesforce_apps .owl-nav button span{ font-size: 100px; color: #FFF; position: relative;     line-height: 30px;} 
.iotsalesforce_apps .owl-nav button{ position:absolute;}
.iotsalesforce_apps .owl-nav button.owl-prev{ left: -50px;}
.iotsalesforce_apps .owl-nav button.owl-next{ right: -50px;}

.iotsalesforce_apps .owl-dots{ text-align: center; margin-top: 55px;}
.iotsalesforce_apps .owl-dots button{  padding:0 8px !important;}
.iotsalesforce_apps .owl-dots button span{width: 14px; height: 14px; background-color: #ffffff; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; display: inline-block;}
.iotsalesforce_apps .owl-dots button.active span{ background: #ff4c4c;}



/*iot-testimonialbox*/

.iot-testimonialbox .ratingbox li{ display: inline-block;}
.iot-testimonialbox .ratingbox li [class*="fa-"]{font-size: 16px; line-height: 100%; margin-bottom: 10px;}
.iot-testimonialbox .item{    min-height: 700px;}



.orange-color{ color: #ff4c4c !important;}

.partner-img {
    position: absolute;
    top: 105px;
    right: 20px;
}

.technologies {
    background-color: #f6f6f6;
}

#why-us {
  padding: 60px 0;
}

#why-us .counters {
  padding-top: 40px;
}

#why-us .counters span {
  font-size: 40px;
  display: block;
  color: #555186;
}

#why-us .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 16px;
  color: #8a87b6;
}

#features {
    background: #fff;
}

.featured-box {
    margin-top: 15px;
    margin-bottom: 45px
}

.featured-box .featured-icon {
    float: left
}

.featured-box .featured-icon i {
    font-size: 30px;
    color: #f97794;
    text-align: center;
    float: left;
    margin-right: 25px;
    display: block
}

.featured-box .featured-content {
    padding-left: 40px;
    position: relative
}

.featured-box .featured-content .icon-o {
    font-size: 40px;
    color: rgba(0, 0, 0, .07);
    z-index: 2;
    font-weight: 400;
    text-transform: capitalize;
    position: absolute;
    top: 0;
    left: 50px;
    width: 100%
}

.featured-box .featured-content h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.featured-box .featured-content p {
    font-size: 14px
}

.iot-examples-pplications {
    background: #F2F2F2;
}

/* Large desktops and laptops */
@media (min-width: 1600px) {
	p{ font-size:16px; line-height: 24px;}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	img{ max-width: 100%;}
	.location-img{ position: static;}
	
	.banner-container{    top: 105px;}
	.banner .banner-detailrow h2{ font-size:20px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

 @media only screen and (max-width: 1360px) {
             #myform .modal-content{
            
            
            margin-top: 0%!important;
            }

            }