/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Exo2-Regular';
  src: url('../fonts/Exo2-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Exo2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Exo2-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Exo2-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Exo2-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Exo2-Regular.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Exo2-SemiBold';
  src: url('../fonts/Exo2-SemiBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Exo2-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Exo2-SemiBold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Exo2-SemiBold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Exo2-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Exo2-SemiBold.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Exo2-Bold';
  src: url('../fonts/Exo2-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Exo2-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Exo2-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Exo2-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Exo2-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Exo2-Bold.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Lato-Light';
  src: url('../fonts/Lato-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Lato-Light.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Lato-Black';
  src: url('../fonts/Lato-Black.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Black.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Lato-Black.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Exo2-Light';
  src: url('../fonts/Exo2-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Exo2-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Exo2-Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Exo2-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Exo2-Light.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Exo2-Light.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'Exo2-Medium';
  src: url('../fonts/Exo2-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Exo2-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Exo2-Medium.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Exo2-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Exo2-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Exo2-Medium.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'RobotoCondensed-Bold';
  src: url('../fonts/RobotoCondensed-Bold0.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RobotoCondensed-Bold0.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/RobotoCondensed-Bold0.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/RobotoCondensed-Bold0.woff') format('woff'), /* Modern Browsers */
    url('../fonts/RobotoCondensed-Bold0.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/RobotoCondensed-Bold0.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}
/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('../fonts/RobotoCondensed-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/RobotoCondensed-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/RobotoCondensed-Regular.svg') format('svg'); /* Legacy iOS */  font-weight: normal;
  font-style: normal;
}

body{
	overflow-x: hidden;
	background-color: #fff;
}


.img-center{
	margin: 0 auto;
	display: block;
	clear: both;
}
/*--------------------------------------------------header css-------------------------------------------------------*/
.rular-bg{
	background: url("../images/rular.jpg");
	background-repeat: no-repeat;
}
.rular-bg p a{
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(31, 25, 59);
	text-decoration: none;
	position: relative;
    bottom: 3px;
    left: 10px;
	transition: all 0.5s linear;
}
.rular-bg p:hover a{
	color: #e77817;
}
.rular-bg .logo{
	margin-top: 55px;
}
.rular-bg p{
	margin-top: 10px;
}
header{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
}
.logo1{
	margin-top: 25px;
}
.header-email{
	margin-top: 0 !important;
}
.header-contact{
	margin-top: 20px;
}
/*---------------------------------------------------navbar css-------------------------------------------------------*/
header .navbar-default {
    background-color: #1f193b;
    border: 0;
	border-top: 2px solid rgb(231, 120, 23) !important;
	margin-top: 6px;
	margin-bottom: 0;
	box-shadow: -0.974px 6.932px 6px 0px rgba(33, 54, 54, 0.33);
}
header .navbar {
    border-radius: 0px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
	text-transform: uppercase;
}
.nav>li>a {
    position: relative;
    display: block;
    margin: 0px 35px;
	padding: 17px 0px;
}
 .quote-btn{
	font-size: 14px !important;
	font-family: "Exo2-SemiBold" !important;
	color: rgb(254, 254, 255) !important;
	letter-spacing: 0.5px;
	background-color: rgb(255, 119, 0);
	border: 1px solid #fff;
	border-radius: 0;
	padding: 6px 18px !important;
	margin-top: 10px;
    margin-bottom: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	 transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.quote-btn {
    transform-style: preserve-3d;
}
.quote-btn {
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}
.quote-btn:after {
    top: -100%;
    left: 0px;
    width: 100%;
	padding: 6px 18px !important;
    position: absolute;
	margin-top: 10px;
    margin-bottom: 10px;
    background: #1f193b;
    border-radius: 0px;
	border: 1px solid #fff;
	font-size: 14px !important;
	font-family: "Exo2-SemiBold" !important;
	color: rgb(254, 254, 255) !important;
	letter-spacing: 0.5px;
    content: 'GET QUOTE NOW';
    transform-origin: left bottom;
    transform: rotateX(90deg);
}
.quote-btn:hover {
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent;
}
/*mobile animation*/
/*mobile animation*/
.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar.one {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar.two {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar.three {
	  top: -6px;
	  transform: rotate(-45deg);
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #e77817;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #e77817;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: transparent;

	
}
.navbar-nav li a:hover:after {
    width: 100%;
}
.navbar-nav li.active a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background-color: #e77817;
    content: "";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar-nav li.active a:after {
    width: 100%;
}
.navbar-nav li a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 2px;
    background-color: #e77817;
    content: "";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.navbar-nav li a {
    position: relative;
    color: #ff3296;
}
.navbar-default ul{
	margin-right: 130px;
}

/*-------------------------------------------------carousel css------------------------------------------------------*/
.carousel {
    position: relative;
    z-index: 0;
	top: 187px;
}
.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: none;
    background-repeat: repeat-x;
}
.carousel-indicators li {
    display: inline-block;
    width: 55px;
	height: 2px;
    margin: 0px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 55px;
	height: 2px;
    margin: 0;
	border-color: #ff7700;
    background-color: #ff7700;
}

.carousel-caption h2 p{
	font-size: 39px;
	font-family: "Lato-Light";
	color: rgb(31, 25, 59);
	text-transform: uppercase;
	margin-top: 40px;
    margin-bottom: 0;
}
.carousel-caption span{
	font-family: "Lato-Black";
}
.carousel-caption h2{
	background-color: rgba(255, 255, 255, 0.769);
	padding: 15px 0;
}
.carousel-caption h2{
	-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
	animation-delay: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.5s linear;

}
   
.line-1{
    position: relative;
    margin: 0 auto;
    border-right: 2px solid #f70;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
	
}


/* Animation */
.anim-typewriter{
  animation: typewriter 4s steps(50, end) 1s 1 normal both,
             blinkTextCursor 200ms steps(50, end) infinite normal;
 animation-delay: 2.0s;
 transition: all 0.5s linear;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 100%;}
}
@keyframes blinkTextCursor{
  from{border-right-color: #f70;}
  to{border-right-color: transparent;}
}


.carousel-caption{
	left: 17%;
	right: 17%;
	bottom: 160px;
	z-index: 7;
}
.carousel-inner .item{
	background: url("../images/slider1.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	height: 479px;
}
.carousel-indicators {
    bottom: 85px;
}
/*------------------------------------------------carousel overlay css-------------------------------------------------------------------*/
.carousel-overlay{
	background: url("../images/carousel-overlay.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 85px;
	position: relative;
    top: -22px;
	border-top: 2px solid #1f193b;
}
.col-lg-5e, .col-md-5e, .col-sm-5e{
	width: 20%;
	float: left;
	border-right: 1px solid rgba(249, 186, 72, 0.341);
    height: 42px;
    position: relative;
    top: 20px;
    right: 0px;
}
.carousel-overlay p{
	font-size: 19px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
	margin-top: 10px;
	position: relative;
    left: 15px;
}
.carousel-overlay img{
	margin-top: -5px;
    margin-left: 25px;
}

/*-------------------------------------------------body css----------------------------------------------------------------------------*/
.back-bg{
	background: url("../images/back-bg.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 795px;
	position: relative;
    top: -30px;
	 
}
.back-bg .figure{
	margin-top: 75px;
	
}
.what-we-do h2{
	font-size: 41px;
	font-family: "Exo2-Bold";
	color: rgb(254, 254, 255);
	position: absolute;
	top: 30%;
	width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    letter-spacing: 0.9px;
}
.what-we-do p{
	font-size: 11px;
	font-family: "Exo2-Regular";
	color: rgb(254, 254, 255);
	text-align: center;
	margin-top: 75px;
	letter-spacing: 6.5px;
}
.what-we-do {
	border: 7px solid #e77817;
	width: 262px;
	height: 287px;
}
.what-we-do img{
	height: 287px;
}
.figure figcaption h2{
	font-size: 16px;
    font-family: "Exo2-Bold";
    color: rgb(31, 25, 59);
    text-transform: uppercase;
    letter-spacing: 1.9px;
    margin-top: 40px;
    margin-bottom: 18px;
}
.figure figcaption p{
	font-size: 12px;
	font-family: "Exo2-Light";
	color: rgb(97, 96, 100);
	line-height: 1.417;
	margin-bottom: 8px;
}
.figure figcaption .btn{
	font-size: 13px;
    font-family: "Exo2-Bold";
    color: rgb(31, 25, 59);
    letter-spacing: 0.8px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    margin-bottom: 15px;
}
.figure figcaption{
	background-color: #fff;
	padding-top: 1px;
    padding-bottom: 12px;
	padding-left: 15px;
	box-shadow: -0.559px 0.829px 10.44px 1.56px rgba(155, 158, 159, 0.18);
}
.figure figcaption i{
	font-size: 12px;
	color: #1f193b;
	position: relative;
	left: 8px;
}
.figure img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.figure:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}
.what-we-do img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.what-we-do:hover img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.figure{
	position: relative;
	overflow: hidden;
	 box-shadow: -0.559px 0.829px 10.44px 1.56px rgba(155, 158, 159, 0.18);
}
.figure:hover figcaption{
	border-bottom: 2px solid #e77817
}
.figure:hover .btn{
	color: #e77817;
}
.figure:hover i{
	color: #e77817;
}
.figure:hover{
	box-shadow: -0.559px 0.829px 20px 0px rgba(116, 117, 117, 0.32);
}
.what-we-do:hover{
	box-shadow: none !important;
}
.why-choose-us h2{
	font-size: 27px;
	font-family: "Exo2-Medium";
	color: rgb(31, 25, 59);
	letter-spacing: 0.8px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 70px;
}
.why-choose-us{
	padding-left: 0;
	padding-right: 0;
	margin-top: 85px;
}
.creative-ideas{
	background: url("../images/blub.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.fast-realization{
	background: url("../images/bolt.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.professional-support{
	background: url("../images/shift.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.quality h3{
	font-size: 19px;
	font-family: "Exo2-Medium";
	color: rgb(31, 25, 59);
	position: relative;
    top: 55px;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}
.quality p{
	font-size: 13px;
	font-family: "Exo2-Light";
	color: rgb(154, 154, 156);
	line-height: 1.308;
	position: relative;
    top: 55px;
}
.creative-ideas:hover{
	background: url("../images/blub-hover.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
}
.fast-realization:hover{
	background: url("../images/bolt-hover.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
}
.professional-support:hover{
	background: url("../images/shift-hover.png");
	background-repeat: no-repeat;
	height: 75px;
	background-position: 50%;
}
.creative-ideas:hover h3{
	color: #e77817;
}
.fast-realization:hover h3{
	color: #e77817;
}
.professional-support:hover h3{
	color: #e77817;
}
/*--------------------------------------------------------owl css--------------------------------------------------------------------------*/
.padltrt0{
	padding-left: 0;
	padding-right: 0;
}
.portfoli-top-bg{
	margin-top: -30px;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 0 !important;
}
.owl-carousel .owl-controls .owl-nav .owl-next{
    cursor: pointer;
    cursor: hand;
	float: right;
	background: url("../images/chev-lt.png");
	background-repeat: no-repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	 color: transparent;
	 display: inline;
	 position: relative;
	 bottom: 260px;
	 left: -40px;
	 background-color: #e77817;
	 background-position: 50%;
	 padding: 5px 5px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev{
    cursor: pointer;
    cursor: hand;
	float: right;
	background: url("../images/chev-rt.png");
	background-repeat: no-repeat;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: transparent;
	display: inline;
	position: relative;
	bottom: 260px;
	left: -25px;
	background-color: #e77817;
    background-position: 50%;
    padding: 5px 5px;
}
.our-portfoli h2{
	font-size: 32px;
	font-family: "Exo2-Medium";
	color: #e77817;
	position: absolute;
	top: -80px;
	left: 75px;
}
.our-portfoli h2 span{
	font-family: "Exo2-Light";
	color: #fff;
}
.our-portfoli h2 img{
	position: relative;
    top: 6px;
    right: 20px;
}
.our-portfoli{
	margin-bottom: -30px;
}
.owl-icon{
	display: none
}

.owl-item:hover .owl-icon{
	background: url("../images/chev-hover.jpg");
	background-repeat: no-repeat;
	background-position: 100%;
	margin-top: -50px;
    z-index: 5;
    display: block;
    position: relative;
    top: 27px;
	cursor: pointer;
	font-size: 14px;
	font-family: "Exo2-Light";
	color: rgb(255, 255, 255);
	border-bottom: 3px solid #e77817;
	transition: all 0.8s ease-in-out;
	
}
.owl-item:hover .owl-icon p{
	font-size: 14px;
	font-family: "Exo2-Light";
	color: transparent;
	text-align: center;
    margin-left: 0;
    margin-right: 70px;
    margin-bottom: 0px;
    position: relative;
    top: -5px;
    left: 15px;
    padding-left: 18px;
	
}
.owl-item:hover:after, .owl-item:hover:before {
    opacity:1;
}
.owl-item:after {
    content:' ';
	height:250px;
    top:0; 
	left:0;
    background:rgba(0,0,0,0.6);
}
.owl-item:after, .owl-item:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.owl-item a{
	text-decoration: none;
	color: transparent;
}




/*-------------------------------------------------------------footer css------------------------------------------------------------------*/
.footer-up{
	background: url("../images/up-footer.png");
	background-repeat: no-repeat;
	background-position: 50%;
	height: 170px;

}
.footer-up ul .li-first{
	font-size: 18px;
	font-family: "Exo2-SemiBold";
	color: rgb(31, 25, 59);
}
.footer-up ul .li-second{
	font-size: 14px;
	font-family: "Exo2-Light";
	color: rgb(31, 25, 59);
}

.footer-up ul li:nth-child(2).li-second {
	padding-left: 25px;
}


.footer-up ul li a{
	text-decoration: none;
	color: rgb(31, 25, 59);
}
.martp50{
	margin-top: 50px;
}
.footer-up ul li img{
	position: relative;
    right: 20px;
    top: 10px;
}
.footer-up ul .li-third{
	position: relative;
    left: 27px;
}
.footer-bg-clr{
	background-color: #f2f2f2;
	margin-top: -50px;
}
.mid-footer h2{
	font-size: 16px;
	font-family: "Exo2-Medium";
	color: rgb(51, 51, 51);
	letter-spacing: 0.6px;
	margin-bottom: 15px;
}
.mid-footer ul li{
	font-size: 12px;
    font-family: "Exo2-Light";
    color: rgb(102, 102, 102);
    line-height: 1.917;
    letter-spacing: 0.5px;
}
.mid-footer ul li a{
	color: rgb(102, 102, 102);
	text-decoration: none;
}
.transparency{
	color: transparent !important;
}
.mid-footer{
	margin-bottom: 10px;
}
.mid-footer ul li:hover a{
	color: #e77817;
}
.down-footer{
	background-color: #f2f2f2;
	border-top: 1px solid rgb(227, 227, 227);
	padding-top: 10px;
    padding-bottom: 0;
}
.down-footer p{
	font-size: 12px;
	font-family: "Exo2-Light";
	color: rgb(153, 153, 153);
	letter-spacing: 0.5px;
}
.down-footer p a{
	color: rgb(153, 153, 153);
	text-decoration: none;
}
.down-footer ul li a{
	font-size: 12px;
	font-family: "Exo2-Light";
	color: rgb(102, 102, 102);
	text-decoration: none;
	letter-spacing: 0.5px;
}
.down-footer ul li{
	display: inline-block;
}
.down-footer ul li img{
	padding-left: 20px;
    padding-right: 18px;
}
.social-section{
	position: relative;
	left: 30px;
}
/*---------------------------------------------------------------breadcrumb css---------------------------------------------------------------*/
.breadcrumb-bg{
	background: url("../images/breadcrumb.jpg");
	background-repeat: no-repeat;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover !important;
    height: 150px;
    margin-top: 185px;
}
.breadcrumb-bg .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	position: relative;
    top: 25px;
}
.breadcrumb-bg .bread-li-1st{
	font-size: 34px;
	font-family: "Exo2-SemiBold";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg .bread-li-2nd{
	font-size: 13px;
	font-family: "Exo2-Regular";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg .bread-li-2nd a{
	color: rgb(255, 119, 0);
	text-decoration: none; 
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg .breadcrumb li{
	display: block;
}
.breadcrumb-bg .breadcrumb li img{
	margin-top: -16px;
    margin-bottom: 13px;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: " ";
}
.breadcrumb-bg-services{
	background: url("../images/breadcrumb-services1.jpg");
	background-repeat: no-repeat;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover !important;
    height: 150px;
    margin-top: 185px;
}
.breadcrumb-bg-services .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	position: relative;
    top: 25px;
}
.breadcrumb-bg-services .bread-li-1st{
	font-size: 34px;
	font-family: "Exo2-SemiBold";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-services .bread-li-2nd{
	font-size: 13px;
	font-family: "Exo2-Regular";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-services .bread-li-2nd a{
	color: rgb(255, 119, 0);
	text-decoration: none; 
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-services .breadcrumb li{
	display: block;
}
.breadcrumb-bg-services .breadcrumb li img{
	margin-top: -16px;
    margin-bottom: 13px;
}
.breadcrumb-bg-contact{
	background: url("../images/contact-breadcrumb.jpg");
	background-repeat: no-repeat;
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover !important;
    height: 150px;
    margin-top: 185px;
}
.breadcrumb-bg-contact .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
	position: relative;
    top: 25px;
}
.breadcrumb-bg-contact .bread-li-1st{
	font-size: 34px;
	font-family: "Exo2-SemiBold";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-contact .bread-li-2nd{
	font-size: 13px;
	font-family: "Exo2-Regular";
	color: rgba(254, 254, 255, 0.988);
	text-align: center;
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-contact .bread-li-2nd a{
	color: rgb(255, 119, 0);
	text-decoration: none; 
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.5);
}
.breadcrumb-bg-contact .breadcrumb li{
	display: block;
}
.breadcrumb-bg-contact .breadcrumb li img{
	margin-top: -16px;
    margin-bottom: 13px;
}
/*-------------------------------------------------------------about css--------------------------------------------------------*/
.about-section{
	margin-top: 80px;
	margin-bottom: 60px;
}
.about-content h2{
	font-size: 34px;
	font-family: "Exo2-SemiBold";
	color: rgba(31, 25, 59, 0.988);
	margin-top: -10px;
	margin-bottom: 0;
}
.about-content p{
	font-size: 14px;
	font-family: "Exo2-Regular";
	color: rgb(48, 48, 49);
	line-height: 1.857;
	margin-bottom: 0;
    margin-top: 18px;
}
.about-paralex{
	background: url("../images/about-paralex.jpg");
    background-repeat: no-repeat;
	background-position: 50%;
    height: 440px;
}
.about-process .idea{
	position: relative;
	top: 12px;
}
.about-process .idea-arrow{
	position: relative;
	top: 12px;
	left: 10px;
}
.about-process .brain{
	float: right;
    position: relative;
    top: -30px;
    left: -65px;
}
.about-process .brain-arrow{
	float: right;
    position: relative;
    left: 55px;
}
.about-process .concept{
	display: inline-block;
	position: relative;
    top: -35px;
    left: -25px;
}
.about-process .concept-arrow{
	position: relative;
    top: -70px;
    left: 110px;
}
.about-process .detailing{
	float: right;
    position: relative;
    top: -115px;
    left: -100px;
}
.about-process .detailing-arrow{
	float: right;
    position: relative;
    left: -12px;
    top: -80px;
}
.about-process .document{
	display: inline-block;
	position: relative;
    top: -114px;
    left: -23px;
}
.about-process .document-arrow{
	position: relative;
    top: -154px;
    left: 141px;
}
.doc-icon{
	position: relative;
    top: -15px;
}
.about-process .product{
	float: right;
    position: relative;
    top: -198px;
    left: -95px;
}
.about-process .product-arrow{
	float: right;
    position: relative;
    left: -30px;
    top: -165px;
}
.product-icon{
	position: relative;
    top: -8px;
}
.about-process .marketing{
	display: inline-block;
    position: relative;
    top: -152px;
    left: -15px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.about-process .animation1{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation2{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 1.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation3{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation4{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 2.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation5{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation6{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 3.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation7{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 3.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation8{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 4.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation9{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 4.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation10{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 5.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation11{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 5.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation12{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 6.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation13{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 6.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation14{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 7.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation15{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 7.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation16{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 8.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation17{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 8.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation18{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 9.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation19{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 9.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.about-process .animation20{
	-webkit-animation-duration: 2.5s;
    animation-duration: 0.5s;
	animation-delay: 10.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.8s linear;

}
.our-quality h2{
	font-size: 34px;
	font-family: "Exo2-SemiBold";
	color: rgba(31, 25, 59, 0.988);
}
.our-quality p{
	font-size: 14px;
	font-family: "Exo2-Regular";
	color: rgb(48, 48, 49);
	 line-height: 1.857;
}
.our-quality-section{
	position: relative;
    bottom: 150px;
}
.our-quality ol{
	padding-left: 15px;
}
.our-quality ol li p{
	font-size: 16px;
	font-family: "Exo2-Bold";
	color: rgb(31, 25, 59);
	margin-bottom: 0;
}
.our-quality ol li{
	font-size: 18px;
    font-family: "Exo2-Regular";
    color: rgb(214, 214, 214);
    padding-left: 15px;
}
.our-quality ol li{
	margin-bottom: 15px;
	margin-left: 0px;
}
.our-quality ul{
	margin-top: 20px;
}
.our-quality ul li img{
	margin-right: 30px;
}
.our-vision-mission h2{
	font-size: 17px;
	font-family: "Exo2-SemiBold";
	color: rgb(31, 25, 59);
	margin-top: 0;
	margin-bottom: 18px;
	
}
.our-vision-mission p{
	 font-size: 14px;
	font-family: "Exo2-Regular";
	color: rgb(75, 75, 76);
	margin-bottom: 0;
	margin-left: 108px;
}
.our-vision-mission{
	margin-top: 50px;
	margin-bottom: -70px;
}
.our-vision-mission img{
	margin-right: 30px;
}
.gap70{
	height: 50px;
	display: block;
	clear: both;
}
.border-right-gray{
	border-right: 1px solid rgb(214, 214, 214);
}
.owl-carousel .owl-item img{
	height: 200px;
}
.our-quality{
	margin-bottom: -88px;
}

@-webkit-keyframes bounceInDown {
  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);
  }

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

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

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

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

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

@keyframes bounceInDown {
  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);
  }

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

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

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

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

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

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
/*-----------------------------------------------------services css----------------------------------------------------------*/
.service-chart{
	margin-top: 30px;
}
.service-paralex a{
	text-decoration: none;
}

.service-chart ul li{
	display: inline-block;
	padding: 5px 10px;
}
.service-chart ul li img{
	display: inline-block;
	margin-top: -4px;
}
.service-chart ul li a{
	font-size: 17px;
	font-family: "Exo2-Medium";
	color: rgb(35, 31, 61);
	text-decoration: none;
	cursor: default;
}
.service-chart ul{
	border: 0.59px solid rgb(35, 31, 61);
    border-radius: 0px;
    width: 568px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.service-chart p{
	font-size: 19px;
	font-family: "Exo2-Light";
	color: rgb(35, 31, 61);
	margin-top: 20px;
	margin-bottom: 25px;
}
.service-work1{
	background: url("../images/work1.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.service-overlay .ico{
    margin-bottom: 30px;
    padding-top: 85px;
}
.service-overlay .ico-hover{
    margin-bottom: 30px;
    padding-top: 85px;
	display: none;
}
.service-overlay h4{
	font-size: 20px;
	font-family: "Exo2-Medium";
	color: #2c2c2d;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}
.service-overlay p{
	font-size: 14px;
	font-family: "Exo2-Light";
	color: rgb(112, 112, 114);
	line-height: 1.714;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0;
}
.service-overlay .martp20{
	margin-top: 10px;
}
.service-overlay .plus-circle{
	margin-top: 35px;
	background-color: #eae9e9;
    border-radius: 50%;
    padding: 15px;
}
.service-overlay{
	background-color: #fff;
    transition: all 0.5s linear;
    margin-top: 0;
    padding-bottom: 0;
    margin-right: 7px;
    margin-left: 7px;
    height: 358px;
    position: relative;
    top: 8px;
}
.service-overlay.hover .ico{
	display: none;
}
.service-overlay.hover .ico-hover{
	display: block;
}
.service-overlay.hover{
	background-color: #231f3d;
}
.service-overlay.hover h4{
	color: #fff;
}
.service-overlay.hover p{
	color: #fff;
}
.service-overlay.hover .plus-circle{
	
   
}
.service-overlay.hover .plus-circle{
	display: none;
}
.service-overlay.hover .plus-circle-hover{
	display: block;
	margin-top: 35px;
	background-color: #ce7727;
    border-radius: 50%;
    padding: 15px;
}


.service-overlay .plus-circle-hover{
	display: none;
}
.service-work2{
	background: url("../images/work2.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.service-work3{
	background: url("../images/work3.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.service-work4{
	background: url("../images/work4.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.service-work5{
	background: url("../images/work5.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.service-work6{
	background: url("../images/work5.jpg");
	background-repeat: no-repeat;
	height: 375px;
	margin-top: 35px;
}
.plus-hover-display h4{
	font-size: 20px;
	font-family: "Exo2-Medium";
	color: rgb(255, 255, 255);
	padding-top: 20px;
	padding-bottom: 15px;
}
.plus-hover-display .second-h4{
	padding-top: 0px;
	padding-bottom: 45px;
}
.plus-hover-display ul li{
	font-size: 14px;
	font-family: "Exo2-Light";
	color: rgb(255, 255, 255);
	padding-left: 55px;
	margin-bottom: 10px;
}
.plus-hover-display ul li img{
	position: relative;
	right: 10px;
	top: 5px;
}
.plus-hover-display{
	display: none;
}
.plus-hover-display .white-left-arrow{
	margin-top: 10px;
   margin-bottom: 13px;
}

.service-overlay .plus-circle-hover{
	transition: all 0.5s linear;
}
.white-arrow-button{
	border: 0;
	border-radius: 0;
	background-color: transparent;
	margin: 0 auto;
    display: block;
    padding: 0;
}
.white-arrow-button:hover, 
.white-arrow-button:focus,
.white-arrow-button:active{
	background-color: transparent;
	outline: none;
}
.plus-circle-hover.btn-default.active, .plus-circle-hover.btn-default:active, .open>.dropdown-toggle.btn-default {
	background-color: transparent;
	box-shadow: none;
	border-color: none;
}
.white-arrow-button.active.focus, .white-arrow-button.active:focus, .white-arrow-button.active:hover, .white-arrow-button:active.focus, .white-arrow-button:active:focus, .white-arrow-button:active:hover, .open>.dropdown-toggle.white-arrow-button.focus, .open>.dropdown-toggle.white-arrow-button:focus, .open>.dropdown-toggle.white-arrow-button:hover {
    color: #333;
    background-color: transparent;
     border-color: transparent; 
}




/*---------------------------------------service paralax css-----------------------------------------------------*/
.service-paralex h2{
	font-size: 26px;
	font-family: "Exo2-SemiBold";
	color: rgb(56, 56, 57);
	margin-top: 90px;
	margin-bottom: 25px;
}
.service-paralex p{
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(112, 112, 114);
	margin-bottom: 0;
}
.service-paralex .service-btn{
	font-size: 16px;
	font-family: "Exo2-SemiBold";
	color: rgb(255, 255, 255);
	border-radius: 3px;
	background-color: rgb(206, 119, 39);
	width: 149px;
	height: 55px;
	margin: 0 auto;
	display: block;
	margin-top: 40px;
	
}

.service-btn {
    transform-style: preserve-3d;
}
.service-btn {
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}
.service-btn:after {
    top: -100%;
    left: 0px;
    width: 100%;
	padding: 20px 20px !important;
    position: absolute;
	margin: 0 auto;
    background: #1f193b;
    font-size: 16px;
	font-family: "Exo2-SemiBold";
	color: rgb(255, 255, 255);
	border-radius: 3px;
    content: 'CONTACT NOW';
    transform-origin: left bottom;
    transform: rotateX(90deg);
}
.service-btn:hover {
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
}
.service-paralex{
	background: url("../images/service-para.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 65%;
	height: 371px;
	margin-top: 100px;
}
.process-ellips{
	background: url("../images/ellips1.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	height: 427px;
	margin-top: 60px;
	margin-bottom: 40px;
	border-bottom: 2px solid rgb(230, 230, 228);
}
.process-ellips ul li{
	display: inline-block;
}
.process-education{
	position: relative;
    top: -20px;
    left: 0px;
}
.process-setting{
	position: relative;
    bottom: 50px;
    left: 72px;
}
.process-calculation{
	position: relative;
    bottom: 60px;
    right: 85px;
}
.process-brain{
	position: relative;
    right: 100px;
    bottom: 15px;
}
.process-configure{
	position: relative;
    left: 90px;
    bottom: 15px;
}
.process-bulb1{
	position: relative;
    top: 22px;
    right: -12px;
}
.process-bussiness{
	position: relative;
    top: 78px;
    right: 18px;
}

.process-bulb1-hover{
	position: relative;
    top: 22px;
    right: -12px;
	display: none;
}
.process-brain-hover{
	position: relative;
    right: 150px;
    bottom: 15px;
	display: none;
}
.process-setting-hover{
	position: relative;
    bottom: 50px;
    left: 72px;
	display: none;
}
.process-education-hover{
	position: relative;
    top: -20px;
    left: 0px;
	display: none;
}
.process-calculation-hover{
	position: relative;
    bottom: 60px;
    right: 68px;
	display: none;
}
.process-configure-hover{
	position: relative;
    left: 90px;
    bottom: 15px;
	display: none;
}
.process-bussiness-hover{
	position: relative;
    top: 78px;
    right: 18px;
	display: none;
}
.process-bulb-hover{
	position: relative
}


.process-bulb-hover {
	display:none;
}

/*-----zoomin animation--------*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.process-bulb-hover-center img{
	-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.5s linear;
}
.process-bulb-hover-center h4{
	-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.5s linear;
}
.process-bulb-hover-center p{
	-webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
	transition: all 0.5s linear;
}
.process-bulb-hover-center img{
	position: relative;
    bottom: 100px;
}
.process-bulb-hover-center h4{
	font-size: 29px;
	font-family: "Exo2-SemiBold";
	color: rgb(56, 56, 56);
	margin-top: -75px;
}
.process-bulb-hover-center p{
	 font-size: 16px;
	 font-family: "Exo2-Regular";
	 color: rgb(112, 112, 114);
	 margin-bottom: 0;
}
/*-------------------------------gallery css----------------------------------------------*/
.portfolio-style-1 h2{color:#000;}
.portfolio-style-1 .container-fluid{padding:0 60px;}
.portfolio-style-1 .container-fluid .col-md-2{padding:0;}
.portfolio-style-1 .outer{float:left;width:356px;}
.portfolio-style-1 .outer:hover .caption:before{top:3%;opacity:0.5; background-color: #f70}
.portfolio-style-1 .outer:hover .caption:after{bottom:3%;opacity:0.5; background-color: #f70}
.portfolio-style-1 .outer:hover img{opacity:0.5;}
.portfolio-style-1 .outer:hover .inner{visibility:visible;opacity:1;transform:rotate(0deg);}
.portfolio-style-1 .outer .inner{position:absolute;left:0;right:0;top:22%;bottom:0;margin:auto;width:100%;height:35%;z-index:9;transform:rotate(90deg);visibility:hidden;opacity:0;}
.portfolio-style-1 .outer .inner .btn-row{margin:0 0 10px 0;}
.portfolio-style-1 .outer .inner a.link{display:inline-block;width:45px;height:45px;background:#fff;border-radius:100%;text-align:center;line-height:45px;font-size:18px;color:#222;margin:0 3px;}
.portfolio-style-1 .outer .inner h3 a{color:#fff; text-decoration:none; font-family: "Exo2-SemiBold";}
.portfolio-style-1 .outer .inner h3{display:block;text-align:center;margin:0 0 10px 0; margin-bottom: 0; margin-top: 20px;}
.portfolio-style-1 .outer .inner span{font-size: 16px; font-family: "Exo2-Regular";color:#fff;display:block;text-align:center;}
.thumb{float:left;width:100%;position:relative;background:#000;}
.thumb img{display:block;overflow:hidden;}
.thumb .caption{position:absolute;left:0;top:0;width:100%;height:100%;}
.thumb .caption:before{content:'';position:absolute;left:0;right:0;margin:auto;top:-20%;width:95%;height:45%;opacity:0;}
.thumb .caption:after{content:'';position:absolute;left:0;right:0;margin:auto;bottom:-20%;width:95%;height:49%;opacity:0;}
.portfolio-style-1 .outer .inner,.thumb .caption:before,.thumb .caption:after,.portfolio-style-1 .outer .inner a.link,.blog-section .post-box .thumb .caption a.link,.blog-section .post-box .text-box a.more,.blog-section .post-box .text-box a.more span,.blog-section .post-box .text-box a.more b,.team-style-1 .frame img,.client-section .holder ul li span,.client-section .holder ul li a img,.team-style-2-box .thumb .caption a.link,.about-section .caption a.link{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
#main{margin-top: 90px;}
.gallery-large .outer{width:100%;margin-bottom:30px;overflow:hidden;}
.gallery-large .thumb img{width:100%;}
.gallery-large .thumb .caption:before,.gallery-large .thumb .caption:after{width:97%;}
.padd-none {padding: 0;}
.btn-row{text-align: center;}
.p_pagination {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.p_pagination .pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}
.p_pagination .pagination span, .pagination a, .testimonial_cycle .item p, #faq-filter ul li.active, .accordion.style_2 .accordion-heading .accordion-toggle, .services_medium.style_1 .icon_wrapper, .skill, aside .tagcloud a {
    background-color: #f5f5f5;
}
.p_pagination .pagination span, .p_pagination .pagination a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 6px 13px 5px 13px;
    text-decoration: none;
    width: auto;
    color: #444;
}
.p_pagination .pagination .current {
    padding: 6px 13px 5px 13px;
    color: #fff;
	background-color: #e77817;
	cursor: pointer;
}
.p_pagination .pagination span, .p_pagination .pagination a {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
    padding: 6px 13px 5px 13px;
    text-decoration: none;
    width: auto;
    color: #444;
}
.portfolio-style-1 i:hover{
	color: #e87817;
}
.thumb img{
	width: 555px;
	height: 280px;
}
/*----------------------------------------------Training page css-----------------------------------------------------------------*/
.training-bg{
	background: url("../images/training-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	height: 803px;
	margin-top: 80px;
}
.training-bg h2{
	font-size: 49px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(255, 255, 255);
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.03);
	margin-top: 140px;
}
.training-bg p{
	font-size: 23px;
	font-family: "RobotoCondensed-Regular";
	color: rgb(255, 255, 255);
	text-shadow: -0.278px 1.981px 6px rgba(0, 0, 0, 0.03);
}
.training-h2{
	margin-top: 0 !important;
}
.training-lhs ul .training-1st-li{
	font-size: 16px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(232, 120, 23);
}
.training-lhs ul .training-2nd-li{
	font-size: 16px;
	font-family: "RobotoCondensed-Regular";
	color: rgb(255, 255, 255);
}
.training-lhs ul .training-3rd-li{
	font-size: 12px;
  font-family: "RobotoCondensed-Regular";
  color: rgb(255, 255, 255);
}
.training-lhs ul{
	margin-top: 25px;
}
.training-lhs .training-time-img{
	background: #ff7700;
    padding: 12px;
    position: relative;
    right: 10px;
	top: 4px;
}
.training-rhs h3{
	font-size: 22px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(255, 255, 255);
	text-align: right;
}
.training-rhs p{
	font-size: 16px;
	font-family: "RobotoCondensed-Regular";
	color: rgb(255, 255, 255);
	text-align: right;
}
.training-rhs .btn{
	font-size: 20px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(255, 255, 255);
	background-color: rgb(232, 120, 23);
	 width: 188px;
	 height: 46px;
	 border: 0;
	 border-radius: 0;
	 display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	 transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.training-rhs .btn{
    transform-style: preserve-3d;
}
.training-rhs .btn {
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}
.training-rhs .btn:after {
    top: -100%;
    left: 0px;
    width: 100%;
	padding: 6px 18px !important;
    position: absolute;
	margin-top: 10px;
    margin-bottom: 10px;
    background: #1f193b;
    border-radius: 0px;
	border: 0;
	font-size: 20px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(255, 255, 255);
	letter-spacing: 0.5px;
    content: 'CONTACT NOW';
    transform-origin: left bottom;
    transform: rotateX(90deg);
}
.training-rhs .btn:hover {
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
}
.training-rhs{
	margin-top: 40px;
}
.training-expert h3{
	font-size: 17px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(0, 0, 0);
	margin-bottom: 5px;
}
.training-expert p{
	font-size: 15px;
	font-family: "Exo2-Regular";
	color: rgb(153, 149, 149);
	line-height: 1.267;
	margin-top: 30px;
}
.training-expert-h3{
	font-family: "RobotoCondensed-Regular" !important;
	margin-top: 0 !important;
}
.training-quality p{
	font-size: 17px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(0, 0, 0);
}
.training-quality{
	margin-top: 60px;
	margin-bottom: 60px;
}
.training-quality img{
	position: relative;
    right: 35px;
    top: 15px;
}
.training-expert-work h2{
	font-size: 30px;
	font-family: "RobotoCondensed-Bold";
	color: rgb(20, 20, 20);
	margin-bottom: 0;
}
.training-expert-work p{
	font-size: 17px;
	font-family: "RobotoCondensed-Regular";
	color: rgb(0, 0, 0);
	margin-top: 0;
	margin-bottom: 50px;
}
.training-comment ul li{
	font-size: 24px;
	font-family: "RobotoCondensed-Regular";
	color: rgb(255, 255, 255);
	margin-bottom: 37px;
	margin-top: 24px;
	margin-left: 25px;
}
.training-comment{
	background-color: #e87817;
}
.training-comment ul img{
	position: relative;
    top: 7px;
}
.comment-1st-li{
	margin-top: 40px !important;
}
.comment-last-li{
	margin-bottom: 40px !important;
}
.training-img{
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 90px;
}
.training-expert{
	background-color: #fff;
    margin-top: -295px;
}
/*-------------------------------------------------Contact page css-----------------------------------------------------*/
.main-contact p{
	font-size: 17px;
	font-family: "Exo2-Light";
	color: rgb(68, 68, 69);
	margin-top: 30px;
	margin-bottom: 30px;
}
.main-contact p span{
	font-family: "Exo2-Medium";
	font-weight: bold;
}
.contact-form h2{
	font-size: 21px;
	font-family: "Exo2-SemiBold";
	color: rgb(31, 25, 59);
	margin-top: 45px;
	margin-bottom: 60px;
}
.contact-form label{
	font-size: 14px;
	font-family: "Exo2-Regular";
	color: rgb(96, 96, 96);
	margin-bottom: 10px;
	font-weight: normal;
}
.contact-form .form-control{
	border-radius: 0;
    background-color: #f1f0f0;
    box-shadow: none;
    border: 0;
	padding: 25px 12px;
}
.contact-form-btn{
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
	background-color: rgb(232, 120, 23);
	width: 105px;
	height: 41px;
	border: 0;
	border-radius: 0;
	margin-top: 35px;
	margin-bottom: 75px;
	 display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	 transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.contact-form-btn{
    transform-style: preserve-3d;
}
.contact-form-btn{
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}
.contact-form-btn:after {
    top: -100%;
    left: 0px;
    width: 100%;
	padding: 6px 18px !important;
	width: 105px;
	height: 41px;
    position: absolute;
	margin-top: 10px;
    margin-bottom: 10px;
    background: #1f193b;
    border-radius: 0px;
	border: 0;
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
    content: 'Clear';
    transform-origin: left bottom;
    transform: rotateX(90deg);
}
.contact-form-btn:hover {
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
	outline: none;
}
.contact-form-send{
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
	background-color: rgb(232, 120, 23);
	width: 105px;
	height: 41px;
	border: 0;
	border-radius: 0;
	margin-top: 35px;
	margin-bottom: 75px;
	 display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	 transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.contact-form-send{
    transform-style: preserve-3d;
}
.contact-form-send{
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}
.contact-form-send:after {
    top: -100%;
    left: 0px;
    width: 100%;
	padding: 6px 18px !important;
	width: 105px;
	height: 41px;
    position: absolute;
	margin-top: 10px;
    margin-bottom: 10px;
    background: #1f193b;
    border-radius: 0px;
	border: 0;
	font-size: 16px;
	font-family: "Exo2-Regular";
	color: rgb(255, 255, 255);
    content: 'Send';
    transform-origin: left bottom;
    transform: rotateX(90deg);
}
.contact-form-send:hover {
    transform-origin: center bottom;
    transform: rotateX(-90deg) translateY(100%);
	outline: none;
}
.get-in-touch h2{
	font-size: 21px;
	font-family: "Exo2-SemiBold";
	color: rgb(31, 25, 59);
	margin-top: 45px;
	margin-bottom: 60px;
}
.contact-box1 h3{
	font-size: 14px;
	font-family: "Exo2-Medium";
	color: rgb(31, 25, 59);
	margin-top: 25px;
    margin-bottom: 20px;
}
.contact-box1 p{
	font-size: 13px;
	font-family: "Exo2-Regular";
	color: rgb(107, 106, 109);
	line-height: 1.692;
	margin-bottom: 15px;
}
.contact-box1 p a{
	color: rgb(107, 106, 109);
	text-decoration: none;
}
.contact-box1{
	border: 1px solid rgb(210, 210, 210);;
	height: 218px;
	margin-bottom: 35px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.contact-box1 img{
	padding-top: 30px;
}
.contact-box1:hover:before, .contact-box1:focus:before, .contact-box1:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.contact-box1:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e87817;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.contact-box1:hover h3,
.contact-box1:focus h3{
	color: #fff;
}
.contact-box1:hover p,
.contact-box1:focus p{
	color: #fff;
}
.contact-box1:hover p a,
.contact-box1:focus p a{
	color: #fff;
}
.touch-contact-hover{
	display: none;
}
.contact-box1:hover .touch-contact-hover{
	display: block;
}
.contact-box1:hover .touch-contact{
	display: none;
}
textarea:focus, select:focus, input:focus, .uneditable-input:focus {   
 border-color:#e77817 !important;
 border: 1px solid #e77817 !important;
 box-shadow: 1 1px 0px #e77817 inset, 1 1px 0px #e77817 !important;
 outline: 0 none !important;
 transition: all 0.5s linear;
}
.col-lg-2f{
	width: 11%;
}
.col-lg-2g{
	width: 15%;
}
.col-lg-2i{
	width: 24%;
}
.why-choose-us h2 span{
	border-top: 5px solid;
    padding-top: 22px;
}
.our-quality ul img{
	width: 35px;
    height: 35px;
}
.padtp68{
	padding-top: 68px;
}
.pad25{
	padding-top: 25px;
}
.padtp85{
	padding-top: 85px;
}

.pp_content_container .pp_right {
    padding-right: 8px !important;
}
.pp_content_container .pp_left {
    padding-right: 8px !important;
}
.pp_pic_holder{
	width: 718px !important;
}
/*-----------------------------------sitemap css ---------------------------------------*/
.sitemap h1{
	font-size: 23px;
	font-family: "Exo2-SemiBold";
	color: #1f193b;
}

.sitemap li a{
	font-size: 15px;
	font-family: "Exo2-Regular";
	color: #1f193b;
	text-decoration:none;
	line-height: 30px;
}
.sitemap li a:hover {
	color: #e77817;
}
/*------------------------------------------polocy css-----------------------------------------------------------------------------*/
.Policy h2{
	font-size: 19px;
	font-family: "Exo2-SemiBold";
	color: rgb(48, 46, 46);
	font-weight: bold;
	margin-top: 25px;
    margin-bottom: 30px;
}
.Policy p{
	 font-size: 14px;
	 font-family: 'Exo2-Regular';
     color: rgb(48, 48, 49);
     line-height: 2.205;
	 margin-bottom: 20px;
}
/*------------------------------------small header css--------------------------------------------------------------*/
.shrink .logo1 img{
	height: 77px;
    transition: all 0.5s linear;
    background-color: #fff;
    position: absolute;
    top: 0px;
    z-index: 1;
}
.shrink .logo img{
	height: 32px;
	transition: all 0.5s linear;
}
.shrink .header-contact p a{
	font-size: 12px;
	transition: all 0.5s linear;
}
.shrink .header-contact p img{
	height: 12px;
	transition: all 0.5s linear;
}
.shrink .header-contact{
	margin-top: 12px;
	transition: all 0.5s linear;
}
.shrink .rular-bg .logo {
    margin-top: 25px;
	transition: all 0.5s linear;
}
.shrink .navbar-default{
	margin-top: 0px;
	transition: all 0.5s linear;
}
.shrink .navbar-default .navbar-nav>li>a {
    font-size: 13px;
	transition: all 0.5s linear;
}
.shrink .nav>li>a {
    padding-top: 9px;
	 padding-bottom: 9px;
}
.shrink .rular-bg p {
    margin-top: 10px;
	margin-bottom: 0;
	transition: all 0.5s linear;
}
.shrink .logo1 {
    margin-top: 25px;
	transition: all 0.5s linear;
}
.shrink .navbar {
    min-height: 0px;
}
.shrink .social-link{
	display: none;
}
.logo1 img{
transition: all 0.5s linear;
}
.logo img{
transition: all 0.5s linear;
}
.header-contact p a{
	transition: all 0.5s linear;
}
.header-contact p img{
	transition: all 0.5s linear;
}
.header-contact{
	transition: all 0.5s linear;
}
.rular-bg .logo {
	transition: all 0.5s linear;
}
.navbar-default{
	transition: all 0.5s linear;
}
.navbar-default .navbar-nav>li>a {
	transition: all 0.5s linear;
}
.rular-bg p {
	transition: all 0.5s linear;
}
.nav>li>a {
    transition: all 0.5s linear;
}
.navbar {
   transition: all 0.5s linear;
}
/*-----------------------------------Traning on load popup-------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  border-radius: 0px;
  text-align: center;
}
#boxes #dialog {
  width:750px; 
  height:auto;
  background-color:#ffffff;
  font-family: "Lato-Light";
  color: rgb(48, 46, 46);
  font-size: 15px;
  border-top: 3px solid #e77817;

}
#popupfoot{
  padding: 10px 20px;
  border-bottom: 3px solid #e77817;
}
#popupfoot a{
	text-decoration: none;
}

#boxes .form-inline{
	margin-top: 20px;
}
#boxes .form-control{
	height: 50px;
	width: 40%;
    margin-right: 20px;
	border-radius: 0;
	box-shadow: none;
}
#boxes .img-martp35{
	margin-top: 35px;
	margin-bottom: 50px;
}
#boxes .cross-img{
	background-color: #e77817;
    padding: 5px 7px;
}
#boxes .form-inline .form-group {
    display: inline-block;
    margin-bottom: 25px;
    vertical-align: middle;
    width: 100%;
}
#boxes .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
    padding-left: 15px;
}
.popup-message{
	height: 125px !important;
}
.label-martp65{
	margin-top: -65px;
}
.label-martp78{
	margin-top: -78px;
}
.label-martp35{
	margin-top: -40px;
}
#boxes .btn{
	display: block;
    width: 40%;
    height: 38px;
    margin-right: 33px;
    margin-top: -70px;
	margin-bottom: 50px;
    border-radius: 0;
	font-size: 16px;
	font-family: "Lato-Light";
	font-weight: bold;
	color: rgb(255, 255, 255);
	background-color: #e77817;
	cursor: pointer;
}
#boxes .close{
	opacity: 1;
}
/*-------Social links-------*/
.social-link i{
	font-size: 20px;
	color: #e77817;
	padding-right: 15px;
	padding-top: 5px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}
.social-link i:hover{
	color: #1f193b
}
.social-icon-footer li{
	display: inline-block;
}
.social-icon-footer {
	border-top: 1px solid rgba(102, 102, 102, 0.2);
	width: 80%;
}
.social-icon-footer li i{
	display: inline-block;
	font-size: 15px;
	padding-right: 15px;
	padding-top: 20px;	
}
/*Sticky gear icons*/
.sticky-container{
    position: fixed;
    right: -6px;
    top: 210px;
    z-index: 10;
}
.sticky-container .sticky li{
	list-style-type: none;
	color: #fff;
	width: 137px;
	padding: 0px;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	cursor: pointer;
}
/* sticky gear icons*/
/* temprary popup css */

#masking-box {
  position:fixed;
  left:0;
  top:0;
  width: 100% !important;
  height: 100% !important;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#box .window {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:none;
  z-index:9999;
  border-radius: 0px;
}
#box .window img.banner {
  width: 687px;
  height: 893px;
}
#box .cross-img{
  background-color: #e77817;
  padding: 5px 7px;
  opacity: 1;
}
.footer-up ul li img{
	transition: all 0.5s linear;
}
.footer-up ul li img:hover{
	transform: translate(0px, -10px);
}
.down-footer ul{
	text-align: center;
}
#mask{
		width: 100% !important;
	}

ul.training-obj li{
    font-size: 15px;
    font-family: "Exo2-Regular";
    color: rgb(153, 149, 149);
    line-height: 1.267;
    margin-top: 20px;
}

i.guide-icon {
    font-size: 50px;
    color: #e87817;
    float: left;
    margin-top: 12px;
}

.guide-heading {
    margin-left: 82px;
}
.figure img{
width:100%
}