body{font-family: 'Nunito', sans-serif;}
ul,ol{padding: 0px; margin: 0px;}

#preloader {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}

#status {
    width:80px;
    height:121px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    background-size: 100%;
    margin:-80px 0 0 -30px; /* is width and height divided by two */
    animation: zoominoutsinglefeatured 1s infinite ;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.top_section1{
  overflow: hidden;
  position: relative;
  /*height: calc(100vw * .56);*/
  height: calc(100vw);
  max-height: 100vh;
    /*background-image: url('../images/video.jpg');
    background-size: 100%;*/
}
.header{
    width: 100%; 
    display: table;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}
.logo{
    float: left;
    display: inline-block;
    padding: 5px 0px;
}
.logo a{text-decoration: none;}
.logo a img{display: block; height: 60px;}

.header_right{clear: both; width: 100%; display: table; padding: 0 50px;
background-color: rgba(255, 255, 255, 0.9);}
.top_nav{clear: both; width: 100%; 
    display: table; padding: 5px 50px; /*background-color: rgba(0, 96, 165, 0.9);*/
    background-color: #0071c5;}
.top_left{float: left; display: inline-block;}
a.topph{float: right; display: inline-block; line-height: 20px; padding: 5px;
color: #fff; font-size: 15px; margin-right: 10px; font-weight: 400;}
a.topph i{color: #f27b21;}
.top_nav ul.top_ul1{list-style: none; float:right; }
ul.top_ul1 li{float: left; display: inline-block;}
ul.top_ul1 li a{
    text-decoration: none; 
    color: #fff;
    padding: 5px 15px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    position: relative;
}
ul.top_ul1 li:last-child a::before {display: none;}
a.emplogin{float: right; display: inline-block; text-decoration: none; box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.5) !important;
color: #fff; padding: 5px 15px; background-color: #0071c5; margin-right: 15px;
text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}
a.emplogin1{background-color: #fff; color: #f27b21;}
.headerSocial{float: right; display: inline-block;}
.headerSocial a{text-decoration: none; font-size: 21px; margin-right: 10px;
transition: all 0.3s; color: #fff;}/*
.headerSocial a.fb{color: #4862a3;}
.headerSocial a.tw{color: #49a6e8;}
.headerSocial a.lin{color: #006699;}*/
.menu{
    float: right; display: inline-block;
}
.menu ul{list-style: none; padding: 0px; margin: 0px; float: left; display: inline-block;}
.menu > ul > li{float: left; position: relative; display: inline-block; margin-right: 2px;}
.menu > ul > li > a{
    /*text-decoration: none;
    color: #455a64;
    text-transform: uppercase;
    font-size: 15px;
    height: 85px;
    line-height: 85px;
    padding: 0 12px;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;*/
    padding: 15px 20px 15px;
    line-height: 40px;
    color: #231F20;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    text-transform: none;
    position: relative;
    transition: all 0.3s;
}
.menu > ul > li > a:before{
    position: absolute;
    right: 0px;
    top: 30px;
    height: 14px;
    width: 2px;
    content: "";
    background-image: url('../images/top-menu-separator.png');
    background-repeat: no-repeat;
}
.menu > ul > li > a i{margin-left: 5px; font-size: 12px;}
.menu > ul > li.search > a i{margin-left: 0px; color: #f58025; font-size: 18px;}
.menu > ul > li:last-child > a::before {display: none;}
.menu > ul > li > a.active{ color: #0071c5;}
.menu > ul > li > a:hover{color: #0071c5;}

.megamenu{
    position: absolute;
    left: 0px;
    top: 100%;
    background-color: #fff;
    width: 200px;
    z-index: 9999999999;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.55);
    
    transition: all 0.1s ease-in-out 0s;
    visibility: hidden;
    transform: translateY(30px);
    opacity: 0px;
    border-top: 3px solid #0071c5;
    padding: 5px 0;
}
.megamenu:before{
    position: absolute;
    left: 40px;
    top: -10px;
    content: "";
     width: 0; height: 0; 
     border-left: 10px solid transparent; 
     border-right: 10px solid transparent; 
     border-bottom: 10px solid #0071c5;
}

.dropdown2{display: none; border: 0px;}
.dropdown3{display: none; border: 0px;}
.megamenu ul li:hover > .dropdown2{display: block; left: 100%; top: 0px;}
.dropdown2:before{display: none;}
.dropdown2 ul li:hover > .dropdown3{display: block; left: 100%; top: -5px;}
.dropdown2:before{display: none;}

.menu > ul > li:hover .megamenu{
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.megamenu ul{
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.megamenu ul li{
    float: left;
    display: inline-block;
    width: 100%;
    margin-right: 0px;
    padding: 0 5px;
    position: relative;
}
.megamenu ul li a{
    text-decoration: none;
    color: #455a64;
    padding: 7px 15px;
    line-height: 22px;
    display: block;
    font-size: 13px;
    width: 100%;
    text-transform: capitalize;
    border-bottom: 1px solid #eaeaea;
}
.megamenu ul > li:hover > a{
    background-color: #ddd;
    color: #0071c5;
    transition: all 0.3s ease 0s;
}
.menu form{float: right; display: inline-block;}
.searchinput{position: relative; display: inline-block; float: left;}
.searchinput input.sinput{
    padding-left: 42.5px;
    padding-right: 13px;
    width: 260px;
    resize: none;
    position: relative;
    vertical-align: top;
    background-color: #FFFFFF;
    border: 0 solid #B8E986;
    border-bottom-color: rgb(184, 233, 134);
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.5) !important;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    height: 42px;
    outline: none;
    font-weight: 500;
    margin-top: 12px;
}
.searchinput input.sbtn{
    height: 42px;
    padding: 0 15px;
    line-height: 42px;
    outline: 0px;
    border: 0px;
    background-color: #228b24;
    border-radius: 2px;
    font-weight: 500;
    color: #fff;
    margin: 12px 0 0 5px;
    font-size: 16px;
    transition: all 0.3s;
    text-transform: uppercase;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.5) !important;
}
.searchinput input.sbtn:hover{background-color: #08990b;}
.searchinput:before{position: absolute; left: 13px; top: 22px; z-index: 9;
content: "\f002"; font-family: FontAwesome; color: #000; font-size: 16px;}

/*----------banner-----------*/
.mtop1 {
    height: 75px;
}
/*.main_banner:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100%;
    z-index: 1;
}*/


.fullscreen-bg .fullscreen-bg__video {
    height: 100%;
    width: 100%;
}
.banner_txt {
    top: 175px !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 100%;
    padding: 0 7% !important;
    margin: auto;
    left: 0%;
    margin: auto;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}
.banner_txt img{width: 100px; display: table; margin: auto;}
.banner_hd, .banner_cont, .banner_r_more {
    width: 100%;
    float: left;
}
.banner_hd {
    color: #fff;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;   
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    visibility: visible !important;
    background-color: rgba(0, 113, 197, 0.75);
    width: 400px;
    height: 400px;
    border-radius: 100%;
    padding: 20px;
    display: table;
    float: right;
    margin-right: 50px;
}
.banner_hd span{color: #fff; font-family: 'Lora', serif; font-style: italic; 
 display: table-cell; vertical-align: middle;}
 .bimg1{visibility: visible !important; right: 40px; position: absolute; bottom: 0px;}
 .bimg1 img{width: 200px;}
.banner_cont {
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    margin: 10px 0;
    display: block;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10) !important;
    padding: 0px;
    visibility: visible !important;
}
.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}
.banner_cont span i {
    margin-right: 5px;
}
.banner_r_more{
    clear: both;
    margin-top: 10px;
}
.banner_r_more a{
    text-decoration: none;
    color: #1f9028;
    text-transform: uppercase;
    margin: auto;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 1px;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
}
.banner_r_more a img{width: 60px;}
.banner_r_more a:hover{background-color: transparent; color: #fff;}
.ban_but {
    bottom: 10%;
}

.slideRight ul{list-style: none;}
.slideRight ul li{display: inline-block; position: relative; padding: 0 25px;}
.slideRight ul li:before{
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.slideRight ul li:first-child:before{display: none;}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
} 

.carousel-control.right{background-image: none !important;}
.carousel-control.left{background-image: none !important;}


a.scroll-down-link {
    width: 50px;
    position: absolute;
    left: 0px;
    bottom: 20px;
    color: #FFF;
    text-align: center;
    z-index: 90;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: move_fade_move_down 2s ease-in-out infinite;
    animation: move_fade_move_down 2s ease-in-out infinite;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    right: 0px;
    outline: 0px !important;
    border: 0px;
}
a.scroll-down-link img{opacity: 0.6;}
/*animated arrow animattion*/
 @-webkit-keyframes move_fade_move_down {
 0% {
 -webkit-transform:translate(0, -5px);
 opacity: 1;
}
 50% {
 -webkit-transform:translate(0, 10px);
 opacity: 1;
}
 100% {
 -webkit-transform:translate(0, -5px);
 opacity: 1;
}
}
 @keyframes move_fade_move_down {
 0% {
 transform:translate(0, -5px);
 opacity: 1;
}
 50% {
 transform:translate(0, 10px);
 opacity: 1;
}
 100% {
 transform:translate(0, -5px);
 opacity: 1;
}
}
/*----------banner-----------*/


/*-------section1---------*/
.section1{background-color: #f4f4f4; width: 100%; display: table; padding: 40px; 
position: relative; background-image: url('../images/logoc.png'); background-repeat: no-repeat;
background-position: center 50px; background-size: 80px;}
/*.section1::before {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('../images/4-point-stars.svg');
    background-size: 15px;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.12;
}*/
.section1 h2{
    font-size: 36px;
    line-height: 45px;
    color: #0071c5;
    text-align: center;
    margin-top: 0px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    position: relative;
}

.section1 p, p.sec3cont{
    text-align: center;
    font-size: 18px;
    margin-top: 15px;
    color: #000;
    line-height: 30px;
    font-weight: normal;
    width: 100%;
    position: relative;
    font-weight: 400;
    padding: 0 2%;
    font-family: 'Nunito', sans-serif;
    margin-bottom: 30px;
}
/*-------section1---------*/


/*-------section2---------*/
.section2{clear: both; width: 100%; display: table; 
    background-image: url('../images/bd_bi_1.jpg'); background-attachment: fixed;
background-size: cover; background-repeat: no-repeat; padding: 40px 0;}
.section2 h2{color: #fff; margin-top: 0px; color: #fff; text-align: center;
font-size: 38px; font-family: 'Nunito', sans-serif; font-weight: 300;}
.section2 h2 span{font-weight: 700;}
/*-------section2---------*/


/*-------section3----------*/
.section3{width: 100%; display: table; padding: 40px 0 30px; position: relative;
background-image: url('../images/logoc.png'); background-repeat: no-repeat;
background-position: center 50px; background-size: 80px;}
.section3 h2, .clients h2{
    font-size: 30px;
    line-height: 45px;
    color: #0071c5;
    text-align: center;
    margin-top: 0px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}
.section3 h2 span, .clients h2 span{font-weight: 300;}
.technology1{width: 100%; display: block; margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
a.img-wrap{display: block; text-decoration: none; color: #fff; position: relative; width: 100%; transition: all 0.3s ease 0s;}
a.img-wrap > img{width: 100%; display: block;}

.overlay1{width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 40px; 
    text-align: left; overflow: hidden;}
.overlay1:before{height: 100%; 
    transition: all 0.3s;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
    left: 0px;
    top: 0px;
}
.technology2 .overlay1:before{background-color: rgba(0, 113, 197, 0.8);}
.overlay1:hover:before{
    background-color: rgba(0, 0, 0, 0.8);
}
.technology2 .overlay1:hover:before{background-color: rgba(0, 113, 197, 0.9);}
.overdown{position: absolute; bottom: 40px; left: 40px;}
.technology1:hover .overlay1 .icon1{bottom: auto; top: 0px; position: relative;}
.icon1 img{width: 70px; position: relative;}
.techhd1{font-size: 24px;line-height: 28px; font-weight: 700; margin: 0; 
    position: relative;}
.overlay1 p{position: relative; line-height: 25px; padding: 0px; text-align: left;
    overflow:hidden; transition: all 0.3s ease 0s; opacity: 1; 
    color: rgba(255, 255, 255, 1); padding-right: 30px; font-size: 16px;}
a.img-wrap:hover .overlay1 p{}
.rmore1{padding: 7px 20px; border: 1px solid #fff; margin-top: 20px;
border-radius: 30px; font-size: 14px; font-weight: 600; color: #0071c5; 
background-color: #fff; position: relative; display: table;}
a.img-wrap:hover .rmore1{}
.techno{display: block;}

.sec4bx1{text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.3);}
.sec4bx1:first-child{border-left: 0px;}
.funfact-img {display: inline-block; margin-right: 20px;}
.funfact-count {display: inline-table; overflow: hidden; position: relative; top: -5px;}
.funfact-count h3, .funfact-count h2 {color: #fff; 
  font-size: 18px; margin: 0 0 3px; font-weight: 400; text-align: left;}
.funfact-count h2 span {font-size: 32px; font-weight: 700;}


.section3 ul{list-style: none; clear: both; width: 100%; display: table; 
    margin-top: 30px; position: relative; text-align: center;}
.section3 ul.mtopul1{margin-top: -75px; position: relative;}
.section3 ul li {
    display: inline-block;
    width: 23%;
    text-align: justify;
    text-align: center;
    margin: 0 7px 15px;

}
.section3 ul li a{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: block;
     /*! -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
/*.section3 ul li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    background-image: url(../images/sol-overlay.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/
.section3 ul li a:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: rgba(0,0,0,0.5);
    transition: all .5s;
}
.section3 ul li a:hover:after{
    background: rgba(0, 113, 197, 0.7);
    transition: all .5s;
}
.section3 ul li a img{width: 100%; display: block;}
.section3 ul li a .sec3cont{
    position: absolute;
    bottom: 70px;
    width: 100%;
    left: 0;
    color: #fff;
    z-index: 3;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
}
.section3 ul li a .sec3cont div{border: 1px solid #fff; padding: 5px 15px; display: table;
margin: auto; font-size: 14px; letter-spacing: 2px;}
.section3 ul li a .sec3cont img{width: 150px; display: table; margin: auto;
 margin-bottom: 10px;}
.section3 ul li a h4{font-weight: 700; font-size: 16px; letter-spacing: 1px;}
/*-------section3----------*/



/*-------section4---------*/
.section4{clear: both; width: 100%; display: table; background-image: url('../images/contactbg.jpg');
background-size: cover; background-repeat: no-repeat; padding: 50px 0; background-attachment: fixed;}
.section4 h2{    color: #fff;
    margin-top: 0px;
    color: #0071c5;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0;}
.section4 h2 span{font-weight: 900; color: #f48310;}
.section4 h4{color: #fff; margin: 0; text-align: center; font-weight: 300; 
    font-size: 26px;}
.section4 p{font-size: 18px; color: #fff; text-align: center; font-weight: 300; margin-bottom: 30px;}

.section4 form{width: 700px; display: table; margin: auto; margin-top: 10px;}
.width49{float: left; display: inline-block; width: 49%; position: relative; 
    margin-bottom: 12px;}
.width100{width: 100%;}
.width49.icon:before{position: absolute; left: 13px; top: 22px; z-index: 1;
content: "\f007"; font-family: FontAwesome; color: #e6e6e6; font-size: 18px;}
.width49.icon2:before{content: "\f0b1";}
.width49.icon3:before{content: "\f0e0";}
.width49.icon4:before{content: "\f095";}
.width49.icon5:before{content: "\f075";}
.width49.icon6:before{content: "\f041";}
.width49.icon7:before{content: "\f0f7";}



.width49.icon input, .width49.icon textarea, .width49 select{
    padding-left: 42.5px;
    padding-right: 0px;
    width: 100%;
    resize: none;
    position: relative;
    vertical-align: top;
    background-color: #FFFFFF;
    border: 0 solid #B8E986;
    border-radius: 2px;
    /* box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2) !important; */
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    height: 45px;
    outline: none;
    border: 1px solid #e9e9e9;
    font-weight: 300;
    margin-top: 12px;
    color: #000;}
.width49.icon input, .width49.icon textarea, .width49 textarea{
   padding-left: 42.5px;
    padding-right: 0px;
    width: 100%;
    resize: none;
    position: relative;
    vertical-align: top;
    background-color: #FFFFFF;
    border: 0 solid #B8E986;
    border-radius: 2px;
    /* box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2) !important; */
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    height: 45px;
    outline: none;
    border: 1px solid #e9e9e9;
    font-weight: 300;
    margin-top: 12px;
    color: #000;
}

.width49.noicon:before{display: none;}
.width49.noicon input{padding-left: 0px;}

.width49 select{padding-left: 15px;}
.width49 textarea{padding-left: 15px;}
.width49.icon textarea{height: 120px; padding-top: 10px;}
 a.formsub, input.formsub{
    display: table; height: 48px; text-decoration: none;
    line-height: 48px; margin:  auto; padding: 0 50px;
    font-weight: 600; letter-spacing: 2px; transition: all 0.3s;
    background-color: #f58025; color: #fff; font-size: 16px; border: 2px solid #f58025;
    text-transform: uppercase; text-align: center; border-radius: 5px;
}
 a.formsub:hover, input.formsub:hover{background-color: #fff; color: #f58025;}
/*-------section4---------*/


/*footer*/
.footer{width: 100%; display: table; padding: 30px 0; 
    background-color: #0071c5;
    /*background-image: url('../images/mega-footer-bg.jpg');*/
    background-image: url('../images/map.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.home_addressleft {
    float: left;
    width: 32%;
    padding-right: 0px;
}

.home_addressleft ul {
    list-style-type: none;
}
.home_addressleft li {
    color: #333;
    display: block;
    float: left;
    font-size:15px;
    line-height:26px;
    margin: 2px 0;
    width: 100%;
}
.home_addressleft li p {
    color: #fff;
    float: right;
    font-size: 14px;
    line-height:26px;
    width: 85%;
    margin: 0px;
}
.home_addressleft li span {
    color: #003054;
    float: left;
    font-size: 24px;
    height:36px;
    text-align: center;
    width:40px;
}


.prodmenu{margin-top: 70px;}

.footer_menu
{
    float:left;
    width:25%;
    margin-bottom: 10px;
}
.footer_menu1{width: 15%;}
.footer_menu ul
{
    list-style-type:none;
    width:100%;
    float:left;
}
.footer_menu ul li
{
    width:100%;
    margin-bottom:5px;
    float:left;
    margin-right:20px;
    position: relative;
    line-height: 28px;
}
.footer_menu ul li a
{
    text-decoration:none;
    color:#fff;
    padding-left: 20px;
    position: relative;
    display: block;
    font-size: 14px;
    transition: all 0.3s;
}
.footer_menu ul li a:before
{
    position: absolute;
    left: 0px;
    top: 0px;
    color: #c4f1ff;
    font-size: 16px;
    content: "\f105";
    transition: all 0.3s;
    font-family: FontAwesome;
}
.footer_menu ul li a:hover
{
    color:#0195c5;
}
.footer_menu ul li a:hover:before{color:#0195c5;}
.footer_hd
{
    position: relative;
    color:#fff;
    font-size:21px;
    font-weight:600;
    margin-bottom:35px;
    text-transform: capitalize;
}
.footer_hd::before {
    width: 30px;
    height: 2px;
    background-color: #0195c5;
    content: "";
    position: absolute;
    left: 0%;
    bottom: -15px;
    z-index: 9;
}

.footer_social
{
    width:18%;
    float:right;
}
.footer_social ul {
    float: left;
    list-style-type: none;
    margin-bottom: 0;
        margin-top:5px;
    width: auto;
}
.footer_social ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.footer_social ul li a {
    background:#fff;
    border-radius: 100%;
    color: #2a2f33;
    display: table;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    outline: medium none;
    text-align: center;
    transition: all 0.3s;
    text-decoration: none;
    width: 36px;
}
.footer_social ul li a:hover {
    background: #0195c5 none repeat scroll 0 0;
    color: #fff;
}
.copy_right
{
    height: 65px;
    line-height: 65px;
    width: 100%;
    background-color: #e9e9e9;
    display: table;
    clear: both;
    padding: 0 30px;
}

.footer_social .form-control{margin-bottom: 10px; border-radius: 0px;}
.footer_social .btn{width: 100%; border-radius: 0px; text-transform: capitalize; background-color: #0195c5;
border: 0px; transition: all 0.3s;}
.footer_social .btn:hover{background-color: #006a8c;}

.ft_soc{clear: both; display: block;}
.ft_soc a{text-decoration: none; color: #fff; font-size: 23px; margin-right: 15px;
transition: all 0.3s;}
.ft_soc a:hover{color: #0195c5;}


.ft_qt{clear: both; width: 80%; margin: auto; display: table; text-align: center; margin-top: 15px;}
.ft_qt p{line-height: 21px; color: #b9eaff;}

a.ft_sub{clear: both; width: 100%; margin-top: 15px; background-color: transparent; 
    border-radius: 10px; color: #fff; text-decoration: none; padding: 10px; 
    display: inline-block; text-align: center;
    border: 2px solid #f58025; transition: all 0.3s; font-size: 15px;}
a.ft_sub:hover{background-color: #f58025;}
/*footer*/


/*meetteam*/
.meetteam{width: 100%; display: block; padding: 40px 0; background-color: #fff;}
.meetteam h2{
    font-size: 36px;
    line-height: 45px;
    color: #0071c5;
    text-align: center;
    margin-top: 0px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
}
.meetteam h2 span{font-weight: 300;}

.meetteam ul{list-style: none; padding: 0 100px;}
.meetteam ul li{text-align: center; transition: all 0.3s ease 0s; transition: all 0.3s;
padding: 5px;}
.meetteam ul li:hover{border-color: #555;}
.meetteam ul li .teambx{text-decoration: none; color: #0f1e2d; display: block; padding: 10px;
font-weight: 700; font-size: 18px; background-color: #fff; border: 1px solid #ccc; border-radius: 10px;}
.meetteam ul li a{text-decoration: none; color: #000;}
.meetteam ul li a img{display: inline-block; margin-bottom: 10px; max-width: 100%;}
.meetteam ul li a:hover{color: #555; transition: all 0.3s;}
.meetteam ul li a p{margin-top: 10px; font-size: 16px; line-height: 24px; padding: 0 10px;
height: 72px; overflow: hidden; color: #333; font-weight: 500;}
.meetteam ul li a p {
    height: auto;
    margin-bottom: 10px;
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.meetteam ul li a.lin{color: #fff; width: 40px; height: 40px; background-color: #0274b3;
display: table; text-align: center; line-height: 40px; margin: auto; border-radius: 20px;}
/*meetteam*/


/*clients*/
.clients{width: 100%; display: inline-block; padding: 40px 40px 60px; position: relative;
text-align: center; overflow: hidden;}
.clients ul{list-style: none;}
.main_serv1 li img{display: block; margin: auto; max-width: 80%;}
.clients .owl-dots{display: block !important; bottom: -40px;}
.clients .owl-nav{display: none !important;}
.clients .owl-theme .owl-dots .owl-dot span{background-color: #ccc !important;}
.clients .owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{background-color: #f58025 !important;}

.testimonials{padding: 40px 100px;}
.testimonials li{text-align: center; 
    color: #000; font-size: 18px; line-height: 32px;}
.testimonials li h3{color: #0071c5; margin: 0px; margin-top: 30px; font-weight: 400; 
font-style: normal; font-size: 21px;}
.testimonials li span{color: #f58025; font-size: 16px;}
.testimonials .img{width: 110px; padding: 8px; border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 100%; display: table; margin: auto;}
.testimonials .img img{width: 100%; border-radius: 100%; display: block;}
/*clients*/


a.worldofc{float: left; text-decoration: none; color: #fff; border: 1px solid #f58025;
    border-radius: 5px; background-color: #f58025; font-size: 14px; display: block; 
    padding: 7px 15px; text-transform: uppercase; transition: all 0.3s; font-weight: 600;}
a.worldofc:hover{background-color: transparent; color: #f58025;}


.contact_rt a.contact_anch{position: fixed; right: 0px; top: 55%; width: 110px; height: 75px;
background-color: #0071c5; border-radius: 5px 0 0 5px; text-align: center; color: #fff;
display: block; z-index: 9; transition: all 0.3s; outline: 0px;} 
.contact_rt a.contact_anch:hover{background-color: #00497f;}
.contact_rt a.contact_anch img{margin-top: 15px;}
.contact_rt a.contact_anch{text-decoration: none; color: #fff;}

.contact_rt a.contact_anch1{position: fixed; right: 0px; top: 40%; width: 110px; height: 75px;
background-color: #f27b21; border-radius: 5px 0 0 5px; text-align: center; color: #000;
display: block; z-index: 9; transition: all 0.3s; outline: 0px; line-height: 16px;} 
.contact_rt a.contact_anch1:hover{background-color: #cb5e0c;}
.contact_rt a.contact_anch1 img{margin-top: 3px;}
.contact_rt a.contact_anch1{text-decoration: none; color: #000;}


.contact_open, .contact_open1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;  
  display: none;
}
.contact_bg, .contact_bg1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.1);
}
.contact_pop{
  width: 490px;
  background-color: #f1f1f1;
  min-height: 295px;
  right: -100%;
  border-left: 15px solid #0071c5; z-index: 9999;
  transition:ease all 0.4s;
  top: 30%;
  position: fixed;
  display: table;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
}
.contact_pop1{
  width: 360px;
  background-color: #fff;
  height: 100%;
  right: -100%;
  transition:ease all 0.4s;
  top: 0%;
  position: fixed;
  display: table;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
}
.cpop_cont{padding: 35px 0 35px 15px; width: 100%; display: table;}
.cpop_top{padding: 0 15px; width: 85%; text-align: center; font-size: 16px;}
.cpop_top span{color: #f38210; font-weight: 700; font-size: 18px; position: relative;}
.cpop_top span:before{
    position: absolute;
    left: -24px;
    bottom: -5px;
    content: "\f041";
    font-family: FontAwesome;
    color: #f38210;
    font-size: 28px;
}
.cnub{margin-top: 15px; font-size: 18px;}
.cnub b{font-size: 21px;}
.cbtm{font-size: 14px;}
.cbtm a{text-decoration: none; color: #0071c5;}
.width48{float: left; display: inline-block; width: 48%; padding-right: 15px;
text-align: center; margin-top: 35px;}
.cpopbtm a{text-decoration: none; color: #000; text-align: center; transition: all 0.3s;}
.cpopbtm a h4{margin: 5px 0;}
.cpopbtm a:hover h4{margin: 5px 0; color: #0071c5;}

.btn_close{position: absolute; right: 10px; top: 30px; width: 50px; text-align: center;}
.btn_close a{text-decoration: none; color: #000; position: relative; text-align: center;}
.btn_close a:before{
    position: absolute;
    left: 10px;
    top: -20px;
    content: "\f00d";
    font-family: FontAwesome;
    color: #0071c5;
    font-size: 16px;
}

.btn_close1 a { 
  color: #000;
  background-color: #f27b21;
  width: 50px;
  height: 50px;
  line-height: 50px;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    left: -30px;
    border-radius: 100%;
    text-decoration: none;
    top: 25px; z-index: 999999;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.btn_close1 a:hover { 
    background-color: #0071c5;
    cursor: pointer;
    color: #fff;
}
.contact_open1 h2{color: #f27b21; text-align: center; font-weight: 700; margin-top: 50px;
font-size: 24px;}
.contact_open1 h3{color: #f27b21; text-align: center; font-size: 18px; font-weight: 700;}
.contact_open1 form{padding: 20px;}
.contact_open1 input, .contact_open1 select{margin-bottom: 15px; border: 1px solid #ccc;}
.contact_open1 input.btn{width: 100%; display: block; background-color: #f27b21; 
    color: #fff; border: 0px; transition: all 0.3s;}
.contact_open1 input.btn:hover{background-color: #0071c5;}

.copy_left{float: left; display: inline-block;}
.copy_left p{float: left; font-size: 16px; font-weight: 600; padding-right: 15px; height: 65px;
line-height: 65px; margin: 0px;}
.copy_left a{text-decoration: none; color: #000; margin-right: 10px; float: left; 
    display: flex; height: 65px; line-height: 65px;}
.copy_left a img{width: 26px; display: block;}

.copy_rt{float: right; display: inline-block;}
.copy_rt a{text-decoration: none; color: #000; padding: 0 10px; font-size: 14px;
transition: all 0.3s;}
.copy_rt a:hover{color: #0071c5;}




/*page*/
.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}
.inner_banner img{
    width: 100%;
    display: block; 
}
.inner_banner_txt1{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: table;
    height: 50px;
    line-height: 50px;
    background-color: rgba(210, 210, 210, 0.5);
    color: #fff;
    font-size: 16px;
}

.inner_banner_txt1 ul{list-style: none; text-align: center;}
.inner_banner_txt1 ul li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font-weight: 400;
    color: #9ed6ff;    
}
.inner_banner_txt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 0px;   
}
.inner_banner_txt1 ul li:last-child:after{display: none;}
.inner_banner_txt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{color: #fff; position: absolute; width: 100%; text-align: center; 
    top: 190px; left: 0%; padding: 10px 35px; font-size: 38px; font-weight: 700;}
.inner_banner h1 span{color: #ff6600;}

.innerpg, .leadership{
    width: 100%;
    display: table;
    padding: 40px 0;
    background-color: #fff;
}
.innerpg h2 {
    color: #0071c5;
    width: 100%;
    float: left;
    padding: 10px 10px 10px 15px;
    border-radius: 3px;
    font-size: 26px;
    font-weight: 600;
    margin: 15px 0px 20px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    position: relative;
    border-left: 3px solid #f2830f;
    letter-spacing: 0px;
    background-color: #f2f2f2;
}
.innerpg p, .innerpg3 p{font-size: 18px; color: #000; line-height: 26px; }
.innerpg ol{list-style: circle; padding-left: 20px; margin: 30px 20px;}
.innerpg ol li{font-size: 18px; color: #b25b00; margin-bottom: 10px; font-style: italic;}
.innerpg ol li span{font-size: 21px; font-weight: 700;}
ul.innerul1 {
    float: left;
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
    width: 100%;
    padding-left: 0px;
}
ul.innerul1 li {
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 25%;
    text-align: center;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    font-size: 16px;
}
ul.innerul2 li {width: 33.33%}
.dashed-circle {
    width: 150px;
    height: 150px;
    border: 2px dotted #c5ced5;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120px;
    background-color: #fff;
    position: relative;
    z-index: 9;
    margin-bottom: 15px;
    background-color: #f2f2f2;
}
ul.innerul1 li p{
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
}
/*ul.innerul1 li::after {
    color: #3b7bc5;
    content: "\f0a4 ";
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}*/
.innerpg2{width: 100%; display: table; padding: 50px 0; 
background: radial-gradient(#004f8a 15%, transparent 16%) 0 0, 
              radial-gradient(#004f8a 15%, transparent 16%) 8px 8px, 
              radial-gradient(rgba(110,12,29,.1) 15%, transparent 20%) 0 1px, 
              radial-gradient(rgba(110,12,29,.1) 15%, transparent 20%) 8px 9px;
              background-color: #0071c5;
  background-size: 6.5px 6.5px;
  }
.innerpg2 h2{text-align: center; margin-top: 0px; color: #fff; font-weight: 700;
margin-bottom: 40px; font-size: 36px;}
.innerpg2 ul{list-style: none; padding: 0px; margin: 0px auto; width: 85%; display: table;}
.innerpg2 ul li {
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 50%;
    text-align: left;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    padding-left: 35px;
    font-size: 18px;
    padding-right: 15px;
    letter-spacing: 2px;
}
.innerpg2 ul li::after {
    content: " ";
    background-image: url('../images/speech_bubble.png');
    background-repeat: no-repeat; 
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 14px;
    height: 18px;
    background-size: 14px;
}
.innerpg3{
    background-color: #f4f4f4;
    width: 100%;
    display: table;
    padding: 40px;
    position: relative;
}
.innerpg3 h2 {
    color: #0071c5;
    width: 100%;
    float: left;
    padding: 10px 10px 10px 15px;
    border-radius: 3px;
    font-size: 22px;
    font-weight: 600;
    margin: 15px 0px 20px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    position: relative;
    border-left: 3px solid #f2830f;
    letter-spacing: 0px;
}
.innerpg3 ul{list-style: none; padding-left: 20px; margin: 0px; width: 100%;}
.innerpg3 ul li{
    float: left;
    margin-bottom: 15px;
    padding-left: 35px;
    position: relative;
    width: 100%;
    text-align: left;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    font-size: 18px;
}
.innerpg3 ul li:after {
    color: #0071c5;
    content: "\f0a4 ";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    position: absolute;
    top: 0;
}



/*------------team------------*/
.team1{
    clear: both;
    width: 100%;
    display: table;
    padding: 20px 0;
}
.team1 ul{
    list-style: none;
    width: 100%;
    display: table;
}
.team1 ul li{
    width: 100%;
    display: table;
    border-bottom: 1px dashed #ccc;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.team1 ul li:last-child{border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}

.t_img{
    float: left;
    display: inline-block;
    width: 20%;
    position: relative;
     
}
.t_img img{
    width: 100%;
    display: block;
   transition: all 1s ease 0s;
   /*! -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.team1 ul li .t_cont{
    float: left;
    display: inline-block;
    width: 80%;
    padding-left: 5%;
}
.t_hd1{
    color: #0071c5;
    display: flex;
    font-size: 26px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    font-weight: 700;
}
.t_desg1{
    color: #f27b21;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
}
.t_cont p{
    color: #000;
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: justify;
    width: 100%;
}
.t_cont a{padding: 7px 20px; border: 1px solid #0071c5; margin-top: 20px;
border-radius: 30px; font-size: 14px; font-weight: 600; color: #fff; 
background-color: #0071c5; position: relative; display: table;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{
    background-color: #0071c5 !important;
    border-color: #0071c5 !important;
}
/*------------team_end------------*/




/*contactus*/
.contactpg{padding: 40px 0; width: 100%; background-color: #fff;}
.corp_add p i, .resp-tabs-container p i {
    color: #f27b21;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-right: 15px;
    border: 1px solid #f27b21;
    border-radius: 100%;
    line-height: 30px;
    display: inline-block;
}
.resp-tabs-container iframe {
    width: 100%;
    display: block;
    border: 0px;
    height: 270px;
}
/*contactus*/


/*blogin1*/
.blogin1{float: left; display: inline-block; width: 70%; clear: none;}
.news_right{
    float: right;
    display: inline-block;
    width: 28%;
    min-height: 200px;
    position: relative;
    background-color: #323232;
    padding: 21px;
}
.news_hd1 {
    color: #fff;
    font-size: 21px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.25);
}
.news_right a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 30px;
}
.news_right a:after {
    color: #ccc;
    content: "\f0a4 ";
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
}
.news_right a:hover{color: #7daee9;}

/*blogin1*/

ul.nolinks{width: 100%;}
ul.nolinks li{padding-left: 0px;}
ul.nolinks li:after{display: none;}

ul.salesul1{list-style: none; width: 100%;}
ul.salesul1 li{float: left; width: 50%; text-align: center; padding-left: 0px;}
ul.salesul1 li:after{display: none;}
ul.salesul1 li div{
    width: 150px;
    height: 150px;
    border: 2px dotted #c5ced5;
    border-radius: 50%;
    display: table;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85px;
    background-color: #fff;
    position: relative;
    z-index: 9;
    background-color: #fff;
    margin: auto;
    line-height: 150px;
}
ul.salesul1 li div img{width: 75px;}

.salwwo{width: 100%; display: table; padding: 40px 0 0; background-color: #f4f4f4;}
.salwwo h2{
    font-size: 36px;
    line-height: 45px;
    color: #0071c5;
    text-align: center;
    margin-top: 0px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
}
.salwwo ul.innerul1 li{width: 20%;}
.salwwo ul.innerul1 li .dashed-circle{background-color: #fff;}
.salwwo ul.innerul1 li p{margin-top: 15px;}


.sollinks{width: 100%; clear: both; height: 50px; line-height: 50px; padding: 0 35px;
background-color: #667681;}
.sollinks ul{list-style: none; width: 100%; display: block;}
.sollinks ul li{float: left; display: inline-block;}
.sollinks ul li a{text-decoration: none; color: #fff; height: 50px; line-height: 50px;
font-size: 14px; transition: all 0.3s; padding: 0 10px; display: block;}
.sollinks ul li a:hover, .sollinks ul li a.active{background-color: #fff; color: #0071c5;}


.menu1{position: fixed; right: 30px; top: 0px; z-index: 999; display: none;}
.menu1 .menuicon1{position: relative; z-index: 999;
   padding: 0 15px;
  text-decoration: none;
  color: #2b2a29;
  display: block;
  font-size: 16px;
  display: block;
  outline: 0px;
  transition: all 0.3s;
}
.cart1 span{float: left;}
.bars-wrap {
    display: inline-block;
    margin-left:15px;
    position: relative;
    overflow: visible;
    top: 3px;
}
.icon-bar {
    transition: all 0.4s ease;
    width: 25px;
    background: #f4820f;
    height: 3px;
    position: relative;
    top: 8px;
    transition: width .2s ease-out;
    clear: both;
    margin-bottom: 4px;
}
.icon-bar:first-child {width:65%;}
.icon-bar:last-child {width:85%;}

.menu1 .menuicon1:hover .icon-bar:first-child,
.menu1 .menuicon1:hover .icon-bar:last-child{width: 100%;}

.cart_open{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;  
  display: none;
}
.cartbg1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
.cart_bx1{
  width: 90%;
  background-color: #fff;
  height: 100%;
  right: -100%;
  transition:ease all 0.4s;
  top: 0px;
  position: fixed;
  display: block;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
  overflow-y:  auto;
}
.left1{right: 280px; z-index: 9999999; transition:ease all 0.8s}
.menu2{
  right: 280px;  
  position: fixed;
  transition:ease all 0.6s;
  top: 0px;
  z-index: 999999;
}
.menu2:before{border-top: 100px solid rgba(255, 255, 255, 1);}
.cart_bx1 ul{list-style: none; width: 100%; margin: 0px; padding: 0px; height: 100%; 
    vertical-align: middle; padding-top: 10px; text-align: right;}
.cart_bx1 ul li{float: none; width: 100%; display: block; clear: both;}
.cart_bx1 ul li a{text-decoration: none; color: #2b2a29; font-weight: 400; font-size: 14px; 
    display: block; padding: 10px 15px; text-transform: uppercase; 
    transition: all 0.3s ease 0s; text-align: center; outline: none;}
.cart_bx1 ul li a:hover, .cart_bx1 ul li a.active{color: #2e3192;}

a.closebtn{
        width: 100%;
    display: block;
    height: 42px;
    background-color: #0071c5;
    text-decoration: none;
    line-height: 42px;
    color: #000;
    font-size: 16px;
    padding: 0 25px;
    margin-bottom: 20px;
}

.t_social{
    clear: both;
    display: table;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.t_social a{
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 0px 0px 5px #888888;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
}
.t_social a i{
    
}
.t_social a.tfb{
    background-color: #3c5b9b; 
}
.t_social a.tfb:hover{color: #3c5b9b; background-color: #fff; }
.t_social a.ttwit{
    background-color: #2daae1;
}
.t_social a.ttwit:hover{color: #2daae1; background-color: #fff; }
.t_social a.tlin{
    background-color: #0173b2;
}
.t_social a.tlin:hover{color: #0173b2; background-color: #fff; }


.innerbanner_vd{position: absolute; right: 50px; top: 135px;}
.innerbanner_vd iframe{width: 300px; height: 200px; display: block; border: 2px solid #0071c5;}

/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    .top_nav{padding: 0px;}
    .top_section1{height: auto;}
    .header_right{padding: 0 20px;}
    .menu1{display: block; top: 50px; right: 5px;}
    .menu, .top_nav ul.top_ul1, a.emplogin1, .top_left{display: none;}
    .main_banner{margin-top: 100px;}
    audio, canvas, video{display: block !important;}
    .banner_txt{width: 100%; top: 30px !important; padding: 0px 10% !important;}
    .banner_hd{width: 100%; height: 100%; border-radius: 0px; margin: 0px;}
    .banner_txt img{width: 50px;}
    .banner_hd{font-size: 18px; line-height: normal;}
    a.scroll-down-link{display: none;}
    .sec4bx1{width: 100%; clear: both; text-align: left; border-left: 0px; margin-bottom: 30px;}
    .funfact-count h3, .funfact-count h2{font-size: 14px;}
    .funfact-count h2 span{font-size: 21px;}
    .section3 h2, .clients h2{font-size: 18px; line-height: 32px; margin-bottom: 10px;}
    .section3 ul{margin-top: 0px; padding: 0 15%;}
    .section1 p, p.sec3cont{padding: 0px; width: 100%; font-size: 16px; line-height: 24px;}
    .section3 ul li{width: 100%; clear: both; margin: 0px 0px 20px;}
    .section3 ul.mtopul1{margin-top: 0px;}
    .section3 ul li a{padding: 0px;}
    .contact_rt a.contact_anch{padding: 0px;}
    .testimonials{padding: 20px;}
    .testimonials li{font-size: 14px; line-height: 21px;}
    .section4 form{width: 100%; clear: both;}
    .section4 h4{font-size: 18px;}
    .section4 h2{font-size: 24px;}

    .footer{width: 100%; display: block;}
    .width49{clear: both; width: 100%;}
    .home_addressleft, .footer_menu1, .footer_menu, .footer_social{width: 100%; 
        clear: both; margin-bottom: 20px;}
    .copy_right{line-height: normal; padding: 0 10px;}
    .copy_left a{margin-right: 2px;}

    .contact_pop{width: 96%; border-left: 5px solid #0071c5;}
    .cpop_top{width: 100%;}
    .cpop_top{font-size: 12px;}
    .cnub b{font-size: 18px;}

    .inner_banner{margin-top: 100px;}
    .inner_banner_txt1{display: none;}



    .t_hd1{font-size: 18px; margin-bottom: 0px;}
    .blogin1 .t_hd1{font-size: 18px !important;}
    .t_desg1{font-size: 14px; margin-bottom: 0px;}
    .t_cont p{font-size: 14px; line-height: 21px;}

    .innerpg h2{font-size: 16px;}
    .innerpg p, .innerpg3 p{font-size: 14px; line-height: 21px;}
    .section1{padding: 20px;}
    .section1 h2{font-size: 16px !important; line-height: 24px;}

    ul.innerul1 li{width: 100%; clear: both;}
    a.formsub, input.formsub{height: auto; line-height: normal; font-size: 14px;
        letter-spacing: 0px; padding: 15px;}

    .news_right, .blogin1{clear: both; width: 100%; float: none;}
    .contactpg p{font-size: 14px;}
    .sollinks{display: none;}
    .innerpg2 h2, .innerpg3 h2, .innerpg4 h2, .salwwo h2{font-size: 18px !important; 
        line-height: 26px !important; margin-bottom: 15px;}
    ul.nolinks li, .innerpg3 ul li, .innerpg4 ul li{width: 100%; clear: both; 
        font-size: 14px !important; letter-spacing: 0px;}
    .innerpg3{padding: 20px 10px;}
    ul.salesul1 li, .salwwo ul.innerul1 li, .innerpg2 ul li{width: 100%; float: none; clear: both; font-size: 14px; line-height: 18px;}
    .contact_pop1{width: 85%;}
    .innerpg4 p, .innerpg3 p{font-size: 14px !important; line-height: 21px !important;}
    .innerbanner_vd{position: relative; top: auto; right: auto;}
    .innerbanner_vd iframe{width: 100%; display: block; height: 200px;}

}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
    
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 480px) and (max-width : 768px)
{
    
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 760px) and (max-width : 960px)
{
    .sec4bx1{clear: none; text-align: center; margin: 0px;}
    .funfact-img{margin-bottom: 10px;}
    .funfact-count h3, .funfact-count h2{text-align: center;}
    .section3 ul li{width: 48%; margin: 1%; float: left; clear: none;}
    .section3 ul{clear: none; display: block; width: auto;}
    ul.innerul1 li, ul.salesul1 li, .salwwo ul.innerul1 li, .innerpg2 ul li{float: left; clear: none; width: 50%;}
}
@media only screen and (min-width : 961px) and (max-width : 1240px)
{
    .container{width: 100%; display: block;}
    .top_section1{height: auto;}
    .header_right, .top_nav{padding: 0 10px;}
    .top_nav{padding: 5px 10px;}
    audio, canvas, video{display: block !important;}
    .funfact-count h3, .funfact-count h2{text-align: center;}
    .funfact-img{display: block; margin-bottom: 15px;}
    .section3 ul.mtopul1{margin-top: -60px;}
    .inner_banner h1{top: 75px;}
    .sollinks ul li a{font-size: 12px;}
    ul.innerul1 li p{font-size: 14px;}
}

@media only screen and (min-width : 960px) and (max-width : 1200px)
{
    
}
@media only screen and (min-width : 1200px) and (max-width : 1366px)
{
    
}

.post-slide{
    padding:0 15px 20px 15px;
}

.post-img > img{
    width: 100%;
    height: auto;
}
.post-slide .post-title{
    margin: 10px 0 12px 0;
    border-bottom: 1px solid  #E4E4E4;
    padding-bottom: 10px;
    position: relative;
}
.post-slide .post-title:after{
    content: "";
    border:1px solid #dc005a;
    display: inline-block;
    width: 35px;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.post-slide .post-title > a{
    color:#333333;
    font-weight: 700;
    text-transform: capitalize;
}
.post-slide .post-title > a:hover{
    text-decoration: none;
}
.post-slide .post-description{
    color:#555555;
    font-size: 14px;
    line-height: 22px;
}
.post-slide:hover  .post-img > img{
    opacity: 0.5;
    transition:0.3s ease;
}
.post-slide:hover .post-title > a{
    color:#7a4b94;
    transition:0.3s ease;
}
.owl-buttons{
        position: absolute;
         top: -53%;
    right: 1.5%;
}
.owl-theme .owl-controls .owl-buttons div{
        color: #FFF;
    display: inline;
    margin: 5px;
    padding: 0px 12px!important;
    font-size: 10px;

  
     border-radius: 0px!important; 
 
    background: #777!important;
}

.owl-prev:after,
.owl-next:after{
    font-family: "FontAwesome"; font-weight: 900;
    content: "\f104";
    font-size: 20px;
}
.owl-next:after{
    content: "\f105";
}
@media screen and (max-width:767px){
    .owl-buttons {
        display: none;
    }
}
@media screen and (max-width:480px){
    .post-slide{
        padding-left: 0;
        padding-right: 0;
    }
}
.section33 {
    background-color: #fff;
    padding: 50px 0;
}
.section33 ul {
    list-style: none;
    width: 100%;
    clear: both;
    display: inline-block;
    margin-top: 20px;
}
.alliances {
    list-style: none;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.section33 ul li {
    display: inline-block;
    width: 20%;
    text-align: center;
    float: left;
}
.product-offerings li {
    list-style: none;
        width: 23.7%!important;
    float: left !important;
    padding: 25px !important;
}
.alliances li {
    width: 20%;
    float: left;
    padding: 25px;
    text-align: center !important;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.section33 ul li img {
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
    transition: all 0.3s ease 0s;
    width: 70%;
    display: inline-block;
}
.alliances li img {
    display: inline-block;
    max-width: 100%;
    /* height: 100px; */
    filter: grayscale(1);
    transition: all .5s;
}
.alliances li:hover img {
    filter: grayscale(0);
    transition: all .5s;
}

.box{
    font-family: 'KoHo', sans-serif;
    text-align: center;
    border: 3px solid var(--main-color);
    overflow: hidden;
    perspective: 800px;
    position: relative;
}
.box:before{
    content: '';
    background-color: var(--main-color);
    background-image:
        linear-gradient(45deg, rgba(255,255,255,0.3) 25%, transparent 26%, transparent 74%, rgba(255,255,255,0.5) 75%),
        linear-gradient(-45deg, rgba(255,255,255,0.3) 25%, transparent 26%, transparent 74%, rgba(255,255,255,0.5) 75%);
    background-size: 30px 30px;
    height: 100%;
    width: 100%;
    transform: rotateX(-90deg);
    transform-origin: center bottom;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: all 0.5s;
}
.box:hover:before{
    opacity: 0.5;
    transform: rotateX(0);
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    color: var(--main-color);
    background-color: #fff;
    width: 60%;
    padding: 15px 10px 10px;
    border: 5px solid var(--main-color);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    opacity: 0;
    transform: translatex(-50%) translateY(-50%) scale(1.3);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transition: all 0.3s ease 0.2s;
        background-color: #fff;
    color:#0071c5;
}
.box:hover .box-content{
    opacity: 1;
    transform: translatex(-50%) translateY(-50%) scale(1);
}
.box .title{
   font-size: 16px;
    /* font-weight: 600; */
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px;
}
.box .post{
    font-size:14px;
    margin: 0 0 7px;
    display: block;
}
.box .icon{
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    color: #fff;
    background-color: var(--main-color);
    font-size: 20px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    margin: 0 5px;
    border-radius: 5px 20px 5px;
    display: block;
    transition: all 0.3s;
}
.box .icon li a:hover{
    color: var(--main-color);
    background-color: #fff;
    box-shadow: 0 0 15px var(--main-color);
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
    .box .title{ font-size: 20px; }
}

.job-title{
        font-size: 16px!important;
    color: #0071c5 !important;
    font-weight: 600!important;
    padding: 0px!important;
    margin: 0px!important;
}
.job-info{
       padding-top: 7px;
       padding-left: 6px;
       padding-right: 6px;
}
.mb-20{
    margin-bottom: 20px;
}
.contact-section {
    position: relative;
    padding: 80px 0px 50px;
}
.contact-adrss-block {
    margin: 0px auto;
    background: #fff;
    box-shadow: 0 2px 10px -3px #b4d6f6;
    border: 1px solid #ddd;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.adress-block {
    padding-top: 20px;
}
.contact-section h2 {
    position: relative;
    color: #0071c5;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}
.adress-block p {
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    padding-bottom: 15px;
}
.adress-block p img {
    width: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    margin: 0;
}