body {
	
}
.line-height-40 {
    line-height: 40px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-24 {
    font-size: 24px !important;
}
.text-yellow {
    color: #ffe200 !important;
}
.text-center {
	text-align:center !important;
}
.text-left {
    text-align: left!important;
}
.soft-global-section {
	padding-bottom: 60px;
}
.bg-pure-white {
	background:#fff !important;
}
.bg-grey {
    background-color: #f8f8f8 !important;
}

/* QUUAI Soft New Banner */
/* Caption text */
.soft-banner-cap {
	position: absolute;
	top: 15%;
	width: 100%;
	text-align: center;
}

.soft-caption-area h5 {
	color: #fff;
	font-weight: 800
}
.soft-caption-area h3 {
	color: #fff;
	font-weight: 400;
	padding: 0 10em
}
.soft-caption-area h4 {
	color: #ee2a7b;
	font-weight: 400
}
.soft-caption-area h4 span {
	color: #fff
}
.soft-ban-zoom {
	animation: scale 40s linear infinite;
	
}
@keyframes scale {
  50% {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
  }
}
.soft-ban-1 h1{
	font-weight: 700 !important;
    font-size: 58px;
    line-height: 72px;
	text-shadow: 0px 3px 15px rgba(0,0,0,.6);
	color: #fff !important;
	text-transform: uppercase;
}
.soft-ban-1 p {
	padding: 20px 0 0 0;
    margin: 0px;
	font-size: 40px;
    line-height: 30px;
	text-align: center;
	color: #fff !important;
}
.soft-ban-2 h1{
	font-size: 72px;
    line-height: 80px;
    font-weight: 700 !important;
    margin: 10px 0;
	color: #FFF;
	font-family: 'Lato', sans-serif;
}
.soft-ban-2 p {
	font-size: 24px;
    line-height: 34px;
    padding-left: 10%;
    padding-right: 10%;
	color: #FFF;
	margin-bottom: 15px;
	font-weight: 400;
}
.soft-banner-btn a{
	background: transparent;
    display: inline-block;
    border: 3px solid #ef5a16;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    padding: 15px;
	font-size: 22px !important;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none;
    min-width: 160px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	margin-top: 50px;
}
.soft-banner-btn a:hover {
    text-decoration: none;
    background-color: #ef5a16;
    color: #fff;
}
.soft-banner-btn2 a{
	margin-top: 10px;
}
.soft-head-cont {
	padding:0 0 20px 0;
}
h2.heading-quuai-soft {
	text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #ff6700;
    margin-top: 60px;
	font-family: "Raleway", sans-serif;
    line-height: 1.2;
    word-spacing: 0;
    letter-spacing: 0;
	
}
h2.heading-quuai-soft span {
	font-weight:400;
}

.soft-heading-para {
	color:#5c646c;
	font-weight:400;
	font-size:20px;
}

.soft-sla-content {
	text-align: center;
	margin:20px 0;
}
.soft-sla-content .sla-icons i{
	color:#323232;
	font-size:56px;
}
.soft-sla-content .sla-info {
	
}
.soft-sla-content .sla-info h3{
	margin-top: 20px !important;
	margin-bottom:10px !important;
	font-size: 19px !important;
	font-weight: bold !important;
	color:#ff6700;
}
.soft-sla-content .sla-info p {
	margin: 8px 0;
    font-size: 16px;
    line-height: 30px;
	color: #5c646c;
    font-weight: 400;
}

.soft-dev-area .item-soft-dev .icon {
  display: table-cell;
  vertical-align: top;
}

.soft-dev-area .item-soft-dev .info {
  display: table-cell;
  padding-left: 25px;
  vertical-align: top;
}

.soft-dev-area .item-soft-dev .icon i {
  background: #ff6700 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 35px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  width: 70px;
}

.soft-dev-area .item-soft-dev .info h4 {
	font-weight: 600;
	font-size: 18px;
	/*text-transform: capitalize;*/
	color:#232323;
	margin-bottom: 15px;
	line-height: 1.2;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0;
    margin: 0;
	padding-top:10px;
}
.soft-dev-area .item-soft-dev .info h4 a {
	color:#232323;
}

.soft-dev-area .item-soft-dev .info p {
  margin: 0;
  color:#232323;
  padding-top:20px;
}

.soft-dev-area .equal-height {
  margin-bottom: 50px;
}


.quuai-soft-tab-home {
	
}

.quuai-soft-tab-home ul li {
	font-size: 16px ;
	padding: 13px 18px ;
	float:none;
	color: #5b5b5b;
}
.quuai-soft-tab-home .resp-tabs-container{
	background-color:transparent;
	background:none;
}
.quuai-soft-tab-home .resp-tab-content {
	border:0 ;
	border-top:1px solid #e9e9e9;
}
.quuai-soft-tab-home h2.hometab-subheading {
	font: 500 26px/34px Roboto,sans-serif;
    color: #4d596b;
    margin: 20px 0 20px;
    text-transform: uppercase;
}
.quuai-soft-tab-home p{
	font-family: "Open Sans",sans-serif !important;
    color: #7a8598;
	margin-bottom:10px;
	font-size: 16px;
    line-height: 24px;
}
.quuai-soft-tab-home .resp-tab-active {
    border: 0px solid #e26323 !important;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
    border-top: 4px solid #e26323 !important;
    border-bottom: 0px #fff solid !important;
}
.quuai-soft-tab-home ul.home-tab-ul{
	list-style: none;
    padding: 20px 0 30px 50px;
}
.quuai-soft-tab-home ul.home-tab-ul li {
    position: relative;
    font: 400 16px/28px Roboto,sans-serif;
    color: #7a8598;
    padding: 0 0 20px 5px;
}
.quuai-soft-tab-home ul.home-tab-ul li:before {
    content: '\f105';
    font-family: FontAwesome;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    font-size: 20px;
    color: #000;
    position: absolute;
    left: -48px;
    top: 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    text-align: center;
}
.quuai-soft-tab-home a.viewmore {
	font: 400 15px/24px Roboto,sans-serif;
    color: #7a8598;
    border: 1px dashed #7a8598;
    padding: 10px;
}
.qilogo img {
	width:100%;
}
.circlebox2 {
    position: absolute;
    z-index: 9;
    top: 69px;
    left: 82px;
}
.innerCircle2, .outerCircle2 {
    background-color: transparent;
    margin: 0 auto;
}
.outerCircle2 {
    border: 5px solid #ff6700;
    opacity: inherit;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-radius: 100%;
    width: 303px;
    height: 303px;
    -moz-animation: spinPulse 6s infinite ease-in-out;
    -webkit-animation: spinPulse 6s infinite ease-in-out;
}
.innerCircle2, .outerCircle2 {
    background-color: transparent;
    margin: 0 auto;
}
.innerCircle2 {
    border: 15px solid #ff6700;
    opacity: .9;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-radius: 100%;
    top: -287px;
    width: 272px;
    height: 272px;
    position: relative;
    -moz-animation: spinoffPulse 6s infinite linear;
    -webkit-animation: spinoffPulse 6s infinite linear;
}
.circle-icon2 {
    background: url(images/hive.png) no-repeat;
    width: 295px;
    height: 295px;
    top: -200px;
    margin: 0 auto;
    position: relative;
}
@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}


