/*--A Design by KDS --*/
body a {
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
html,
body {
 font-size: 100%;
 font-family: "Roboto", sans-serif;
}
body {
 background: #ffffff;
}
/*-- banner --*/
.kds-banner-sec {
 width: 100%;
 display: block;
 margin-top: 80px;
}
.w3-banner {
 background: url(https://petronetkw.com/images/B1.jpg) no-repeat 0px 0px;
 background-size: cover;
 min-height: 480px;
}
.w3-banner-1 {
 background: url(https://petronetkw.com/images/B3.jpg) no-repeat 0px 0px;
 background-size: cover;
 /* min-height:300px;
     */
}
.wthree-different-dot {
 background: url(https://petronetkw.com/images/dott.png) repeat 0px 0px;
 background-size: 2px;
 -webkit-background-size: 2px;
 -moz-background-size: 2px;
 -o-background-size: 2px;
 -ms-background-size: 2px;
 padding: 0 0 10em;
}
.jarallax {
 position: relative;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: 50% 50%;
}
.w3layouts-header-top {
 padding: 1em 0em;
 background: rgba(0, 0, 0, 0.53);
}
.w3-header-top-left {
 float: left;
 width: 15%;
}
.w3-header-top-left p,
.w3-header-top-right-text p {
 color: #ffffff;
 font-size: 0.9em;
 margin: 0;
}
.w3-header-top-right {
 float: right;
}
.agileinfo-social-grids {
 float: left;
}
/*-- social-icons --*/
.agileinfo-social-grids {
 margin-left: 0;
}
.agileinfo-social-grids ul {
 padding: 0;
 margin: 0;
}
.agileinfo-social-grids ul li {
 display: inline-block;
}
.agileinfo-social-grids ul li a {
 color: #ffffff;
 text-align: center;
}
.agileinfo-social-grids ul li a i.fa {
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a i.fa.fa-facebook:hover {
 color: #3b5998;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter {
 margin: 0 1em;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter:hover {
 color: #55acee;
}
.agileinfo-social-grids ul li a i.fa.fa-youtube-play {
 margin: 0 1em 0 0;
}
.agileinfo-social-grids ul li a i.fa.fa-youtube-play:hover {
 color: #ff0000;
}
.agileinfo-social-grids ul li a i.fa.fa-vk:hover {
 color: #45668e;
}
.agileinfo-dot,
.agile-dot {
 background: url(../images/dott.png) repeat 0px 0px;
 background-size: 3px;
 -webkit-background-size: 3px;
 -moz-background-size: 3px;
 -o-background-size: 3px;
 -ms-background-size: 3px;
}
.logo a img {
 margin: 0.3em 0 0 0;
}
.logo h1 a {
 text-decoration: none;
 color: #ffffff;
 font-size: 1.5em;
 font-weight: 400;
}
.logo h1 a span {
 font-size: 1.5em;
 color: #ff5722;
 font-weight: 600;
}
.navbar-brand {
 height: auto;
 padding: 0;
 font-size: 18px;
 line-height: 20px;
}
.navbar-nav {
 float: right;
 margin-top: 1.5em;
}
.navbar-default {
 border: none;
 background: none;
 min-height: auto;
 margin-bottom: 0;
}
div#bs-example-navbar-collapse-1 {
 padding: 0;
}
.navbar-nav li.first-list:after,
ul.dropdown-menu li:after {
 background: none !important;
 width: 0px !important;
}
ul.nav.navbar-nav li a {
 font-size: 0.9em;
 color: #004da1;
 margin: 0 1em;
 padding: 0.5em 0.4em;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: 2.7px;
 border: solid 2px rgba(255, 255, 255, 0);
}
ul.nav.navbar-nav li a:hover {
 color: #004da1 !important;
 border-bottom: 1px solid transparent;
 border-image: linear-gradient(0.25turn, rgba(255, 249, 34), rgba(0, 142, 207), rgba(56, 2, 155, 0));
 border-image-slice: 1;
 width: 100%;
}
ul.nav.navbar-nav li a:focus {
 outline: none;
 border: solid 2px rgba(255, 255, 255, 0);
}
.nav > li > a:hover,
.nav > li > a:focus {
 text-decoration: none;
 background: none !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
 color: #004da1;
}
ul.nav.navbar-nav li.active a {
 color: #004da1;
 background: none;
 border-bottom: 1px solid transparent;
 border-image: linear-gradient(0.25turn, rgba(255, 249, 34), rgba(0, 142, 207), rgba(56, 2, 155, 0));
 border-image-slice: 1;
 width: 100%;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 color: #004da1;
 background: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
 background: none !important;
}
.top-nav .open > .dropdown-menu {
 display: block;
 background: rgba(0, 0, 0, 0.69);
 margin-top: 2em;
 left: -73%;
}
.top-nav .open > .dropdown-menu li {
 margin: 0;
 display: block;
 overflow: hidden;
}
.navbar-top .open > .dropdown-menu li a {
 display: block;
 color: #004da1;
 font-size: 1em;
 padding: 0.5em 1em;
 text-align: center;
 border: solid 2px rgba(255, 255, 255, 0);
}
.navbar-top .nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
 color: #004da1;
 border: none;
 background: none;
 border: solid 2px #ffffff;
}
.navbar-top .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
 color: #004da1;
 text-decoration: none;
 background-color: transparent;
 border: solid 2px #ffffff;
}
ul.dropdown-menu {
 background: rgba(0, 5, 13, 0.74) !important;
}
/*-- banner --*/
.banner {
 margin: 5em 0 0 0;
}
.slider {
 position: relative;
}
.w3ls-icon {
 text-align: center;
}
.w3ls-icon i.fa {
 color: #fff;
 font-size: 2em;
}
.border {
 height: 2px;
 background: #fff;
 width: 4%;
 margin: 22px auto 0;
}
.slider-info {
 text-align: center;
 margin: 6em 0 0 0;
}
.slider-info h3 {
 font-size: 4em;
 margin: 0;
 color: #fff;
 font-weight: 100;
}
.slider-info p {
 color: #e8e8e8;
 font-size: 1em;
 margin: 1em 0 0 0;
}
.more-button a {
 border: solid 2px #fff;
 color: #fff;
 font-size: 1em;
 padding: 0.5em 2em;
 text-decoration: none;
 letter-spacing: 1px;
}
.more-button {
 margin: 7em 0 1em 0;
}
.more-button a:hover {
 background: #ff5722;
 border: solid 2px #ff5722;
}
.kds-sec {
 padding: 1em 0;
 text-align: center;
}
.kds-row {
 margin: 1em;
}
.kdsesa {
 width: 100%;
 padding: 1.7em 0 0.7em 0;
 text-align: center;
}
.kdsesb {
 width: 100%;
 margin: 1.8em 0;
 text-align: center;
}
.kdsesc {
 width: 100%;
 padding: 2em 0 1.8em 0;
 text-align: center;
}
.kdsesd {
 width: 100%;
 padding: 2em 0 1.8em 0;
 background-color: #fcfcfc;
}
.kdsesc img {
 border-radius: 12px;
}
.kdsesb .kds-in-box {
 width: 100%;
 height: 100px;
}
.kdsesb .kds-in-box span {
 font-size: 42px;
 display: block;
 font-weight: 700;
 color: #004da1;
 text-align: center;
}
.kdsesd img {
 border-radius: 4px;
}
.kdsesd h5 {
 text-align: left;
 font-size: 18px;
}
.kdsesd p {
 text-align: justify;
 line-height: 21px;
 min-height: 110px;
}
.kdsesd b {
 font-size: 12px;
 color: #004da1;
}
.kdsesgrids {
 margin: 1em;
}
.kdsimg img {
 border-radius: 10px;
 border: 1px solid #ccc;
 padding: 2px;
}
.kds-stext-format {
 font-size: 16px;
 line-height: 28px;
 text-align: justify;
 padding: 0 30px;
}
.kds-stext-format b {
 color: #b78614;
}
.kdsbdrss {
 border: 1px solid #004da1;
 font-size: 22px;
}
.kdsesa a {
 font-size: 18px;
 border: 1px solid #004da1;
 font-weight: 700;
 color: #004da1;
 padding: 8px 12px;
 display: block;
 border-radius: 2px;
 position: relative;
 overflow: hidden;
 z-index: 1;
 transition: color 0.3s ease-in-out;
 margin-bottom: 8px;
}
.kdsesa a::before {
 content: "";
 position: absolute;
 left: -100%;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #f8b71c;
 z-index: -1;
 transition: left 0.4s ease-in-out;
}
.kdsesa a:hover {
 color: #fff;
 text-decoration: none;
 border: 1px solid #db9d09;
}
.kdsesa a:hover::before {
 left: 0;
 /* slide in effect */
}
/* .kdsesa a{
    font-size:18px;
    border:1px solid #004da1;
    font-weight:700;
    color:#004da1;
    padding:8px 12px;
    display:block;
    border-radius:2px
}
 */
/* .kdsesa a:hover{
    background-color:#f8b71c;
    color:#fff;
    text-decoration:none
}
 */
.kdsesd a {
 font-size: 13px;
 font-weight: 700;
 color: #fff;
 float: right;
 padding: 3px 12px;
 border-radius: 40px;
 background-color: #004da1;
}
.kdsesd a:hover {
 background-color: #db9d09;
 color: #fff;
 text-decoration: none;
}
.kdsesd i {
}
.hr {
 background-image: -webkit-linear-gradient(left, #fff, #02054f, #fff);
 background-image: -moz-linear-gradient(left, #fff, #02054f, #fff);
 background-image: -ms-linear-gradient(left, #fff, #02054f, #fff);
 background-image: -o-linear-gradient(left, #fff, #02054f, #fff);
 border: medium none;
 display: block;
 height: 1px;
 left: 25%;
 margin: 0.4em 0 1.8em 0;
 padding: 0;
 position: relative;
 width: 50%;
 opacity: 1 !important;
}
.kds-box {
 background-color: #fff;
 padding: 4px 4px 34px 4px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.kds-boxin {
 background-color: #fff;
 padding: 13px;
}
h3.kds-title,
h2.kds-title {
 font-size: 2.8em;
 margin: 0;
 color: #004da1;
 text-align: center;
}
.w3l-services-grid {
 text-align: center;
}
.w3l-services-text {
 padding: 2em;
 border: 1px solid #ddd;
 position: relative;
 background: #fff;
}
/*------------------ Slider Part starts Here----------*/
#slider2,
#slider3 {
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 margin: 0 auto;
}
.rslides_tabs {
 list-style: none;
 padding: 0;
 background: rgba(0, 0, 0, 0.25);
 box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(0, 0, 0, 1);
 -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(0, 0, 0, 1);
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(0, 0, 0, 1);
 font-size: 18px;
 list-style: none;
 margin: 0 auto 50px;
 max-width: 540px;
 padding: 10px 0;
 text-align: center;
 width: 100%;
}
.rslides_tabs li {
 display: inline;
 float: none;
 margin-right: 1px;
}
.rslides_tabs a {
 width: auto;
 line-height: 20px;
 padding: 9px 20px;
 height: auto;
 background: transparent;
 display: inline;
}
.rslides_tabs li:first-child {
 margin-left: 0;
}
.rslides_tabs .rslides_here a {
 background: rgba(255, 255, 255, 0.1);
 color: #fff;
 font-weight: bold;
}
.events {
 list-style: none;
}
.callbacks_container {
 position: relative;
 width: 100%;
}
.callbacks {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
}
.callbacks li {
 position: absolute;
 width: 100%;
 left: 0;
 top: 0;
}
.callbacks img {
 position: relative;
 z-index: 1;
 height: auto;
 border: 0;
}
.callbacks .caption {
 display: block;
 position: absolute;
 z-index: 2;
 font-size: 20px;
 text-shadow: none;
 color: #fff;
 left: 0;
 right: 0;
 padding: 10px 20px;
 margin: 0;
 max-width: none;
 top: 10%;
 text-align: center;
}
.callbacks_nav {
 position: absolute;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 top: 50%;
 opacity: 0.7;
 z-index: 3;
 text-indent: -9999px;
 overflow: hidden;
 text-decoration: none;
 height: 2px;
 width: 45px;
 margin-top: 0;
 background: #fff;
}
.callbacks_nav:active {
 opacity: 1;
}
.callbacks_nav.next {
 right: 0;
 background-position: right top;
}
#slider3-pager a {
 display: inline-block;
}
#slider3-pager span {
 float: left;
}
#slider3-pager span {
 width: 100px;
 height: 15px;
 background: #fff;
 display: inline-block;
 border-radius: 30em;
 opacity: 0.6;
}
#slider3-pager .rslides_here a {
 background: #fff;
 border-radius: 30em;
 opacity: 1;
}
#slider3-pager a {
 padding: 0;
}
#slider3-pager li {
 display: inline-block;
}
.rslides {
 position: relative;
 list-style: none;
 overflow: hidden;
 width: 100%;
 padding: 0;
 margin: 0;
}
.rslides li {
 -webkit-backface-visibility: hidden;
 position: absolute;
 display: none;
 width: 100%;
 left: 0;
 top: 0;
}
.rslides li {
 position: relative;
 display: block;
 float: left;
}
.rslides img {
 height: auto;
 border: 0;
 width: 100%;
}
.callbacks_tabs {
 list-style: none;
 position: absolute;
 top: 106%;
 z-index: 999;
 right: 48%;
 padding: 0;
 margin: 0;
}
.slider-top {
 text-align: center;
 padding: 10em 0;
}
.slider-top h1 {
 font-weight: 700;
 font-size: 48px;
 color: #010101;
}
.slider-top p {
 font-weight: 400;
 font-size: 20px;
 padding: 1em 7em;
 color: #010101;
}
.slider-top ul.social-slide {
 display: inline-flex;
 margin: 0px;
 padding: 0px;
}
ul.social-slide li i {
 width: 70px;
 height: 74px;
 background: url(../images/img-resources.png) no-repeat;
 display: inline-block;
 margin: 0px 15px;
}
ul.social-slide li i.win {
 background-position: -6px 0px;
}
ul.social-slide li i.android {
 background-position: -110px 0px;
}
ul.social-slide li i.mac {
 background-position: -215px 0px;
}
.callbacks_tabs li {
 display: inline-block;
 margin: 0 0.2em;
}
@media screen and (max-width: 600px) {
 .callbacks_nav {
  top: 47%;
 }
}
/*----*/
.callbacks_tabs a {
 visibility: hidden;
}
.callbacks_tabs a:after {
 content: "\f111";
 font-size: 0;
 visibility: visible;
 display: block;
 height: 6px;
 width: 6px;
 background: #c1c1c1;
 display: inline-block;
 border-radius: 30px;
 -webkit-border-radius: 30px;
 -moz-border-radius: 30px;
 -o-border-radius: 30px;
 -ms-border-radius: 30px;
}
.callbacks_here a:after {
 border: 2px solid #ffffff;
 background: #ffffff;
 height: 12px;
 width: 12px;
}
ul.callbacks_tabs.callbacks2_tabs {
 top: 73%;
 left: 46%;
}
ul.callbacks_tabs.callbacks2_tabs li {
 display: inline-block;
 margin: 0 0.5em;
}
ul.callbacks_tabs.callbacks2_tabs a:after {
 background: #f1c99b !important;
}
ul.callbacks_tabs.callbacks2_tabs a:after {
 border: none;
}
/*-- //banner --*/
/*-- modal --*/
.agileits-w3layouts-info img {
 width: 100%;
}
.modal-header h4 {
 color: #000000;
 font-size: 1.5em;
 font-weight: 100;
}
.modal-header h4 span {
 font-size: 1.5em;
 color: #ff5722;
 font-weight: 600;
}
.modal-body p {
 margin: 1em 0 0 0;
 font-size: 0.875em;
 color: #999999;
 line-height: 1.8em;
}
/*-- //modal --*/
/*-- services --*/
h3.agileits-title,
h2.agileits-title {
 font-size: 3em;
 margin: 0;
 color: #333;
 text-align: center;
}
.w3l-services-grid {
 text-align: center;
}
.w3l-services-text {
 padding: 2em;
 border: 1px solid #ddd;
 position: relative;
 background: #fff;
}
.w3l-services-text p {
 font-size: 14px;
 color: #595959;
 line-height: 28px;
}
.w3l-services-text:before {
 content: "";
 width: 0%;
 border: 2px solid #ff5722;
 height: 100%;
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.w3ls-services-img {
 width: 75px;
 height: 75px;
 margin: 0 auto;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -ms-border-radius: 50%;
 -o-border-radius: 50%;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.w3ls-services-img i.fa {
 color: #ff5722;
 font-size: 3em;
 padding: 0.4em 0 0 0;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.agileits-services-info h4 {
 color: #000000;
 font-size: 1.3em;
 margin: 1.3em 0 0.8em;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 2px;
}
.w3l-services-grid:hover .w3ls-services-img {
 background: #ff5722;
}
.w3l-services-grid:hover .w3ls-services-img i.fa {
 color: #fff;
 -webkit-transform: scale(0.5);
 -moz-transform: scale(0.5);
 -o-transform: scale(0.5);
 -ms-transform: scale(0.5);
 transform: scale(0.5);
}
.w3l-services-grid:hover .w3l-services-text:before {
 width: 100%;
}
.services {
 padding: 5em 0;
}
.w3-services-grids {
 margin-top: 4em;
}
/*-- //services --*/
/*-- stats --*/
.stats.services {
 background: url(../images/skillsbg.jpg) no-repeat center;
 background-size: cover;
 position: relative;
 z-index: 1;
 padding: 5em 0;
}
.stats-grid {
 text-align: center;
}
.stats-img i.fa {
 font-size: 2.5em;
 color: #d2d2d2;
}
.stats-agileinfo h6 {
 font-size: 1.5em;
 margin: 1.3em 0 0.8em;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 2px;
 color: #ff5722;
}
.numscroller {
 font-size: 3em;
 font-weight: 300;
 color: #fff;
}
/*-- //stats --*/
/*-- testimonial --*/
/******** SAP ************/
.sap_tabs {
 clear: both;
 text-align: center;
 margin-top: 5em;
}
.tab_box {
 background: #fd926d;
 padding: 2em;
}
.top1 {
 margin-top: 2%;
}
.resp-tabs-list {
 width: 30%;
 list-style: none;
 padding: 0;
 margin: 4em auto 2em;
}
.resp-tab-item {
 cursor: pointer;
 padding: 0;
 display: inline-block;
 list-style: none;
 width: 19%;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 transition: all 0.5s;
 border: 2px solid transparent;
 border-radius: 50%;
}
.resp-tab-item img {
 width: 100%;
 opacity: 0.3;
}
.resp-tab-item:hover {
 text-shadow: none;
 border-color: #ff5722;
}
.resp-tab-active {
 text-shadow: none;
 color: #fff;
}
li.resp-tab-item.resp-tab-active {
 border-color: #ff5722;
 opacity: 1;
 -webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
 -o-transform: scale(1.5);
 -ms-transform: scale(1.5);
 transform: scale(1.5);
}
li.resp-tab-item.resp-tab-active img {
 opacity: 1;
}
.resp-tabs-container {
 padding: 0;
 clear: left;
}
h2.resp-accordion {
 cursor: pointer;
 padding: 5px;
 display: none;
}
.resp-tab-content {
 display: none;
}
.resp-content-active,
.resp-accordion-active {
 display: block;
}
@media only screen and (max-width: 480px) {
 .resp-tabs-container {
  padding: 10px;
 }
 .resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
 }
 .resp-accordion-closed {
  display: none !important;
 }
}
.view.view-first {
 background: #fff;
 width: 70%;
 margin: 0 auto 2em;
 padding: 2em 5em;
 border: 1px solid #e6e6e6;
 position: relative;
}
.view.view-first h5 {
 color: #fff;
 font-size: 1.5em;
 background: #ff5722;
 display: inline-block;
 padding: 0.5em 1em;
 position: absolute;
 left: 39%;
 bottom: -21%;
 text-transform: capitalize;
}
.view.view-first p {
 margin-bottom: 1em;
 font-size: 14px;
 line-height: 28px;
 color: #595959;
}
.testimonial.agileits-w3layouts {
 padding: 5em 0;
}
/*-- //testimonial --*/
/*-- welcome --*/
.welcome {
 padding: 5em 0;
}
.agileits-title {
 text-align: center;
}
.agileits-title h3 {
 color: #fff;
}
P {
 font-size: 14px;
 color: #595959;
 line-height: 28px;
}
.welcomerow-agileinfo {
 text-align: center;
 margin-top: 4em;
}
.welcomerow-agileinfo h5 {
 font-size: 1.5em;
 color: #ff5722;
 margin-bottom: 1em;
 font-weight: 300;
 letter-spacing: 3px;
}
.w3l-welcome-grid {
 text-align: center;
 margin-top: 3em;
 padding: 1em;
 border: 1px solid #fff;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.agileits-welcome-info h4,
.services-grids h4 {
 color: #333;
 font-size: 1.3em;
 margin: 1.3em 0 0.8em;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 2px;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.w3l-welcome-grid:hover {
 border-color: #ccc;
}
.w3l-welcome-grid:hover .agileits-welcome-info h4 {
 color: #ff5722;
}
/*-- //welcome --*/
/*-- subscribe --*/
.sub {
 color: #fff;
}
.subscribe {
 background: #333;
 text-align: center;
 background: url(../images/mid-banner.jpg) no-repeat center bottom fixed;
 background-size: cover;
 padding: 5em 0;
}
.subscribe p {
 width: 72%;
 margin: 4em auto 0;
 color: #fff;
 letter-spacing: 1px;
}
.subscribe form {
 margin: 2em 0;
}
.subscribe form input.user {
 width: 42%;
 padding: 0.8em 1em;
 outline: none;
 font-size: 1em;
 border: 1px solid #fff;
 margin-right: 1em;
 color: #000;
 letter-spacing: 2px;
}
.subscribe form input[type="submit"] {
 font-size: 1em;
 text-transform: uppercase;
 padding: 0.8em 2em;
 color: #fff;
 background: #ff5722;
 border: 1px solid #ff5722;
 letter-spacing: 3px;
 font-weight: 600;
 outline: none;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 transition: 0.5s all;
}
.subscribe form input[type="submit"]:hover {
 background: transparent;
 border: 1px solid #fff;
}
/*-- //subscribe --*/
/*-- footer --*/
.agileits-w3layouts-footer {
 background: #001442;
 padding: 3em 0;
}
.w3-agile-grid h5 {
 text-transform: uppercase;
 margin: 0 0 2em 0;
 font-size: 1.2em;
 color: #fff;
 font-weight: 600;
 letter-spacing: 2px;
}
.w3-agile-grid p {
 color: #b5b5b5;
 font-size: 0.9em;
 line-height: 1.8em;
 margin: 0;
}
.footer-agileinfo-social {
 margin: 2em 0 0 0;
}
.footer-agileinfo-social ul {
 padding: 0;
 margin: 0;
 text-align: left;
}
.footer-agileinfo-social ul li {
 display: inline-block;
 margin: 0 0.5em 0 0;
}
.footer-agileinfo-social ul li a {
 color: #ffffff;
 text-align: center;
}
.footer-agileinfo-social ul li a i.fa {
 height: 30px;
 width: 30px;
 border: solid 1px #fff;
 border-radius: 20px;
 line-height: 29px;
 background: #001442;
 color: #ffffff;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
.footer-agileinfo-social ul li a i.fa.fa-facebook:hover {
 border: solid 1px #ccc;
 background: #3b5998;
 color: #ffffff;
}
.footer-agileinfo-social ul li a i.fa.fa-twitter:hover {
 border: solid 1px #55acee;
 background: #55acee;
 color: #ffffff;
}
.footer-agileinfo-social ul li a i.fa.fa-youtube-play:hover {
 border: solid 1px #f26522;
 background: #ff0000;
 color: #ffffff;
}
.footer-agileinfo-social ul li a i.fa.fa-instagram:hover {
 border: solid 1px #f09433;
 background: #f09433;
 background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
 background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
 background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
 color: #ffffff;
}
.w3ls-post-img {
 float: left;
 width: 20%;
}
.w3ls-post-img a img {
 width: 100%;
}
.w3ls-post-info {
 float: right;
 width: 75%;
}
.w3ls-post-info h6 {
 margin: 0;
 font-size: 0.9em;
}
.w3ls-post-info h6 a {
 color: #ffffff;
 margin: 0;
 text-decoration: none;
}
.w3ls-post-info h6 a:hover {
 color: #ff5722;
}
.w3ls-post-info h6 a:focus {
 outline: none;
 text-decoration: none;
}
.w3ls-post-info p {
 color: #b5b5b5;
 font-size: 0.9em;
 margin: 1em 0 0 0;
}
.w3ls-post-grid:nth-child(2) {
 margin: 1em 0;
}
.w3-address-grid {
 background: #001442;
 padding: 0.4em;
}
.w3-address-left {
 float: left;
 width: 10%;
}
.w3-address-left i.fa.fa-phone,
.w3-address-left i.fa.fa-envelope,
.w3-address-left i.fa.fa-map-marker {
 color: #ffffff;
 font-size: 1.5em;
}
.w3-address-right {
 float: right;
 width: 87%;
}
.w3-address-right h6 {
 color: #ffffff;
 font-size: 1em;
 margin: 0;
 font-weight: 400;
}
.w3-address-right p {
 color: #b5b5b5;
 margin: 0em 0 0 0;
 font-size: 1em;
}
.w3-address-right p a {
 color: #f8b71c;
 text-decoration: none;
}
.w3-address-right p a:hover {
 color: #b5b5b5;
}
.w3-address-right p span {
 display: block;
 margin: 0.5em 0;
}
.kdsul {
}
.kdsul li {
 display: block;
 margin-bottom: 17px;
 text-align: left;
}
.kdsul li a {
 display: block;
 font-size: 1em;
 color: #fff;
}
.kdsul li a:hover {
 display: block;
 font-size: 1em;
 color: #f8b71c;
 text-decoration: none;
}
.w3-address-grid:nth-child(2) {
 margin: 1em 0;
}
.copyright {
 padding: 1em 0;
 text-align: center;
 background: #000b24;
}
.copyright p {
 color: #b5b5b5;
 font-size: 0.9em;
 margin: 0;
}
.copyright p a {
 color: #ff5722;
 text-decoration: none;
}
.copyright p a:hover {
 color: #ffffff;
}
/*-- //footer --*/
/*-- about --*/
.wthree-heading {
 padding: 2em 0;
 text-align: center;
}
.wthree-heading h2 {
 color: #ffffff;
}
/*-- courses --*/
.wthree_banner1_info {
 margin: 8em 0 0;
 text-align: right;
}
.wthree_banner1_info h3 {
 font-size: 2em;
 color: #fff;
}
.wthree_banner1_info h3 span {
 color: #ec9114;
}
.agileinfo_courses_flipster {
 width: 70%;
 margin: 0 auto;
}
.w3ls_courses_left {
 padding: 0 3em 0 0;
}
.w3ls_courses_left_grid h3 {
 color: #212121;
 font-size: 1em;
 text-transform: uppercase;
 font-weight: 600;
 letter-spacing: 4px;
 margin: 0;
}
.w3ls_courses_left_grid h3 i {
 color: #ff5722;
 padding-right: 1em;
}
.w3ls_courses_left_grid p {
 margin: 1em 0 0;
 color: #999;
 line-height: 1.8em;
 font-size: 0.9em;
}
.w3ls_courses_left_grid:nth-child(2) {
 padding-top: 2em;
}
.w3ls_courses_right p {
 margin-bottom: 2em !important;
}
.agileits_courses_right img {
 width: 100%;
}
/*-- //courses --*/
/*-- features --*/
.features {
 background: url(../images/skillsbg.jpg);
 background-size: cover;
 padding: 5em 0;
}
.features-heading h3 {
 color: #ffffff;
}
.agile_head1,
.w3_agile_para1 {
 color: #fff;
}
.agileits_w3layouts_features_grid {
 padding: 1em;
 background: #fff;
}
.agileits_w3layouts_features_gridl {
 padding: 0;
}
.agileits_w3layouts_features_gridr {
 padding-left: 0;
}
.agile_feature_grid {
 width: 80px;
 height: 80px;
 background: #ff5722;
 text-align: center;
 border: 4px solid #cc3707;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
.w3_agileits_features_grid:hover .agile_feature_grid {
 background: #212121;
 border: 4px solid #000000;
}
.w3_agileits_features_grid:hover .agileits_w3layouts_features_gridr h4 {
 color: #ff5722;
}
.w3_agileits_features_grid:hover .agile_feature_grid i {
 color: #ffffff;
}
.agile_feature_grid i {
 font-size: 1.5em;
 color: #212121;
 line-height: 3em;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
.agileits_w3layouts_features_gridr h4 {
 color: #212121;
 font-size: 1em;
 margin: 0;
 letter-spacing: 1px;
 font-weight: 800;
 text-transform: uppercase;
}
.agileits_w3layouts_features_gridr p {
 color: #999;
 line-height: 1.8em;
 margin: 0.5em 0 0 0;
 font-size: 0.9em;
}
.w3_agileits_features_grid:nth-child(4),
.w3_agileits_features_grid:nth-child(5),
.w3_agileits_features_grid:nth-child(6) {
 padding-top: 2em;
}
/*-- //features --*/
.agileits_w3layouts_team_grids.w3ls_courses_grids {
 margin-top: 4em;
}
.w3_agileits_features_grids {
 margin-top: 4em;
}
/*-- team --*/
.team {
 background: #e5eff1;
 padding: 5em 0;
}
.agileinfo-team-grids {
 margin: 4em 0 0 0;
}
.wthree-team-grid img {
 width: 100%;
}
.wthree-team-grid-info {
 padding: 1em;
 background: #ffffff;
 text-align: center;
}
.wthree-team-grid h4 {
 font-size: 1em;
 color: #ff5722;
 margin: 0;
 font-weight: 600;
}
.wthree-team-grid p {
 margin: 0.5em 0;
 color: #999999;
 font-size: 0.9em;
}
.team-social-grids ul {
 padding: 0;
 margin: 0;
}
.team-social-grids ul li {
 display: inline-block;
 margin: 0 0.5em 0 0;
}
.team-social-grids ul li a {
 text-align: center;
}
.team-social-grids ul li a i.fa {
 height: 30px;
 width: 30px;
 border: solid 2px #ffffff;
 line-height: 29px;
 background: none;
 color: #b2b2b2;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
}
.team-social-grids ul li a i.fa.fa-facebook:hover {
 border: solid 2px #3b5998;
 background: #3b5998;
 color: #ffffff;
}
.team-social-grids ul li a i.fa.fa-twitter:hover {
 border: solid 2px #55acee;
 background: #55acee;
 color: #ffffff;
}
.team-social-grids ul li a i.fa.fa-rss:hover {
 border: solid 2px #f26522;
 background: #f26522;
 color: #ffffff;
}
/*-- //team --*/
.courses {
 padding: 5em 0;
}
/*-- //about --*/
/*-- icons --*/
.codes a {
 color: #999;
}
.icon-box {
 padding: 8px 15px;
 background: rgba(149, 149, 149, 0.18);
 margin: 1em 0 1em 0;
 border: 5px solid #ffffff;
 text-align: left;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 font-size: 13px;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 -moz-transition: 0.5s all;
 cursor: pointer;
}
.icon-box:hover {
 background: #000;
 transition: 0.5s all;
 -webkit-transition: 0.5s all;
 -o-transition: 0.5s all;
 -ms-transition: 0.5s all;
 -moz-transition: 0.5s all;
}
.icon-box:hover i.fa {
 color: #fff !important;
}
.icon-box:hover a.agile-icon {
 color: #fff !important;
}
.codes .bs-glyphicons li {
 float: left;
 width: 12.5%;
 height: 115px;
 padding: 10px;
 line-height: 1.4;
 text-align: center;
 font-size: 12px;
 list-style-type: none;
}
.codes .bs-glyphicons .glyphicon {
 margin-top: 5px;
 margin-bottom: 10px;
 font-size: 24px;
}
.codes .glyphicon {
 position: relative;
 top: 1px;
 display: inline-block;
 font-family: "Glyphicons Halflings";
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #595959;
}
.codes .bs-glyphicons .glyphicon-class {
 display: block;
 text-align: center;
 word-wrap: break-word;
}
h3.icon-subheading {
 font-size: 28px;
 color: #ff5722 !important;
 margin: 30px 0 15px;
 font-weight: 600;
 letter-spacing: 2px;
}
h3.agileits-icons-title {
 text-align: center;
 font-size: 33px;
 color: #222222;
 font-weight: 600;
 letter-spacing: 2px;
}
.icons a {
 color: #999;
}
.icon-box i {
 margin-right: 10px !important;
 font-size: 20px !important;
 color: #282a2b !important;
}
.bs-glyphicons li {
 float: left;
 width: 18%;
 height: 115px;
 padding: 10px;
 line-height: 1.4;
 text-align: center;
 font-size: 12px;
 list-style-type: none;
 background: rgba(149, 149, 149, 0.18);
 margin: 1%;
}
.bs-glyphicons .glyphicon {
 margin-top: 5px;
 margin-bottom: 10px;
 font-size: 24px;
 color: #282a2b;
}
.glyphicon {
 position: relative;
 top: 1px;
 display: inline-block;
 font-family: "Glyphicons Halflings";
 font-style: normal;
 font-weight: 400;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #595959;
}
.bs-glyphicons .glyphicon-class {
 display: block;
 text-align: center;
 word-wrap: break-word;
}
@media (max-width: 991px) {
 h3.agileits-icons-title {
  font-size: 28px;
 }
 h3.icon-subheading {
  font-size: 22px;
 }
}
@media (max-width: 768px) {
 h3.agileits-icons-title {
  font-size: 28px;
 }
 h3.icon-subheading {
  font-size: 25px;
 }
 .row {
  margin-right: 0;
  margin-left: 0;
 }
 .icon-box {
  margin: 0;
 }
}
@media (max-width: 640px) {
 .icon-box {
  float: left;
  width: 50%;
 }
}
@media (max-width: 480px) {
 .bs-glyphicons li {
  width: 31%;
 }
}
@media (max-width: 414px) {
 h3.agileits-icons-title {
  font-size: 23px;
 }
 h3.icon-subheading {
  font-size: 18px;
 }
 .bs-glyphicons li {
  width: 31.33%;
 }
}
@media (max-width: 384px) {
 .icon-box {
  float: none;
  width: 100%;
 }
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border {
 padding: 5em 0;
}
/*--Typography--*/
.well {
 font-weight: 300;
 font-size: 14px;
}
.list-group-item {
 font-weight: 300;
 font-size: 14px;
}
li.list-group-item1 {
 font-size: 14px;
 font-weight: 300;
}
.show-grid [class^="col-"] {
 background: #fff;
 text-align: center;
 margin-bottom: 10px;
 line-height: 2em;
 border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
 background: #e0e0e0;
}
.grid_3 {
 margin-bottom: 2em;
}
.xs h3,
h3.m_1 {
 color: #000;
 font-size: 1.7em;
 font-weight: 300;
 margin-bottom: 1em;
}
.grid_3 p {
 color: #999;
 font-size: 0.85em;
 margin-bottom: 1em;
 font-weight: 300;
}
.grid_4 {
 background: none;
 margin-top: 50px;
}
.label {
 font-weight: 300 !important;
 border-radius: 4px;
}
.grid_5 {
 background: none;
 padding: 2em 0;
}
.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
 margin-bottom: 1em;
 color: #ff5722;
 font-weight: 600;
 font-size: 30px;
 letter-spacing: 2px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
 border-top: none !important;
}
.tab-content > .active {
 display: block;
 visibility: visible;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
 z-index: 0;
}
.badge-primary {
 background-color: #03a9f4;
}
.badge-success {
 background-color: #fb5710;
}
.badge-warning {
 background-color: #ffc107;
}
.badge-danger {
 background-color: #e51c23;
}
.grid_3 p {
 line-height: 2em;
 color: #888;
 font-size: 0.9em;
 margin-bottom: 1em;
 font-weight: 300;
}
.bs-docs-example {
 margin: 1em 0;
}
section#tables p {
 margin-top: 1em;
}
.tab-container .tab-content {
 border-radius: 0 2px 2px 2px;
 border: 1px solid #e0e0e0;
 padding: 16px;
 background-color: #ffffff;
}
.table td,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
 padding: 15px !important;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
 font-size: 0.9em;
 color: #999;
 border-top: none !important;
}
.tab-content > .active {
 display: block;
 visibility: visible;
}
.label {
 font-weight: 300 !important;
}
.label {
 padding: 4px 6px;
 border: none;
 text-shadow: none;
}
.alert {
 font-size: 0.85em;
}
h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
 line-height: 2em;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
}
li.list-group-item1 {
 line-height: 2.5em;
}
.input-group {
 margin-bottom: 20px;
}
.in-gp-tl {
 padding: 0;
}
.in-gp-tb {
 padding-right: 0;
}
.list-group {
 margin-bottom: 48px;
}
ol {
 margin-bottom: 44px;
}
h2.typoh2 {
 margin: 0 0 10px;
}
@media (max-width: 768px) {
 .grid_5 {
  padding: 0 0 1em;
 }
 .grid_3 {
  margin-bottom: 0em;
 }
}
@media (max-width: 640px) {
 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3 {
  margin-top: 0px;
  margin-bottom: 0px;
 }
 .grid_5 h3,
 .grid_5 h2,
 .grid_5 h1,
 .grid_5 h4,
 .grid_5 h5,
 h3.hdg,
 h3.bars {
  margin-bottom: 0.5em;
 }
 .progress {
  height: 10px;
  margin-bottom: 10px;
 }
 ol.breadcrumb li,
 .grid_3 p,
 ul.list-group li,
 li.list-group-item1 {
  font-size: 14px;
 }
 .breadcrumb {
  margin-bottom: 25px;
 }
 .well {
  font-size: 14px;
  margin-bottom: 10px;
 }
 h2.typoh2 {
  font-size: 1.5em;
 }
 .label {
  font-size: 60%;
 }
 .in-gp-tl {
  padding: 0 1em;
 }
 .in-gp-tb {
  padding-right: 1em;
 }
}
@media (max-width: 480px) {
 .grid_5 h3,
 .grid_5 h2,
 .grid_5 h1,
 .grid_5 h4,
 .grid_5 h5,
 h3.hdg,
 h3.bars {
  font-size: 1.2em;
 }
 .table h1 {
  font-size: 26px;
 }
 .table h2 {
  font-size: 23px;
 }
 .table h3 {
  font-size: 20px;
 }
 .label {
  font-size: 53%;
 }
 .alert,
 p {
  font-size: 14px;
 }
 .pagination {
  margin: 20px 0 0px;
 }
 .grid_3.grid_4.w3layouts {
  margin-top: 25px;
 }
}
@media (max-width: 320px) {
 .grid_4 {
  margin-top: 18px;
 }
 h3.title {
  font-size: 1.6em;
 }
 .alert,
 p,
 ol.breadcrumb li,
 .grid_3 p,
 .well,
 ul.list-group li,
 li.list-group-item1,
 a.list-group-item {
  font-size: 13px;
 }
 .alert {
  padding: 10px;
  margin-bottom: 10px;
 }
 ul.pagination li a {
  font-size: 14px;
  padding: 5px 11px;
 }
 .list-group {
  margin-bottom: 10px;
 }
 .well {
  padding: 10px;
 }
 .nav > li > a {
  font-size: 14px;
 }
 table.table.table-striped,
 .table-bordered,
 .bs-docs-example {
  display: none;
 }
}
/*-- //typography --*/
.typo {
 padding: 5em 0;
}
ul.bs-glyphicons-list {
 padding: 0;
}
/*-- contact --*/
.contact.agileits {
 padding: 5em 0;
}
.contact input[type="text"],
.contact input[type="email"] {
 width: 99.7%;
 color: #999;
 background: none;
 outline: none;
 font-size: 1em;
 padding: 0.7em 1em;
 margin-bottom: 1.5em;
 border: solid 1px #ccc;
 -webkit-appearance: none;
 display: inline-block;
}
select {
 width: 99.7%;
 color: #999;
 font-size: 1em;
 padding: 0.7em 1em;
 margin-bottom: 1.5em;
 border: solid 1px #ccc;
 display: inline-block;
}
/* .contact input.email,.contact select {
     */
/* float: right;
     */
/* 
}
 */
.contact textarea {
 resize: none;
 width: 100%;
 background: none;
 color: #999;
 font-size: 1em;
 outline: none;
 padding: 0.6em 0.8em;
 border: solid 1px #ccc;
 min-height: 12.4em;
 -webkit-appearance: none;
}
.contact input[type="submit"] {
 outline: none;
 color: #fff;
 padding: 0.6em 4em;
 font-size: 1em;
 margin: 1em 0 0 0;
 -webkit-appearance: none;
 background: #f8b71c;
 border: 2px solid #e8a80f;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 transition: 0.5s all;
}
.contact input[type="submit"]:hover {
 background: none;
 color: #e8a80f;
}
.contact::-webkit-input-placeholder {
 color: #999 !important;
}
.contact:-moz-placeholder {
 /* Firefox 18- */
 color: #999 !important;
}
.contact::-moz-placeholder {
 /* Firefox 19+ */
 color: #999 !important;
}
.contact:-ms-input-placeholder {
 color: #999 !important;
}
.contact-right h4 {
 font-size: 1.8em;
 color: #004da1;
 line-height: 1.6em;
 letter-spacing: 2px;
}
.contact-text {
 padding: 2.7em 2em;
 -webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.5);
 box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.5);
}
.contact-text p {
 margin-top: 1em;
 text-align: left;
 font-size: 17px;
}
.contact-text p a {
 color: #004da1;
 -webkit-transition: 0.5s all;
 -moz-transition: 0.5s all;
 transition: 0.5s all;
}
.contact-text p a:hover {
 color: #e8a80f;
 text-decoration: none;
}
.contact-text p i.fa {
 margin-right: 5px;
 color: #004da1;
}
.map iframe {
 width: 100%;
 min-height: 400px;
 border: none;
}
.contact-agileinfo {
 margin-top: 4em;
}
/*-- //contact --*/
/*-- gallery --*/
.gallery {
 padding: 5em 0;
}
.gallery-grid {
 padding-left: 0;
}
.grid {
 position: relative;
 clear: both;
 margin: 0 auto;
 max-width: 1000px;
 list-style: none;
 text-align: center;
}
/* Common style */
.grid figure {
 position: relative;
 overflow: hidden;
 margin: 1em 0 0 0;
 height: auto;
 text-align: center;
 cursor: pointer;
}
.grid figure img {
 position: relative;
 display: block;
 width: 100%;
 opacity: 0.8;
}
.grid figure figcaption {
 padding: 7em;
 color: #fff;
 text-transform: uppercase;
 font-size: 1.25em;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
 pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
 z-index: 1000;
 text-indent: 200%;
 white-space: nowrap;
 font-size: 0;
 opacity: 0;
}
.grid figure h3 {
 word-spacing: -0.15em;
 font-size: 1.5em;
 margin-top: 18%;
 color: #fff;
 font-weight: 600;
}
.grid figure h2 span {
 font-weight: 800;
}
/*-----------------*/
/***** Apollo *****/
/*-----------------*/
figure.effect-apollo img {
 opacity: 0.95;
 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
 transition: opacity 0.35s, transform 0.35s;
 -webkit-transform: scale3d(1.05, 1.05, 1);
 transform: scale3d(1.05, 1.05, 1);
}
figure.effect-apollo figcaption::before {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.5);
 content: "";
 -webkit-transition: -webkit-transform 0.6s;
 transition: transform 0.6s;
 -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
 transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}
figure.effect-apollo:hover img {
 opacity: 0.6;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
figure.effect-apollo:hover figcaption::before {
 -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
 transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}
figure.effect-apollo:hover p {
 opacity: 1;
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
}
.w3-agileits-gallery-grids {
 margin-top: 4em;
}
/*-- //gallery --*/
/*-- to-top --*/
#toTop {
 display: none;
 text-decoration: none;
 position: fixed;
 bottom: 20px;
 right: 2%;
 overflow: hidden;
 z-index: 999;
 width: 40px;
 height: 40px;
 border: none;
 text-indent: 100%;
 background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
 width: 40px;
 height: 40px;
 display: block;
 overflow: hidden;
 float: right;
 opacity: 0;
 -moz-opacity: 0;
 filter: alpha(opacity=0);
}
/*-- //to-top --*/
/*-- responsive --*/
@media (max-width: 1440px) {
 .captn {
  width: 320px;
  height: 185px;
 }
}
@media (max-width: 1366px) {
 .captn {
  width: 300px;
  height: 175px;
 }
 .captn h4 {
  margin: 2em 0 0 0;
 }
}
@media (max-width: 1280px) {
 .captn {
  width: 280px;
  height: 165px;
 }
}
@media (max-width: 1080px) {
 ul.nav.navbar-nav li a {
  margin: 0 0.5em;
 }
 .navbar-nav {
  margin-top: 1.5em;
 }
 .captn {
  width: 235px;
  height: 140px;
 }
 .captn h4 {
  margin: 1em 0 0 0;
 }
 .w3-agile-view .w3lmask {
  padding: 3em 1em 1em 1em;
 }
}
@media (max-width: 1024px) {
 .captn {
  width: 220px;
  height: 130px;
 }
 .contact-text {
  padding: 1em;
 }
}
@media (max-width: 991px) {
 .w3-header-top-left {
  width: 25%;
 }
 ul.nav.navbar-nav li a {
  margin: 0 0.2em;
  padding: 0.5em 0.5em;
 }
 .logo h1 a {
  font-size: 1.1em;
 }
 .navbar-nav {
  margin-top: 1em;
 }
 .banner-bottom {
  position: inherit;
  padding: 4em 0;
 }
 .banner-bottom-left {
  float: left;
  width: 50%;
  padding: 1.5em;
 }
 .left-border-info h4 {
  line-height: 1.5em;
 }
 .introduction {
  padding: 0 0 4em 0;
 }
 .introduction-info p {
  width: 95%;
 }
 .about-grid:nth-child(2) {
  margin: 2em 0 0 0;
 }
 .about-grids1 {
  margin-top: 2em;
 }
 .agileinfo_services_grid {
  width: 50%;
  float: left;
 }
 .agileinfo_services_grid:nth-child(3),
 .agileinfo_services_grid:nth-child(4),
 .agileinfo_services_grid:nth-child(5),
 .agileinfo_services_grid:nth-child(6) {
  margin: 2em 0 0 0;
 }
 .agile_team_grid {
  width: 50%;
  float: left;
 }
 .view .w3lmask,
 .view .content {
  height: 390px;
 }
 .w3-agile-view .w3lmask {
  padding: 8em 1em 1em 1em;
 }
 .w3-agile-grid:nth-child(2) {
  margin: 2em 0;
 }
 .wthree-different-dot {
  padding: 0 0 6em;
 }
 .agile_team_grid:nth-child(3),
 .agile_team_grid:nth-child(4) {
  margin: 2em 0 0 0;
 }
 .contact-grid {
  padding: 2.5em;
 }
 .map iframe {
  min-height: 180px;
 }
 .w3l-services-grid {
  margin-bottom: 1em;
 }
 .services {
  padding: 3em 0;
 }
 .stats.services {
  padding: 3em 0;
 }
 .stats-grid {
  width: 50%;
  float: left;
 }
 .welcome {
  padding: 3em 0;
 }
 .welcomerow-agileinfo {
  margin-top: 3em;
 }
 .subscribe {
  padding: 3em 0;
 }
 .subscribe p {
  margin: 3em auto 0;
 }
 .testimonial.agileits-w3layouts {
  padding: 3em 0;
 }
 .sap_tabs {
  margin-top: 3em;
 }
 .view.view-first {
  width: 90%;
  padding: 2em 2em;
 }
 .courses {
  padding: 3em 0;
 }
 .agileits_w3layouts_team_grids.w3ls_courses_grids {
  margin-top: 3em;
 }
 .agileits_courses_right {
  margin-top: 2em;
  padding: 0;
 }
 .w3_agileits_features_grid {
  margin: 1em 0;
 }
 .w3_agileits_features_grid:nth-child(4),
 .w3_agileits_features_grid:nth-child(5),
 .w3_agileits_features_grid:nth-child(6) {
  padding-top: 0em;
 }
 .features {
  padding: 3em 0;
 }
 .w3_agileits_features_grids {
  margin-top: 3em;
 }
 .team {
  padding: 3em 0;
 }
 .wthree-team-grid {
  float: left;
  width: 50%;
  margin-bottom: 1em;
 }
 .gallery {
  padding: 3em 0;
 }
 .w3-agileits-gallery-grids {
  margin-top: 3em;
 }
 .gallery-grid {
  float: left;
  width: 50%;
 }
 .w3_wthree_agileits_icons.main-grid-border {
  padding: 3em 0;
 }
 .typo {
  padding: 3em 0;
 }
 .contact.agileits {
  padding: 3em 0;
 }
 .contact-agileinfo {
  margin-top: 3em;
 }
 .contact-right.wthree {
  margin-top: 1em;
  margin-bottom: 2em;
 }
}
@media (max-width: 900px) {
 .captn {
  width: 195px;
  height: 110px;
 }
}
@media (max-width: 800px) {
 .slider-info h3 {
  font-size: 5em;
 }
 .callbacks_tabs {
  right: 46%;
 }
 .slider-info {
  margin: 2em 0 0 0;
 }
 .more-button {
  margin: 4em 0 1em 0;
 }
 .captn {
  width: 170px;
  height: 100px;
  padding: 1em;
 }
 .captn h4 {
  margin: 0.5em 0 0 0;
 }
}
@media (max-width: 736px) {
 .navbar-top {
  position: relative;
 }
 div#bs-example-navbar-collapse-1 {
  background: rgba(255, 255, 255, 0.99);
  position: absolute;
  width: 100%;
  z-index: 9999;
  border-bottom: 2px solid #001442;
 }
 .navbar-toggle {
  border: 1px solid rgb(0, 0, 0);
 }
 .navbar-toggle .icon-bar {
  background: #ffffff;
 }
 .navbar-toggle {
  margin-top: 25px;
  background-color: #001442;
 }
 ul.nav.navbar-nav li a {
  margin: 0.5em 0;
  padding: 0.5em 1em;
 }
 .navbar-nav {
  float: none;
  text-align: left;
  margin: 1em 0;
 }
 .gallery-grids-left {
  float: left;
  width: 50%;
 }
 .captn {
  width: 315px;
  height: 185px;
 }
 .captn h4 {
  margin: 2.5em 0 0 0;
 }
 .contact-w3lsright {
  margin: 2em 0 0 0;
 }
 .border {
  width: 10%;
 }
}
@media (max-width: 667px) {
 .slider-info h3 {
  font-size: 4em;
 }
 .captn {
  width: 290px;
  height: 170px;
 }
 .w3-agile-view .w3lmask {
  padding: 6em 1em 1em 1em;
 }
 .w3l-main-slider h3.title-hero-19 {
  color: #fff;
  font-size: 30px !important;
  line-height: 41px !important;
 }
 .kds-stext-format {
  padding: 0 4px !important;
 }
 .w3l-main-slider p {
  text-align: left !important;
 }
 .kds-box {
  margin-bottom: 12px;
 }
 .kdsesb .kds-in-box {
  height: 120px !important;
  font-size: 13px;
  font-weight: 500;
 }
 h3.kds-title,
 h2.kds-title {
  font-size: 2.1em !important;
  margin: 0;
  color: #004da1;
  text-align: center;
 }
 .w3l-main-slider .banner-view {
  -ms-background-size: cover;
  background-size: cover;
  min-height: 360px !important;
 }
}
@media (max-width: 640px) {
 .captn {
  width: 280px;
  height: 164px;
 }
 .w3ls-border {
  width: 15%;
 }
 h3.agileits-title,
 h2.agileits-title {
  font-size: 2.5em;
 }
}
@media (max-width: 600px) {
 .banner {
  margin: 4em 0 0 0;
 }
 .banner-bottom-left {
  float: none;
  width: 100%;
  padding: 1em;
 }
 .agileinfo_services_grid {
  width: 100%;
  float: none;
 }
 .agileinfo_services_grid:nth-child(2),
 .agileinfo_services_grid:nth-child(3),
 .agileinfo_services_grid:nth-child(4),
 .agileinfo_services_grid:nth-child(5),
 .agileinfo_services_grid:nth-child(6) {
  margin: 2em 0 0 0;
 }
 .agileinfo_services_grid p {
  margin: 0.5em 0 0;
 }
 .captn {
  width: 260px;
  height: 155px;
 }
 .w3-agile-view .w3lmask {
  padding: 5em 1em 1em 1em;
 }
 .w3l-services-text {
  padding: 1.5em;
 }
}
@media (max-width: 568px) {
 .captn {
  width: 245px;
  height: 145px;
 }
 .captn h4 {
  margin: 1.5em 0 0 0;
 }
 .w3-agile-view .w3lmask {
  padding: 4em 1em 1em 1em;
 }
 .w3l-services-grid {
  width: 100%;
 }
}
@media (max-width: 480px) {
 .slider-info h3 {
  font-size: 3em;
 }
 .slider-info p {
  margin: 1em auto 0;
  width: 90%;
 }
 .callbacks_tabs {
  right: 44%;
 }
 .about-grid-left span {
  font-size: 1.5em;
 }
 .w3-header-top-left {
  width: 35%;
 }
 .captn {
  width: 200px;
  height: 120px;
 }
 .w3-agile-view .w3lmask {
  padding: 2em 1em 1em 1em;
 }
 .contact-grid {
  padding: 1.5em;
 }
 .subscribe p {
  width: 90%;
 }
 .stats-agileinfo h6 {
  font-size: 1.3em;
 }
 .numscroller {
  font-size: 2.5em;
 }
 .slider-info {
  margin: 1em 0 0 0;
 }
 .more-button {
  margin: 3em 0 1em 0;
 }
 .w3ls_courses_left_grid h3 {
  letter-spacing: 3px;
 }
}
@media (max-width: 414px) {
 .w3ls-icon i.fa {
  font-size: 1.5em;
 }
 .slider-info {
  margin: 1em 0 0 0;
 }
 .slider-info h3 {
  font-size: 2.5em;
 }
 .callbacks_nav {
  width: 25px;
 }
 .wthree-different-dot {
  padding: 0 0 4em;
 }
 .more-button {
  margin: 2em 0 1em 0;
 }
 .more-button a {
  font-size: 0.9em;
  padding: 0.5em 1em;
 }
 .banner {
  margin: 3em 0 0 0;
 }
 .callbacks_tabs {
  right: 42%;
 }
 .banner-bottom {
  padding: 2em 0;
 }
 .w3l-heading h2,
 .w3l-heading h3 {
  font-size: 2em;
 }
 .introduction-info,
 .agileits-about-grids,
 .agileinfo_services_grids,
 .gallery-grids,
 .agile_team_grids,
 .w3-agileits-subscribe-form,
 .contact-row {
  margin: 2em 0 0 0;
 }
 .w3ls-border {
  margin: 2em auto 0;
 }
 .introduction {
  padding: 0 0 2em 0;
 }
 .captn {
  width: 175px;
  height: 100px;
 }
 .captn h4 {
  margin: 0.5em 0 0 0;
 }
 .agile_team_grid {
  width: 100%;
  float: none;
 }
 .view .w3lmask,
 .view .content {
  height: 400px;
 }
 .w3-agile-view .w3lmask {
  padding: 8em 1em 1em 1em;
 }
 .agile_team_grid:nth-child(2),
 .agile_team_grid:nth-child(3),
 .agile_team_grid:nth-child(4) {
  margin: 2em 0 0 0;
 }
 .w3-agileits-subscribe-form input[type="email"] {
  margin: 0 0 1em 0;
  width: 100%;
 }
 .contact input[type="submit"] {
  padding: 0.8em 3em;
 }
 .w3-agile-grid h5 {
  margin: 0 0 1em 0;
 }
 .agileits-w3layouts-footer {
  padding: 2em 0;
 }
 .stats-grid {
  width: 100%;
  margin-bottom: 1em;
 }
 .w3l-welcome-grid {
  float: left;
  width: 100%;
 }
 .view.view-first h5 {
  left: 30%;
  bottom: -13%;
 }
 .resp-tabs-list {
  width: 90%;
 }
 .subscribe form input.user {
  width: 90%;
 }
 .subscribe form input[type="submit"] {
  margin-top: 10px;
 }
 .w3-banner-1 {
  min-height: 230px;
 }
 .wthree-team-grid {
  width: 100%;
  margin-bottom: 1em;
 }
 .w3ls_courses_left {
  padding: 0 1em 0 0;
 }
 .gallery-grid {
  width: 100%;
 }
 .contact input[type="text"],
 .contact input[type="email"] {
  width: 100%;
 }
}
@media (max-width: 384px) {
 .w3-header-top-left {
  width: 40%;
 }
 .about-grid-left span {
  font-size: 1em;
 }
 .agileinfo_services_grid_right h4 {
  font-size: 2em;
 }
 .gallery-grids-left {
  float: none;
  width: 100%;
 }
 .captn {
  width: 320px;
  height: 190px;
 }
 .captn h4 {
  margin: 2.5em 0 0 0;
 }
 .address-row span.glyphicon {
  font-size: 1em;
 }
}
@media (max-width: 320px) {
 .w3-header-top-left {
  width: 46%;
 }
 .logo h1 a {
  font-size: 0.9em;
 }
 .slider-info h3 {
  font-size: 2em;
 }
 .slider-info p {
  width: 100%;
 }
 .border {
  width: 25%;
  margin: 15px auto 0;
 }
 .banner {
  margin: 2em 0 0 0;
 }
 .left-border-info {
  padding: 1em;
 }
 .w3l-heading h2,
 .w3l-heading h3 {
  font-size: 1.5em;
 }
 .about-grid-left {
  text-align: center;
  padding: 0;
  float: none;
  width: 100%;
  margin: 0 0 1em 0;
 }
 .about-grid-right {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0;
 }
 .about-grid-right h4 {
  letter-spacing: 0px;
 }
 .agileinfo_services_grid_left h4 {
  letter-spacing: 1px;
 }
 .captn {
  width: 265px;
  height: 160px;
 }
 .w3-agile-view .w3lmask {
  padding: 4em 1em 1em 1em;
 }
 .contact-grid {
  padding: 1em;
 }
 .contact textarea {
  min-height: 9.8em;
 }
 .contact input[type="submit"] {
  padding: 0.8em 2em;
 }
 .address-row span.glyphicon {
  font-size: 0.9em;
 }
 .slider-info {
  margin: 0em 0 0 0;
 }
 .more-button {
  margin: 1em 0 1em 0;
 }
 .services {
  padding: 2em 0;
 }
 .w3-services-grids {
  margin-top: 2em;
 }
 .w3l-services-text {
  padding: 1em;
 }
 .stats.services {
  padding: 2em 0;
 }
 .welcome {
  padding: 2em 0;
 }
 .welcomerow-agileinfo h5 {
  font-size: 1em;
  line-height: 1.6em;
  letter-spacing: 2px;
 }
 .welcomerow-agileinfo {
  margin-top: 2em;
 }
 .w3l-welcome-grid {
  margin-top: 1em;
 }
 .subscribe {
  padding: 2em 0;
 }
 .subscribe p {
  margin: 1em auto 0;
  width: 100%;
 }
 .testimonial.agileits-w3layouts {
  padding: 2em 0;
 }
 .view.view-first {
  padding: 2em 1em;
 }
 .view.view-first h5 {
  left: 26%;
  bottom: -13%;
  font-size: 1.1em;
 }
 h3.agileits-title,
 h2.agileits-title {
  font-size: 2.2em;
 }
 .w3-banner-1 {
  min-height: 200px;
 }
 .courses {
  padding: 2em 0;
 }
 .w3ls_courses_left {
  padding: 0px 0em 0px 0;
 }
 .agileits_w3layouts_team_grids.w3ls_courses_grids {
  margin-top: 2em;
 }
 .agile_feature_grid {
  width: 60px;
  height: 60px;
 }
 .agile_feature_grid i {
  line-height: 2.2em;
 }
 .features {
  padding: 2em 0;
 }
 .team {
  padding: 2em 0;
 }
 .agileinfo-team-grids {
  margin: 2em 0 0 0;
 }
 .w3-agile-grid {
  padding: 0;
 }
 .w3_wthree_agileits_icons.main-grid-border {
  padding: 2em 0;
 }
 .typo {
  padding: 2em 0;
 }
 .contact.agileits {
  padding: 2em 0;
 }
 .contact-agileinfo {
  margin-top: 2em;
 }
 .contact-form.wthree {
  padding: 0;
 }
 .contact-right.wthree {
  padding: 0;
 }
 .contact-right h4 {
  font-size: 1.5em;
  line-height: 1.6em;
 }
}
/*-- //responsive --*/
.feature-list {
 margin-bottom: 40px;
 padding: 4px;
 -webkit-transition: box-shadow 0.3s ease-out, opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
 transition: box-shadow 0.3s ease-out, opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
 transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
 transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out, -webkit-transform 0.3s ease-out;
 -webkit-transition-delay: 0.1s;
 transition-delay: 0.1s;
 border-radius: 6px;
 background: #fff;
 /* box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .05);
     */
 box-shadow: rgba(45, 45, 45, 0.05) 0 2px 2px, rgba(49, 49, 49, 0.05) 0 4px 4px, rgba(42, 42, 42, 0.05) 0 8px 8px, rgba(32, 32, 32, 0.05) 0 16px 16px, rgba(49, 49, 49, 0.05) 0 32px 32px, rgba(35, 35, 35, 0.05) 0 64px 64px;
}
.feature-list:hover {
 z-index: 999;
 -webkit-transform: translate(0, -4px);
 -ms-transform: translate(0, -4px);
 transform: translate(0, -4px);
 opacity: 1 !important;
 box-shadow: rgba(45, 45, 45, 0.05) 0 2px 2px, rgba(49, 49, 49, 0.05) 0 4px 4px, rgba(42, 42, 42, 0.05) 0 8px 8px, rgba(32, 32, 32, 0.05) 0 16px 16px, rgba(49, 49, 49, 0.05) 0 32px 32px, rgba(35, 35, 35, 0.05) 0 64px 64px;
}
/*--/owl-slider--*/
/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-carousel,
.owl-carousel .owl-item {
 -webkit-tap-highlight-color: transparent;
 position: relative;
}
.owl-carousel {
 display: none;
 width: 100%;
}
.owl-carousel .owl-stage {
 position: relative;
 touch-action: manipulation;
 -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
.owl-carousel .owl-stage-outer {
 position: relative;
 overflow: hidden;
 -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
 -webkit-backface-visibility: hidden;
 -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
 min-height: 1px;
 float: left;
 -webkit-backface-visibility: hidden;
 -webkit-touch-callout: none;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
 display: block;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
 display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
 border: none;
}
.owl-carousel.owl-loading {
 opacity: 0;
 display: block;
}
.owl-carousel.owl-hidden {
 opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
 visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
 touch-action: pan-y;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.owl-carousel.owl-grab {
 cursor: move;
 cursor: -webkit-grab;
 cursor: grab;
}
.owl-carousel.owl-rtl {
 direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
 float: right;
}
.owl-carousel .animated {
 -webkit-animation-duration: 1s;
 animation-duration: 1s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
 z-index: 0;
}
.owl-carousel .owl-animated-out {
 z-index: 1;
}
.owl-carousel .fadeOut {
 -webkit-animation-name: fadeOut;
 animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
@keyframes fadeOut {
 0% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}
.owl-height {
 transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
 opacity: 0;
 transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
 max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
 transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
 position: relative;
 height: 100%;
 background: #000;
}
.owl-carousel .owl-video-play-icon {
 position: absolute;
 height: 80px;
 width: 80px;
 left: 50%;
 top: 50%;
 margin-left: -40px;
 margin-top: -40px;
 background: url(owl.video.play.png) no-repeat;
 cursor: pointer;
 z-index: 1;
 -webkit-backface-visibility: hidden;
 transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
 transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
 display: none;
}
.owl-carousel .owl-video-tn {
 opacity: 0;
 height: 100%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%;
}
@media (max-width: 992px) {
 .owl-theme .owl-nav {
  display: none !important;
 }
}
@media (max-width: 568px) {
 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
  display: none;
 }
}
/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
 text-align: center;
 -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
 display: block;
}
.owl-dots {
 margin-top: 0px;
 position: absolute;
 right: 0;
 left: 0;
 margin: auto;
 text-align: center;
 bottom: 40px;
 background: none;
}
.w3l-testimonials .owl-dots {
 margin-top: 0;
 position: absolute;
 left: 0;
 right: 0;
 bottom: -30px;
 background: none;
 display: block;
}
.owl-theme .owl-nav [class*="owl-"] {
 color: #fff;
 font-size: 20px;
 margin: 0px;
 width: 46px;
 background: rgba(255, 255, 255, 0.21);
 display: inline-block;
 cursor: pointer;
 transition: 0.3s ease-in-out;
 height: 46px;
 line-height: 15px;
 border-radius: 50%;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
 background: #fff;
 opacity: 1;
 color: #fe5a0e;
 text-decoration: none;
 outline: none;
 box-shadow: none;
 transition: 0.3s ease-in-out;
}
.owl-theme .owl-nav [class*="owl-"]:focus,
.owl-theme:focus,
.owl-dots:focus,
.owl-dot:focus {
 outline: none;
 box-shadow: none;
}
.owl-theme .owl-nav .disabled {
 opacity: 0.5;
 cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
 margin-top: 30px;
 display: none;
}
.owl-theme .owl-dots .owl-dot {
 display: inline-block;
 zoom: 1;
 background: transparent;
}
.owl-theme .owl-dots .owl-dot span {
 width: 12px;
 height: 12px;
 margin: 5px 1px;
 background: #fff;
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity 0.2s ease;
 position: relative;
 border-radius: 50%;
}
.w3l-clients .owl-theme .owl-dots .owl-dot span {
 width: 18px;
 height: 18px;
 margin: 5px 1px;
 background: var(--heading-color);
 display: block;
 -webkit-backface-visibility: visible;
 transition: opacity 0.2s ease;
 position: relative;
 border-radius: 50%;
}
button.owl-next,
button.owl-prev {
 position: absolute;
 bottom: 50%;
}
button.owl-prev {
 left: 10px;
}
button.owl-next {
 right: 10px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
 background: var(--secondary-color);
}
.w3l-main-slider .banner-view {
 -ms-background-size: cover;
 background-size: cover;
 min-height: 420px;
 background-size: cover;
 overflow: hidden;
 /*z-index: 0;
     position: relative;
     display: grid;
     align-items: center;
    */
}
.w3l-main-slider .banner-top1 {
 background: url(https://petronetkw.com/images/b1.jpg) no-repeat center;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: none; 
}
.w3l-main-slider .banner-top2 {
 background: url(https://petronetkw.com/images/b2.jpg) no-repeat center;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: none; 
}
.w3l-main-slider .banner-top3 {
 background: url(https://petronetkw.com/images/b3.jpg) no-repeat center;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: none; 
}
.w3l-main-slider .banner-top4 {
 background: url(https://petronetkw.com/images/b4.jpg) no-repeat center;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 transition: none; 
}
.w3l-main-slider .banner-view:before {
 content: "";
 background: var(--layer);
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -1;
}
.w3l-main-slider .header-hero-19 {
 max-width: 100%;
 text-align: left;
}
.w3l-main-slider h3.title-hero-19 {
 color: #fff;
 font-size: 70px;
 text-transform: capitalize;
 font-weight: 700;
 border: none;
 text-shadow: rgb(0 0 0) 0px 0px 0px;
 line-height: 90px;
 padding-top: 240px;
}
.w3l-main-slider h5 {
 color: #fff;
 font-size: 17px;
 line-height: 28px;
 font-weight: 400;
 text-transform: capitalize;
 opacity: 0.9;
 margin-bottom: 12px;
}
.w3l-main-slider p {
 color: #fff;
 font-size: 17px;
 line-height: 28px;
 font-weight: 400;
 text-align: center;
 opacity: 0.9;
 margin-bottom: 12px;
}
a.btn.btn-style.btn-banner {
 background: rgba(255, 255, 255, 0.15);
 color: #fff;
 border: 1px solid #fff;
}
a.btn.btn-style.btn-banner:hover {
 border: 1px solid var(--primary-color);
 background: var(--primary-color);
}
.w3l-main-slider {
 width: 100%;
 display: block;
}
.kds2 {
 color: #004da1;
}
.kdstext {
 text-align: justify;
}
.serviceslist {
 text-align: left;
 padding: 2px 0;
}
.serviceslist li {
 display: block;
 text-align: left;
 color: #000;
 text-decoration: none;
 background: url(https://petronetkw.com/images/li_icon.png) 4px 12px no-repeat;
 padding: 8px 0 5px 20px;
}
.serviceslist li:hover {
 list-style: none;
 text-align: left;
 color: #fff;
 background: #004da1 url(https://petronetkw.com/images/li_iconh.png) 4px 12px no-repeat;
}
.kdsh4 {
 text-align: left;
}
.kds-boxs h4 {
 color: #004da1;
 font-size: 20px;
}
.kds-boxs h4::first-letter {
 font-size: 28px;
}
.kds-boxs {
 background-color: #fff;
 padding: 4px 4px 10px 4px;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
 min-height: 440px;
 margin-bottom: 30px;
}
.kds-boxsin {
 background-color: #fff;
 padding: 13px;
}
.kdsrounded {
 border-radius: 8px;
}
.heading-area {
 border-bottom: 1px solid transparent;
 border-image: linear-gradient(0.25turn, rgba(255, 249, 34), rgba(0, 142, 207), rgba(56, 2, 155, 0));
 border-image-slice: 1;
 width: 100%;
 min-height: 420px;
}
.sticky-header {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 z-index: 999;
 background: #ffffff;
 border-bottom: 1px solid transparent;
 border-image: linear-gradient(0.25turn, rgba(255, 249, 34), rgba(0, 142, 207), rgba(56, 2, 155, 0));
 border-image-slice: 1;
 display: block;
}