.about-top-agileits-w3layouts,.news,.services,.testimonials,.team,.gallery,.contact{
    padding: 36px 0px;
}
.title-main-w3ls {
    margin-bottom: 2em;
}
h3.title-w3-agile {
    color: #000;
    font-size: 33px;
    letter-spacing: 3px;
    text-transform: capitalize;
    position:relative;
}
h3.title-w3-agile:after {
    content: "";
    width: 100px;
    height: 2px;
    display: block;
    background: #0063af;
    position: absolute;
    top: 36px;
}
h3.title-w3-agile:before {
    content: "";
    width: 100px;
    height: 2px;
    display: block;
    background: #000;
    position: absolute;
    left: 20px;
    bottom: -8px;
}
h3.title-w3-agile span {
    color: #0063af;
}
a.find-about {
    float: right;
    margin-top: 1.67em;
    display: inline-block;
    text-decoration: none;
    color: #000;
    padding: 8px 25px;
    font-size: 15px;
    background: transparent;
    border: 2px solid #fd0006;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
a.find-about:hover {
    background: #fd0006;
    color:#fff;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
}
a.find-about:focus {
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
/*-- contact --*/
.contact-info ul li {
    list-style: none;
    display: inline-block;
}
.contact-info ul li i {
    float: left;
    width: 45px;
    height: 45px;
    border: 0px solid #000;
    text-align: center;
    line-height: 41px;
    font-size: 24px;
    border-radius: 0px;
    color: #ffffff;
    background: #337ab7;
    margin-top: 21px;
}
.contact-info ul li:nth-child(2) {
    /* margin: 0 11em; */
}
.contact-info {
    margin: 0 auto 2em;
}
.contact-info ul li h5 {
    float: left;
    margin: 0.7em 0 0 1em;
    font-size: 21px;
    letter-spacing: 1px;
    color: #337ab7;
}
.contact-info ul li h5 span ,.contact-info ul li h5 span a{
    display: block;
    color: #000!important;
    margin-top: 1em;
    font-size: 15px!important;
}
.contact-info ul li h5 span a:hover{
    color: #fa000d!important;
}
.contact-left.agileits-w3layouts {
    padding: 0;
}
.contact-right.agileits-w3layouts {
    float: right;
    padding-right: 0;
}
.contact input[type="text"],.contact input[type="email"],.contact textarea {
    width: 49%;
    color: #999;
    float: left;
    background: none;
    outline: none;
    font-size: 1em;
    padding: 1em 1em;
    margin-bottom: 1em;
    border: none;
    border: solid 1px #e2e2e2;
    -webkit-appearance: none;
    display: inline-block;
}
.contact input.email {
    float: right;
}
.contact textarea {
    resize: none;
    width: 100%;
    outline: none;
    min-height: 13.5em;
    margin-bottom: 0!important;
    -webkit-appearance: none;
}
.contact input[type="submit"] {
    outline: none;
    color: #fff;
    padding: 0.8em 4em;
    margin-top: 15px;
    font-size: 1em;
    -webkit-appearance: none;
    background: #337ab7;
    border: 2px solid #337ab7;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -moz-transition: 0.5s all;
    width: 100%;
}
.contact input[type="text"]:focus,.contact input[type="email"]:focus, .contact textarea:focus {
    border-color: #0063af;
}
.contact input[type="submit"]:hover {
    background: none;
    color: #ff0f00;
    border-color: #337ab7;
}
::-webkit-input-placeholder {
    color:#999 !important;
}
:-moz-placeholder { /* Firefox 18- */
    color:#999 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
    color:#999 !important;
}
:-ms-input-placeholder {  
    color:#999 !important;
} 
.tab-info {
    margin-top:6em;
}
.map-w3-agile iframe {
    width: 100%;
    outline: none;
    border: none;
    height: 24em;
}
/*-- //contact --*/ 
/*-- footer --*/
.agileinfo_footer_bottom1 h2 {
    float: right;
    font-size: 1.5em!important;
}
.agileinfo_footer_bottom1 h2 a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-family: 'Lora', serif;
}
.agileinfo_footer_bottom1 h2 a span.logo-left-w3ls {
    display: inline-block;
    float: left;
    font-size: 2.5em;
    color: #fd0006;
}
.agileinfo_footer_bottom1 h2 a span.logo-right-w3l {
    font-size: 1.05em!important;
    display: inline-block;
    margin: 0.1em 0 0 0.1em;
    cursor: pointer;
    font-weight: 400;
    letter-spacing: 1px;
}

.agileinfo_footer_bottom_grid ul.tag2{
    padding:0;
    margin: 0 0 8px;
}
.agileinfo_footer_bottom_grid ul.tag2 li{
    display:inline-block;
}
.agileinfo_footer_bottom_grid ul.tag2 li a {
    font-size: 14px;
    letter-spacing: 0px;
    margin-right: 1em;
    color: #ffffff;
    background: #0f0f10;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    text-transform: capitalize;
}
.agileinfo_footer_bottom_grid ul.tag2 li a:hover {
    text-decoration: none;
    color: #337ab7;
}
.agileinfo_footer_bottom_grid ul.tag2{
    display:block;
}
ul.tag2:last-child {
    margin: 0;
    width: 500px;
}
.agileinfo_footer_bottom_grid ul.twi li{
    display: block;
    color: #B8B8B8;
    font-size: 14px;
    margin-bottom: 1.5em;
}

.agileinfo_footer_bottom_grid ul.twi li i{
    padding-right:1em;
}
.agileinfo_footer_bottom_grid ul.twi li:nth-child(2){
    margin:0;
}
.agileinfo_footer_bottom_grid ul.twi li a.mail{
    color:#B8B8B8;
    font-size:12px;
}
.agileinfo_footer_bottom_grid ul.twi li a.mail:hover{
    color:#fff;
}
.agileinfo_footer_bottom_grid ul.twi li span{
    display:block;
    margin:1em 0 0em;
    color:#fff;
    font-size:12px;
}
.agileinfo_footer_bottom_grid:nth-child(2) {
    float: right;
    text-align: right;
}
.footer {
    background: #0f0f10;
}
.agileinfo_footer_bottom {
    padding: -3em 0;
    padding-top: 32px;
}
.agileinfo_footer_bottom h6 {
    color: #ffffff;
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: 1em;
}
.agileinfo_footer_bottom1 {
    padding: 1em 0;
    border-top:1px solid #252525;
}
.index-copy-right{
    background: transparent;
}
.agileinfo_footer_bottom1 p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1.5px;
    float: left;
    margin-top: 20px;
}
.agileinfo_footer_bottom1 p a {
    color: #0063af;
    transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -moz-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
}
.agileinfo_footer_bottom1 p a:hover {
    color: #fff;
    transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -moz-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
}
.social-nav {
    padding: 0;
    list-style: none;
    display: inline-block;
}
.social-nav li {
    display: inline-block;
}
.social-nav a {
    display: inline-block;
    float: none;
    width: 30px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    background: #000;
    position: relative;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.model-3d-0 a {
    background:#5C5B5B;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.model-3d-0 .front, .model-3d-0 .back {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(18px);
    -moz-transform: translateZ(18px);
    -ms-transform: translateZ(18px);
    -o-transform: translateZ(18px);
    transform: translateZ(18px);
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    color:#212121;
    font-size:12px;
}
.model-3d-0 .back {
    -webkit-transform: rotateX(90deg) translateZ(18px);
    -moz-transform: rotateX(90deg) translateZ(18px);
    -ms-transform: rotateX(90deg) translateZ(18px);
    -o-transform: rotateX(90deg) translateZ(18px);
    transform: rotateX(90deg) translateZ(18px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
a.twitter .front {
    background: #00acee;
}
a.facebook .front {
    background: #3b5998;
}
a.instagram .front {
    background: #f77737;
}
a.pinterest .front {
    background: #bd081c;
}
.twitter .back,.facebook .back,.instagram .back,.pinterest .back{
    background:#fff;
}
.model-3d-0 a:hover {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}
.model-3d-0 a:hover .back {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
}
.w3_agile_social .front i{
    color: #fff;
    font-size: 12px;
}
.w3_agile_social .back i{
    color: #000;
    font-size: 12px;
}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/arr.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*-- //to-top --*/
.contact-info ul{
    margin: 0px;
    padding: 0px;

}
.wthree_banner_bottom_grid_three_left1{
    border-top: 5px solid #337ab7;
    padding-top: 0px;
}
.w3_agileits_para{
    margin: 2em auto 0;
    color: #999;
    line-height: 2em;
    width: 90%;
}

/* Common style */
.grid figure {
    position: relative;
    overflow: hidden;
    background:#000000;
    text-align: center;
}

.grid figure img {
    position: relative;
    display: block;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h3 span {
    font-weight: 800;
    color: #337ab7;
    font-size:  20px;
}
.effect-roxy a{
    color: white;
    text-align: center;
    display: inline-block;
    background: #337ab7;
    padding: 5px 10px;
    border-radius: 1px;
    opacity: 0;
}
.effect-roxy a:hover{
    text-decoration: none;
    color: white;
}
.grid figure p {
    letter-spacing: 1px;
    color:#fff;
    line-height:2em;
}

figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: -o-calc(100% + 60px);
    width: -ms-calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -o-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
    position: absolute;
    top: 18px;
    right: 18px;
    bottom: 18px;
    left: 18px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
    -ms-transform: translate3d(-20px,0,0);
    -moz-transform: translate3d(-20px,0,0);
    -o-transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
    padding: 3em;
    text-align: center;
}

figure.effect-roxy h3 {
    padding:0 0 .5em;
    font-size: 1.7em;
    color: #fff;
    text-transform: uppercase;
}

figure.effect-roxy p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img,.agileinfo_banner_bottom_grid_three_left:hover img{
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p,.agileinfo_banner_bottom_grid_three_left:hover figcaption::before,
.agileinfo_banner_bottom_grid_three_left:hover p{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.grid:hover .effect-roxy a{
    opacity: 10;
}
.p-inner{
    background: #efeeee;
    box-shadow: 0px 0px 9px 1px #55555547;
    padding: 5px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #00000036;
}
.p-inner:hover{
   box-shadow: 0px 0px 9px 1px #5555556e;
}
.tota-img a img{
    display: block;
    margin: 0px auto;
}
span.title-p{
    display: block;
    text-align: center;
    padding-top: 5px;
    color: #337ab7;
    font-size: 14px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
span.art-p{
    display: block;
    text-align: center;
    font-size: 13px;
}
.add-tp-cart{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.add-tp-cart a{
    display: inline-block;
    background: #337ab7;
    color: white;
    padding: 7px 12px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-decoration: none;
}
.add-tp-cart a:hover{
    background: #2b2b2b;
}
.feature-products .title-main-w3ls{
    margin-bottom: 30px;
}
.feature-products .title-main-w3ls h3{
    margin-top: 0px;
}
.services-wrapper .title-main-w3ls{
    margin-bottom: 30px;
}
.services-wrapper .title-main-w3ls h3{
    margin-top: 0px;
}
.services-wrapper{
    padding: 20px 0px;
}
.feature-products{
    padding: 20px  0px;
    background: #0000000d;
    padding-bottom: 25px;
}
.contact .title-main-w3ls h3{
    margin-top: 0px;
}
.search-top{
    display: block;
    position:absolute;
    width: 100%;
    top: 0px;
    z-index: 999999999999;
    left: -1700px;
}
.search-top{
    background: white;
    padding: 28px 0px;
}
.search-top input{
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #00000057;
    outline: none;
    height: 40px;
}
.search-top button{
    background: #0063af;
    border: 0px;
    outline: none;
    padding: 10px 15px;
    color: white;
    height: 40px;
}
.search-top  .close{
    text-align: center !important;
    float: none;
    opacity: 10;
    color: #0063af;
    cursor: pointer;
    padding-top: 8px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  margin: 0px auto;
  width: 100%;
}
.breadcrump{
    background: #0f0f10e6;
    padding: 8px 0px;
}
.breadcrump ul{
    margin: 0px;
    padding: 0px;
}
.breadcrump ul li{
    list-style: none;
    display: inline-block;
}
.breadcrump ul li a{
    color: white;
    font-weight: normal !important;
    font-size: 15px;
}
.breadcrump ul li a:hover{
    text-decoration: none;
}
.breadcrump ul li a:after{
    content: "\f101";
    font-family: FontAwesome;
    margin-right: 5px;
    margin-left: 5px;
}
.breadcrump ul li:last-child a{
    color: #ffffff5c;
}
.breadcrump ul li:last-child a:after{
    content: "";
}
.inner-section-r{
    margin: 10px 0px;
    background: #000000c4;
    text-align: center;
    padding: 10px 0px;
    transition: all 0.3s;
}
.inner-section-r:hover{
    background: #0063af;
}
.inner-section-r a{
    display: block;
    color: white;
    transition: all 0.3s;
    text-decoration: none;
    font-size: 12px;
}
/*menu*/
.heading-boxi{
    background-color: #f6f5f5;
    color: #000;
    font-size: 18px;
    padding: 15px;
    margin: 5px;
    text-align: left;
    text-transform: capitalize;
}
.menu-box{
    border: 1px solid #e3e3e3;
    margin-top: 13px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav>li>a:hover {
    color: #e64a19;
    border: none;
}
.vmain a{
    color: #696969;
    font-size: 13px;
    font-weight: normal;
    position: relative;
    padding: 2px 0px;
    text-transform: uppercase;
}
.vmain>ul>li>a{
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.vmain>ul>li>ul>li>a{
    padding: 0px;
    padding-left: 15px;
    font-size: 12px;
    padding-bottom: 1px;
    text-transform: capitalize;
}
.menu-box{
    margin-bottom: 20px;
    overflow:  hidden;
}
.products-title{
    margin-top: 20px;
    margin-bottom: 15px;
}
.products .p-inner{
    margin-bottom: 20px;
}
.tyu{
    padding-top: 20px;
}sear
.basker-b{
    background: #0063af;
    border: 0px;
    padding: 7px 10px;
    border-radius: 2px;
    color: white;
}
#frm_quote input, #frm_quote textarea, #frm_quote select{

    width: 100%;
    height: 30px;
    border: 0px;
    border: 1px solid #00000054;

}
#frm_quote textarea{
 min-height: 120px;

}
#frm_quote label{
    font-weight: normal;
    padding-top: 7px;
}
.btnet{
    margin-bottom: 20px;
}
/*col-md-15*/
.col-xs-15 {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
            padding-right: 15px;
    padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
            padding-right: 15px;
    padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
            padding-right: 15px;
    padding-left: 15px;
    }
}
/*col-md-15*/
.p-inner{
    margin-bottom: 20px;
}
.footer{
    /*background-image: url(../../images/ftr-bg.png);*/
    background-position:  center;
    background-size:  cover;
}
.agileinfo_{
    color: #ffffff;
    font-size: 23px;
    letter-spacing: 2px;
    margin-bottom: 1em;
}
.wsmenu-list li a:after{
  content: "|";
  display: inline-block;
  color: #ffffff70;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
}
.wsmenu-list li:last-child a:after{
  content: "";
}
.glyphicon-chevron-left:before {
  content: "\f137";
  font-family: 'FontAwesome';
}
.glyphicon-chevron-right:before {
  content: "\f0a9";
  font-family: 'FontAwesome';
}
nav{position:relative;width:980px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#333}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background: #2882c2!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;background: #2581c2;z-index: -1;}
.button{width:55px;height:46px;position:absolute;right: 40%;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;padding-top: 4px;border-bottom:2px solid #dddddd;content:'';}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
#cssmenu ul{
  margin: 0px !important;
  padding: 0px !important;
}
.mobile-header{
  background: #333333;
  padding: 10px 0px;
  text-align: center;
}
.mobile-language ul{
  margin: 0px;
  padding: 0px;
}
.mobile-language li{
  display: inline-block;
  list-style: none;
  margin-right: 10px;
}
#cssmenu{
  text-align: left;
}
.mobile-headersd{
    margin: 15px 0px;
}
.mobile-headersd a img{
    display: block;
    margin: 0px auto;
    width: 50%;
}
#cssmenu  .logo  a{
    color: white !important;
    display: block;
    padding-top: 5px;
}
/*========== Mobile First Method ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
.contact-info ul li:nth-child(2) {
    margin: 0 0em;
}
.contact-right.agileits-w3layouts {
    float: none;
    padding-right: 0;
    padding-left: 0px;
    margin-bottom: 10px !important;
    clear: both;
    position: relative;
    display: block;
}
.wthree_banner_bottom_grid_three_left1.grid{
    margin-bottom: 20px;
}
.tag2.tag_agileinfo li{
    display: block !important;
}
.agileinfo_footer_bottom_grid:nth-child(2) {
    float: none;
    text-align: center;
}
.agileinfo_footer_bottom1 p{
    text-align: center;
}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.contact-info ul li:nth-child(2) {
    margin: 0 11em;
}
.contact-right.agileits-w3layouts {
    float: right;
    padding-right: 0;
    padding-left: 15px;
    margin-bottom: 0px !important;
}
.tag2.tag_agileinfo li{
    display: inline-block !important;
}
.agileinfo_footer_bottom_grid:nth-child(2) {
    float: right;
    text-align: right;
}
.agileinfo_footer_bottom1 p{
    text-align: left !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
.history {
    padding: 0px 0px;
    background: url(../images/4.jpg) no-repeat 0px 0px;
    background-size: cover;
}
.banner {
    z-index: 9999999999999 !important;
}



/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .banner-outer {
    max-width: 1700px;
    margin: 0px auto;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    margin: 0px auto;
    width: 98.2%;
    margin-left: -13.5%;
    max-width: 150%;
}
.carousel-inner > .item{
    background: #EFF4F7;
    border-top: 0px solid red;
    width: 140%;
    max-width: 140%;

}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {
        .banner-outer {
    max-width: 1920px;
    margin: 0px auto;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    margin: 0px auto;
    width: 106.5%;
    margin-left:-7.9%;
    max-width: 110%;
}
.carousel-inner > .item{
    background: #EFF4F7;
    border-top: 0px solid red;
    width: 120%;
    max-width: 110%;

}
}