.soft-feature-box {
	background:#fff;
	margin-bottom:20px;
	border: 1px solid #c0c0c0;
	text-align: center;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0px 0px 22px -4px rgba(247, 247, 247, 1);
    -moz-box-shadow: 0px 0px 22px -4px rgba(247, 247, 247, 1);
    box-shadow: 0px 0px 22px -4px rgba(247, 247, 247, 1);
    -webkit-transition: box-shadow 0.1s ease-in 0s;
    -moz-transition: box-shadow 0.1s ease-in 0s;
    -ms-transition: box-shadow 0.1s ease-in 0s;
    -o-transition: box-shadow 0.1s ease-in 0s;
    transition: box-shadow 0.1s ease-in 0s;
}
.soft-feature-box:hover {
	-webkit-box-shadow: 0px 0 7px 3px rgba(0, 27, 103, 0.15);
    -moz-box-shadow: 0px 0 7px 3px rgba(0, 27, 103, 0.15);
    box-shadow: 0px 0 7px 3px rgba(0, 27, 103, 0.15);
}
.soft-feature-box .soft-feature-image-box {
	padding: 30px 30px 10px 30px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.soft-feature-box .soft-feature-content-box {
	padding: 10px 30px 30px 30px;
    display: inline-block;
    width: 100%;
	min-height: 310px;
}
.soft-feature-box .soft-feature-content-box h4 a{
	color:#ff6700;
	color:#454545;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
	font-weight: 700;
	font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
}
.soft-feature-box .soft-feature-content-box p {
	color: #4f4f4f;
	margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
.soft-feature-box .soft-feature-content-btn {
	text-align:center;
	margin-bottom:40px;
}
.soft-feature-box .soft-feature-content-btn a {
	font-size: 18px;
	font-family: Open Sans;
    color: #ff6700;
    transition: ease-in all .4s;
	padding: 10px 20px;
    background: #fff;
    border: 1px solid #ff6700;
}
.soft-feature-box .soft-feature-content-btn a:hover {
	background:#ff6700;
	color:#fff;
}








/* QUUAI Soft Old Banner */
.quuai-banner {
	position: relative;
    background: url(../images/quuai-soft-banner.jpg) center center;
    background-size: cover;
	padding: 100px 0;
}
.quuai-banner-inner {
	padding: 50px 0;
}
.quuai-banner .banner-details {
    position: static;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    justify-content: center;
}
.quuai-banner-inner .banner-details{
	margin-top: 30px;
}
.quuai-banner .banner-details .bannerdetail-box {
	    position: relative;
}
.quuai-bannercaption-area {
	display: inline-block;
    padding: 0 6em 0 6em;
}

.quuai-bannercaption-area h5 {
    font-size: 80px;
    font-weight: 800;
    text-align: center;
	color: #fff;
}
.quuai-bannercaption-area h3 {
	color: #ff6700;
    font-weight: 400;
	font-size: 45px;
    text-align: center;
}

.quuai-bannercaption-area h3.inner-subtitle-banner span{
	display: block;
    font-weight: 400;
    color: #ff6700;
	font-size: 65px;
}
span.award-icon {
    text-align: center!important;
    display: block;
}
p.bannersoft-para {
    text-align: center;
    justify-content: center;
    color: #fff;
    margin-top: 10px;
    line-height: 30px;
    font-size: 18px;
}
p.bannersoft-para-inner {
	font-size: 20px;
    color: #fff;
    line-height: 35px;
    font-weight: 400;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 20px;
}
.quuai-banner-btn-container {
	text-align:center;
}
a.quuai-banner-button {
	padding: 18px 40px;
    font-size: 16px;
    background-color: transparent;
    color: #fff;
    border-radius: 55px;
    margin-top: 25px;
    outline: 0;
    letter-spacing: 1px;
	border: 1px solid #fff;
    text-transform: uppercase;
	font-weight:600;
	display:inline-block;
}
a.quuai-banner-button:hover {
    background-color: #ff6700;
	border: 1px solid #ff6700 !important;
    border: none;
}


.area-orange {
    background: #ff6700;
}
.area-blk {
    background: #2a2425;
}
.icons {
    color: #fff;
    font-size: 22px;
}


.features .feature-box {
	padding: 15px;
}
.features-inner .feature-box{
	padding-top:25px;
	padding-bottom:25px;
	
}
.features .feature-box h3 {
    color: #fff;
    margin: 10px 0;
    font-weight: 700;
    font-size: 30px;
}
.features .feature-box p {
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    padding: 0 8px;
    text-align-last: center;
	margin-bottom: 10px;
}
p.nosoft-p {
	color: #292929;
	line-height: 1.7;
    font-size: 17px;
}
.aboutarea p {
    text-align-last: left;
    line-height: 1.7;
    font-size: 17px!important;
	text-align: justify;
    color: #292929;
}
h2.heading-nosoft {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #ff6700;
	margin-top: 60px;
}
.quuaisoft-feature-row1 .quuaisoft-feature-boxes{
	
	border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.quuaisoft-feature-row2 .quuaisoft-feature-boxes{
	
	border-right: 1px solid #dfdfdf;
    border-bottom: 0;
}
.no-right-border {
	border-right:0px !important;
}
.quuaisoft-feature-boxes {
	padding:20px 0 20px 0;
	
	
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.no-border-bottom {}

.quuaisoft-feature-boxes:hover {
	background:#ff6700;
}

.quuaisoft-feature-boxes p, .quuaisoft-feature-boxes h2, .quuaisoft-feature-boxes .relative, .quuaisoft-feature-boxes .technologies{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.quuaisoft-feature-boxes:hover p, .quuaisoft-feature-boxes:hover h2, .quuaisoft-feature-boxes:hover .relative, .quuaisoft-feature-boxes:hover .technologies{
	color:#fff;
}

.quuaisoft-feature-boxes p{
	color: #3f4446;
    line-height: 1.7;
    font-size: 17px;
    max-width: 715px;
	padding: 0 50px;
}
.quuaisoft-feature-boxes h2{
	font-size: 22px;
	color: #181818;
    font-weight: 600;
    margin: 15px 0;
	padding:0;
}
.quuaisoft-feature-boxes .relative {
	color:#181818;
	font-size: 48px;
}
.quuaisoft-feature-boxes .technologies {
    margin-top: 15px;
	margin-bottom:10px;
	color:#181818;
	font-size:28px;
}
.quuaisoft-feature-boxes .technologies span {
	font-size:23px;
	font-weight:bold;
}


.soft-breadcrumb {
	width: 100%;
	background-color: #f9f9f9;
}
.soft-breadcrumb ul {
	padding: 20px;
	margin: 0;
	background-color: #f9f9f9;
	text-align: center
}
.soft-breadcrumb ul li {
	text-decoration: none;
	display: inline-block;
	color: #181818;
}
.soft-breadcrumb ul li a {
	list-style: none;
	font-size: 16px;
	color: #181818;
}
.soft-breadcrumb ul li a:hover {
	color: #ff6700;
	font-weight: 500
}
.soft-breadcrumb li+li:before {
	content: "/\00a0";
	padding: 10px
}

.global-row {
	width:100%;
	display: inline-block;
}

h2.soft-innerpage-heading {
	color: #282828;
    font-weight: 600!important;
    font-size: 40px;
	margin-top: 60px;
    margin-bottom: 20px;
	color: #ff6700!important;
	padding: 0;
	text-align:center;
}
h3.soft-innerpage-subheading {
	text-align:center;
	margin-bottom: 15px;
	color: #292929;
    font-weight: 600!important;
    font-size: 30px;
}
h3.soft-innerpage-subheading span {
    color: #ff6700;
    font-weight: 500;
}
.soft-innerpage-headpara {
	margin: 0;
    font-family: Open Sans;
    color: #3f4446;
	line-height: 1.7;
    font-size: 17px!important;
	text-align: center;
    max-width: 715px;
	padding-bottom:20px;
}
.soft-innerpage-para {
	margin: 0;
    font-family: Open Sans;
	margin-top: 22px;
    color: #292929;
	line-height: 1.7;
    font-size: 17px!important;
	text-align: justify;
	text-align-last: center;
}

.soft-content-bg-section {
	background: url(../images/service-web-bg.jpg);
    background-size: 100%;
	padding: 50px 0;
}
h2.soft-innerpage-bg-heading {
	color: #ff6700;
    padding:0;
    font-size: 40px;
    font-weight: 600!important;
    margin-bottom: 15px;
	position:relative;
}
h2.soft-innerpage-bg-heading span {
	color: #fff!important;
	
}
h2.soft-innerpage-bg-heading span.questionmark {
    font-size: 80px;
    font-weight: 700;
	color: #ff6700 !important;
	position:absolute;
	padding-left:10px;
	margin-top: -40px;
	
}

.soft-inner-list-service {
	
}
.soft-inner-list-service ul {
	padding-left: 0;
    list-style: none;
    color: #fff;
    line-height: 2;
    text-align: justify;
    margin-bottom: 0;
    font-family: Open Sans;
    font-size: 14px;
}
.soft-inner-list-service ul li {
    margin: 0;
    padding-left: 22px;
    position: relative;
    font-size: 16px;
}
.soft-inner-list-service ul li:before {
    font-family: FontAwesome;
    padding-right: 0;
    color: #ff6700;
    left: 0;
}
.soft-inner-list-service ul li:before {
    content: '\f046';
    position: absolute;
}

.soft-button-area-normal {
	padding-top: 80px;
	text-align: center;
}
.soft-button-area-normal a.white{
	background: 0 0;
    border: none;
    padding: 10px 20px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
	background: #fff;
    color: #ff6700;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #ff6700;
    transition: ease-in all .4s;
}
.soft-button-area-normal a.white:hover {
	background: #ff6700;
    color: #fff ;
}

.soft-button-area-normal a.orange{
	background: 0 0;
    border: none;
    padding: 10px 20px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
	background: #ff6700;
    color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #ff6700;
    transition: ease-in all .4s;
}
.soft-button-area-normal a.orange:hover {
	background: #fff;
    color: #ff6700 ;
}

.soft-button-area {
    padding-top: 80px;
	text-align: center;
}
.soft-button-area a{
	background: 0 0;
    border: none;
    padding: 10px 20px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
	background: #fff;
    color: #ff6700;
    border: 1px solid #ff6700;
	position: relative;
    transition: ease-in all .4s;
}
.soft-button-area a:hover {
	background: #ff6700;
    color: #fff ;
}
.soft-button-area a:before {
	content: '';
	left: 0;
    overflow: hidden;
    background: #ff6700;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: ease-in all .3s;
    bottom: 100%;
    right: 0;
}
.soft-button-area a:after {
	content: '';
    top: -13px;
    right: -12px;
    width: 22px;
    position: absolute;
    background: #fff;
    height: 23px;
    transform: rotate(45deg);
    border: none;
    border-bottom: 1px solid #ff6700;
}
.soft-button-area a span {
	font-family: Open Sans;
	color: #ff6700;
	transition: ease-in all .4s;
    z-index: 0;
    position: relative;
    font-weight: 700;
    font-size: 18px;
}
.soft-button-area a:hover span {
	color: #fff;
}
h4.soft-appdev {
    margin-top: 0;
    text-align: left;
    margin-bottom: 26px;
    font-size: 30px;
    color: #292929;
    font-weight: 600;
}

.soft-bottom-portfolio a.port-card {
	position: relative;
	transition: ease .4s all;
	display:block;
	overflow:hidden;
}
a.port-card img {
	transition: .8s;
}
a.port-card .viewsec {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:rgba(255,103,0,.75);
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	transform: scaleX(0);
	transition: ease .4s all;
}
a.port-card:hover img {
	transform: scale(1.2)
}


a.port-card .viewsec i {
	color:#fff;
	font-size:36px;
}
a.port-card:hover .viewsec {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1);
	transition: ease .4s all;
}



.soft-bottom-list {
	color: #636363;
	margin-bottom: 20px;
	font-family: Open Sans;
    font-size: 18px;
	text-align: center!important;
}


.google-recognition {
    position: relative;
    width: auto;
    display: block;
    text-align: center;
	padding-left: 20px;
}



.soft-dm-container1 {
	background-color:#ff6700;
}

.soft-dm-container1:hover .dm-image-box  {
	filter:none;
	
}
.soft-dm-container2 {
	background-color: #2a2425;
}
.soft-dm-container1 .text-grid{
	position: relative;
	padding: 0 6em 0 6em;
}
.soft-dm-container1 .text-grid .digi-1 {
    
    width: 60px;
    height: 60px;
	margin-top: 40px;
	display: inline-block;
    background: url(../images/icons-light.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
	background-position: -5px -1266px;
}
.soft-dm-container1 .text-grid h3 {
	color: #fff;
    font-weight: 500;
    margin: 15px 0;
    font-size: 24px;
}
.soft-dm-container1 .text-grid p {
    color: #fff;
    text-align: justify;
    margin-bottom: 40px;
    line-height: 1.8;
	font-size: 17px;
}
.soft-dm-container1 .dm-image-box {
	
	background: url(../images/soft-web/smm.jpg);
    background-size: cover;
	transition: ease-in all .9s;
    overflow: hidden;
    position: relative;
    filter: opacity(.5);
	
	
}
.soft-dm-container1 .text-grid div.topper {
	margin-top: 40px;
}
.seo-white {
	background: url(../images/icons-light.png) no-repeat;
    background-position: -5px -2762px;
    width: 60px;
    height: 60px;
}

/* ----  QUUAI SOFT On Demand Developrs Page  ---- */
.on-dd-service-box {
	background: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    overflow: hidden;
}
.on-dd-service-box .on-dd-text {
	padding: 45px;
}
.on-dd-service-box .on-dd-text h2 {
    font: 500 26px/36px Roboto,sans-serif;
    color: #ff6700;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 15px;
}
.on-dd-service-box .on-dd-text p {
    font: 400 16px/28px Roboto,sans-serif;
    color: #4c4c4c;
    margin: 0 0 30px;
}
.on-dd-service-box .on-dd-text ul {
	list-style: none;
    border-left: 1px dashed #ff6700;
    padding: 0 0 0 35px;
    position: relative;
}
.on-dd-service-box .on-dd-text ul li {
	color: #4c4c4c;
    position: relative;
	margin: 0 0 20px;
    font: 400 16px/24px Roboto,sans-serif;
}
.on-dd-service-box .on-dd-text ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
    background: #fff;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    text-align: center;
    border: 1px solid #ff6700;
    color: #ff6700;
    position: absolute;
    left: -47px;
    top: 0;
    font-size: 13px;
    line-height: 22px;
}


.on-dd-onsite-box {
	background: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    overflow: hidden;
}
.on-dd-onsite-box .on-dd-onsite-text {
	padding: 45px;
}
.on-dd-onsite-box .on-dd-onsite-text h2 {
    font: 500 26px/36px Roboto,sans-serif;
    color: #ff6700;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 15px;
}
.on-dd-onsite-box .on-dd-onsite-text p {
    font: 400 16px/28px Roboto,sans-serif;
    color: #4c4c4c;
    margin: 0 0 30px;
}
.on-dd-onsite-box .on-dd-onsite-text ul {
	list-style: none;
    padding: 0 0 0 35px;
    position: relative;
}
.on-dd-onsite-box .on-dd-onsite-text ul li {
	color: #4c4c4c;
    position: relative;
	margin: 0 0 20px;
    font: 400 16px/24px Roboto,sans-serif;
}
.on-dd-onsite-box .on-dd-onsite-text ul li:before {
    content: '\f105';
    font-family: FontAwesome;
    background: #fff;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    text-align: center;
    border: 1px solid #ff6700;
    color: #ff6700;
    position: absolute;
    left: -47px;
    top: 0;
    font-size: 13px;
    line-height: 22px;
}



.on-dedi-dev-team {
	background: #fff;
    box-shadow: 0 10px 10px rgba(0,0,0,.1);
    overflow: hidden;
}
.on-dedi-dev-team .on-dedi-dev-text {
	padding: 45px;
}
.on-dedi-dev-team .on-dedi-dev-text h2 {
    font: 500 26px/36px Roboto,sans-serif;
    color: #ff6700;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 15px;
}
.on-dedi-dev-team .headarea {
	background: #ff6700;
	padding: 30px 45px;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.on-dedi-dev-team .headarea h2 {
	float: none;
	color: #fff;
	margin: 20px 0 0;
	font-size:24px;
}
.on-dedi-dev-team .headarea .icon1 {
	
}
.on-dedi-dev-team .headarea .icon1 i {
	color:#ff6700;
	background:#fff;
    width: 139px;
	text-align:center;
	line-height:140px;
	font-size: 56px;
    height: 139px;
    transition: all .5s ease 0s;
    border-radius: 100%;
    float: left;
    margin: 0 40px 0 0;
}
.on-dedi-dev-team .on-dedi-dev-text p {
    font: 400 16px/28px Roboto,sans-serif;
    color: #4c4c4c;
    margin: 0 0 30px;
}
.on-dedi-dev-team .on-dedi-dev-text ul {
	list-style: none;
    padding: 0 0 0 35px;
    position: relative;
}
.on-dedi-dev-team .on-dedi-dev-text ul li {
	color: #4c4c4c;
    position: relative;
	margin: 0 0 20px;
    font: 400 16px/24px Roboto,sans-serif;
}
.on-dedi-dev-team .on-dedi-dev-text ul li:before {
    content: '\f105';
    font-family: FontAwesome;
    background: #fff;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    text-align: center;
    border: 1px solid #ff6700;
    color: #ff6700;
    position: absolute;
    left: -47px;
    top: 0;
    font-size: 13px;
    line-height: 22px;
}

.why-dev-from-quuai {
	
}
.why-dev-from-quuai .whybox {
    padding: 15px 30px;
    background: #fff;
    border-radius: 5px;
    margin: 0 0 10px;
    vertical-align: middle;
}
.why-dev-from-quuai .whybox .icon1 {
	
}
.why-dev-from-quuai .whybox .icon1 i{
	width: 70px;
    height: 70px;
	line-height:70px;
	text-align:center;
    background: #fff;
	color: #595959;
	font-size:30px;
    display: inline-block;
}

.why-dev-from-quuai .whybox h3 {
    font: 500 18px/28px Roboto,sans-serif;
    letter-spacing: -.4px;
    text-transform: uppercase;
    color: #595959;
    display: inline-block;
    vertical-align: top;
}







/* ----  QUUAI CLOUD Pages  ---- */
.cloud-banner{
	
}
.owl-carousel .owl-item {
    height: 600px;
}
.owl-theme .owl-nav {
	position: absolute;
	top: 40%;
	width: 90%;
	margin: 0 auto;
	left: 5%;
}
.owl-theme .owl-nav button {
	color: #000 !important;
	background-color: rgba(255,255,255,0.7) !important;
	width: 25px;
	height: 25px;
	border-radius: 50% !important;
}
.owl-prev {
	float: left
}
.owl-next {
	float: right
}
/* Caption text */
.text {
	position: absolute;
	top: 15%;
	width: 100%;
	text-align: center;
}
ul.service_points {
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 2em 12em;
	color: #fff
}
ul.service_points li {
	display: inline-block;
	padding: 0.5em 1em;
	width: 23%;
	text-align: left;
	max-width: 250px;
	color:#fff;
}
.caption-area h5 {
	color: #fff;
	font-weight: 800
}
.caption-area h3 {
	color: #fff;
	font-weight: 400;
	padding: 0 10em
}
.caption-area h4 {
	color: #ee2a7b;
	font-weight: 400
}
.caption-area h4 span {
	color: #fff
}
span.my-btn button, span.my-btn-2 button {
	border: 1px solid #fff;
	text-transform: uppercase
}
span.my-btn-2 button, span.my-btn-2 button:hover {
	padding: 25px 40px;
	font-size: 14px;
	margin-top: 35px;
	margin-left: 25px;
	outline: 0;
	letter-spacing: 1px
}
span.my-btn-2 button {
	background-color: transparent;
	color: #fff;
	border-radius: 55px
}
span.my-btn-2 button:hover {
	background: linear-gradient(to left, #e44d26, #f16529);
	color: #fff;
	border: 1px solid #fff;
	border-radius: 55px;
	cursor: pointer
}


.text-theme-colored {
    color: #E66D00 !important;
}
.innerpage-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
    overflow-x: hidden;
}
.innerpage-space-head {
    max-width: 70%;
    margin: 0 auto 50px;
}
.innerpage-space-head hr {
    width: 50px;
    margin: 2rem auto;
    background-color: transparent;
    box-sizing: border-box;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
	
}
.innerpage-space-head h2 {
    font-family: 'Dosis',sans-serif;
    font-weight: 400 !important;
	font-size:34px;
}
.innerpage-space-head p.lead {
    font-size: 18px;
    font-weight: 300 !important;
    margin-bottom: 1rem;
    line-height: 1.9;
    color: #5b5b5b;
    font-family: "Open Sans",sans-serif;
}

.homepage-new-video-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
    overflow-x: hidden;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	border: 1px solid #747171;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.homepage-newVideo-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.homepage-newVideo-list ul li {
	list-style:none;
	margin-bottom: 25px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.homepage-newVideo-list ul li:hover .vidList_m i{
	background: #e7750e;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.homepage-newVideo-list ul li .vidList_m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.homepage-newVideo-list ul li .vidList_m i{
    background: #474747;
    color: #fff;
    padding: 8px;
    font-size: 18px;
    border-radius: 2px;
	text-align: center;
    width: 40px;
}
.homepage-newVideo-list ul li .vidList_m .vidList_m_body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.vidList_m_body a {
	font-family: "Open Sans",sans-serif !important;
	font-size: 16px;
    font-weight: 600;
    color: #5b5b5b;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
.vidList_m_body a:hover, .vidList_m_body a:active{
	color:#e7750e;
	font-weight:bold;
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
#compinies {
    padding: 30px 0;
    background: linear-gradient(to left, #e44d26, #f16529);
    text-align: center;
    color: #fff;
}
.homepage-pricetable-section {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff;
    overflow-x: hidden;
}

.comparison {
      font-family: "Open Sans",sans-serif;
  margin:0 auto;
  
  text-align:center;
  padding:10px;
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
	color: #222;
}
.comparison td {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
	color: #222;
	line-height:20px;
	font-size:15px;
	font-weight: 500;
}

.compare-heading {
	font-size: 17px;
    /* font-weight: bold !important; */
    border-bottom: 0 !important;
    padding-top: 10px !important;
    text-align: center;
    /* background: #ccc; */
    line-height: 24px;
    color: #e54f26 !important;
    padding: 10px !important;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}


.comparison table tr.even, .comparison table tr.alt, .comparison table tr:nth-of-type(even) {
	background:white ;
}



.comparison .compare-row {
  background:#F5F5F5 !important;
}


.comparison .tickblue {
  color:#0078C1;
}
.comparison .tickblue i{
  color:#0078C1 !important;
}

.comparison .tickgreen {
  color:#009E2C;
}
.comparison .tickgreen i{
  color:#009E2C !important;
}
.comparison .tickred {
  color:red;
}
.comparison .tickred i{
  color:red !important;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.comparison .tl2 {
	border-right: 0;
    background: white;
}

.comparison .qbse {
    background: #e54f26;
    border-top-left-radius: 3px;
    border-left: 0px;
    text-align: center;
    font-size: 20px;
    padding: 20px 10px;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}


#features.features-1 .feature {
	margin-bottom: 30px;
}
#features {
	background-color: #f7f7fd
}
#features h1 {
	color: #000;
	margin-bottom: 60px
}
.d-flex {
	display: -ms-flexbox!important;
	display: flex!important;
}
.d-flex i {
	margin-right: 15px;
	font-size: 36px;
	color: #e44d26;
	padding: 0 0.5em;
}
.pr-4, .px-4 {
	padding-right: 1.5rem!important;
}
.tools {
	margin: 0 auto;
	padding: 0;
}
.tools h5 {
	font-size: 21px;
	text-align: left;
	
}
.tools p {
	font-size: 16px;
	line-height: 28px;
}

/* Testimonial - slider - Style */
.testimonial-box{
	-webkit-box-shadow: 0 1px 25px rgba(0,0,0,0.05);
    box-shadow: 0 1px 25px rgba(0,0,0,0.05);
	border: 1px solid #ccc;
    border-radius: 0;
    -webkit-transition: .5s;
    transition: .5s;
	padding:30px;
	opacity: .1 !important;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.testimonial-content{
	font-family: "Open Sans",sans-serif !important;
	color: #616771;
	font-size:16px;
	line-height:24px;
	margin-bottom:15px;
}
.testimonial-content p {
	font-family: "Open Sans",sans-serif !important;
    color: #616771;
    font-size: 16px;
}
.testimonial-user{
	
}
.testimonial-user .testimonial-avatar {
	display:inline-block;
}
.testimonial-user .testimonial-avatar img{
	border-radius: 100% !important;
    width: 48px;
    height: 48px;
}
.testimonial-user .testimonial-title{
	display:inline-block;
}
.testimonial-user .testimonial-title h6{
	font-family: "Dosis",sans-serif !important;
	font-weight:400;
	color:#616771 !important;
}
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
  
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container[data-centered-slides="true"] .swiper-slide {
    opacity: .1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.swiper-slide-active .testimonial-box{
	 opacity: 1 !important;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}


#nfc_news {
	/*padding: 60px 0;*/
	padding: 0 0;
	background-color: #f7f7fd
}
.news {
	padding: 1em 5em;
	margin: 0 auto;
	max-width: 1170px
}
.news h2{
	margin-bottom:20px
	}

#nfc_news h1 {
	margin-bottom: 60px
}
#nfc_news P {
	font-size: 20px;
	font-weight: 600;
	padding: 15px 0;
	text-align: left;
	color: #fff
}
.new_contents {
	text-align: center
}
.text-white {
    color: #fff !important;
}
.text-gray-lightgray {
    color: #d3d3d3 !important;
}
.font-15 {
    font-size: 15px !important;
}

/* Breadcrumb */
.breadcrumb-container {
	background:url(../images/quuai-cloud/bg1.jpg);
}
.breadcrumb-overlay {
	background-color: rgba(0, 0, 0, 0.3); 
}
.breadcrumb-overlay h3 {
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 600 !important;
	font-size:26px;
}
.breadcrumb-overlay p {
	margin-bottom: 1.25rem;
}
.breadcrumb-container-scrolled{
	padding-top:98px;
}
.breadcrumb-space{
	margin: 0 auto;
    max-width: 1170px;
    overflow: hidden;
	padding-right:15px;
	padding-left:15px;
}
.breadcrumb-title {
	font-size: 42px;
	font-weight: 700;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
	
}



/* Features Widget Type 1*/
.feature-widget {
	
}
.feature-widget-row {
	display:inline-block;
}
.feature-widget .icon{
	font-size:36px;
	color:#E66D00;
}
.feature-widget .matter{
	
}
.feature-widget .matter h5{
	font-family: 'Dosis',sans-serif !important;
    font-size: 21px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 10px;
}
.feature-widget .matter .description p{
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    color: #5b5b5b;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 15px;
}


/**************** Pricing ****************/
.pricing-box {
    background-color: #fff;
    border: 1px solid #f1f2f3;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
	margin-top: 15px;
    margin-bottom: 15px;
}

.pricing-box .plan-name {
    padding: 16px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #f1f2f3;
    background-color: #fcfdfe;
	color: #616771;
}

.pricing-box .price {
    font-size: 60px;
    font-weight: 600;
	font-family: 'Dosis',sans-serif;
}
.price-unit {
    display: inline-block;
    font-size: 16px;
    vertical-align: text-top;
    margin-right: -10px;
    margin-top: 16px;
}
.plan-period {
    display: inline-block;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-left: -10px;
    margin-bottom: 14px;
    color: #b5b9bf;
}
.pricing-box ul {
	list-style:none;
	margin:0 10px !important;
	padding: 0;
	padding-bottom:20px;
}
.pricing-box ul li {
	font-family: "Open Sans",sans-serif ;
    font-size: 15px;
    color: #616771;
    line-height: 2; display:block;
}

/* Pricing Tabs CSS */
ul.tabs {
	margin: 0;
	padding: 0;
	text-align:center;
	list-style: none;
	
	width: 100%;
	margin-bottom: 1.2rem !important;
}

ul.tabs li {
	display:inline-block;
	margin: 0;
	margin-right:10px;
	font-size: 16px;
	cursor: pointer;
	padding: 0px 21px;
	height: 46px;
	line-height: 46px;
	border:1px solid #000;
	background-color: #fff;
	color: #000;
	overflow: hidden;
	position: relative;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
ul.tabs li:last-child {
	margin-right:0px;
}

.tab_last { border-right: 1px solid #333; }

ul.tabs li:hover {
	background-color: #E66D00;
	color: #fff;
}

ul.tabs li.active {
	background-color: #000;
	color: #fff;
	display: inline-block;
}

.tab_container {
	border: 1px solid #333;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 20px;
	display: none;
}

.tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	ul.tabs {
		display:block;
	}
	ul.tabs li{
		
	}
	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.d_active {
		background-color: #666;
		color: #fff;
	}
}
/* Pricing Tabs CSS Ends */






/* Features List Style */
.feature-list-row {
	margin-bottom: 30px;
	overflow: hidden;
}

.feature-list h4{
	font-family: "Dosis",sans-serif !important;
	font-weight: 400 !important;
}

.feature-list ul.feature-list-1{
	list-style:none;
	margin:0;
	padding:0
}
.feature-list ul.feature-list-1 li{
	display: block;
    color: #616771;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.9;
    font-family: "Open Sans",sans-serif !important;
    padding-bottom: 8px;
}
.feature-list ul.feature-list-1 li i{
	color:#000;
	padding-right:10px;
}



/* Features Widget Type 3*/
.feature-widget3 {
	margin-bottom:15px;
	margin-top:15px;
}
.feature-widget3 h3{
	font-size: 22px !important;
    margin: 0 0 22px 0 !important;
	line-height: 1.6em !important;
    display: block;
	font-weight:normal !important;
	color:#616771;
}
.feature-widget3-row {
	display:inline-block;
	width:100%;
}
.feature-widget3 .icon{
	color:#E66D00;
	text-align:center;
	font-size: 50px;
    line-height: 1;
    margin-bottom: 25px;
}
.feature-widget3 .description{
	margin-bottom:20px;
	overflow:hidden;
}
.feature-widget3 .description p{
    font-size: 18px;
	font-weight: 300;
	margin-bottom: 1rem;
	line-height: 1.9;
	color:#616771;
	font-family: "Open Sans",sans-serif;
	text-align:center;
}

.telly-feature-icon {
	
}
.ssl-feature-icon img{
	background: #fff none repeat scroll 0 0;
    border: 1px solid #b1b1b1;
    border-radius: 50%;
}


/* Features Widget Type 4 (Features at glance)*/
.feature-widget4 {
	margin-bottom:15px;
	margin-top:15px;
	border-right:1px solid #ccc;
}
.feature-widget4-row {
	display:inline-block;
	width:100%;
	margin-bottom: 40px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}
.feature-widget4-row .columns {
	
}
.feature-widget4 .icon{
	color:#fff;
	text-align:center;
	font-size: 50px;
    margin-bottom: 10px;
	
}
.feature-widget4 .icon i{
	
	width:100px;
	height:100px;
	border-radius:100%;
	background:#ccc;
	
    line-height: 100px;
}
.feature-widget4 .description{
	margin-bottom:20px;
	overflow:hidden;
}
.feature-widget4 .description p{
	font-size: 17px;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.4;
    color: #616771;
    font-family: "Open Sans",sans-serif;
    text-align: center;
}


/********** Office 365 Pricing plans Style *********/
.innerpage-space-office365 {
	max-width: 1370px;
	width: 100%;
}

.office365-plans{
	display:inline-block;
	width:100%;
	
}

.pricing-box-office365 {
    background-color: #fff;
    border-radius: 5px;
    -webkit-transition: .5s;
    transition: .5s;
	margin-top: 15px;
    margin-bottom: 15px;
}
.pricing-box-office365 .pricing-main-content{
	font-size: 13px;
    color: #616771;
    line-height: 18px; display:block;
	padding:1px 10px;
	margin:0 0;
	min-height:601px;
}
.pricing-main-content span {
	margin:20px 0;
	display:block;
}
.price-row1 img {
	max-width:100%;
}
.pricing-main-content .price-row1 h3{
	font-size:15px !important;
	
}
.pricing-main-content p {
	margin:20px 0;
	font-size:13px;
}
.pricing-main-content p span{
	margin:20px 0;
	font-size:13px;
	margin-top:10px;
	margin-bottom:30px;
}
.plan-name-office365 {
    line-height:40px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	color: #616771;
	display:block;
	padding-top:20px;
}
.plan-name-office365-first-col {
    line-height:30px;
    text-transform: none;
    font-size: 15px;
    font-weight: 400;
	color: #616771;
	display:block;
	padding-top:27px;
	font-family:"Open Sans",sans-serif;
}
.price-office365 .price-m{
	line-height:40px;
	display:block;
	height: 48px;
	
}
span.mrp {
	    color: #f04124;
    font-size: 24px;
    text-decoration: line-through;
}
span.mrp i{
	
    font-size: 20px !important;
}
.pricing-box-office365 .price-office365 {
    font-family:"Open Sans",sans-serif;
    font-weight: 600;
	    color: #616771;
	margin:0 !important;
	min-height:145px;
}
.pricing-box-office365 .price-office365-first-col {
    font-family:"Open Sans",sans-serif;
    font-weight: 400;
	    color: #616771;
	margin:0 !important;
	min-height:145px;
}
.price-office365 span i{
	color:#000;
	font-weight:300;
	font-size: 28px;
}
.price-unit-office365 {
    display: inline-block;
    font-size: 16px;
    vertical-align: text-top;
    margin-right: -10px;
    margin-top: 16px;
}
.plan-period-office365 {
    display: block;
    font-size: 16px;
    font-family:"Open Sans",sans-serif;
    color: #555	;

}
.pricing-bg-grey {
	background:#f5f5f5;
}
.pricing-box-office365 ul {
	list-style:none;
	margin:0 0 !important;
	padding:0 !important;
	
}
.pricing-box-office365 ul li {
    font-size: 13px;
    color: #616771;
    line-height: 18px; display:block;
	padding:20px 10px;
	margin:0 0;
	min-height:93px;
	vertical-align:middle;
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}
.pricing-box-office365 ul.first-col li {
    font-size: 13px;
    color: #616771;
    line-height: 18px; display:block;
	padding:20px 10px;
	margin:0 0;
	min-height:93px;
	vertical-align:middle;
	
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
	text-align:left;
}

.pricing-box-office365 ul li i {
	font-size:19px;
}
.pricing-box-office365 ul li.price-row1 {
	
}
.pricing-box-office365 ul li.price-row1 h3 {
	font-size:15px !important;
}
.pricing-box-office365 ul li.price-row2 {
	
}
.pricing-box-office365 ul li.price-row2 h3 {
	font-size:15px !important;
	
}

.pricing-box-office365 ul li.price-row3 {
		
		margin-top:20px;
}
.pricing-box-office365 ul li.price-row4 {
		
		
}

p.office-application{
	min-height:181px;
}


/***** Cloud style page ends ******/
.colored-strip-section {
	background-color: #f16529;
	padding-top: 50px;
    padding-bottom: 50px;
}
.colored-strip {
	
}
.colored-strip h4{
	
}
.colored-strip span {
	color:#fff !important;
}
.colored-strip a{
	background:#fff;color:#000;
	margin-left:10px; 
	font-size:20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 0 !important;
}
.colored-strip a:hover{
	color:#f16529;
}



/********** G Suit Plans Style *********/
.gsuit-plans{
	display:inline-block;
	width:100%;
	
}
.gsuit-plans .pricing-box-gsuit{
	margin:0.9375rem;
	
}
.pricing-box-gsuit h5 {
    background: #0a336b;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}
.pricing-box-gsuit h5 sub {
	font-size: 15px;
	bottom:0;
}
.pricing-box-gsuit .plan-name-gsuit {
    padding: 16px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #f1f2f3;
    background-color: #fcfdfe;
	color: #616771;
}

.pricing-box-gsuit .price-gsuit {
    font-size: 60px;
    font-weight: 600;
}
.price-unit-gsuit {
    display: inline-block;
    font-size: 16px;
    vertical-align: text-top;
    margin-right: -10px;
    margin-top: 16px;
}
.plan-period-gsuit {
    display: inline-block;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-left: -10px;
    margin-bottom: 14px;
    color: #b5b9bf;
}
.pricing-box-gsuit ul {
	list-style:none;
	margin:0 10px !important;
}
.pricing-box-gsuit ul li {
    font-size: 14px;
    color: #616771;
    line-height: 22px;
    display: block;
    padding: 12px 0;
    border-top: 1px solid #ccc;
}
.pricing-box-gsuit ul li:last-child {
	border-bottom: 1px solid #ccc;
}

/********** G Suit Plans Style Ends*********/

/***** Gsuit Page style ******/

@media screen and (min-width: 64em) {
	.large-up-5>.column, .large-up-5>.columns {
		width: 20%;
		float: left;
	}
}

@media screen and (min-width: 64em) {
	.large-up-5>.column:nth-of-type(5n+1), .large-up-5>.columns:nth-of-type(5n+1) {
		clear: both;
	}
}
@media screen and (min-width: 64em) {
	.large-up-5>.column:nth-of-type(1n), .large-up-5>.columns:nth-of-type(1n) {
		clear: none;
	}
}
@media screen and (min-width: 40em) {
	.medium-up-3>.column:nth-of-type(3n+1), .medium-up-3>.columns:nth-of-type(3n+1) {
		clear: both;
	}
}
@media screen and (min-width: 40em) {
	.medium-up-3>.column:nth-of-type(1n), .medium-up-3>.columns:nth-of-type(1n) {
		clear: none;
	}
}
.succeed-process .left-proceed-steps{ width:100%;margin: 0px 5px;}
.succeed-process .left-proceed-steps .st-boxs{ position:relative; margin-bottom:20px;padding: 10px 0;}
.succeed-process .left-proceed-steps .st-boxs span { border: 5px solid #fff;margin: 0px auto;width:80px;height: 80px;text-align: center;border-radius: 100%;font-size: 40px;line-height:58px;color: #000;font-weight: 700;display: table;}
.succeed-process .left-proceed-steps .st-boxs span img { width:46px;}
.succeed-process .left-proceed-steps .st-boxs.steps-one{ background:#0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-two{ background:#fba529;}
.succeed-process .left-proceed-steps .st-boxs.steps-three{ background:#0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-four{ background:#0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-fifth{ background:#fba529;}
.succeed-process .left-proceed-steps .st-boxs:before{ position:absolute; content:"";left: -20px;border-left: 20px solid transparent;top: 0;}
.succeed-process .left-proceed-steps .st-boxs:after{position: absolute;content: "";border-top:50px solid transparent;right: -20px;top: 0;border-bottom:50px solid transparent;}
.succeed-process .left-proceed-steps .st-boxs.steps-one:before{border-top: 50px solid #0a336b;border-bottom:50px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-one:after {border-left: 20px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-two:before{ border-top: 50px solid #fba529;border-bottom:50px solid #fba529;}
.succeed-process .left-proceed-steps .st-boxs.steps-two:after {border-left: 20px solid #fba529;}
.succeed-process .left-proceed-steps .st-boxs.steps-three:before{border-top:50px solid #0a336b;border-bottom: 50px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-three:after {border-left: 20px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-four:before{border-top: 50px solid #0a336b;border-bottom: 50px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-four:after {border-left: 20px solid #0a336b;}
.succeed-process .left-proceed-steps .st-boxs.steps-fifth:before{border-top: 50px solid #fba529;border-bottom: 50px solid #fba529;}
.succeed-process .left-proceed-steps .st-boxs.steps-fifth:after {border-left: 20px solid #fba529;}

#gsuitVerticalTab {
	
}
#gsuitVerticalTab ul.tabul {
	width: 25%;
}
#gsuitVerticalTab .tab-cont-gsu {
	width: 75%;
}
#gsuitVerticalTab .resp-tabs-list li.tabs-title{
	padding:0px !important;
	margin-bottom:15px !important;
	border:0 !important;
}
#gsuitVerticalTab .resp-tabs-list li.tabs-title a{
	display: block;
    line-height: 1;
	border-right: 10px solid #333;	
}
#gsuitVerticalTab .resp-tabs-list li.tabs-title a span {
    padding: 44px 10px;
	width: 60%;
    text-align: center;
    display: inline-block;
	background: rgba(0,0,0,.8);
    color: #fff;
    font-weight: 400;
    line-height: 34px;
	font-size:19px;
}
#gsuitVerticalTab .resp-tabs-list li.resp-tab-active a  {
    border-right: 10px solid #E66D00;
}
#gsuitVerticalTab .resp-tabs-list li.resp-tab-active a span {
    background: rgba(230,109,0,.88);
}
#gsuitVerticalTab .resp-tabs-list li.tabs-title a .mob-offi {
    background: #373737;
    color: #fff;
    float: right;
    font-weight: 400;
    font-size: 26px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
#gsuitVerticalTab .resp-tabs-list li.resp-tab-active a .mob-offi {
    background: rgba(230,109,0,.88);
}
#gsuitVerticalTab .resp-tabs-list li.resp-tab-active a:after {
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(30,163,238,0);
    border-left-color: #E66D00;
    border-width: 31px;
	margin: 0;
    top: 28%;
    border-width: 22px;
}

#gsuitVerticalTab .resp-tabs-list li.tab-one {
	background: url(../images/quuai-cloud/google-apps-bg1.jpg) center center/cover !important
}
#gsuitVerticalTab .resp-tabs-list li.tab-two {
	background: url(../images/quuai-cloud/google-apps-bg2.jpg) center center/cover !important
}
#gsuitVerticalTab .resp-tabs-list li.tab-three {
	background: url(../images/quuai-cloud/google-apps-bg3.jpg) center center/cover !important
}
#gsuitVerticalTab .resp-tabs-list li.tab-four {
	background: url(../images/quuai-cloud/google-apps-bg4.jpg) center center/cover !important
}
#gsuitVerticalTab .resp-tabs-list li.tab-five {
	background: url(../images/quuai-cloud/google-apps-bg5.jpg) center center/cover !important
}

