#container-general {
    overflow:hidden;
    padding-bottom: 80px;
}

/*=====================================
=            SECTION COVER            =
=====================================*/


.section-design{ background-image: linear-gradient(to right top, #00aeef, #519af8, #957ded, #cc54c8, #ec008c) !important;}
.section-indoor{ background-image: linear-gradient(to right, #7fc241, #9ec630, #beca1f, #decb0d, #ffcb08) !important; }
.section-promotional{ background-image: linear-gradient(to right, #ed1c24, #f0411f, #f25a1c, #f46f1c, #f58220) !important; }
.section-contact{ background-image: linear-gradient(to right, #fb6a73, #fc717a, #fc7880, #fd7f87, #fd868d) !important; }
.section-clientele{ background-image: linear-gradient(to right top, #d65db1, #f36599, #ff7782, #ff8f70, #ffa967) !important;}
/*.section-contact { background:#fc717a !important;}*/

.overlay {
    position: absolute; /* Sit on top of the page content */    
    width: 100%; /* Full width (cover the whole page) */
    height: 100vh;
    /*height: 100%;*/ /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background:url(../img/banglore.png); /* Black background with opacity */
    z-index: 9; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
	 background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


#section-cover
{
    position: relative;
    padding-top: 290px;
    padding-bottom: 100px;
	background-image: linear-gradient(to right top, #003981, #005c9f, #007eb5, #00a1c4, #3ac2cf);	
	height: 100vh;
    /*background-color: #003981;*/
}
#section-cover .bg-filter
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
#section-cover .obj-1
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
    max-width: 500px;
}
#section-cover .container-text
{
    position: relative;
    text-align: center;
	margin-bottom:70px;
}
#section-cover .container-text h1
{
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif;
	font-weight:700;
    font-size: 54px;    
    line-height: 62px;  
}
#section-cover .container-text h1 > span
{
    display: block;
}
#section-cover .container-text h1 > span:nth-child(1) span
{
    white-space:pre;
    display: inline-block;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
         -o-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
            transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000);
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(1)
{
    -webkit-transition-delay: 0.02s;
         -o-transition-delay: 0.02s;
            transition-delay: 0.02s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(2)
{
    -webkit-transition-delay: 0.04s;
         -o-transition-delay: 0.04s;
            transition-delay: 0.04s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(3)
{
    -webkit-transition-delay: 0.06s;
         -o-transition-delay: 0.06s;
            transition-delay: 0.06s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(4)
{
    -webkit-transition-delay: 0.08s;
         -o-transition-delay: 0.08s;
            transition-delay: 0.08s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(5)
{
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(6)
{
    -webkit-transition-delay: 0.12s;
         -o-transition-delay: 0.12s;
            transition-delay: 0.12s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(7)
{
    -webkit-transition-delay: 0.14s;
         -o-transition-delay: 0.14s;
            transition-delay: 0.14s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(8)
{
    -webkit-transition-delay: 0.16s;
         -o-transition-delay: 0.16s;
            transition-delay: 0.16s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(9)
{
    -webkit-transition-delay: 0.18s;
         -o-transition-delay: 0.18s;
            transition-delay: 0.18s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(10)
{
    -webkit-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(11)
{
    -webkit-transition-delay: 0.22s;
         -o-transition-delay: 0.22s;
            transition-delay: 0.22s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(12)
{
    -webkit-transition-delay: 0.24s;
         -o-transition-delay: 0.24s;
            transition-delay: 0.24s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(13)
{
    -webkit-transition-delay: 0.26s;
         -o-transition-delay: 0.26s;
            transition-delay: 0.26s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(14)
{
    -webkit-transition-delay: 0.28s;
         -o-transition-delay: 0.28s;
            transition-delay: 0.28s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(15)
{
    -webkit-transition-delay: 0.3s;
         -o-transition-delay: 0.3s;
            transition-delay: 0.3s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(16)
{
    -webkit-transition-delay: 0.32s;
         -o-transition-delay: 0.32s;
            transition-delay: 0.32s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(17)
{
    -webkit-transition-delay: 0.34s;
         -o-transition-delay: 0.34s;
            transition-delay: 0.34s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(18)
{
    -webkit-transition-delay: 0.36s;
         -o-transition-delay: 0.36s;
            transition-delay: 0.36s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(19)
{
    -webkit-transition-delay: 0.38s;
         -o-transition-delay: 0.38s;
            transition-delay: 0.38s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(20)
{
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(21)
{
    -webkit-transition-delay: 0.42s;
         -o-transition-delay: 0.42s;
            transition-delay: 0.42s
}
#section-cover .container-text h1 > span:nth-child(1) span:nth-child(22)
{
    -webkit-transition-delay: 0.44s;
         -o-transition-delay: 0.44s;
            transition-delay: 0.44s
}

#section-cover.anim .container-text h1 > span:nth-child(1) span
{
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}
#section-cover .container-text h1 > span:nth-child(2)
{
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
         -o-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
            transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000);
    -webkit-transition-delay: 0.46s;
         -o-transition-delay: 0.46s;
            transition-delay: 0.46s
}
#section-cover.anim h1 > span:nth-child(2)
{
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0.4;
}


#section-cover .container-text .btn
{
    display: inline-block;
    margin-top: 30px;
    border: 1px solid #FFFFFF;  
    border-radius: 3px;
    padding: 16px 36px 16px 36px;
    text-decoration: none;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
         -o-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
            transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000);
}
#section-cover.anim .container-text .btn
{
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}
#section-cover .container-text .btn:hover
{
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
    background-color: #FFF;
}
#section-cover .container-text .btn p
{
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif;  
    font-size: 14px;
	margin:0;
	font-weight:600;
}
#section-cover .container-text .btn:hover p
{
    color: #003981;
}

/*=====  End of SECTION COVER  ======*/


/*====================================
=            SECTION DESC            =
====================================*/

#section-desc
{
    position: relative;
    padding: 80px 0px 0px 0px;
}
#section-desc p
{
    width: 950px;
    display: block;
    margin: auto;    
    font-family: 'Raleway', sans-serif;	   
    font-size: 18px;    
    line-height: 30px;
	margin-bottom:20px; 
    text-align: left;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
         -o-transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000); 
            transition: all 500ms cubic-bezier(0.045, 0.715, 0.250, 1.000);
}
#section-desc.anim p
{
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}

/*=====  End of SECTION DESC  ======*/








/*====================================
=            SECTION OFFSET            =
====================================*/

#section-offset
{
    position: relative;
    height: 450px;
    margin-top: 80px;
}
#section-offset:before
{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 90%;
    height: 100%;
    background-color: #003981;
    -webkit-transform: translateX(calc(100% + 200px)) skew(20deg);
    -ms-transform: translateX(calc(100% + 200px)) skew(20deg);
    transform: translateX(calc(100% + 200px)) skew(20deg);
    -webkit-transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    -o-transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
    transition: all 1000ms cubic-bezier(0.694, 0, 0.335, 1);
}
#section-offset.anim:before
{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
#section-offset .container-title
{
    position: relative;	
    top: 100px;
    padding-left: 150px;
}
#section-offset .container-title h2
{
    font-family: 'Raleway', sans-serif;
    font-size: 38px;
    position: relative;
    color: #FFF;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
}
#section-offset.anim .container-title h2
{
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}
#section-offset .container-title h2:after
{
    background-color: #FFF;
    content: '';
    width: 60px;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    right: calc(100% + 40px);
    top: 22px;
}

#section-offset .container-title .btn-contact
{
    margin-top: 70px;
    padding: 17px 20px 17px 20px;
    border-radius: 3px; 
    background-color: #2884F6;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    opacity: 0;
    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);
}
#section-offset.anim .container-title .btn-contact
{
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
    opacity: 1;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
}
#section-offset .container-title .btn-contact p
{
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
	margin:0;
}


#section-offset .container-text
{
    position: relative; margin-top:100px;  
}
#section-offset .container-text p
{
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif;	
    font-size: 24px;    
}
#section-offset .container-text ul
{
    color: #FFFFFF; 
    font-family: 'Raleway', sans-serif;	
    font-size: 24px;    
}
#section-offset .container-text ul li { line-height:1.8;}
#section-offset .container-text p i
{
    color: #2884F6;
}

/*=====  End of SECTION WORK  ======*/


#section-indoor { padding:0 0 80px 100px;}
#section-indoor h3{
	font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 70px;
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
	color:#7fc241; 
	}
	
#section-indoor h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 10%;
    border: 1px solid #ffcb08;
}	

#section-indoor p {color: #8A99C0;}
#section-indoor ul { margin-left:0px; padding-left:20px;}
#section-indoor ul li {color: #8A99C0; list-style:circle !important; }

#section-gallery1 { padding:0 0 30px 100px;}
/*#section-gallery1 h3{font-size: 25px; text-transform: uppercase;
    font-weight: 800;
    color: #7fc241; margin-bottom:15px;}*/

#section-gallery2 { padding:0 0 30px 100px;}
/*#section-gallery2 h3{font-size: 25px; text-transform: uppercase;
    font-weight: 800;
    color: #7fc241;
	position:relative; margin-bottom:15px;}*/
	
.portfolio-title{font-size: 25px; text-transform: uppercase; font-weight: 800;color: #ffcb08; position:relative; margin-bottom:15px;}	
/*====================================
=            Section Design       =
====================================*/


.design-area { position: relative; z-index: 1; padding: 120px 0; overflow: hidden; }
.design-area::after { content: ""; width: 50%; height: 100%; top: 0; left: 0; background-color: #ffffff; position: absolute;
    z-index: -5; }
	
.design-area.second-part { position: relative; padding: 120px 0; }	
.design-area.second-part::after { content: "";  width: 50%; height: 100%; top: 0; left: auto; right: 0; background-color: #ffffff;
      position: absolute; z-index: -5; }	
	
.section-heading { margin-bottom: 40px; position: relative; z-index: 1; }
.section-heading .line {
    width: 100px;
    height: 1px;
    background-color: #957ded;
    margin-bottom: 30px;
    display: block; }
	
  .section-heading h2 {
    font-size: 48px;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.5;
	text-align:left; 
	color:#ec008c;	
	}
.section-heading h2 span {  font-weight: 400; }	
	
.design-area h4 {
    font-size: 25px;  margin-bottom: 20px; font-weight: 600;  line-height: 1.5;text-align:left; color:#519af8;	}

.design-area ul {margin:0; padding:0;}	
.design-area ul li{ line-height:2.5; color: #8A99C0;}
.design-area ul li:before {
    pointer-events: none;
    content: '';
    display: inline-block;
    width: 25px;
    height: 1px;
    background-color: #957ded;
	margin:5px 15px 5px 0px;	
	
}	
   
	  

.design-area .about-us-content {
    padding: 15px 100px 100px;
    margin-left: 60px;
}
.bg-white {
    background-color: #fff!important;
}
.design-area.second-part .backEnd-content h2 {
    top: -100px;
    left: auto;
    right: -50px;
}
.design-area.second-part .about-us-content {
    padding: 60px 60px 60px 60px;
    margin-left: 0;    
}

.design-area.second-part {
    overflow: hidden;
}
.design-area.second-part {
    position: relative;
    padding: 120px 0;
}
.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}	

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}  	
	

#promotional-area { padding: 0 0 80px 100px; }
#promotional-area p {font-family: 'Raleway', sans-serif; font-size: 18px; line-height: 30px;
    margin-bottom: 20px;}



/*====================================
=            Section PROJECTS       =
====================================*/

.projects-area {
    position: relative;
    z-index: 1;
    padding: 0px 100px 35px 0px;
}
img {
    height: auto;
    max-width: 100%;
}
.gallery_item{margin-bottom: 30px;}

.client-logos-repeater { border-bottom:1px solid #999; border-right:1px solid #999;}
.client-logos-noborder{border-bottom:1px solid #999; border-right:0px solid #999;}