body{margin:0px;}






.sidenav {
    height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: auto;
background-color: #111;
overflow-x: hidden;
padding-top: 40px;
transition: 0.5s;
font-family: 'Roboto-Regular';
font-size: 15px;
right: 0;

}


/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    
    color: white;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #ed1c24;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 12px;}
}




.banner{width: 100%;
display: inline-block;
background-image: url("../img/banner.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;min-height: 800px;
position:relative;
}
.bannerimg{width:100%;position:absolute;}
.bannerimg img{width:100%;}
.header{width:100%;position:relative;padding-top:20px;}
.logo{float:left;}
.menunav{float:right;}
.header.fixed {
    position: fixed;
    width: 100%;
    display: inline-block;
		left: 0;
	background-color: black;
padding-bottom: 23px;
z-index: 11111111;

}
.caption{width:100%;text-align:center;/* position:relative;margin-top: 15%; */position: absolute;
    /* margin-top: 15%; */
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;}
.caption h1{color: white;font-family: 'Roboto-Bold';font-size: 40px;}
.line{width:498px;height:3px;background-color:#ed1c24;margin:auto;}
.caption h5{color: white;font-family: 'Roboto-Light';font-size: 18px;margin-top:22px;}
.indicator{margin:auto;position:absolute;transform: translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);top:85%;left:50%;/* margin-left:50%;margin-top: 15%;padding-bottom: 87px; */}
.icon{/* position:relative; */float:right;/* margin-top: -9%; */    position: absolute;
    float: right;
    /* margin-top: -9%; */
    transform: translate(-39%,380%);
    -webkit-transform:translate(-39%,380%);
    -ms-transform: translate(-39%,380%);
        top: 50%;
    left: 97%;}
.icon .img-responsive {margin-top: 5px;}
.icon .img-responsive:hover{opacity:0.5;}
.banner .container {position: relative;}

#about{width:100%;text-align:center;padding-bottom:60px;padding-top:40px;}
#about h3{color:#ed1c24;font-family: 'Roboto-Bold';font-size: 30px; margin-bottom:60px;}
span{color:black}
.aboutimg{float:left;width:100%;position:relative;}
.aboutimg img{position:relative;z-index:1111111;}
.aboutwrite{width:100%;text-align:left;padding-top: 14%;padding-left: 35px;}
.aboutwrite h5{color:#777777;font-family: 'Roboto-Regular';font-size: 15px;line-height:30px;}
.aboutwrite h4{color:#777777;font-family: 'Roboto-Regular';font-size: 15px;line-height:30px;}



#laptop{width:100%;padding-bottom:60px;padding-top:60px;background-image: linear-gradient(left, #e6e6e6 30%, #ef3038 30%);
background-image: -o-linear-gradient(left, #e6e6e6 30%, #ef3038 30%);
background-image: -moz-linear-gradient(left, #e6e6e6 30%, #ef3038 30%);
background-image: -webkit-linear-gradient(left, #e6e6e6 30%, #ef3038 30%);
background-image: -ms-linear-gradient(left, #e6e6e6 30%, #ef3038 30%);}
.laptopimg{float:left;width:100%;}
.laptopwrite{width:100%;text-align:left;}
.laptopwrite h3{color:white;font-family: 'Roboto-Black';font-size: 30px;}
.laptopwrite h4{color:white;font-family: 'Roboto-Bold';font-size: 14px;line-height:30px;margin-top:20px;}




#solution{width:100%;text-align:center;padding-bottom:60px;padding-top:60px;}
#solution h1{color:#ed1c24;font-family: 'Roboto-Bold';font-size: 30px; }
#solution h2{color: BLACK;font-family: 'Roboto-Light';font-size: 15px;}
span{color:black}
.solution1{width:100%;text-align:center;margin-top:40px;}
.number{background-color:#e6e6e6;border-radius: 50%;width: 30px;height: 30px;margin: 0 auto;}
.number h4{color:#ed1c24;font-family: 'Roboto-Black';font-size: 15px;padding-top: 5px;}
.image{margin: 0 auto;margin-top: 20px;}
.solution1 h3{color:black;font-family: 'Roboto-medium';font-size: 20px;}
.solution1 h5{color:#777777;font-family: 'Roboto-Regular';font-size: 15px;line-height:26px;}





#describe{width:100%;padding-bottom:70px;padding-top:70px;background-image: url("../img/awardback.jpg");background-repeat:no-repeat;
	background-size:cover;}
.description1{width:254px;height:185px;border:1px solid #ed1c24;text-align:center;float:left;}
.img{margin: 0 auto;margin-top:20px;}
.description1 h1{color:#ef3038;font-family: 'Roboto-Bold';font-size: 40px;}
.description1 h6{color:white;font-family: 'Roboto-Light';font-size: 18px;}



#clientsay{width:100%;text-align:center;padding-bottom:60px;padding-top:60px;}
#clientsay h3{color:#ed1c24;font-family: 'Roboto-Bold';font-size: 30px; }
#clientsay h5{color: BLACK;font-family: 'Roboto-Light';font-size: 15px;padding-bottom:30px;}
#clientsay h4{color: #777777;font-family: 'Roboto-Regular';font-size: 18px;line-height:30px;font-style: italic;width: 75%;
    margin: 0 auto;}
#clientsay h6{color: #777777;font-family: 'Roboto-medium';font-size: 12px;margin-top: 30px;}

.fa.fa-quote-left {float: left;font-size: 30px;color: #ef3038;}




#footer{width:100%;text-align:center;padding-bottom:30px;padding-top:60px;background-color:#111111;}
#footer h5{color: rgba(255, 255, 255, 0.72);font-family: 'Roboto-Regular';font-size: 15px;line-height:20px;margin-top: 22px;}
.fa.fa-map-marker { padding-right: 15px;}
.footericon {/* margin-left: 46%; */margin-top: 22px;display:flex;justify-content:center;align-items:center;}
.footericon .img-responsive {float: left;padding-left: 10px;}
.menu{width:100%;/* padding-left: 35%; */display:flex;justify-content:center;align-items:center;color: white;font-family: 'Roboto-Regular';font-size: 15px;margin-top: 0px;}
.menu ul{list-style: none;padding:0;}
.menu ul li{float:left;padding-left: 14px;}
.menu ul a {color: rgba(255, 255, 255, 0.72);}

.border{width:100%;height:1px;background-color:rgba(255, 255, 255, 0.63);margin-top: 35px;margin-bottom: 25px;}
#footer h6{color: white;font-family: 'Roboto-Regular';font-size: 15px;}







.header.fixed .menunav {
    position: relative;
    top: 15px;
}


/*******work******/
.work {padding:60px 0;background:#f2f2f2;}
.innerbanner {
    width: 100%;
    display: inline-block;
    background-image: url(../img/innerbanner.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 500px;
    position: relative;
}
.innerpagecaption {
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.innerpagecaption h1{font-size:50px;color:white;font-family: 'Roboto-Light';text-transform:uppercase;}
.work .workin{position:relative;margin-bottom:30px;    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;cursor:pointer;}
.work .workin img{width:100%;}
.work .workin .workhover{background:rgba(0, 0, 0, 0.78);position:absolute;width:100%;height:100%;top:0;padding:10px 20px 20px;opacity:0;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;}
.work .workin:hover .workhover{opacity:1;-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;}
.work .workin .workhover h4{color:#fff;font-family: 'Roboto-medium';font-size:17px;}
.work .workin .workhover p{color:rgba(255, 255, 255, 0.72);font-family: 'Roboto-Light';font-size:15px;}
.work .workin .workhover a.fonts{position:absolute;bottom:20px;color:rgba(255, 255, 255, 0.72);outline:none;}
.work .nav-tabs > li > a{color: #777777;font-family: 'Roboto-medium';border-radius: 0;font-size: 16px;}
.work .nav-tabs{border-bottom:none;margin: 0 auto;display: flex;justify-content: center;}
.work .tab-content {margin-top: 50px;}
.work .nav-tabs > li.active > a, .work .nav-tabs > li.active > a:hover, .work .nav-tabs > li.active > a:focus{border: 1px solid #000;
	color:#ed1c24;background:none;}
.nav-tabs > li > a:hover, .nav > li > a:hover, .nav > li > a:focus{background:none;border:1px solid #000;color:#ed1c24;outline:none;}
.work .nav > li > a{    padding: 12px 25px;outline:none;}
.work .nav > li{margin-left:5px;}

.aboutimg:before {
    width: 100%;
    height: 110%;
    border: 2px solid #ef3038;
    content: '';
    display: inline-block;
    position: absolute;
    left: -60px;
    top: -30px;
}
.solution1 i.fa {color: #ef3038;font-size: 60px;}
#clientsay img{}
#clientsay  .bx-wrapper .bx-viewport{box-shadow:none;border:0;left:0; height: !important;}
#clientsay { position: relative; }
#clientsay ul { margin:0; padding:0;list-style-type:none;}
#clientsay .bx-wrapper .bx-prev { left:0px;  background: transparent url(../img/arrowPrev.html) no-repeat scroll 0px 0px; }
#clientsay .bx-wrapper .bx-next { right:0px;  background: transparent url(../img/arrowNext.html) no-repeat scroll 0px 0px;}
#clientsay .bx-wrapper .bx-controls-direction a { width:48px; height:48px; top:50%;z-index: 0;}
#footer h6 a {color: #ed1c24;}
.footericon img:hover {
    opacity: 0.5;
}

/* ----- owl ----- */
.owl-carousel.owl-theme { width: 100%; position: relative; }
.owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index: 9; }
.owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); /* width: 100% !important;*/ }
.owl-item { float: left; position: relative; margin-bottom:0px;text-align: center; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	display: block !important;}
.owl-controls { -moz-user-select: none; }
.owl-pagination{display:block !important;}
.owl-buttons { position: absolute;top: -50px; width: 100%;display:none;-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
   transition: all 1s ease;}
#describe:hover .owl-buttons{display:block;}
#describe{width:100%;text-align:center;padding-bottom:60px;padding-top:60px;}
#describe h1{color:#ed1c24;font-family: 'Roboto-Bold';font-size: 30px; }
#describe h5{color: #FFFFFFF;font-family: 'Roboto-Light';font-size: 15px;padding-bottom:30px;}
#describe h4{color: #777777;font-family: 'Roboto-Regular';font-size: 18px;line-height:30px;font-style: italic;width: 75%;
    margin: 0 auto;}
#describe h6{color: #777777;font-family: 'Roboto-medium';font-size: 12px;margin-top: 30px;}
.owl-prev { background: transparent url("../img/leftArrow.png") no-repeat scroll 0% 0%; text-indent: -99999px; cursor: pointer;width: 28px;height: 28px; float: left;position: absolute;
/*right: 33px; top: 160px;*/ z-index: 100;left: auto;right: 70px;}
.owl-next { float: right; background: transparent url("../img/rightArrow.png") no-repeat scroll 0% 0%; text-indent: -99999px; cursor: pointer;width: 28px;height: 28px; /*top: 160px;	 */ z-index: 100;right: 25px;position: absolute;}