body {
	/*background:#605e5e;*/
	background:#2f3542;
}
.page-home {
    color: #1a1c20
}

p {
	color: #fff;
}

.copyright-c{
	background:#000;
	padding: 10px 0;
}
.copyright-new {
	color:#fff;
	font-size:15px;
}
.copyright-new span {
	color:#e36c0c;
}
.copyright-new a {
	font-size:15px;
}

.copyright-new a:hover {
	color:#e36c0c;
	text-decoration:underline;
}

.page-home img {
    max-width: 100%;
    display: inline-block
}

.page-home #header-home {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    line-height: 0;
    text-align: center;
    background-color: transparent;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.page-home #header-home.scroll {
    min-height: 56px;
    background-color: #1f2532;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000
}

.page-home #header-home.opened span {
    background-color: transparent
}

.page-home #header-home.opened span:before {
    top: 9px;
    transform: rotate(45deg);
    bottom: 0
}

.page-home #header-home.opened span:after {
    transform: rotate(-45deg);
    bottom: -9px
}

.page-home #header-home .animated-arrow {
    left: auto;
    right: 0;
    margin: 18px 18px 0 0
}

.page-home #header-home ul {
    margin: 0;
    padding: 0;
    background-color: #2f3542;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-height: 0;
    overflow: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0
}

.page-home #header-home.opened ul {
    padding-top: 56px;
    max-height: 1000em;
    overflow: auto;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -o-opacity: 1;
    opacity: 1
}

.page-home #header-home ul li {
    margin: 0;
    padding: 20px 10px
}

.page-home #header-home ul li a {
    font-size: 16px;
    color: #fff;
    line-height: 1
}

.page-home #header-home ul li a:focus,
.page-home #header-home ul li a:hover {
    color: #00d5c3
}

.page-home .hero-home {
    padding: 40px 0;
    width: 100%;
    min-height: 600px;
    background-size: cover;
    display: table;
    color: #fff
}

.page-home .hero-home .container {
    width: 100%;
    vertical-align: middle;
    display: table-cell
}

.page-home .hero-home .btn-wrap a {
    margin: 10px
}

.page-home .technologies {
    padding: 20px 0
}

.page-home .technologies .tech-item {
    margin: 8px 30px;
    display: inline-block
}

.page-home .overview .overview-desc-wrapper {
    padding-top: 40px;
    font-size: 16px;
    color: #3b414f
}

.page-home .icon-wrap {
    font-size: 60px
}

.page-home .templates {
    background-color: #e2e4e8
}

.page-home .templates .tpl-grid {
    margin-top: 45px
}

.page-home .templates .tpl-grid>a {
    margin: 0 10px 30px;
    display: block;
    background-color: #00d5c3;
    border: 1px solid rgba(218, 226, 232, .2);
    text-align: center;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    -khtml-box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4)
}

.page-home .templates .tpl-grid>a .img-wrap {
    position: relative;
    height: 210px;
    overflow: hidden
}

