@charset "utf-8";
/* CSS Document */
body{
color: #505050 !important;
}
.drop-shad{
border-bottom: 1px solid #ccc;
box-shadow: 0 0 10px rgba(0,0,0,.2);
padding:10px 0 0;
}

.banner-txt{
font-size:49px;
letter-spacing:0;
line-height:49px;
white-space: nowrap;
text-align:center;
letter-spacing: -1px;
}

.bg-white a{
color:#000000 !important;
}
/**line**/
.banner-line-t{
    z-index: 24;
    background-color:#fff;
    margin-left: 0%;
    width: 70%;
    height: 2px;
    opacity: 1;
	}
.banner-line-b{
	z-index: 24;
    background-color:#fff;
    margin-left: 20%;
    width: 70%;
    height: 2px;
    opacity: 1;
	}
	
/*Animation*/
.bg-l-blue:hover{
cursor: pointer;
box-shadow: 0 0 5px 0 #1884f2;
}

.rotate {
  animation: rotation 2s infinite linear alternate;
}

@keyframes rotation {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(50deg);
  }
}

/*bg colors*/
.contact-btn-bg{
background-color:rgba(83, 158, 70, 0.8);
color:#fff;
}
.bg-l-blue{background-color:#eaf0ff;}
.bg-light-50{
z-index: 13;
background-color: rgba(83, 158, 70, 0.8);
visibility: visible;
overflow: hidden;
border-color: rgb(80, 80, 80);
color: rgb(255, 255, 255);
opacity: 1;
width:90px;
height:90px;
vertical-align:middle;
padding:10px;
border-radius:50%;
margin-top:auto;
padding:10%;
display:block;
}
.font-icons{
font-size:13px;
}
.bg-footer
{
background-color:#143EA0;
}
.bg-footer p{
color:#FFFFFF;
}
.bg-footer li a:hover{
text-decoration:none;
color: #ffffff !important;
}
.fa-chevron-right{
color:#ccc !important;
font-size:10px;
margin-right:4px;
}

.bg-footer ul li a{
font-size:0.8em;
}
.bg-footer h5{
font-size:1em;
color:#fff;
}

.banner-bg{
background-image:url("../images/banner-bg-2.jpg");
height:600px;
width:100%;
background-size: cover;
}
.about-bg{
background-image:url("../images/about-banner.jpg");
height:350px;
width:100%;
background-size: cover;
}
.whyus-bg{
background-image:url("../images/why-us-banner.jpg");
height:350px;
width:100%;
background-size: cover;
}
.mission-bg{
background-image:url("../images/mission.jpg");
height:350px;
width:100%;
background-size: cover;
}
.career-bg{
background-image:url("../images/career.jpg");
height:350px;
width:100%;
background-size: cover;
}
.contact-bg{
background-image:url("../images/contact.jpg");
height:350px;
width:100%;
background-size: cover;
}
.big-data-bg{
background-image:url("../images/big-data-banner.jpg");
height:350px;
width:100%;
background-size: cover;
}
.fullstack-bg{
background-image:url("../images/fullstack-banner.jpg");
height:350px;
width:100%;
background-size: cover;
}
.data-warehouse-bg{
background-image:url("../images/data-warehouse-banner.jpg");
height:350px;
width:100%;
background-size: cover;
}
.border-dotted{
border:1px dashed #666666;
}
.extended-teams{
background-image:url("../images/zyde-extended-teams.jpg");
height:740px;
width:100%;
background-size: cover;
padding:16%;
background-position: center;
}
.contact-form{
background-image:url("../images/map_bg_1.jpg");
height:580px;
width:100%;
background-position:center;
}
/* 100% height */
.100percent{
height:100%;
}
/* Nav */
.zyde-nav {
color: #fff;
}
.zyde-nav li a{
color: #fff;
margin: 5px 0;
margin-left: 16px;
margin-right: 16px;
}
.dropdown-menu a{
height:40px !important;
}

.t-brands h6{
white-space:nowrap;
}

/*Logo*/

.navbar-brand img{
margin-left: 28px;
margin-top: 20px;
}
/**/

/* Carousel override */
.carousel-indicators {
right:0 !important;
justify-content: right !important;
left:auto !important;
margin-right:0 !important;
}
.carousel-indicators li{
width:8px !important;
height:8px !important;
border-radius:50% !important;
moz-border-radius:50% !important;
webkit-border-radius:50% !important;
background-color:#007bff !important;
}
/**/

.blockquote h2, .blockquote-footer{
margin-left:25px;
}
.fa-quote-right{
color:#bab9b9 !important
}

/*custom Padding and margin*/
.p5{
padding: 3rem !important;
}
.pl5{
padding-left: 3rem !important;
}
.py4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.c-btn-p{
padding-left: 2rem !important;
padding-right: 1.5rem !important;
white-space:nowrap;
}

.m5 {
margin: 3rem !important;
}
.my5{
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.pt5{
padding-top: 3rem !important;
}

/**/

h1,h2,h3,h4,h5,h6,p{
font-family: 'Quicksand', sans-serif !important;
}
.brand-txt{
    font-weight: 600;
    font-size: 18px;
}
.service-txt{
font-size: 22px;
    font-weight: 600;
    line-height: 1.3em;
}
.txt-sz-26{
font-size: 26px;
font-weight: 600;
line-height: 30px;
}
.service-title{
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-transform: none !important;
}
.service-title-sm{
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-transform: none !important;
}
.big-title{
font-size: 50px !important;
    color: #505050 !important;
    font-weight: 600 !important;
    line-height: 1em !important;
    text-transform: none !important;
}
.bdr-lt{
border-radius:30px 5px 5px 5px;
}
.bdr-lb{
border-radius:5px 5px 5px 30px ;
}
.bdr-rt{
border-radius:5px 30px 5px 5px ;
}
.bdr-rb{
border-radius:5px 5px 30px 5px ;
}


.bg-white, .navbar-brand-color, .pl5, .drop-shad{
transition: all .5s ease 0s;
}
/**Lazy load**/
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
/**/
/** Back to Top **/
 #backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 20px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:#1884f2 !important;
            height:45px;
            width:45px;
            line-height:40px;
            font-size:14px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:#27CFC3;
        }
        #backtop.mcOut {
            opacity:0;
        }
