/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Bold.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Regular.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Roboto-Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Roboto-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Roboto-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Roboto-Light.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
body{
	background-color: #fff;
	overflow-x: hidden;
}
/*---------------Helping css class-----------------------*/
.img-center{
	margin: 0 auto;
	display: block;
	clear: both;
}
.removing-padding-left{
	padding-left: 0;
}
.removing-padding-right{
	padding-right: 0;
}
.text-red{
	color: #f0af57;
}
/*--------------Header css------------------------------*/
header{
	margin-left: 0px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.header-logo ul li{
	display: inline-block;
	margin-top: 10px;
	padding-left: 0px;
}
.header-logo ul li a{
	font-size: 13px;
	font-family: "Roboto-Regular";
	color: rgb(115, 115, 115);
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.header-logo ul li:hover a{
	color: #f0af57;
}
.header-logo ul{
	margin-right: 20px;
}

header {
	position: relative;
	box-shadow: -3.355px 4.974px 11px 0px rgba(34, 34, 35, 0.29);
}

header a .ask-qstn {
position: absolute;
right: 30px;
   top: 18px;
width: 100px;
text-align: center;
font-family: "Roboto-Regular";
font-size: 19px;
color: #fff;
text-decoration: none;
}

.header-logo a.main-logo {
	display: inline-block;
}

header:before {
	background: #083b66;
    position: absolute;
    content: " ";
    width: 20%;
    height: 93px;
    right: 0;
}
header .navbar-default{
	background-color: transparent;
    border: none;
	margin-bottom: 0;
	margin-top: -50px;
	margin-left: 250px;
    margin-right: 200px;
}
header .navbar-default ul{
	margin-right: 5px;
}
header .navbar-default .navbar-nav>li>a {
    font-size: 17px;
	font-family: "Roboto-Bold";
	color: #083866;
	text-decoration: none;
}
.navbar-nav .dropdown:hover .dropdown-menu{
	display: block;
}
header .navbar-nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
header .navbar-nav .dropdown-menu>li>a {
    display: block;
    padding: 7px 20px;
    clear: both;
	font-size: 17px;
	font-family: "Roboto-Bold";
	color: #d41f30;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
.dropdown-menu li{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.navbar-nav .dropdown-menu>li>a:focus, .navbar-nav .dropdown-menu>li>a:hover {
    color: #1b232b;
    text-decoration: none;
    background-color: transparent;
}
.navbar-default .navbar-toggle:hover{background-color:transparent;}
.navbar-default .navbar-toggle:focus{background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color:#d41f30;;}
.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
	  -webkit-transition: all 500ms ease-in-out;
	  -moz-transition: all 500ms ease-in-out;
	  -o-transition: all 500ms ease-in-out;
}
.navbar-toggle.active .icon-bar.one {
	  top: 6px;
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);	  
}
.navbar-toggle.active .icon-bar.two {
	  background-color: transparent;
}
.navbar-toggle.active .icon-bar.three {
	  top: -6px;
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);	 
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 0px;
}
.navbar-default .navbar-nav li{
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #dd9f4a;
    background-color: transparent;
	border-bottom: 3px solid;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #1b242b;
    background-color: transparent;
	border-bottom: 3px solid;
}
.navbar-nav li .dropdown-menu li a{
	color: #737373;
	font-family: 'Roboto-Regular';
	font-size: 15px;
}
.navbar-nav li .dropdown-menu li:hover a{
	color: #d22030;
	background-color:#f2f0f1;
}


/*--------------------------------carousel css---------------------------- */
#carousel-example-generic{
	/*margin-top: 83px;*/

}
.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
    background-image: none;
}
.carousel-control .fa-chevron-left, 
.carousel-control .fa-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    margin-top: -10px;
    font-size: 20px;
}
.carousel-control {
	opacity: 1;
}
.carousel-caption h2{
	font-size: 50px;
	font-family: "Roboto-Light";
	color: #ffffff;
	text-shadow: none;
}
.carousel-caption span{
	font-family: "Roboto-Bold";
}
.carousel-caption p{
	font-size: 21px;
	font-family: "Roboto-Light";
	color: rgb(27, 35, 43);
	margin-bottom: 40px;
	text-shadow: none;
}
.carousel-caption .btn{
	font-size: 12px;
	font-family: "Roboto-Regular";
	color: rgb(27, 35, 43);
	border: 1px solid rgb(27, 35, 43) ;
	border-radius: 5px;
	width: 119px;
	height: 34px;
	display: block;
    margin: 0 auto;
	background-color: transparent;
	padding: 8px 12px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.carousel-caption .btn:hover,
.carousel-caption .btn:focus{
	color: #fff;
	background-color: #d41f30;
	border: 0;
}
.carousel-caption {
    right: 0;
    left: 0;
    padding-bottom: 30px;
	top: 200px;
}
.carousel-control .arrow-left, .carousel-control .icon-prev {
    left: 50%;
}
.carousel-control .arrow-left, .carousel-control .arrow-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
/*----------------------------------Energy section css-------------------------------*/
.energy-container .energy-details h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	margin-top: 50px;
}
.energy-container .energy-details p{
	font-size: 17px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	line-height: 1.368;
	margin-top: 25px;
    margin-bottom: 30px;
}
.energy-container .energy-details .btn{
	font-size: 12px;
	font-family: "Roboto-Regular";
	color: rgb(212, 31, 48);
	border: 1px solid rgb(212, 31, 48);
	border-radius: 5px;
	background-color: transparent;
	padding: 8px 12px;
	width: 116px;
	height: 33px;
	margin-bottom: 75px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.energy-details .btn:hover,
.energy-details .btn:focus{
	background-color: rgb(212, 31, 48);
	color: #fff;
}

.energy-container{
	margin-top: -1px;
}
.red-border{
	position: relative;
	top: -12px;
}


/*----------------------------------what we do section css-------------------------------*/
.what-we-do-container{
	background-color: #083b66;
	
}

.what-we-do-container .info-box {
	background-color: #ffffff;
       padding: 30px 10px;
       height: 165px;
}

.what-we-do-container .info {
	padding-left: 50px;
}

.what-we-do-container .info-box img {
	    float: left;
}
.what-we-do-container .info-box h2{
	font-size: 20px;
	color: #083b66;
	margin: 0 0 10px;
}

.what-we-do-container .info-box p{
	font-size: 13px;
	margin: 0;
    color: #908f8f;
}

.what-we-do-container .read-more{
	margin-bottom: 76px;
    text-align: center;
    text-transform: uppercase;
    padding: 14px 0 15px;
    background-color: #edebec;
}

.what-we-do-container .read-more a{
	text-decoration: none;
    color: #636365;
}

.what-we-do-container .read-more a .fa {
	 color: #636365a8;;
    margin-left: 10px;
}

.lhs-what-we-do img{
	margin-top: 55px;
	margin-bottom: 8px;
}
.rhs-what-we-do h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	margin-top: 50px;
	margin-bottom: 35px;
}
.rhs-what-we-do ul li{
	font-size: 20px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
	padding-bottom: 25px;
}
.rhs-what-we-do ul li img{
	margin-top: -4px;
    margin-left: 10px;
}
.rhs-what-we-do .browse-more .btn{
	font-size: 12px;
	font-family: "Roboto-Regular";
	color: #fff;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 5px;
	background-color: transparent;
	padding: 8px 12px;
	margin-top: 10px;
	width: 116px;
	height: 33px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.browse-more .btn:hover,
.browse-more .btn:focus{
	background-color: rgb(212, 31, 48);
	color: #fff;
	border: 0;
}
/*--------------------------------Connect with us section css-----------------------------*/
.connect-with-container{
	
}
.connect-with-container h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	margin-top: 40px;
	margin-bottom: 20px;
}
.connect-with-container p{
	font-size: 19px;
    font-family: "Roboto-regular";
	color: rgb(150, 150, 150);
	line-height: 1.368;
	
}
.connect-with-container .connect-now .btn{
	font-size: 12px;
	font-family: "Roboto-Regular";
	color: rgb(8, 59, 102);
    border: 1px solid rgb(8, 59, 102);
	border-radius: 5px;
	background-color: transparent;
	padding: 8px 12px;
	margin-bottom: 30px;
	margin-top: 20px;
	width: 116px;
	height: 33px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.connect-now .btn:hover,
.connect-now .btn:focus{
	background-color: rgb(240, 175, 87);
    color: #fff;
    border: none;
}
/*------------------------------------More about our company css-------------------------------*/
.our-company-container{
	background: url("../images/about-img.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	height: 515px;
}
.our-company-container h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 85px;
	margin-bottom: 50px;
}
.our-company-container .our-quality h3{
	font-size: 31px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 0;
}
.our-company-container .our-quality p{
	font-size: 25px;
    font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	line-height: 1.765;
	padding: 29px;
}
.our-company-container .our-quality{
	background-color: #1b4471d9;
	padding: 12px 47px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

/*----------------------------------------footer css-----------------------------------------*/
.footer-container{
	background-color: #05355b;
}
.top-footer h2{
	font-size: 17px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 25px;
	margin-bottom: 15px;
}
.footer-logo img{
	margin-top: 25px;
}
.footer-logo p{
	font-size: 15px;
    font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	line-height: 1.647;
}
.top-footer ul li a{
	font-size: 15px;
    font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	line-height: 1.867;
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.top-footer ul li:hover a{
	 color: #f0af57;
}
.top-footer .support h3{
	font-size: 14px;
	font-family:"Roboto-Bold";
	color: rgb(255, 255, 255);
}
.top-footer .support p span{
	font-size: 14px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
}
.top-footer .support p a{
	color: rgb(255, 255, 255);
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.top-footer .support p:hover a{
	color: #d41f30;
}
.top-footer .support p{
	font-size: 15px;
    font-family: "Roboto-Light";
    color: #ffffff;
	text-decoration: none;
}
.copyright-container ul li a{
	font-size: 13px;
	font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.copyright-container ul li:hover a{
	color: #d41f30;
}
.copyright-container ul li{
	display: inline-block;
	color: #fff;
	margin-top: 15px;
}
.copyright-container{
	background-color: #052d50;
}
.copyright-container p{
	font-size: 13px;
	font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	margin-top: 15px;
}
.copyright-container p a{
	color: rgb(240, 175, 87);
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.copyright-container p:hover a{
	color: #f0af57;
}

.our-sites ul li{
	display: inline-block;
}
.our-sites .overlay h2{
	font-size: 50px;
	font-family: "Roboto-Regular";
	color: rgb(212, 31, 48);
	margin-top: 50px;
	margin-bottom: 0;
	text-align: center;
}
.our-sites{
	margin-top: 75px;
}
.our-sites .overlay p{
	font-size: 20px;
	font-family: "Roboto-Regular";
	color: rgb(150, 150, 150);
	text-align: center;
}
 .progress_container, .progress_container:after {
    background-color: #e74f56;
}
.progress_container {
    width: 220px;
    height: 220px;
    position: relative;
    border-radius: 50%;
    z-index: 9999999;
    overflow: hidden;
	border: 3px solid #d41f30;
	margin-left: -14px;
	top: 20px;
}
.progress_container .overlay {
    z-index: 9999;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
}
.quarter1, .quarter2, .quarter3, .quarter4 {
    background-color: #8e44ad;
}
.quarter1 {
    z-index: 4;
    animation: rotate90 .5s linear alternate forwards;
}
.quarter1, .quarter2, .quarter3, .quarter4 {
    left: 0%;
    top: 0px;
    background-color: #FF9F1E;
    border-top-left-radius: 100%;
    transform-origin: bottom right;
}
.progress_container .progress {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #fff;
}
.quarter2 {
    z-index: 3;
    animation: rotate180 1s linear alternate forwards;
}
.quarter3 {
    z-index: 2;
    animation: rotate270 1.5s linear alternate forwards;
}
.quarter4 {
    z-index: 1;
    animation: rotate310 1.7s linear alternate forwards;
}
.progress_container1, .progress_container1:after {
    background-color: #e74f56;
}
.progress_container1 {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 50%;
    z-index: 9999999;
    overflow: hidden;
	border: 3px solid #d41f30;
	opacity: 0.3;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.progress_container1 .overlay {
    z-index: 9999;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
}
.progress_container1 .progress {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #fff;
}
.progress_container1 .quarter1, .progress_container1 .quarter2, .progress_container1 .quarter3, .progress_container1 .quarter4 {
    left: -12%;
    top: 0px;
    background-color: #ffffff;
    border-top-left-radius: 100%;
    transform-origin: bottom right;
}
.progress_container1 .overlay h2{
	font-size: 28px;
	font-family: "Roboto-Regular";
	color: rgb(212, 31, 48);
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center;
}
.progress_container1 .overlay p{
	font-size: 15px;
	font-family: "Roboto-Regular";
	color: rgb(150, 150, 150);
	text-align: center;
}
.progress_container2, .progress_container1:after {
    background-color: #e74f56;
}
.progress_container2 {
    width: 150px;
    height: 150px;
    position: relative;
    border-radius: 50%;
    z-index: 9999999;
    overflow: hidden;
	border: 3px solid #d41f30;
	opacity: 0.3;
	margin-left: -18px;
    z-index: 1;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.progress_container2 .overlay {
    z-index: 9999;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
}
.progress_container2 .progress {
    width: 100px;
    height: 100px;
    position: absolute;
    background-color: #fff;
}
.progress_container2 .quarter1, .progress_container2 .quarter2, .progress_container2 .quarter3, .progress_container2 .quarter4 {
    left: -12%;
    top: 0px;
    background-color: #ffffff;
    border-top-left-radius: 100%;
    transform-origin: bottom right;
}
.progress_container2 .overlay h2{
	font-size: 28px;
	font-family: "Roboto-Regular";
	color: rgb(212, 31, 48);
	margin-top: 30px;
	margin-bottom: 0;
	text-align: center;
}
.progress_container2 .overlay p{
	font-size: 15px;
	font-family: "Roboto-Regular";
	color: rgb(150, 150, 150);
	text-align: center;
}
.progress_container1:hover{
	opacity: 1;
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
}
.progress_container2:hover{
	opacity: 1;
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
}


/*-------------------------button hover effects ---------------------------------------*/

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
.lhs-what-we-do img{
	-webkit-animation-duration: 5.5s;
    animation-duration: 5.5s;
	animation-delay: 1.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
.carousel{
	-webkit-animation-duration: 8.5s;
    animation-duration: 8.5s;
	animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.rhs-what-we-do ul li a{
	color: rgb(255, 255, 255);
	text-decoration: none;
}
.rhs-what-we-do .bounce-li1{
	-webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
	animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
.rhs-what-we-do .bounce-li2{
	-webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
	animation-delay: 2.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
.rhs-what-we-do .bounce-li3{
	-webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
	animation-delay: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
.rhs-what-we-do .bounce-li4{
	-webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
	animation-delay: 3.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;
}
/*--------------------------------------------slider -------------------------------------------------------*/
.moving-slider{
	width: 100%;
	height: 600px;
}
.moving-slider img{
	width: 100%;
	height: 600px;
}
.main-slider img{
	width: 100%;
	height: 600px;
}

.csslider1 {
	display: inline-block;
	position: relative;
	width: 100%;
	/*margin-top: 10px;*/
}
.csslider1 > .cs_anchor {
	display: none;
}
.csslider1 > ul {
	position: relative;
	z-index: 1;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	
	overflow: hidden;
	white-space: nowrap;
}
.csslider1 > ul > li.img img {
	width: 100%;
}
.csslider1 > ul > li.img {
	font-size: 0pt;

	-khtml-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.csslider1 > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	white-space: normal;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.csslider1 .cs_lnk{
	position: absolute;
	top: -9999px;
	left: -9999px;
	font-size: 0pt;
	opacity: 0;
	filter: alpha(opacity=0);
}.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext {
	position: absolute;
	top: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 5;
}
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
}
.csslider1 > .cs_arrowprev {
	left: 0;
}
.csslider1 > .cs_arrownext {
	right: 0;
}
.csslider1 > .cs_arrowprev > label.num3,
.csslider1 > .cs_arrowprev > label.num2,
.csslider1 > .cs_arrownext > label.num1 {
	opacity: 1;
	z-index: 5;
}
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	opacity: 0;
	z-index: -1;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_slide1_0:checked ~ .cs_arrownext > label.num2, 
.csslider1 > #cs_slide1_1:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_1:checked ~ .cs_arrownext > label.num0, 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num3,
.csslider1 > #cs_slide1_2:checked ~ .cs_arrownext > label.num2 
.csslider1 > #cs_slide1_2:checked ~ .cs_arrowprev > label.num1,
.csslider1 > #cs_slide1_3:checked ~ .cs_arrownext > label.num0{
	opacity: 1;
	z-index: 5;
}
/* calculate autoplay */
@-webkit-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-moz-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-ms-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@-o-keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}
@keyframes arrow {
	0%, 33.32333333333334% { opacity: 1; z-index: 5; }
	33.333333333333336%, 100%	{ opacity: 0; z-index: -1; }
}


/* stop */
.csslider1 > .slide:checked ~ .cs_arrowprev > label,
.csslider1 > .slide:checked ~ .cs_arrownext > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}

/* /calculate autoplay */
.csslider1 > .cs_bullets {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 6;
	font-size: 0;
	line-height: 8pt;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csslider1 > .cs_bullets > div {
	margin-left: -50%;
	width: 100%;
}
.csslider1 > .cs_bullets > label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.csslider1 > .cs_bullets > label > .cs_thumb {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	z-index: 1;
	line-height: 0;
	left: -44px;
	top: -48px;
}
.csslider1 > .cs_description {
	z-index: 1;
}

.csslider1 > .cs_description a:hover {
	text-decoration: none;
}
.csslider1 > .cs_description > label {
	position: absolute;
	word-wrap: break-word;
	white-space: normal;
	text-align: left;
	max-width: 100%;
	left: 0;
}
.csslider1 > .cs_description > label > span {
	vertical-align: top;
}
.csslider1 > .cs_description > label span {
	display: inline-block;
}
.csslider1 > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	opacity: 0;
	z-index: 1;
 
  	-webkit-transition: opacity 2000ms ease, -webkit-transform 24000ms linear;
  	-moz-transition: opacity 2000ms ease, -moz-transform 24000ms linear;
  	-ms-transition: opacity 2000ms ease, -ms-transform 24000ms linear;
  	-o-transition: opacity 2000ms ease, -o-transform 24000ms linear;
  	transition: opacity 2000ms ease, transform 24000ms linear;
  	
}

.csslider1 > ul > li.num0 {
	opacity: 0;
	-webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%);
	-moz-transform: scale(1.3) translate(-11.53846%, 11.53846%);
	-ms-transform: scale(1.3) translate(-11.53846%, 11.53846%);
	-o-transform: scale(1.3) translate(-11.53846%, 11.53846%);
	transform: scale(1.3) translate(-11.53846%, 11.53846%);
	
}
/*.csslider1 > ul > li.num1 {
	opacity: 0;
	-webkit-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-moz-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-ms-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-o-transform: scale(1.3) translate(11.53846%, 11.53846%);
	transform: scale(1.3) translate(11.53846%, 11.53846%);
	
}
.csslider1 > ul > li.num2 {
	opacity: 0;
	-webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%);
	-moz-transform: scale(1.3) translate(-11.53846%, -11.53846%);
	-ms-transform: scale(1.3) translate(-11.53846%, -11.53846%);
	-o-transform: scale(1.3) translate(-11.53846%, -11.53846%);
	transform: scale(1.3) translate(-11.53846%, -11.53846%);
	
}
.csslider1 > ul > li.num3 {
	opacity: 0;
	-webkit-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-moz-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-ms-transform: scale(1.3) translate(11.53846%, 11.53846%);
	-o-transform: scale(1.3) translate(11.53846%, 11.53846%);
	transform: scale(1.3) translate(11.53846%, 11.53846%);
	
}*/


.csslider1 > ul > li.num0 {
	opacity: 1;
	z-index: 2;
}
.csslider1 > .slide:checked ~ ul > li.num0 {
	opacity: 0;
	z-index: 1;
}


/*.csslider1 > #cs_slide1_0:checked ~ ul > li.num0,
.csslider1 > #cs_slide1_1:checked ~ ul > li.num1,
.csslider1 > #cs_slide1_2:checked ~ ul > li.num2,
.csslider1 > #cs_slide1_3:checked ~ ul > li.num3 {
	opacity: 1;
	-webkit-transform: scale(1) translate(0, 0);
	-moz-transform: scale(1) translate(0, 0);
	-ms-transform: scale(1) translate(0, 0);
	-o-transform: scale(1) translate(0, 0);
	transform: scale(1) translate(0, 0);
	z-index: 2;
}*/

/* calculate autoplay *//*
@-webkit-keyframes kenbernsBR {
	0%, 100% { -webkit-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsBR {
	0%, 100% { -moz-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsBR {
	0%, 100% { -ms-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsBR {
	0%, 100% { -o-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsBR {
	0%, 100% { transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsBL {
	0%, 100% { -webkit-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsBL {
	0%, 100% { -moz-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsBL {
	0%, 100% { -ms-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsBL {
	0%, 100% { -o-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsBL {
	0%, 100% { transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsTL {
	0%, 100% { -webkit-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsTL {
	0%, 100% { -moz-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsTL {
	0%, 100% { -ms-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsTL {
	0%, 100% { -o-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTL {
	0%, 100% { transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, -11.53846%); opacity: 0; z-index: 2; }
}
@-webkit-keyframes kenbernsTR {
	0%, 100% { -webkit-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -webkit-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-moz-keyframes kenbernsTR {
	0%, 100% { -moz-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -moz-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-ms-keyframes kenbernsTR {
	0%, 100% { -ms-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -ms-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@-o-keyframes kenbernsTR {
	0%, 100% { -o-transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { -o-transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}
@keyframes kenbernsTR {
	0%, 100% { transform: scale(1); opacity: 0 }
	8.333333333333334%, 33.333333333333336% { opacity: 1 }
	41.66666666666667%, 66.66666666666666% { transform: scale(1.3) translate(-11.53846%, 11.53846%); opacity: 0; z-index: 2; }
}

.csslider1 > #cs_play1:checked ~ ul > li.num0,
.csslider1 > #cs_pause1:checked ~ ul > li.num0 {
	-webkit-animation: kenbernsTR 24000ms infinite -2000ms linear;
	-moz-animation: kenbernsTR 24000ms infinite -2000ms linear;
	-ms-animation: kenbernsTR 24000ms infinite -2000ms linear;
	-o-animation: kenbernsTR 24000ms infinite -2000ms linear;
	animation: kenbernsTR 24000ms infinite -2000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num1,
.csslider1 > #cs_pause1:checked ~ ul > li.num1 {
	-webkit-animation: kenbernsBR 24000ms infinite 6000ms linear;
	-moz-animation: kenbernsBR 24000ms infinite 6000ms linear;
	-ms-animation: kenbernsBR 24000ms infinite 6000ms linear;
	-o-animation: kenbernsBR 24000ms infinite 6000ms linear;
	animation: kenbernsBR 24000ms infinite 6000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num2,
.csslider1 > #cs_pause1:checked ~ ul > li.num2 {
	-webkit-animation: kenbernsTL 24000ms infinite 14000ms linear;
	-moz-animation: kenbernsTL 24000ms infinite 14000ms linear;
	-ms-animation: kenbernsTL 24000ms infinite 14000ms linear;
	-o-animation: kenbernsTL 24000ms infinite 14000ms linear;
	animation: kenbernsTL 24000ms infinite 14000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li.num3,
.csslider1 > #cs_pause1:checked ~ ul > li.num3 {
	-webkit-animation: kenbernsTL 24000ms infinite 19000ms linear;
	-moz-animation: kenbernsTL 24000ms infinite 19000ms linear;
	-ms-animation: kenbernsTL 24000ms infinite 19000ms linear;
	-o-animation: kenbernsTL 24000ms infinite 19000ms linear;
	animation: kenbernsTL 24000ms infinite 19000ms linear;
	
}
.csslider1 > #cs_play1:checked ~ ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	
}
.csslider1.cs_pauseHover:hover > ul > li,
.csslider1 > #cs_pause1:checked ~ ul > li{
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}*/
/* stop */
/*.csslider1 > .slide:checked ~ ul > li {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}*/

/* /calculate autoplay */
/*.csslider1 {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	
}
.csslider1 > .cs_play_pause {
  	-webkit-transition: .5s opacity 0s ease;
  	-moz-transition: .5s opacity 0s ease;
  	-ms-transition: .5s opacity 0s ease;
  	-o-transition: .5s opacity 0s ease;
  	transition: .5s opacity 0s ease;  	
}
.csslider1 > .cs_arrowprev {
  	-webkit-transition: .5s opacity .15s ease, .5s -webkit-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .15s ease, .5s -moz-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .15s ease, .5s -ms-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .15s ease, .5s -o-transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .15s ease, .5s transform .15s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	
}
.csslider1 > .cs_arrownext {
  	-webkit-transition: .5s opacity .3s ease, .5s -webkit-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: .5s opacity .3s ease, .5s -moz-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: .5s opacity .3s ease, .5s -ms-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: .5s opacity .3s ease, .5s -o-transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: .5s opacity .3s ease, .5s transform .3s cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);	
}
.csslider1 > .cs_arrowprev,
.csslider1 > .cs_arrownext,
.csslider1 > .cs_play_pause {
	opacity: 0;
}
.csslider1:hover > .cs_arrowprev,
.csslider1:hover > .cs_arrownext,
.csslider1:hover > .cs_play_pause {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	overflow: hidden;
	margin-top: -35px;
	width: 40px;
	height: 70px;
	background: #000;
	background-color: rgba(0,0,0,0.6);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > .cs_arrowprev {
	left: 70px;
}
.csslider1 > .cs_arrownext {
	right: 70px;
}
.csslider1 > .cs_arrowprev > label {
	right: 0;
}
.csslider1 > .cs_arrownext > label {
	left: 0;
}
.csslider1 > .cs_arrowprev > label:after {
	content: '\e800';
}
.csslider1 > .cs_arrownext > label:after {
	content: '\e801';
}
.csslider1 > .cs_arrowprev > label:after,
.csslider1 > .cs_arrownext > label:after {
	display: block;
	font: 40px "demurecontrols";
	text-align: center;
	line-height: 76px;
	color: #fff;
}

.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	-webkit-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-moz-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-ms-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	-o-transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	transition: 300ms width ease, 300ms margin-left ease, 300ms background-color ease;
	
}
.csslider1 > .cs_arrowprev:hover > label {
	background-color: #d41f30;
	width: 70px;
}
.csslider1 > .cs_arrownext:hover > label {
	background-color: #d41f30;
	width: 70px;
}.csslider1 > .cs_bullets {
	bottom: 5px;
	margin-bottom: 30px;
}

.csslider1 > .cs_bullets > label {
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;
	
}

.csslider1 > .cs_bullets > label > .cs_thumb {
	border: 3px solid #d41f30;
	margin-top: -11px;
	-webkit-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-ms-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -ms-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: opacity 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275), visibility 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-webkit-transform-origin: 0% 100% 0px;
	-moz-transform-origin: 0% 100% 0px;
	-ms-transform-origin: 0% 100% 0px;
	-o-transform-origin: 0% 100% 0px;
	transform-origin: 0% 100% 0px;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.csslider1 > .cs_bullets > label > .cs_thumb:before {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	left: 50%;
	margin-left: -1px;
	bottom: -8px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #d41f30;
}
.csslider1 > .cs_bullets > label:hover > .cs_thumb {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);	
}*/

.csslider1 > .cs_bullets > label {
	margin: 0 6px;
	padding: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #000;
	background-color: rgba(0,0,0,0.6);
}

.csslider1 > .cs_bullets > label.num0 {
	background-color: #d41f30;
}
.csslider1 > .slide:checked ~ .cs_bullets > label {
	background: #000;
	background-color: rgba(0,0,0,0.6);
}

.csslider1 > #cs_slide1_0:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_slide1_2:checked ~ .cs_bullets > label.num3{
	background-color: #d41f30;
}

.csslider1 > .cs_bullets > label:hover {
	background-color: #d41f30;
}

/* calculate autoplay */
@-webkit-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #d41f30; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-moz-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #d41f30; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-ms-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #d41f30; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@-o-keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #d41f30; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}
@keyframes bullet {
	0%, 33.32333333333334%	{ background-color: #d41f30; }
	33.333333333333336%, 100% { background: #000; background-color: rgba(0,0,0,0.6); }
}


/*.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num0,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num0 {
	-webkit-animation: bullet 24000ms infinite -2000ms;
	-moz-animation: bullet 24000ms infinite -2000ms;
	-ms-animation: bullet 24000ms infinite -2000ms;
	-o-animation: bullet 24000ms infinite -2000ms;
	animation: bullet 24000ms infinite -2000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num1,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num1 {
	-webkit-animation: bullet 24000ms infinite 6000ms;
	-moz-animation: bullet 24000ms infinite 6000ms;
	-ms-animation: bullet 24000ms infinite 6000ms;
	-o-animation: bullet 24000ms infinite 6000ms;
	animation: bullet 24000ms infinite 6000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num2,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num2 {
	-webkit-animation: bullet 24000ms infinite 14000ms;
	-moz-animation: bullet 24000ms infinite 14000ms;
	-ms-animation: bullet 24000ms infinite 14000ms;
	-o-animation: bullet 24000ms infinite 14000ms;
	animation: bullet 24000ms infinite 14000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label.num3,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label.num3 {
	-webkit-animation: bullet 24000ms infinite 19000ms;
	-moz-animation: bullet 24000ms infinite 19000ms;
	-ms-animation: bullet 24000ms infinite 19000ms;
	-o-animation: bullet 24000ms infinite 19000ms;
	animation: bullet 24000ms infinite 19000ms;
	
}
.csslider1 > #cs_play1:checked ~ .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;	
}
.csslider1.cs_pauseHover:hover > .cs_bullets > label,
.csslider1 > #cs_pause1:checked ~ .cs_bullets > label {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}*/

/* stop */

/*.csslider1 > .slide:checked ~ .cs_bullets > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
	
}*/

/* /calculate autoplay */
.csslider1 > .cs_description > label {
	bottom: 390px;
	text-align: center;
	top: auto;
	opacity: 1;
	z-index: 1;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	-o-perspective: 500px;
	perspective: 500px;	
}
.csslider1 > .cs_description > label > span {
	margin: 1px 10px;
	padding: 10px;
	color: #fff;
	overflow: hidden;
	-webkit-transform-origin: 0% 0% 0px;
	-moz-transform-origin: 0% 0% 0px;
	-ms-transform-origin: 0% 0% 0px;
	-o-transform-origin: 0% 0% 0px;
	transform-origin: 0% 0% 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3{
	z-index: 2;
}

/*.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_descr,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_descr,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_descr,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_descr{
	opacity: 1;
	visibility: visible;
  	-webkit-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 750ms opacity 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1350ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 > .cs_title,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 > .cs_title,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 > .cs_title,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 > .cs_title{
	opacity: 1;
	visibility: visible;
  	-webkit-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-moz-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-ms-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	-o-transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	transition: 750ms opacity 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1200ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 1200ms ease;
  	
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	
}


.csslider1 > #cs_slide1_0:checked ~ .cs_description > .num0 .cs_wrapper,
.csslider1 > #cs_slide1_1:checked ~ .cs_description > .num1 .cs_wrapper,
.csslider1 > #cs_slide1_2:checked ~ .cs_description > .num2 .cs_wrapper,
.csslider1 > #cs_slide1_3:checked ~ .cs_description > .num3 .cs_wrapper{
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	
}

.csslider1 > .cs_description > label > .cs_title {
	margin: 0px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
  	-webkit-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-moz-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-ms-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	-o-transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	transition: 750ms opacity 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 975ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 975ms ease;
  	
}
.csslider1 > .cs_description > label > .cs_descr {
	font-size: 0.8em;
	margin: 1px 10px;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	background-color: #d41f30;
  	-webkit-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-moz-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-ms-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	-o-transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	transition: 750ms opacity 750ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms visibility 600ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
  	
}

.csslider1 > .cs_description > label > .cs_title > .cs_wrapper {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1450ms cubic-bezier(0.680, -0.550, 0.265, 1.550);	
}
.csslider1 > .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -webkit-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -moz-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -ms-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms -o-transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: 750ms opacity 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550), 750ms transform 1675ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	
}
*/
/* calculate autoplay */
@-webkit-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index: 2; }
	35.530833333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index: 2; }
	35.530833333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index: 2; }
	35.530833333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index: 2; }
	35.530833333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_descrWrapper {
	1.53125%, 35.520833333333336%	{ z-index: 2; }
	35.530833333333334%, 100%	{ z-index: 0; }
}

/*.csslider1 > #cs_play1:checked ~ .cs_description > .num0 {
	-webkit-animation: cs_descrWrapper 24000ms infinite -1400ms ease;
	-moz-animation: cs_descrWrapper 24000ms infinite -1400ms ease;
	-ms-animation: cs_descrWrapper 24000ms infinite -1400ms ease;
	-o-animation: cs_descrWrapper 24000ms infinite -1400ms ease;
	animation: cs_descrWrapper 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1 {
	-webkit-animation: cs_descrWrapper 24000ms infinite 6600ms ease;
	-moz-animation: cs_descrWrapper 24000ms infinite 6600ms ease;
	-ms-animation: cs_descrWrapper 24000ms infinite 6600ms ease;
	-o-animation: cs_descrWrapper 24000ms infinite 6600ms ease;
	animation: cs_descrWrapper 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2 {
	-webkit-animation: cs_descrWrapper 24000ms infinite 14600ms ease;
	-moz-animation: cs_descrWrapper 24000ms infinite 14600ms ease;
	-ms-animation: cs_descrWrapper 24000ms infinite 14600ms ease;
	-o-animation: cs_descrWrapper 24000ms infinite 14600ms ease;
	animation: cs_descrWrapper 24000ms infinite 14600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3 {
	-webkit-animation: cs_descrWrapper 24000ms infinite 19600ms ease;
	-moz-animation: cs_descrWrapper 24000ms infinite 19600ms ease;
	-ms-animation: cs_descrWrapper 24000ms infinite 19600ms ease;
	-o-animation: cs_descrWrapper 24000ms infinite 19600ms ease;
	animation: cs_descrWrapper 24000ms infinite 19600ms ease;
}*/

@-webkit-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity: 1; -webkit-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	2.1875%, 31.135833333333334%	{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -webkit-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity: 1; -moz-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	2.1875%, 31.135833333333334%	{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -moz-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity: 1; -ms-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	2.1875%, 31.135833333333334%	{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -ms-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity: 1; -o-transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	2.1875%, 31.135833333333334%	{ opacity: 1; -o-transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -o-transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_title {
	1.53125%, 31.792083333333334%	{ opacity: 1; transform: rotateX(-9deg); z-index: 2; visibility: visible;}
	2.1875%, 31.135833333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 2; visibility: visible;}
	33.333333333333336%	{ opacity: 0; transform: rotateX(90deg); z-index: 2; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}

@-webkit-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity: 1; -webkit-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -webkit-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -webkit-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-moz-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity: 1; -moz-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -moz-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -moz-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-ms-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity: 1; -ms-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -ms-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -ms-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@-o-keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity: 1; -o-transform: rotateX(9deg); z-index: 1; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; -o-transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; -o-transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
@keyframes cs_descr {
	3.0625%, 29.604583333333334%	{ opacity: 1; transform: rotateX(9deg); z-index: 1; visibility: visible;}
	4.375%, 28.948333333333334%	{ opacity: 1; transform: rotateX(0deg); z-index: 1; visibility: visible;}
	33.333333333333336%	{ opacity: 0; transform: rotateX(-90deg); z-index: 1; visibility: hidden;}
	33.343333333333334%, 100%	{ z-index: 0; }
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_title {
	-webkit-animation: cs_title 24000ms infinite -1400ms ease;
	-moz-animation: cs_title 24000ms infinite -1400ms ease;
	-ms-animation: cs_title 24000ms infinite -1400ms ease;
	-o-animation: cs_title 24000ms infinite -1400ms ease;
	animation: cs_title 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_title {
	-webkit-animation: cs_title 24000ms infinite 6600ms ease;
	-moz-animation: cs_title 24000ms infinite 6600ms ease;
	-ms-animation: cs_title 24000ms infinite 6600ms ease;
	-o-animation: cs_title 24000ms infinite 6600ms ease;
	animation: cs_title 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_title {
	-webkit-animation: cs_title 24000ms infinite 14600ms ease;
	-moz-animation: cs_title 24000ms infinite 14600ms ease;
	-ms-animation: cs_title 24000ms infinite 14600ms ease;
	-o-animation: cs_title 24000ms infinite 14600ms ease;
	animation: cs_title 24000ms infinite 14600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3  > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num3  > .cs_title {
	-webkit-animation: cs_title 24000ms infinite 19600ms ease;
	-moz-animation: cs_title 24000ms infinite 19600ms ease;
	-ms-animation: cs_title 24000ms infinite 19600ms ease;
	-o-animation: cs_title 24000ms infinite 19600ms ease;
	animation: cs_title 24000ms infinite 19600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0  > .cs_descr {
	-webkit-animation: cs_descr 24000ms infinite -1400ms ease;
	-moz-animation: cs_descr 24000ms infinite -1400ms ease;
	-ms-animation: cs_descr 24000ms infinite -1400ms ease;
	-o-animation: cs_descr 24000ms infinite -1400ms ease;
	animation: cs_descr 24000ms infinite -1400ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num1  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1  > .cs_descr {
	-webkit-animation: cs_descr 24000ms infinite 6600ms ease;
	-moz-animation: cs_descr 24000ms infinite 6600ms ease;
	-ms-animation: cs_descr 24000ms infinite 6600ms ease;
	-o-animation: cs_descr 24000ms infinite 6600ms ease;
	animation: cs_descr 24000ms infinite 6600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num2  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2  > .cs_descr {
	-webkit-animation: cs_descr 24000ms infinite 14600ms ease;
	-moz-animation: cs_descr 24000ms infinite 14600ms ease;
	-ms-animation: cs_descr 24000ms infinite 14600ms ease;
	-o-animation: cs_descr 24000ms infinite 14600ms ease;
	animation: cs_descr 24000ms infinite 14600ms ease;
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num3  > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num3  > .cs_descr {
	-webkit-animation: cs_descr 24000ms infinite 19600ms ease;
	-moz-animation: cs_descr 24000ms infinite 19600ms ease;
	-ms-animation: cs_descr 24000ms infinite 19600ms ease;
	-o-animation: cs_descr 24000ms infinite 19600ms ease;
	animation: cs_descr 24000ms infinite 19600ms ease;
}
@-webkit-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity: 1; -webkit-transform: translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(100%); }
}
@-moz-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity: 1; -moz-transform: translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(100%); }
}
@-ms-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity: 1; -ms-transform: translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(100%); }
}
@-o-keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity: 1; -o-transform: translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(100%); }
}
@keyframes cs_title_text {
	1.53125%, 31.792083333333334%	{ opacity: 1; transform: translateX(-1%); }
	2.1875%, 31.135833333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(100%); }
}

@-webkit-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity: 1; -webkit-transform: translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -webkit-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -webkit-transform: translateX(-100%); }
}
@-moz-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity: 1; -moz-transform: translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -moz-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -moz-transform: translateX(-100%); }
}
@-ms-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity: 1; -ms-transform: translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -ms-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -ms-transform: translateX(-100%); }
}
@-o-keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity: 1; -o-transform: translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; -o-transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; -o-transform: translateX(-100%); }
}
@keyframes cs_descr_text {
	3.0625%, 29.604583333333334%	{ opacity: 1; transform: translateX(1%); }
	4.375%, 28.948333333333334%	{ opacity: 1; transform: translateX(0%); }
	33.333333333333336%	{ opacity: 0; transform: translateX(-100%); }
}
.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 24000ms infinite -1190ms ease;
	-moz-animation: cs_title_text 24000ms infinite -1190ms ease;
	-ms-animation: cs_title_text 24000ms infinite -1190ms ease;
	-o-animation: cs_title_text 24000ms infinite -1190ms ease;
	animation: cs_title_text 24000ms infinite -1190ms ease;
}

/*.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 24000ms infinite 6810ms ease;
	-moz-animation: cs_title_text 24000ms infinite 6810ms ease;
	-ms-animation: cs_title_text 24000ms infinite 6810ms ease;
	-o-animation: cs_title_text 24000ms infinite 6810ms ease;
	animation: cs_title_text 24000ms infinite 6810ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_title > .cs_wrapper {
	-webkit-animation: cs_title_text 24000ms infinite 14810ms ease;
	-moz-animation: cs_title_text 24000ms infinite 14810ms ease;
	-ms-animation: cs_title_text 24000ms infinite 14810ms ease;
	-o-animation: cs_title_text 24000ms infinite 14810ms ease;
	animation: cs_title_text 24000ms infinite 14810ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num0 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 24000ms infinite -1190ms ease;
	-moz-animation: cs_descr_text 24000ms infinite -1190ms ease;
	-ms-animation: cs_descr_text 24000ms infinite -1190ms ease;
	-o-animation: cs_descr_text 24000ms infinite -1190ms ease;
	animation: cs_descr_text 24000ms infinite -1190ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num1 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 24000ms infinite 6810ms ease;
	-moz-animation: cs_descr_text 24000ms infinite 6810ms ease;
	-ms-animation: cs_descr_text 24000ms infinite 6810ms ease;
	-o-animation: cs_descr_text 24000ms infinite 6810ms ease;
	animation: cs_descr_text 24000ms infinite 6810ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num2 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 24000ms infinite 14810ms ease;
	-moz-animation: cs_descr_text 24000ms infinite 14810ms ease;
	-ms-animation: cs_descr_text 24000ms infinite 14810ms ease;
	-o-animation: cs_descr_text 24000ms infinite 14810ms ease;
	animation: cs_descr_text 24000ms infinite 14810ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > .num3 .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > .num3 .cs_descr > .cs_wrapper {
	-webkit-animation: cs_descr_text 24000ms infinite 19810ms ease;
	-moz-animation: cs_descr_text 24000ms infinite 19810ms ease;
	-ms-animation: cs_descr_text 24000ms infinite 19810ms ease;
	-o-animation: cs_descr_text 24000ms infinite 19810ms ease;
	animation: cs_descr_text 24000ms infinite 19810ms ease;
}*/
/*.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_play1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
  	-webkit-transition: none;
  	-moz-transition: none;
  	-ms-transition: none;
  	-o-transition: none;
  	transition: none;  	
}*/
/*.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_title > .cs_wrapper,
.csslider1.cs_pauseHover:hover > .cs_description > label > .cs_descr > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_title > .cs_wrapper,
.csslider1 > #cs_pause1:checked ~ .cs_description > label > .cs_descr > .cs_wrapper {
	-webkit-animation-play-state: paused !important;
	-moz-animation-play-state: paused !important;
	-ms-animation-play-state: paused !important;
	-o-animation-play-state: paused !important;
	animation-play-state: paused !important;
}*/
/* stop */
.csslider1 > .slide:checked ~ .cs_description > label {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none;
}
/*-----------------------------------about page css-----------------------------------------------*/
.about-container{
	background: url("../images/about-para.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	height: 470px;
	margin-top: 83px;
}
.about-section h2{
	font-size: 36px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 80px;
	margin-bottom: 30px;
}
.about-section p{
	font-size: 17px;
	font-family: "Roboto-Light";
	color: rgb(255, 255, 255);
	line-height: 1.529;
	margin-bottom: 25px;
}
.about-section .btn{
	font-size: 15px;
	font-family: "Roboto-Bold";
	color: rgb(212, 31, 48);
	background-color: rgb(255, 255, 255);
	padding: 8px 12px;
	width: 123px;
	height: 37px;
	border: 0;
	border-radius: 0;
}


.about-section .btn:hover,
.about-section .btn:focus{
	background-color: transparent;
	color: #fff !important;
	border: 1px solid #fff !important;
}
.about-container img{
	margin-top: 85px;
}
.mission-container{
	background: url("../images/mission-para.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	height: auto;

}
.our-opinion img{
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.our-opinion:hover h2{
	color: #d52939 !important;
}
.our-opinion .white-img{
	display: none;
}
.our-opinion:hover .white-img{
	display: block;
}
.our-opinion:hover .red-img{
	display: none;
}
.mission-container .our-opinion h2{
	font-size: 21px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	margin-top: 25px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.mission-container .our-opinion p{
	font-size: 16px;
	font-family: "Roboto-Light";
	color: rgb(191, 187, 187);
	line-height: 1.625;
}
.mission-container .our-opinion img{
	margin-top: 35px;
}
.choose-us-container h2{
	font-size: 36px;
	font-family: "Roboto-Bold";
	color: #969696;
	margin-top: 70px;
	margin-bottom: 80px;
}
.choose-us-container .box{
	background-color: #f1f1f1;
	padding: 25px 15px;
    width: 195px;
	margin-bottom: 80px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.choose-us-container .box p{
	font-size: 16px;
	font-family: "Roboto-Light";
	color: rgb(23, 30, 39);
	line-height: 1.625;
	margin-top: 25px;
}
.marbt{
	margin-bottom: 35px;
}
.box .white-plug{
	display: none;
}
.box:hover .white-plug{
	display: block;
}
.box:hover .black-plug{
	display: none;
}
.box:hover,
.box:focus{
	background-color: #d32331;
	box-shadow: -6.582px 6.138px 32px 0px rgba(10, 10, 10, 0.45);
}
.box:hover p,
.box:focus p{
	color: #fff;
}
/*-------------------------solution page css-------------------------*/
.breadcrumb-container{
	background: url("../images/breadrcumb-solution.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 83px;
}
.breadcrumb-container .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: " ";
}
.breadcrumb-container .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 35px;
}
.breadcrumb-container .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container .breadcrumb .second-li span{
	color: #25292a;
}
.solution-container{
	background: url("../images/envoirnment.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 435px;
}
.solution-container h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	margin-top: 25px;
	margin-bottom: 25px;
}
.solution-container p{
	 font-size: 17px;
	 font-family: "Roboto-Light";
	 color: rgb(27, 35, 43);
	 line-height: 1.529;
}
.solution-container .queto p{
	font-size: 17px;
	font-family: "Roboto-Bold";
	color: rgb(211, 35, 49);
	font-style: italic;
	margin-top: 45px;
}
.different-container h2{
	font-size: 32px;
	font-family: "Roboto-Bold";
	color: #969696;
	margin-top: 0;
	margin-bottom: 0;
}
.different-container ul li p{
	font-size: 20px;
	font-family: "Roboto-Bold";
	color: rgb(211, 35, 49);
	margin-bottom: 0;
	padding: 0 20px;
}
.different-container ul li img{
	position: relative;
    top: 0px;
    right: 8px;
}
.different-container ul li{
	display: inline-block;
	
}
.different-container{
	margin-top: 55px;
    margin-bottom: 55px;
}
/*---------------------------safety page css-------------------------------------*/
.breadcrumb-container0{
	background: url("../images/breadrcumb-safty.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 83px;
}
.breadcrumb-container0 .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: " ";
}
.breadcrumb-container0 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container0 .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 35px;
}
.breadcrumb-container0 .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container0 .breadcrumb .second-li span{
	color: #25292a;
}
.solution-container1{
	background: url("../images/safty.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 435px;
}
.solution-container1 h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(150, 150, 150);
	margin-top: 25px;
	margin-bottom: 25px;
}
.solution-container1 p{
	 font-size: 17px;
	 font-family: "Roboto-Light";
	 color: rgb(27, 35, 43);
	 line-height: 1.529;
}
.solution-container1 .queto p{
	font-size: 17px;
	font-family: "Roboto-Bold";
	color: rgb(211, 35, 49);
	font-style: italic;
	margin-top: 45px;
}

/*-------------------------------what we de page css-------------------------------*/
.breadcrumb-container1{
	background: url("../images/slide.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 0;
}
.breadcrumb-container1 .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb-container1 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container1 .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 35px;
}
.breadcrumb-container1 .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container1 .breadcrumb .second-li span{
	color: #25292a;
}
.tab-container{
	margin-top: 15px;
	margin-bottom: 17px;
}
.tab-container .nav-pills li{
	background-color: #f2f2f2;
	border-right: 1px solid #dadada;
	 width: 25%;
}
.tab-container .nav-pills li a{
	font-size: 18px;
	font-family: "Roboto-Regular";
	color: rgb(27, 35, 43);
}
.tab-container .nav>li>a {
    position: relative;
    display: block;
    padding: 15px 60px;

}
.nav-pills>li+li {
    margin-left: 0px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #083b66;
}
.nav-pills>li>a {
    border-radius: 0px;
}
.nav-pills .active:after{
	top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    position: absolute;
	border-top-color: #083b66;
    border-width: 12px 16px 0px 16px;
    margin-left: -15px;
}
.tab-detail-container h2{
	font-size: 36px;
	font-family: "Roboto-Bold";
	color: #969696;
	text-align: center;
	margin-top: 65px;
	margin-bottom: 0;
}
.tab-detail-container p{
	font-size: 17px;
	font-family: "Roboto-Light";
	color: rgb(27, 35, 43);
	line-height: 1.529;
	text-align: left;
	/*margin-top: 35px;*/
	/*padding: 0 40px;*/
}

.tab-detail-container p.service-data{
	font-size: 17px;
	font-family: "Roboto-Light";
	color: rgb(27, 35, 43);
	line-height: 1.529;
	text-align: left;
	margin-top: 35px;
	/*padding: 0 40px;*/
}
.tab-detail-container{
	
}
.tab-pane{
	background-color: #ffffff;
	
}
/*-------------------Conatct page css----------------------*/
.breadcrumb-container2{
	background: url("../images/contact.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 0;
}

.breadcrumb-container2 .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb-container2 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container2 .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 49px;
}
.breadcrumb-container2 .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container2 .breadcrumb .second-li span{
	color: #25292a;
}
.contact-container{
	margin-top: 55px;
}
.contact-container .contact-details h2{
	font-size: 22px;
	font-family: "Roboto-Regular";
	color: rgb(27, 35, 43);
}
.contact-container .contact-details ul li{
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(117, 116, 116);
}
.contact-container .contact-details ul .font-weight{
	font-size: 16px;
	font-family: "Roboto-Bold";
	color: #083b66;
}
.contact-container .contact-details ul{
	margin-bottom: 30px;
}
.contact-container .contact-details p{
	margin-bottom: 30px;
}
.contact-container .contact-details p a{
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(117, 116, 116);
	text-decoration: none;
}
.contact-container .contact-form h2{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(27, 35, 43);
	margin-bottom: 0;
}
.contact-form .form-control{
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(117, 116, 116);
	margin-top: 40px;
	padding: 6px 0px;
	border: 0;
    border-bottom: 2px solid #dadada;
    border-radius: 0;
	box-shadow: none;	
}
.contact-form .btn{
	font-size: 16px;
	font-family: "Roboto-Bold";
	color: rgb(8, 59, 102);
    border: 1px solid rgb(8, 59, 102);
	border-radius: 10px;
	width: 123px;
	height: 41px;
	margin-top: 20px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.contact-form .btn:hover,
.contact-form .btn:focus{
	background-color: rgb(240, 175, 87);
	color: #fff;
	outline: none;
	border-color: #f0af57;
}
/*--------------------Career page css ------------------*/
.breadcrumb-container3{
	background: url("../images/slide.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 0;
}
.breadcrumb-container3 .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb-container3 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container3 .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 35px;
}
.breadcrumb-container3 .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container3 .breadcrumb .second-li span{
	color: #25292a;
}
.container-career .career-form h2{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(27, 35, 43);
	margin-bottom: 0px;
    margin-top: 0;
}
.container-career{
	margin-top: 55px;
	margin-bottom: 40px;
}
.career-form .form-control{
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(117, 116, 116);
	margin-top: 25px;
	padding: 6px 0px;
	border: 0;
    border-bottom: 2px solid #dadada;
    border-radius: 0;
	box-shadow: none;	
}
.career-form .btn{
	font-size: 16px;
	font-family: "Roboto-Bold";
	color: rgb(212, 31, 48);
	border: 1px solid rgb(211, 35, 49);
	border-radius: 10px;
	width: 123px;
	height: 41px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.career-form .btn:hover,
.career-form .btn:focus{
	background-color: rgb(211, 35, 49);
	color: #fff;
	outline: none;
}
.custom-file-input {
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(117, 116, 116);
 
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  padding-left:55px;
}

.custom-file-input::before {
	content: 'Upload Resume';
	color: #fff;
	font-size:14px;
	font-family: "Roboto-Regular";
	display: inline-block;
	background: -webkit-linear-gradient(top, #d41f30, #d41f30);
	border-radius: 10px;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 15px;
	outline: none;
	text-align:center;
	white-space: nowrap;
	cursor: pointer;
}

.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #d41f30, #d41f30); 
}
textarea:focus, select:focus, input:focus, .uneditable-input:focus {   
 border-bottom-color:rgb(255, 0, 0) !important;
 box-shadow: 0 0px 0px rgb(255, 0, 0) inset, 0 0px 0px rgb(255, 0, 0) !important;
 outline: 0 none !important;
}

/*----------Sitemap page css-------------*/
.breadcrumb-container4{
	background: url("../images/sitemap-breadcrumb.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 160px;
	margin-top: 83px;
}
.breadcrumb-container4 .breadcrumb>li {
    display: block;
	text-align: center;
}
.breadcrumb-container4 .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-container4 .breadcrumb .first-li{
	font-size: 34px;
	font-family: "Roboto-Bold";
	color: rgb(255, 255, 255);
	margin-top: 35px;
}
.breadcrumb-container4 .breadcrumb .second-li{
	font-size: 19px;
	font-family: "Roboto-Regular";
	color: rgb(255, 255, 255);
}
.breadcrumb-container4 .breadcrumb .second-li span{
	color: #25292a;
}
.sitemap{
	margin-top: 50px;
	margin-bottom: 50px;
}
.sitemap h2{
	font-size: 35px;
	font-family: "Roboto-Bold";
	color: rgb(27, 35, 43);
}
.sitemap ul li a{
	font-size: 16px;
	font-family: "Roboto-Regular";
	color: rgb(150, 150, 150);
	text-decoration: none;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.sitemap ul li:hover a{
	color: #d41f30;
}
.sitemap ul li{
	padding-bottom: 10px;
}
.sitemap-container{
	background: url("../images/sitmap-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
}

.c--anim-btn {
  color: white;
  text-decoration: none;
  text-align: right;
  display: block;
}

.c--anim-btn, .c-anim-btn {
  transition: 0.3s;     
}

.c--anim-btn {
  overflow: hidden;
}

.c-anim-btn{
  margin-top: 0em;   
}

.c--anim-btn:hover .c-anim-btn{
  margin-right: -0.5em;
  color: #d41f30;
}

.top-footer .list-unstyled li a:hover{
	color: #f0af57;
}
.top-footer .support p a:hover {
	color: #f0af57;
}
.copyright-container .text-left span{
	color: #f0af57;
}
.top-footer h2.telecom-col{
	color: #f0af57;
}
.energy-container .btn{
	color: #083b66;
    background-color: #fff;
    border-color: #083b66;
}
.energy-container .btn:hover{
	background-color: #f0af57;
    color: white;
    border: none;
}
.connect-with-container ul {
	display: inline-flex;
}
.connect-with-container .list-unstyled li a {
	text-align: center;
    font-size: 23px;
    font-family: "Roboto-regular";
    color: #083b66;
    text-decoration: none;
}
/*.connect-with-container .list-unstyled{
	margin-left: 66px;
}*/

.telecom-head span {
	font-size: 35px;
    font-family: "Roboto-Regular";
    color: #083b66;
}
h2.telecom-head{
	font-family: "Roboto-Light";
    font-size: 35px;
    color: #969696;
}
.energy-container p.telecom-para {
	font-size: 19px;
    color: #969696;
    font-family: "Roboto-Regular";
}
.header-logo img.tel-img {
	    padding: 10px 0;
	/*margin-left: 350px;*/
	/*margin-top: 12px;*/
}
.what-we-do-container .about-us{
	font-size: 35px;
    font-family: "Roboto-Bold";
    color: rgb(255, 255, 255);
    margin-top: 65px;
    margin-bottom: 50px;
   text-align: center;
}
.footer-container .footer-content{
	margin-left: 44px;
}

.what-we-are-section .container p.head-section {
	margin: 10px 0 0 75px;
   text-align: justify;
    font-family: "Roboto-Regular";
    font-size: 17px;
    color: #969696;
}


.what-we-are-section .container p{
	margin: 0px;
   text-align: justify;
    font-family: "Roboto-Regular";
    font-size: 17px;
    color: #969696;
}
.what-we-are-section .big-font {
	font-family: "Roboto-Regular";
    font-size: 57.64px;
    color: #f0af57;
    float: left;
}

.what-we-are-section .doble-colon {
	 font-family: "Roboto-Regular";
    font-size: 57.64px;
    float: left;
    color: #f0af57;
}

.what-we-are-section .end-colon {
	 font-family: "Roboto-Regular";
    font-size: 57.64px;
    color: #f0af57;
    line-height: 0;
    position: relative;
    top: 40px;
}


.what-we-are-section .breck-line{
	padding: 70px 0px;
}
.what-we-are-section .image-content-row{
	margin-top: 65px;
}
.what-we-are-section .profile-box img{
	border-bottom: 10px solid #083b66;
    box-shadow: 0px 10px 22.95px 4.05px rgba(0, 0, 0, 0.23);
    transition: all 0.4s ease-in-out;
    position: relative;
    bottom: 0px;
    width: 100%;
    cursor: pointer;
}
.tab-detail-container span.text-red{
	font-family: "Roboto-Bold";
    font-size: 36px;
    color: #083b66;
    padding: 0 17px;
}
.tab-detail-container .bottom-title{
	text-align: center;
	margin-top: 63px;
}
.tab-detail-container .service-detail h4 {
	text-align: left;
}
.what-we-container .service-detail h2{
    font-family: "Roboto-Bold";
    font-size: 19px;
    color: #083b66;
}
.what-we-container .service-detail h4{
    font-family: "Roboto-Bold";
    font-size: 19px;
    color: #083b66;
}
.what-we-container {
	margin-bottom: 77px;
}
.what-we-container .service-detail p{
	font-family: "Roboto-Light";
    font-size: 19px;
    color: #8a8989;
}
.image-content-row .info-box h1{
	font-size: 25px;
	font-family: "Roboto-Bold" ;
	color: #184280;
}


.image-content-row .breck-line div {
    width: 100%;
    height: 1px;
    background: #d6e1e2;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.image-content-row .info-box{
	padding: 0 38px;
}
.what-we-are-section{
	margin-bottom: 84px;
	padding-top: 50px;
}

.privacy-section{
	padding: 50px 0;
}

.privacy-section .privacy-div h4{
	font-size: 20px;
	padding: 11px 1px;
    font-family: "Roboto-Bold";
    color: #184280;
}
.privacy-section .privacy-div h1{
	font-size: 25px;
    font-family: "Roboto-Bold";
    color: #184280;
    padding: 11px 1px;
}
.privacy-section .privacy-div p{
	text-align: justify;
    font-family: "Roboto-Regular";
    font-size: 17px;
    color: #969696;
}
.what-we-are-section .info-box h1{
	margin: 0;
	padding-bottom: 18px;
}
.service-detail ul li{
	font-family: "Roboto-Light";
    font-size: 19px;
    color: #8a8989;
    line-height: 1.529;
    text-align: left;
}

.head-container p{
	font-family: "Roboto-Light";
    font-size: 19px;
    color: #ffffff;
    line-height: 1.529;
    background-color: #083b66;
    /* text-align: center; */
    text-align: left;
    padding: 37px 279px 42px 279px;
}
.head-container .wht-we-sec{
	padding: 0;
}
.connect-with-container .connect-mail{
	text-align: center;
}