.page-home .templates .tpl-grid>a .img-wrap img {
    position: absolute;
    left: 50%;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.page-home .templates .tpl-grid>a .img-wrap img.lazy-loaded {
    -webkit-transition: all 5s linear;
    -moz-transition: all 5s linear;
    -o-transition: all 5s linear;
    -ms-transition: all 5s linear;
    -khtml-transition: all 5s linear;
    transition: all 5s linear
}

.page-home .templates .tpl-grid>a:hover .img-wrap img:not(.lazy-loading) {
    -webkit-transform: translate(-50%, calc(-100% + 210px));
    -moz-transform: translate(-50%, calc(-100% + 210px));
    -o-transform: translate(-50%, calc(-100% + 210px));
    -ms-transform: translate(-50%, calc(-100% + 210px));
    -khtml-transform: translate(-50%, calc(-100% + 210px));
    transform: translate(-50%, calc(-100% + 210px))
}

.page-home .templates .tpl-grid>a .box-desc {
    padding: 20px 10px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.page-home .key-features .feature-item {
    padding: 10px 0;
    width: 100%
}

.page-home .key-features .feature-item:after {
    content: "";
    clear: both;
    display: block
}

.page-home .key-features .feature-item .feature-thumb {
    float: left;
    padding: 0 20px 0 0;
    width: 120px
}

.page-home .key-features .feature-item .feature-desc {
    float: left;
    width: calc(100% - 120px)
}

.page-home .key-features .feature-item .feature-desc h6 {
    max-width: 240px;
    font-size: 18px;
    color: #2f3542
}

.page-home .key-features .feature-item .feature-desc p {
    margin-bottom: 0;
    max-width: 240px;
    line-height: 22px;
    font-size: 12px;
    color: #7f8592
}

.page-home .components .fontawesome-icon-list {
    color: #dae2e8;
    font-size: 15px
}

.page-home .components .fontawesome-icon-list div {
    margin: 10px 0
}

.page-home .components .fontawesome-icon-list i {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    font-size: 20px;
    color: #00d5c3
}

.page-home .counters .counters-icon-wrap {
    float: left;
    margin: 5px 10px 0 0;
    width: 47px;
    height: 47px
}

.page-home .counters .counters-icon-wrap i {
    font-size: 36px;
    color: #00d5c3;
    line-height: 47px
}

.page-home .counters .counters-desc {
    float: left;
    text-align: left;
    width: calc(100% - 57px)
}

.page-home .counters .counters-desc h2 {
    margin-bottom: 5px
}

.page-home .counters .counters-desc small {
    font-weight: 400
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.bg-white{
	background:#fafafa;
}
.pt-60 {
	padding-top: 60px !important;
}
.logo-wrapper span {
	display:inline-block;
	
}
.head-logo-ban img{
	width: 80%;
	padding-top: 60px;
}
.bottom-gap-extra {
	margin:0;
}
.logo-wrapper .nolimitation {
	display: block;
    text-align: right;
    padding-top: 20px;
    font-size: 21px;
    font-weight: 400;
}

.quuai-parent {
	overflow:hidden;
	background:#fff;
	padding-bottom:180px;
	background:#605e5e
}
.landing-block-overlay {
	/*background-color: rgba(0, 0, 0, .7);*/
	
    
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    background-image: url(../images/indented_bg_bottom.png) ;
    background-position: left bottom;
    background-repeat: repeat-x;
    border: solid rgba(65, 65, 65, 1) 0px;
	
}
.landing-block {
	
    /*background-image: url(../images/fancy-cushion.png);*/
	background-color: transparent;
    background-image: url(../images/indented_bg_top.png) ;
    background-position: left top;
    background-repeat: repeat-x;
	
}
.landing-block span {
	font-size:21px;
	padding-top:5px;
	color:#fff;
	display:block;
	min-height: 66px;
	-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;
}
.landing-block:hover span {
	color:#fff;
	font-weight:bold;
-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px);
}
.landing-block a {
    min-height: 300px;
    padding: 110px 0;
    display: block;
	
}
.landing-block a:hover {
	background:#e36c0c;
} 
.landing-block h1 {
	font-weight:600;
	font-size:40px;
	margin-bottom:10px;
}
.landing-block img {
	/*height:70px;*/
	width:75%;
}
.landing-block-1 {
	/*background:url(../images/block-1.png) center center no-repeat;*/
}
.landing-block-2 {
	/*background:url(../images/block-2.png) center center no-repeat;*/
}
.landing-block-3 {
	/*background:url(../images/block-3.png) center center no-repeat;*/
}
/*footer {
	background:url(../images/6e609595.jpg) center center no-repeat;
}*/
.footer-wrap {
	padding-bottom:35px;
	padding-top:35px;
	width: 100%;
    /*background-color: rgba(0, 0, 0, .8);*/
	background:#2f2e2e;
}
.footer-logo {
	width:190px !important;
	padding:0 !important;
	padding-bottom:20px !important;
}
.footer-wrap a.btn {
    min-width:160px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 14px 27px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
    color: #fff;
	border:2px solid #fff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.footer-wrap a.btn:hover {
    color: #fff;
	background:#e36c0c;
	-webkit-opacity:1 !important;
    -moz-opacity: 1 !important;
    -o-opacity: 1 !important;
    -ms-opacity: 1!important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}
.foot-address p {
	font-weight:400;
	line-height: 22px;
	font-family: 'Avenir LT Std 35 Light' !important;
	letter-spacing: 1px;
	color:#fff !important;
}
.foot-address h3 {
	font-family: Open Sans;
    text-transform: uppercase;
    font-size: 21px;
	padding-bottom:16px;
	color:#fff !important;
}


.privacy-header-parent {
	background:#000;
}
.privacy-logo-cont {
	padding:40px 0;
	margin-bottom:40px;
}
h1.privacy-head-title {
	padding-bottom: 70px;
    font-size: 65px;
    font-weight: 700;
}
.privacy-content-parent {
	
}
.privacy-content h2{
	font-size: 70px;
	margin: 0;
    line-height: normal;
    letter-spacing: normal;
	font-family: 'Avenir LT Std 35 Light';
	font-weight:300;
	padding:20px 0;
	color:#E36C0C;
}
.privacy-content p {
	font-size:18px;
	font-family: 'Avenir LT Std 35 Light';
	line-height:normal;
	padding-bottom:15px;
}
.privacy-content ol,ul {
	padding-bottom:15px;
}
.privacy-content ol li {
	color:white;
	font-size:18px;
}

.privacy-content ul li {
	color:white;
	font-size:18px;
	list-style:disc;

}

/*======================================
=            NO GUTTER CODE            =
======================================*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.nocode-same-hght {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.vertical-align {
    display: flex;
    align-items: center;
}
.nocode-same-hght > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}
.top-menu-section {
	text-align:center;
}
.top-menu-section ul {
	padding:0;
	margin:0;
}
.top-menu-section ul li{
	display:inline; padding:10px 20px;
}
.top-menu-section ul li a{
	line-height: 47px;
	font-size:19px;
	font-weight:bold;
	color:#fff;
	display: inline-block;
	-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.top-menu-section ul li a:hover {
	color: #E36C0C;
}


.x-menu-new>li>a:hover {
    background-color: #E36C0C;
    border-top: 1px solid #272d3a;
}
.x-menu-new a:hover {
    color: #fff;
}

.nocode-orange-box {
	background:#e36c0c;
}
.nocode-orange-box .nocode-orange-box-content {
	padding:200px 0;
	text-align:center;
	color:#fff;
}
.nocode-orange-box-content h2 {
	font-size:50px;
}
.nocode-ecosystem-box {
	background:url(../images/nocode-ecosystem-bg.jpg);
	height: 100%;
	vertical-align:middle;
}
.nocode-ecosystem-box .nocode-ecosystem-box-content {
	padding:140px 0 80px 0;
	text-align:center;
}
.nocode-ecosystem-box-content h1{
	color:#fff;
	font-size:53px;
	font-weight:600;
}
.nocode-ecosystem-box-content h3{
	color:#fff;
	font-weight:500;
	font-size:29px;
}
.nocode-white-bg-area {
	padding:60px 0;
}
.nocode-white-bg-area p{
	font-size: 18px;
	text-align:center;
	color:#605E5E;
}

.video-section {
	width:100%;
	height:385px;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.6);
}
.video-wrapper{
    position: relative;
}
.video-js {
	width:100%;
}
.video-js .vjs-big-play-button {
    font-size: 51px;
    line-height: 70px;
    height: 80px;
    width: 80px;
    
    top: 48%;
    left: 47%;
    
    border: 5px solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}



.services-section-nocode {
	padding:50px 0 0 0;
}
.servicesheadsection {
	color:#E36C0C;
	font-size: 41px;
	text-align:center;
}
.nocode-services-row {
	padding:0 0 40px 0;
}
.nocode-services-row .service-img {
	text-align:center;
}
.nocode-services-row .service-img img{
	width:100%;
}
img.DeliverInsight {
	width:130px !important;
}
.nocode-services-row h2 {
	color: #E36C0C;
	font-size: 24px;
	line-height: normal;
    letter-spacing: normal;
	padding-bottom:0;
	margin-bottom:3px;
	padding-top: 22px;
}
.nocode-services-row p {
	font-size:16px;
	line-height:normal;
	font-weight:600;
}

.spacing1 {
	height:60px;
}


.x-menu li ul {
    
    right: 0;
}
.x-menu li li {
    min-width: 250px;
}
.x-menu li li a:hover {
	background: #E36C0C;
}


@media (max-width:640px) {
	.nocode-ecosystem-box-content h1{
	color:#fff;
	font-size:44px;
	font-weight:600;
	}
	.nocode-ecosystem-box-content h3{
		color:#fff;
		font-weight:500;
		font-size:23px;
	}
}


@media (max-width:800px) {
	.nocode-same-hght {
		display:block;
	}
	.nocode-orange-box .nocode-orange-box-content {
		padding: 100px 0;
	}
	
}

@media (min-width:768px) {
	
    .page-home #header-home .animated-arrow {
        display: none
    }
    .page-home #header-home ul,
    .page-home #header-home.opened ul {
        margin: 10px 0 0;
        padding: 0;
        max-height: none;
        overflow: auto;
        display: inline-block;
        background-color: transparent;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -o-opacity: 1;
        opacity: 1
    }
    .page-home #header-home.scroll ul {
        margin-top: 0
    }
    .page-home #header-home ul li {
        float: left;
        margin: 0 10px
    }
    .page-home .templates .tpl-grid>a {
        float: left;
        width: calc(50% - 20px)
    }
    .page-home .templates .tpl-grid>a:nth-of-type(2n+1) {
        clear: both
    }
    .page-home .templates .tpl-grid>a .img-wrap {
        height: 280px
    }
    .page-home .templates .tpl-grid>a:hover .img-wrap img:not(.lazy-loading) {
        -webkit-transform: translate(-50%, calc(-100% + 280px));
        -moz-transform: translate(-50%, calc(-100% + 280px));
        -o-transform: translate(-50%, calc(-100% + 280px));
        -ms-transform: translate(-50%, calc(-100% + 280px));
        -khtml-transform: translate(-50%, calc(-100% + 280px));
        transform: translate(-50%, calc(-100% + 280px))
    }
    .page-home .key-features .feature-item .feature-thumb {
        padding: 0 50px 0 20px;
        width: 260px
    }
    .page-home .key-features .feature-item .feature-desc {
        width: calc(100% - 260px)
    }
    .page-home .key-features .feature-item .feature-desc h6 {
        font-size: 21px
    }
    .page-home .key-features .feature-item .feature-desc p {
        line-height: 22px;
        font-size: 14px
    }
	
}

@media (min-height:768px) and (min-width:992px) {
    .page-home .hero-home {
        /*height: 100vh*/
    }
}