/**/

/**menu override **/
.dropdown-menu{
margin:1.6rem 0 0 !important;
border-top:2px solid #B4BF38;
border-radius:0 !important;
}
.dropdown-menu a{
color:#212529 !important;
font-size:14px;
}

/*mega menu*/
@media all and (min-width: 992px) {
		.navbar{ padding-top: 0; padding-bottom: 0; }
		.navbar .has-megamenu{position:static!important;}
		.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
		/*.navbar .nav-link{padding-top: 25px; padding-bottom: 1rem; }*/
	}
.col-megamenu h6{
border-bottom:1px solid #ddd;
padding-bottom:10px;
}

/*portfolio Carousel-css*/
.portfolio-box{
background-image:url("../images/portfolio_section_bg.jpg");
height:400px;
width:100%;
background-position:center;
}

.portfolio-text-cont{
margin-top:4%;
}

.p-mobiles{
margin-top:-140px;
}
.p-mobiles-2{
margin-top:-140px;
}
img.p-mobiles-2{
max-width:579px;
}
.p-mobiles-3{
margin-top:-110px;
}
/**/
/**/

/** desktop view menu hover **/
@media all and (min-width: 768px) {
	.navbar .nav-item .dropdown-menu{ display: none !important; }
	.navbar .nav-item:hover .nav-link{ color: #000 !important;  }
	.navbar .nav-item:hover .dropdown-menu{ display: block !important; width: 220px; }
	.navbar .nav-item .dropdown-menu{ margin-top:0px !important; }
	.dropdown-item:hover, .dropdown-item:focus { margin: 5px 0 !important;}
}	
/**desktop view menu hover **/


/**Ipad fix **/

/**End Ipad fix **/
@media all and (min-width: 1024px) and (max-width: 1199px) {
.portfolio-box{
height:380px
}

.portfolio-text-cont{
margin-top:2.5%;
}

img.p-mobiles-2{
max-width:100%;
}

}

@media all and (min-width: 768px) and (max-width: 991px) {

/*Logo*/
.navbar-brand-color img{
width:120px;
}
.navbar-brand img{
width:120px;
}
.pl5 {
    padding-left: 1rem !important;
}
#navbarSupportedContent{
margin-top:20px;
}
.c-btn-p {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
	margin-top: -20px;
}

.t-brands img{
width:100%;
}
.bg-light-50{
width:90px;
height:90px;
}

/**/

/*portfolio Carousel-css*/
.portfolio-box{
height:300px
}

.portfolio-text-cont{
margin-top:-.5%;
font-size:12px;
}

img.p-mobiles-2{
max-width:100%;
}

.portfolio-box p{
font-size:12px;
}

.p-mobiles{
margin-top:-100px;
}
.p-mobiles-2{
margin-top:-95px;
}
.p-mobiles-3{
margin-top:-50px;
}
/**/

}

/** Mobile Fixes **/
@media only screen and (max-width: 767px) {
h1, .h1{
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
	font-size:2em !important;
	}

h2, .h2{
 margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
	font-size:1.3em !important;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
display:none;
}
	
.brand-txt{
    font-weight: 600;
    font-size: 15px;
}
.service-txt{
font-size: 18px;
}
.txt-sz-26{
font-size: 16px;
}
.service-title{
    font-size: 20px !important;
}
.service-title-sm{
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
    text-transform: none !important;
}
.zyde-title{
font-size: 30px !important;
}
.font-icons{
font-size:12px;
}
.text-center-mobile{
text-align: center !important;
}

/**menu override **/
.zyde-nav li a{
color: #000;
height: 40px;
margin-top: 0px;
}
.navbar-nav, #navbarSupportedContent{
	background:#fff;
}
.navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-toggler {
    border-color: rgba(255,255,255,1) !important;
	margin-right:5%;
}