.gsuit-tab-content {
	padding-left:40px !important;
}
.gsuit-tab-content h2{
	font-size:26px !important;
	font-weight:500 !important;
	color:#E66D00;
}
.gsuit-tab-content h3{
	font-size:19px !important;
	font-weight:600 !important;
	font-family: 'Dosis',sans-serif !important;
}
.gsuit-tab-content p{
	font-size: 14px;
    line-height: 21px;
    margin-bottom: 1.25rem;
}



/***** Gsuit Page style Ends ******/


/***** Incoming Antispam why-choose 1 style ******/

.why-choose1 {
	
}
.why-choose1 h2 {
	border-bottom:1px solid #ebebeb;
	margin-bottom:25px;
	font-family: 'Dosis',sans-serif;
    font-weight: 400 !important;
	font-size:36px;
}

.why-choose1 h5 {
	font-weight:400 !important;
	font-size:22px;
	font-family: 'Dosis',sans-serif;
}
.why-choose1 p {
	margin-bottom:20px;
	    font-size: 15px;
}

ul.why-us-nav-lft {
	border:1px solid #ccc;
	list-style:none;
	margin:0;
	margin-top: 15px;
	padding:0;
}
ul.why-us-nav-lft li {
	list-style:none;
	display:block;
	color:#000;
	background:#f9f9f9;
	padding:0;
	
}
ul.why-us-nav-lft li a{
	color:#000;
	line-height:32px;
	padding:5px;
	padding-left:20px;
	display:block;
	font-family:"Open Sans",sans-serif;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
ul.why-us-nav-lft li a i {
	padding-right:5px;
}
ul.why-us-nav-lft li a:hover {
	background:#E66D00;
	color:#fff;
	-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
ul.why-us-nav-lft li a.activetab {
	background:#E66D00;
	color:#fff;
}
ul.why-us-nav-lft li a.activetab:hover {
	background:#E66D00;
	color:#fff;
	-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
ul.tcadmin {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.tcadmin li{
	display:block;
	list-style:none;
	padding:10px 0;
	font-size: 15px;
    font-weight: 400;
    line-height: 1.9;
    color: #5b5b5b;
	font-family: "Open Sans",sans-serif;
}
ul.tcadmin li i {
	padding-right:10px;
	color:#E66D00;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	border: 1px solid #747171;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/***** Incoming Antispam why-choose 1 style Ends ******/


/* Features Widget Type 5*/
.feature-widget5 {
	margin-bottom:15px;
	margin-top:15px;
}
.feature-widget5-row {
	display:inline-block;
}
.feature-widget5 .icon{
	color:#E66D00;
	text-align:center;
	font-size: 50px;
    line-height: 1;
    margin-bottom: 25px;
}
.feature-widget5 .description{
	margin-bottom:20px;
	overflow:hidden;
	text-align:Center;
}
.feature-widget5 .description h5{
font-weight:400 !important;	
}
.feature-widget5 .description p{
    font-size: 16px;
	font-weight: 300;
	margin-bottom: 1rem;
	line-height: 1.7;
	color:#616771;
	font-family: "Open Sans",sans-serif;
	text-align:center;
}

/***** Email Archival Overview Page style ******/
ul.benefits-1 {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.benefits-1 li{
	display:block;
	list-style:none;
	padding:5px 0;
	font-size: 16px;
    font-weight: 400;
    line-height:22px;
    color: #5b5b5b;
	font-family: "Open Sans",sans-serif;
}
ul.benefits-1 li i {
	padding-right:10px;
	color:#E66D00;
}
.email-overview-ol {
	font-family: "Open Sans",sans-serif !important;
    color: #5b5b5b;
	margin: 0;
    padding: 0;
	margin-left:15px;
    margin-bottom: 15px;
    list-style-position: outside;
}
/***** Email Archival Overview Page style ends ******/


/***** Cloud style page ******/
.cloud-page-title {
	display:inline-block;
	width:100%;
}
.cloud-page-title h2{
	font-size:26px;
	font-weight:500 !important;
	font-family: 'Dosis',sans-serif;
}
.cloud-page-description {
	display:inline-block;
	width:100%;
}
.cloud-bordered-content {
	display:inline-block;
	width:100%;
	border: solid 1px #f0f0f0;
	padding: 15px 15px;
	background: #fefefe;
}
.cloud-bordered-content .cloud-page-title h2{
	font-size:26px;
	font-weight:500;
	line-height: 26px;
	font-weight:300;
	margin-bottom:20px;
}
ul.cloud-benefits{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.cloud-benefits li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px;
	outline: none !important;
	list-style:none;
	font-family: "Open Sans",sans-serif !important;
    color: #5b5b5b;
}
ul.cloud-benefits li:before{
	position: absolute;
	color:#E66D00 !important;
    top: 0;
    left: 0;
    z-index: 0;
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 90%;
}

.cloud-offering-boxes {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    background-color: #f7fbfe !important;
    border-left-color: #f0f0f0 !important;
    border-left-style: solid !important;
    border-right-color: #f0f0f0 !important;
    border-right-style: solid !important;
    border-top-color: #f0f0f0 !important;
    border-top-style: solid !important;
    border-bottom-color: #f0f0f0 !important;
    border-bottom-style: solid !important;
}
.cloud-offering-boxes h3 {
	font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
	font-family: 'Dosis',sans-serif !important;
}

.oracle-cloud-ul {
	margin:0;
	padding:0;
	margin-left:15px;
	list-style:square;
}
.oracle-cloud-ul li {
    font-family: "Open Sans",sans-serif !important;
    color: #5b5b5b !important;
	font-size:16px;
	list-style:square
}
/***** Cloud style page ends ******/

/********** Cpanel Plans Style *********/
.cpanel-plans{
	display:inline-block;
	width:100%;
	
}
.cpanel-plans .pricing-box{
	margin:0.9375rem;
	
}
/********** Cpanel Plans Style Ends*********/


/********** Cpanel Plans Style *********/
.pricing-box-backup ul {
	list-style:none;
	margin:0 10px !important;
}
.pricing-box-backup ul li {
    font-size: 14px;
    color: #616771;
    line-height: 22px;
    display: block;
    padding: 12px 0;
    border-top: 1px solid #ccc;
}
.pricing-box-backup ul li:last-child {
	border-bottom: 1px solid #ccc;
}

.oracle-cloud-ul {
	margin:0;
	padding:0;
	margin-left:15px;
	list-style:square;
}
.oracle-cloud-ul li {
    font-family: "Open Sans",sans-serif !important;
    color: #5b5b5b !important;
	font-size:16px;
	list-style:square
}
/********** Cpanel Plans Style Ends*********/

/***** Disaster Recovery style page ******/
.dis-recovery-page-title {
	display:inline-block;
	width:100%;
}
.dis-recovery-page-title h2{
	font-size:26px;
	font-weight:500;
}
.dis-recovery-page-description {
	display:inline-block;
	width:100%;
}

.dis-rec-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.dis-rec-media-body{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.disaster-recovery-services .disaster-recovery-icons {
    background: #333;
    color: #fff;
    padding: 20px;
    font-size: 24px;
    border-radius: 2px;
}
.disaster-recovery-services h5 {
    color: #fff;
    text-align: center;
    border-radius: 2px;
    font-size: 30px;
    padding: 15px 0px;
    background: #ff9000;
	font-weight: 400 !important;
    line-height: 1.2 !important;
}
.disaster-recovery-services ul.list-unstyled {
    padding-left: 0;
    list-style: none;
	margin:0;
}
.disaster-recovery-services ul.list-unstyled li {
    font-size: 16px;
    line-height: 26px;
    margin-top: 14px;
	color:#5b5b5b;
	font-family: "Open Sans",sans-serif !important;
}
.disaster-recovery-services ul.list-unstyled li i{
	background: #333;
    color: #fff;
    padding: 5px;
    border-radius: 1px;
}


/***** Disaster Recovery as Service style page ******/

.disaster-recovery-services  {
	margin-bottom:30px;
}
.dis-rec-ser-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.dis-rec-ser-media-body{
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.dis-rec-ser-media-body p {
	padding-bottom:0;
	margin-bottom:0 !important;
}
.dis-rec-ser-media-body p.drs-list-head {
	
}
.disaster-recovery-services .disaster-recovery-service-icons {
    background: #333;
    color: #fff;
    padding: 20px;
    font-size: 24px;
    border-radius: 2px;
}

.disaster-recovery-services .disaster-recovery-service-icons2 {
    background: #333;
    color: #fff;
    padding: 8px;
    font-size: 18px;
    border-radius: 2px;
}



.list-group-dis-rec-bak {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
	margin:0;
}
.list-group-dis-rec-bak li {
	position: relative;
    display: block;
    padding: 8px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
	font-family: "Open Sans",sans-serif !important;
    color: #5b5b5b;
	font-size:16px;
}
.list-group-dis-rec-bak li:first-child {
	border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}



/* Contact-form CSS */
.contact-form-area .contact-info {
  margin-bottom: 30px;
}

.contact-form-area .contact-info h2 {
  font-size: 30px;
  margin: 0 0 10px;
  font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #444;
    letter-spacing: 0.5px;
}

.contact-form-area .contact-info p {
	font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    font-size: 15px;
    color: #666;
}

.contact-form-area .form-group {
  margin-bottom: 30px;
}

.contact-form-area .form-group input {
  border: 1px solid #ebebeb;
  height: 45px;
  padding: 8px 15px;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#333;
}

.contact-form-area .form-group input:focus {
  outline: 0;
}

.contact-form-area .form-group textarea {
  padding: 8px 15px;
  border: 1px solid #ebebeb;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#333;
}

.contact-form-area .form-group textarea:focus {
  outline: 0;
}

.contact-form-area .form-group.mb-18 {
  margin-bottom: 18px;
}

.contact-form-area input.sbmt-btn {
	background-color: #222;
	border: medium none transparent;
	border-radius: 3px;
	font-size: 14px;
	width: 120px;
	border: medium none transparent;
	border-radius: 3px;
	font-weight: 700;
	padding: 5px 10px !important;
	color: #fff;
}
.contact-form-area input.sbmt-btn:hover {
    background-color: #ff6700;
}

.address-area ul {
  border: 1px solid #eee;
  margin: 0;
  list-style: none;
  padding: 0;
}

.address-area ul li {
  background-color: #f4fbfd;
  border-bottom: 1px solid #eee;
  padding: 30px;
  position: relative;
}

.address-area ul li:last-child {
  border: none;
}

.address-area ul li i {
  font-size: 24px;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
  color: #ff6700;
}

.address-area ul li h3 {
  color: #666;
  font-size: 20px;
  margin: 0 0 10px;
  text-transform: capitalize;
}

.address-area ul li .contact-social {
  border: medium none;
  margin: 18px 0 0;
}

.address-area ul li .contact-social li {
  border: medium none;
  display: inline-block;
  margin-right: 8px;
  padding: 0;
}

.address-area ul li .contact-social li a {
  background: transparent none repeat scroll 0 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  width: 35px;
  border-radius: 50%;
}

.address-area ul li .contact-social li a:hover {
  color: #fff;
}

.address-area ul li .contact-social li a i {
  font-size: 16px;
  position: inherit;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transition: 0.5s all ease 0s;
  transition: 0.5s all ease 0s;
}

.address-area ul li .contact-social li a i:hover {
  color: #fff;
}

.address-area p {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    font-size: 15px;
    color: #666;
}

/* End Contact-form CSS */

.contact-box{
    padding: 80px 30px 80px 30px;
    border-radius: 5px 5px 5px 5px;
	border:1px solid #d5d5d5;
}
.contact-box .address-box {
    display: flex;
	margin-bottom:25px;
}
.contact-box .address-box .address-icon {
    background-color:#ff6700;
    min-width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin-right: 23px;
}

.contact-box .address-box .address-icon i {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}


.contact-box .address-box .address-text .label {
    font-size: 16px;
    font-weight: 600;
    color: #454545;
    display: block;
    margin-bottom: 5px;
	text-align:left;
	padding:0;
}

.contact-box .address-box .address-text a, .contact-box .address-box .address-text .desc {
    color: #454545;
}


/* FAQ Style */
.faq-container{
	
	padding:0 20px;
}


.accordion {
	background:#fff;
  width: 100%;
  margin: 16px auto;
  margin-bottom:16px !important;
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
	
}
.accordion ul{
  list-style:none; 
  margin:0px;
  padding:0;
}
.accordion-item {
  position: relative;
  border-bottom: 1px solid #f1f2f3;
  padding:10px 0;
}
.accordion-item.active .heading {
  color: #968e8f;
}
.accordion-item.active .icon {
  background: #fefefe;
}
.accordion-item.active .icon:before {
  background: #968e8f;
}
.accordion-item.active .icon:after {
  width: 0;
}
.accordion-item .heading {
  display: block;
  text-decoration: none;
  color: #564e50;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
      padding-top: 20px;
    padding-bottom: 20px;
	font-family: "Open Sans",sans-serif !important;
}
@media (min-width: 40rem) {
  .accordion-item .heading {
    font-size: 15px;
	display: block;
    padding: 16px 0;
    color: #000;
	padding-left: 20px;
  }
}
.accordion-item .heading:hover {
  color: #968e8f;
}
.accordion-item .heading:hover .icon:before, .accordion-item .heading:hover .icon:after {
  background: #968e8f;
}
.accordion-item .icon {
  display: inline-block;
  width:32px;
  
  border: 2px solid #fefefe;
  border-radius: 3px;
  -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.accordion-item .icon:before, .accordion-item .icon:after {
  content: '';
  width: 1rem;
  height: 0.25rem;
  background: #564e50;
  position: absolute;
  border-radius: 3px;
  left: 50%;
  top: 50%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.accordion-item .icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}
.accordion-item .content {
  display: none;
}
.accordion-item .content p {
  margin-top: 0;
  font-family: "Open Sans",sans-serif !important;
  color: #616771;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.9;
	padding-left: 30px;
  
}
@media (min-width: 40rem) {
  .accordion-item .content {
    line-height: 1.75;
  }
}




/* ----  Responsive Style  ---- */
@media (max-width:768px){
	.quuai-banner {
		
		padding: 50px 0;
	}
}

@media (max-width:640px){
	.homepagetabstyling {
		padding-bottom:30px;
	}
	.homepage-newVideo-list {
		padding-top:30px;
	}
	.quuai-bannercaption-area {
		padding: 0 3em 0 3em;
	}
	.quuai-bannercaption-area h5 {
		font-size: 60px;
	}
	.quuai-bannercaption-area h3.inner-subtitle-banner span {
		font-size: 50px;
	}
	.soft-inner-list-service ul li {
		line-height: normal;
		padding-bottom: 9px;
	}
	.soft-bottom-portfolio img{
		margin-bottom:15px;
	}
}