@media (min-width:992px) {
    .page-home .hero-home {
        padding: 60px 0
    }
    .page-home .templates .tpl-grid>a {
        margin: 0 15px 30px;
        width: calc(100% / 3 - 30px)
    }
    .page-home .templates .tpl-grid>a:nth-of-type(2n+1) {
        clear: none
    }
    .page-home .templates .tpl-grid>a:nth-of-type(3n+1) {
        clear: both
    }
    .page-home .templates .tpl-grid>a .img-wrap {
        height: 260px
    }
    .page-home .templates .tpl-grid>a:hover .img-wrap img:not(.lazy-loading) {
        -webkit-transform: translate(-50%, calc(-100% + 260px));
        -moz-transform: translate(-50%, calc(-100% + 260px));
        -o-transform: translate(-50%, calc(-100% + 260px));
        -ms-transform: translate(-50%, calc(-100% + 260px));
        -khtml-transform: translate(-50%, calc(-100% + 260px));
        transform: translate(-50%, calc(-100% + 260px))
    }
    .page-home .key-features .feature-item {
        display: table
    }
    .page-home .key-features .feature-item .feature-desc,
    .page-home .key-features .feature-item .feature-thumb {
        float: none;
        display: table-cell;
        vertical-align: middle
    }
    .page-home .components {
        background: url(images/components.png) bottom right no-repeat;
        background-size: 50% auto
    }
}

@media (min-width:1200px) {
    .page-home .hero-home {
        padding: 90px 0
    }
    .page-home .templates .tpl-grid>a {
        margin: 0 20px 40px;
        width: calc(25% - 40px)
    }
    .page-home .templates .tpl-grid>a:nth-of-type(3n+1) {
        clear: none
    }
    .page-home .templates .tpl-grid>a:nth-of-type(4n+1) {
        clear: both
    }
    .page-home .templates .tpl-grid>a .img-wrap {
        height: 360px
    }
    .page-home .templates .tpl-grid>a:hover .img-wrap img:not(.lazy-loading) {
        -webkit-transform: translate(-50%, calc(-100% + 360px));
        -moz-transform: translate(-50%, calc(-100% + 360px));
        -o-transform: translate(-50%, calc(-100% + 360px));
        -ms-transform: translate(-50%, calc(-100% + 360px));
        -khtml-transform: translate(-50%, calc(-100% + 360px));
        transform: translate(-50%, calc(-100% + 360px))
    }
}

@media (max-width:480px){
	.landing-block img {
		height:auto;
		width:80%;
	}
	.foot-address {
		padding:20px 0;
	}
}