.navbar-dark .navbar-toggler-icon{
color:#000;
}
.navbar-brand{
margin-right:0.15rem !important;
}

.dropdown-menu {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    height: 300px !important;
	overflow-y:scroll;
	overflow-x: hidden;
}

.dropdown-toggle::after {
 content: "\+" !important;
    cursor: pointer;
    color: #555;
    float: right;
	margin-right:5%;
	font-size:30px;
	font-weight:600;
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
	border-right:none !important;
	margin-top: -1.2rem !important;

}
.navbar-nav .nav-item{
border-bottom:1px solid #ddd;
padding: 5px 0;
margin: 0 10px;
}
.navbar-nav .nav-item:last-child{
border-bottom:none;
}

.navbar-nav .nav-item:first-child{
margin-top:10px;
}
.drop-shad {
padding: 15px !important;
}

/* Menu close animation */

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    left: 0px;
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    left: 0px;
    top: -12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

/**/

/* custom margin and Padding */
.p5{
padding: 0.5rem !important;
}
.pl5{
padding-left: 0.5rem !important;
}
.pt5{
padding-top: 0.5rem !important;
}
.py5{
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py4 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.c-btn-p{
padding-left: 1.4rem !important;
padding-top: 1.4rem !important;
}
.m5 {
margin: 0.5rem !important;
}
.my5{
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.ptm-0{
padding: 1rem !important;
}

.extended-teams{
padding:25% 16%;

}

/*portfolio Carousel-css*/
.portfolio-box{
background-image:url("../images/portfolio_section_bg.jpg");
height:450px;
width:100%;
background-position:center;
}

.portfolio-text-cont{
margin-top:4%;
font-size:13px;
}

.p-mobiles{
margin-top:-50px;
}
.p-mobiles-2{
margin-top:-50px;
}
img.p-mobiles-2{
max-width:100%;
}
.p-mobiles-3{
margin-top:-20px;
}
/**/

/**only-for mobile-css**/
.t-brands img{
width:100%;
}

.txt-cen-mob{
text-align:center;
}

.icons-box img{
width:60px;
}

.brand-icon-box img{
float:left;
}


.icons-box .col{
padding:0;
}

/*Logo*/
.navbar-brand-color img{
width:160px;
}
.navbar-brand img{
width:180px;
}
/**/

.bg-light-50 {
height:90px;
width:90px;
}

/**line**/
.banner-line-t{
    z-index: 24;
    background-color:#fff;
    margin-left: 15%;
    width: 30%;
    height: 2px;
    opacity: 1;
	}
.banner-line-b{
	z-index: 24;
    background-color:#fff;
    margin-left: 56% !important;
    width: 30%;
    height: 2px;
    opacity: 1;
	}


}
/* End mobile fixes*/


/** Mobile-landscape Fixes **/
@media only screen and (min-width:640px) and (max-width: 767px) {
/*portfolio Carousel-css*/
.portfolio-box{
height:280px;
}
.portfolio-text-cont{
margin-top:4%;
font-size:12px;
}
.p-mobiles{
margin-top:-45px;
}
.p-mobiles-2{
margin-top:-45px;
}
img.p-mobiles-2{
max-width:100%;
}
.p-mobiles-3{
margin-top:-20px;
}

.txt-sz-26{
font-size: 12px;
text-align:left;
}
.txt-cen-mob-banner{
text-align:left;
}
}
/**/


@media only screen and (min-width:320px) and (max-width: 639px) {
.txt-cen-mob-banner{
text-align:center;
}
}

/** Ipad portrait **/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  
  /**menu override **/
.zyde-nav li a{
color: #000;
height: 40px;
margin-top: 0px;
}
.navbar-nav, #navbarSupportedContent{
	background:#fff;
}
.navbar-nav .nav-link {
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-toggler {
    border-color: rgba(255,255,255,1) !important;
	margin-right:5%;
}

.navbar-dark .navbar-toggler-icon{
color:#000;
}
.navbar-brand{
margin-right:0.15rem !important;
}

.dropdown-menu {
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    height: 300px !important;
	overflow-y:scroll;
	overflow-x: hidden;
}

.dropdown-toggle::after {
 content: "\+" !important;
    cursor: pointer;
    color: #555;
    float: right;
	margin-right:5%;
	font-size:30px;
	font-weight:600;
	border-top:none !important;
	border-bottom:none !important;
	border-left:none !important;
	border-right:none !important;
	margin-top: -1.2rem !important;

}
.navbar-nav .nav-item{
border-bottom:1px solid #ddd;
padding: 5px 0;
margin: 0 10px;
}
.navbar-nav .nav-item:last-child{
border-bottom:none;
}

.navbar-nav .nav-item:first-child{
margin-top:10px;
}
.drop-shad {
padding: 15px !important;
}

/* Menu close animation */

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    left: 0px;
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    left: 0px;
    top: -12px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}
.c-btn-p{
margin-top:20px!important;
padding-bottom:10px;
}

/**/
  
  }
  /**End  Ipad portrait **/