/* CSS Document */

/* Header */
.header {background-color:#101b2b; display:block; padding-left:15px; padding-right:15px;}
.navbar-brand {padding-top:0px; padding-bottom:0px; padding-left:0; padding-right:0; margin-right:15px; width:132px;}

/* Custom Navbar */
.navbar {padding-top:20px; padding-bottom:20px; padding-left:0px; padding-right:0px; z-index:9999; /*border:1px solid red;*/}
/*.navbar .container {margin-left:inherit;}*/

/* Icon Menu */
.navbar-toggler {padding: .5rem .70rem; font-size: 1.25rem; border-radius: .25rem;}

.animated-icon {width:30px; height:30px; position:relative; margin:0px; display: inline-block; vertical-align: middle;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon span {display:block; position:absolute; height:3px; width:100%; border-radius:9px; opacity:1; left:0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon span {background:#FFF;}
.animated-icon span:nth-child(1) {top:4px;}
.animated-icon span:nth-child(2), .animated-icon span:nth-child(3) {top:14px;}
.animated-icon span:nth-child(4) {top:23px;}
.animated-icon.open span:nth-child(1) {top:11px; width:0%; left:50%;}

.animated-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.open span:nth-child(4) {top:11px; width:0%; left:50%;}

.navbar-light .navbar-toggler {color: rgba(0,0,0,.5); border-color: rgb(255, 255, 255, 0.8);}

/* Custom Navbar */
/*@media all and (min-width: 992px) {*/
@media all and (min-width: 768px) {    
    
/**/
.navbar-nav {font-size:20px; line-height:20px; font-weight:300; /*padding-right:15px;*/} 

.navbar-nav .nav-item > a {white-space:nowrap;}

/*.navbar-expand-lg .navbar-nav .nav-link {padding:15px 30px;}*/
.navbar-expand-md .navbar-nav .nav-link {padding:0px 0px; /*padding:15px 20px;*/ margin-left:10px; margin-right:10px;}
    
.navbar-light .navbar-nav .nav-link {color:#FFF; position:relative;}

.navbar-light .navbar-nav .nav-link::after {content:""; background: rgb(251,251,251); background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(131,128,133,1) 25%, rgba(235,236,236,1) 50%, rgba(131,128,133,1) 75%, rgba(251,251,251,1) 100%);  height:4px; position:absolute; left:0px; bottom:-10px; width:0%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color:#FFF; font-weight:700;}
.navbar-light .navbar-nav .nav-item {position:relative; margin:0px 0px 0px 0px; padding-left:5px; padding-right:5px; border-right:2px solid #fff;}
.navbar-light .navbar-nav .nav-item:last-child {border-right:0px solid #fff;}     
    
/*Hover*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item:hover > a {color:#FFF; font-weight:400; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    
.navbar-light .navbar-nav .nav-link:hover::after, .navbar-light .navbar-nav .nav-item:hover > a::after {/*border:2px solid red;*/ width:100%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active {color:#FFF; font-weight:700;}
.navbar-light .navbar-nav .nav-link.active::after, .navbar-light .navbar-nav .nav-item.active > a::after {content:""; width:100%; background: rgb(251,251,251); background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(131,128,133,1) 25%, rgba(235,236,236,1) 50%, rgba(131,128,133,1) 75%, rgba(251,251,251,1) 100%);  height:4px; position:absolute; left:0px; bottom:-10px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}

}

/*Dropdown*/
/* ============ only desktop view ============ */
/*@media all and (min-width: 992px) {*/

@media all and (min-width: 768px) {    
    
.navbar .dropdown-menu-end {right:0; left:auto;}
.navbar .nav-item .dropdown-menu {display:block; opacity:0; visibility:hidden; transition: .3s; margin-top:0; border:0px solid rgba(0,0,0,.5);}
.navbar .dropdown-menu.fade-down {top:80%; transform:rotateX(-75deg); transform-origin:0% 0%;}
.navbar .dropdown-menu.fade-up {top:250%;}
.navbar .nav-item:hover .dropdown-menu {transition:.3s; opacity:1; visibility:visible; top:200%; transform:rotateX(0deg);}
    
.dropdown-menu {min-width:9rem; padding:0px; font-size:18px; color:#fff; background-color: rgba(0,0,0,0.6); border:0px; border-radius:0rem; text-align:left; left:5px;}  
.dropdown-item {padding:5px 10px; font-weight:400; color:#fff;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff; background-color:#1A3465;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item.current {color:#fff; background-color:#1A3465;}

}

/* ============ desktop view .end// ============ */

/* Video */
video {z-index:999;}
video a {color:#ffffff;}

/*** Home Page ***/

/* Banner */
.banner {position:relative; /*overflow: hidden;*/ margin-bottom:15px;}
.banner-caption {position:absolute; /*border:1px solid red;*/ display:inline-block; top:50%; transform:translateY(-50%); margin-left: auto; margin-right: auto; left:0; right:0; /*bottom:inherit;*/ text-align:center; max-width:55%; padding-top:0px; padding-bottom:0px; color:#FFF; /*background-color:#101b2b;*/ background-color:rgb(16,27,43,0.8); padding:10px;}
.banner-cont .row > div:first-child .row > div {/*border: 1px solid red;*/ margin-top:-30px;}

/* Intelligent Services Cont / Why choose us? */
.choose-us-wrapper {margin-top:305px;}
.choose-us-wrapper > div {margin-top:-305px;}

.intelligent-services-cont figcaption, .choose-us-cont figcaption {height:500px; width:100%;}
.intelligent-services-cont figcaption span {margin-bottom:30px;}
.choose-us-cont figcaption {padding-top:50px; /*padding-bottom:130px;*/ padding-bottom:120px;}

/* Intelligent Services Cont / Why choose us? a */
.intelligent-services-cont figcaption a, 
.choose-us-cont a figcaption {color:#FFF; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.intelligent-services-cont a > div, 
.intelligent-services-cont a > span, 
.choose-us-cont a span, .choose-us-cont a div, .industries-cont a figure, .industries-cont a p {-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.intelligent-services-cont a:hover > div {margin-top:5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.intelligent-services-cont a:hover > span {margin-top:-15px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }

.choose-us-cont a:hover div {margin-top:5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.choose-us-cont a:hover span {/*margin-top:-20px;*/ margin-bottom:10px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.industries-cont a:hover figure {margin-top:5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.industries-cont a:hover p {margin-top:-10px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

/* Services Cont */
.services-cont > div:nth-child(even) {/*border: 1px solid red;*/ height:500px;}
.services-cont > div a {-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; display: inline-block;/* border: 1px solid red;*/}
.services-cont > div a:hover > div > div {margin-bottom:-5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} 
.services-cont > div a:hover > div > h3 {margin-top:-10px!important; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} 
.services-cont > div a > div > div, .services-cont > div a > div > h3 {-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; /*transform: scale(1.050);*/}

/*** Inner Pages ***/

@media only screen and (min-width: 768px) { 

.brands-offered-cont .row > div {margin-bottom:30px;}
.brands-offered-cont .col-blur-line > div:nth-child(4n)::after {background-image:none; /*background-color: aqua;*/}

}

/* Case-Studies Cont */
.case-studies-cont figure {height:182px;}
.case-studies-cont h3 {height:70px;}
.case-studies-cont .blur-border-r::after {background-image: url("../images/img-white-border-blur-right-long.png"); width:57px; right:-27px; background-position:center top;}

/* Clients Cont */
.clients-cont > div > div {margin-bottom: 60px;}
.clients-cont .col-blur-line > div:nth-child(6n)::after {background-image:none;}

/*Social Media*/
/*.social-media {border:1px solid red;}*/
.social-media ul {list-style:none; margin-bottom:0; display:flex; flex-wrap:wrap;}
.social-media li {align-self:center; float:left; width:36px; height:36px; line-height:36px; border:2px solid #3d8ec9; background-color:transparent; border-radius:50%; margin-right:10px; padding-bottom:inherit; text-align:center; -webkit-transition: background-color .5s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out;}

.social-media li:hover {/*background-color:#FFF;*/-webkit-transition: background-color .2s ease-out; -moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out;}

.navbar .social-media li:hover {background-color:#FFF;}

.social-media li a {display:inline-block; vertical-align:middle; color:#3d8ec9;}

footer .social-media li:hover a {color:#101b2b;}
footer .social-media li:hover {/*border:2px solid #101b2b;*/ border-color:#101b2b;}


/*======= Media style start =======***/
/**/
/*@media only screen and (min-width:1441px) and (max-width:1800px) {	

}*/

/**/
/*@media only screen and (min-width:1368px) and (max-width:1440px) {

}*/

/**/
@media only screen and (min-width:1200px) and (max-width:1367px) {

/* Header */
.navbar-brand {width:102px;}

/* Banner */
.banner-caption {max-width:60%;}

}

/**/
@media only screen and (min-width:992px) and (max-width:1199px) { 

/* Header */
.navbar-brand {margin-right:0px; width:72px;}

/**/
.navbar-nav {font-size:18px; line-height:18px;}
.navbar-light .navbar-nav .nav-item {padding-left:4px; padding-right:4px;}    

/*Dropdown*/
.dropdown-menu {font-size:16px;}

/*** Home Page ***/

/* Banner */
.banner-caption {max-width:75%;}

/* Intelligent Services Cont / Why choose us? */
.choose-us-wrapper {margin-top:265px;}
.choose-us-wrapper > div {margin-top:-265px;}

.intelligent-services-cont figcaption, .choose-us-cont figcaption {height:450px;}
.intelligent-services-cont figcaption a > div, .icon-our-mission-vision-cont > div, .choose-us-cont figcaption > div, .icon-resized {max-width:150px; margin-left:auto; margin-right: auto; /*border: 1px solid aqua;*/}
.choose-us-cont figcaption {padding-top:50px; padding-bottom:120px;}

/* Services Cont */
.services-cont > div:nth-child(even) {/*border: 1px solid red;*/ height:450px;}

/*** Inner Pages ***/

/* Case-Studies Cont */
.case-studies-cont figure {height:182px;}
.case-studies-cont h3 {height:70px;}

/* Clients Cont */
.clients-cont > div > div {margin-bottom: 60px;}

/*Social Media*/
.social-media li {width:34px; height:34px; line-height:34px; margin-right:5px;}
    
}

/**/
@media only screen and (min-width:768px) and (max-width:991px) {

/* Header */
.navbar-brand {margin-right:0px; width:77px;}

/* Custom Navbar */
/**/
.navbar-nav {font-size:16px; line-height:16px; margin-top:30px;} 

.navbar-expand-md .navbar-nav .nav-link {margin-left:5px; margin-right:5px;}  
    
/*Active*/

/*Dropdown*/
.dropdown-menu {font-size:16px; left:5px;} 

/*** Home Page ***/

/* Banner */
.banner-caption {max-width:75%;}
.banner-caption h2 {font-size:20px; line-height:26px; margin-bottom:0px;}

/* Intelligent Services Cont / Why choose us? */
.choose-us-wrapper {margin-top:211px;}
.choose-us-wrapper > div {margin-top:-211px;}

.intelligent-services-cont figcaption, .choose-us-cont figcaption {height:400px; /*border: 1px solid pink;*/}
.intelligent-services-cont figcaption a > div, .icon-our-mission-vision-cont > div, .choose-us-cont figcaption > div, .icon-resized {max-width:140px; margin-left:auto; margin-right:auto; /*border: 1px solid aqua;*/}
.choose-us-cont figcaption {padding-top:50px; padding-bottom:120px;}

/* Intelligent Services Cont / Why choose us? a */

/* Services Cont */
.services-cont > div:nth-child(even) {/*border: 1px solid red;*/ height:500px;}
    
/* What Sets Us Part Cont */  
.icon-what-sets-us-part-cont > div > div {height:120px; /*border: 1px solid red;*/}    

/*** Inner Pages ***/
.brands-offered-cont .col-blur-line > div:nth-child(4n)::after {background-image:none; /*background-color: aqua;*/}

/* Case-Studies Cont */
.case-studies-cont figure {height:182px;}
.case-studies-cont h3 {height:70px;}
.case-studies-cont .blur-border-r::after {width:57px; right:-27px; background-position:center top;}

/* Clients Cont */
.clients-cont > div > div {margin-bottom:30px;}

/*Social Media*/
.header .social-media {position:absolute; top:15px; right:0px;}
    
}

/**/
@media only screen and (max-width: 767px) { 
    
/* Header */
.navbar-brand {padding-left:10px; padding-right:0; margin-right:15px; width:92px;}

/* Custom Navbar */
.navbar {padding-top:15px; padding-bottom:15px; padding-left:0px; padding-right:0px; z-index:9999; width:100%;}

/* Custom Navbar */
.navbar-nav {font-size:18px; line-height:22px;} 
.navbar-nav .nav-item > a {white-space:nowrap;}
.navbar-expand-md .navbar-nav .nav-link {padding:5px 10px;}
.navbar-light .navbar-nav .nav-link {color: rgba(255,255,255); /*height: 25px;*/}
    
.navbar-light .navbar-nav .nav-link::after {content:""; background: rgb(251,251,251); background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(131,128,133,1) 25%, rgba(235,236,236,1) 50%, rgba(131,128,133,1) 75%, rgba(251,251,251,1) 100%); height:4px; position:absolute; left:8px; bottom:-2px; width:0%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {color:#FFF; font-weight:700;}
.navbar-light .navbar-nav .nav-item {position:relative; padding-top:5px; padding-bottom:5px;}
.navbar-light .navbar-nav .nav-item a {position:relative;}
.navbar-light .navbar-nav .nav-item:last-child {border-right:0px solid #fff;}     
    
/*Hover*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item:hover > a {color:#FFF; font-weight:400; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    
.navbar-light .navbar-nav .nav-link:hover::after, .navbar-light .navbar-nav .nav-item:hover > a::after {/*border:2px solid red;*/ width:65%; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active {color:#FFF; font-weight:700;}

.navbar-light .navbar-nav .nav-link.active::after, .navbar-light .navbar-nav .nav-item.active > a::after {content:""; width:65%; display: inline-block; background: rgb(251,251,251); background: linear-gradient(90deg, rgba(251,251,251,1) 0%, rgba(131,128,133,1) 25%, rgba(235,236,236,1) 50%, rgba(131,128,133,1) 75%, rgba(251,251,251,1) 100%);  height:4px; position:absolute; left:8px; bottom:-2px; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;}

/*Dropdown hover*/
    
/*---Dropdown---*/
.dropdown-menu {min-width:9rem; margin:.125rem 0 0 7px; padding:0px; font-size:18px; color:#fff; background-color:#3d8ec9; border:1px solid rgba(0,0,0,.15); /*border:0px;*/ border-radius:0rem; /*left:5px;*/}  
.dropdown-item {padding:5px 10px; font-weight:400; color:#fff;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff; background-color:#1A3465;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item.current {color:#fff; background-color:#1A3465;}

.navbar-light .navbar-nav .nav-item.dropdown .nav-link:focus,
.navbar-light .navbar-nav .nav-item.dropdown:hover .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {color:FFF;}
    
/*Active*/
.navbar-light .navbar-nav .nav-item.active > .nav-link, .navbar-light .navbar-nav .nav-link.active {color:#FFF;}

/*Social Media*/
.header .social-media-cont {margin-top:15px; margin-left:10px;}

/*** Home Page ***/

/* Banner */
.banner-caption {/*border:1px solid red;*/ max-width:75%; padding:5px;}
.banner-caption h2 {font-size:16px; line-height:22px; margin-bottom:0px;}

.banner-cont .row > div:first-child .row > div {/*border: 1px solid red;*/ margin-top:0px; padding-top:30px; padding-bottom:30px;}

/* Intelligent Services Cont / Why choose us? */
.choose-us-wrapper {margin-top:68px;}
.choose-us-wrapper > div {margin-top:-68px;}    
    
.intelligent-services-cont figcaption, .choose-us-cont figcaption {height:320px; /*min-height:320px;*/ padding:30px; /*border:1px solid red;*/}
    
/* Intelligent Services Cont / Why choose us? a */
.intelligent-services-cont figcaption a span, .choose-us-cont a figcaption span {max-width:95%; /*background-color:aquamarine;*/}    
    
.intelligent-services-cont figcaption span {margin-bottom:30px;}
    
.choose-us-cont figcaption {padding-top:15px; padding-bottom:50px;}
.intelligent-services-cont figcaption a > div, .icon-our-mission-vision-cont > div, .choose-us-cont figcaption > div, .icon-resized {max-width:140px; margin-left:auto; margin-right:auto; /*border: 1px solid aqua;*/}

/* Services Cont */
.services-cont > div:nth-child(even) {/*border:1px solid black;*/ height:auto;}
    
/* What Sets Us Part Cont */  
.icon-what-sets-us-part-cont > div > div {height:100px; /*border: 1px solid red;*/}

/*** Inner Pages ***/
    
/* Services Cont */
.services-cont .col-md-6 > div:nth-child(odd) {min-height:300px;}

/* Case-Studies Cont */
.case-studies-cont figure {height:auto; padding-top:15px; padding-bottom:15px;}
.case-studies-cont h3 {height:70px;}
.case-studies-cont .blur-border-r::after {background-image:none; width:inherit; right:inherit;}

/* Clients Cont */
.clients-cont > div > div {margin-bottom:30px;}
.clients-cont .col-blur-line > div:nth-child(6n)::after {background-image:none;}

/*Social Media*/

}