/* =================================== */
/*	Basic Style 
/* =================================== */

@import url('fonts/fonts.css');
@import url('fonts/font-awesome.css');
@import url('../assets/style.css');
@import url('top.css');

@font-face {
	font-family: 'Rajdhani';
	src: url('../fonts/Rajdhani-Bold.eot');
	src: url('../fonts/Rajdhani-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rajdhani-Bold.woff2') format('woff2'),
		url('../fonts/Rajdhani-Bold.woff') format('woff'),
		url('../fonts/Rajdhani-Bold.ttf') format('truetype'),
		url('../fonts/Rajdhani-Bold.svg#Rajdhani-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Light.woff2') format('woff2'),
		url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf') format('truetype'),
		url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Rajdhani';
	src: url('../fonts/Rajdhani-Medium.eot');
	src: url('../fonts/Rajdhani-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rajdhani-Medium.woff2') format('woff2'),
		url('../fonts/Rajdhani-Medium.woff') format('woff'),
		url('../fonts/Rajdhani-Medium.ttf') format('truetype'),
		url('../fonts/Rajdhani-Medium.svg#Rajdhani-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff2') format('woff2'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Rajdhani';
	src: url('../fonts/Rajdhani-Regular.eot');
	src: url('../fonts/Rajdhani-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Rajdhani-Regular.woff2') format('woff2'),
		url('../fonts/Rajdhani-Regular.woff') format('woff'),
		url('../fonts/Rajdhani-Regular.ttf') format('truetype'),
		url('../fonts/Rajdhani-Regular.svg#Rajdhani-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
::-moz-selection { /* Code for Firefox */color: #FFF; background: #ee2024;}

::selection {color:#FFF; background:#ee2024;}

body {font-family: 'Roboto'; font-weight: normal; font-style: normal; font-size: 16px; color: #111111;height: 100%;}
html,body {height: 100%; margin:0; padding:0;}
*{padding:0;margin:0;list-style:none;outline:none;}
#wrap{width:100%;}
.wrap {width:1220px; max-width: 100%; margin: 0 auto; padding:0 10px;}
/* =================================== */
/*	Header 
/* =================================== */
.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*background-color: rgba(235,18,42,0.2);*/
	z-index: 10000;
	height: 72px;
	overflow: hidden;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;}

.cbp-af-header .cbp-af-inner {width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; margin:0 auto;}

.cbp-af-header h1{display: inline-block;position: relative;}
 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1 {margin:10px 0 0 0;float: left;}
.cbp-af-header h1 img{ height:35px;}
/* Transitions and class for reduced height */
.cbp-af-header h1 img{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.cbp-af-header.cbp-af-header-shrink {height: 67px; background-color:/*#ee2024*/ rgba(228,40,50,0.9);}
.cbp-af-header.cbp-af-header-shrink h1{margin:8px 0 0 0;}
.cbp-af-header.cbp-af-header-shrink h1 img{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;}
.cbp-af-header.cbp-af-header-shrink h1 img{ height:31px;}

.about_img {
    float: right;
    width: 49%;
}
.slider_content {
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
}
.slider_content h2{ color:#fff; font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:50px;}
.slider_content p{ color:#fff; font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:20px; width:71%; margin:0 auto; line-height:30px;}
.slider_content h5{ text-align:center; margin:30px 0 0;}
.slider_content h5 a{font-family: 'Roboto'; font-weight: 300;  font-style: normal; color:#282828; text-decoration:none; background:#fff; padding:15px 25px; font-size:16px;}




#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%; 
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:200px;
    max-height:100px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 16px;
    height: 30px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}

.nav-tabs {
	float: left;
	text-align:left;
	margin:45px 0 0 0;
	border-bottom: 0;
	font:18px/25px 'robotolight', Arial, Helvetica, sans-serif;
	color:#fff;
}
.nav-tabs li {
	display:block;
	border-bottom:1px solid #fff;
	margin:0 0 0 61px;
	border-bottom:1px solid #e00102;
}
.nav-tabs li a {
	margin-left: 0px;
	border: 0;
	color:#000;
	text-decoration:none;
	line-height:40px;
	padding:0px 45px 0 10px;
}
.nav-tabs li a:hover {
	color:#fff;
	background:#e00102;
	padding:13px 45px 10px 10px;
}
.nav-tabs .glyphicon {
}
.nav-tabs .active .glyphicon {
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 0;
}
.tab-content {
	margin-left: 0px;
}
.tab-content .tab-pane {
	display: none;
	padding: 1.6rem;
	overflow-y: auto;
}
.tab-content .active {
	display: block;
}
.tab-content ul li {
	padding:0 0 20px 20px;
	display:inline-block;
}

.service_wrap{padding:0;}


.port .caption {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    transition: all 0.45s ease-in-out 0s;
}
.port .blur {
    background-color: rgba(2, 3, 2, 0.7);
    height: 240px;
    position: absolute;
    width: 500px;
    z-index: 5;
	margin:40px;
}

.port .caption-text img {
	position:absolute;
	text-align:center;
	text-transform: uppercase;
	font-size: 24px;
}
.port .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	width: 500px;
	text-align: center;
	float:left;
	margin:40px;
}
.port .portfolio-item {
	position: relative;
	overflow: hidden;
}
.caption-text > p {
    margin: 0 auto;
    padding: 14% 0;
    text-align: center;
    width: 70%;
}

.caption-text > p a{
	color:#fff;
	font-family: "Rajdhani";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
	text-decoration:none;
    margin: 0 auto;
    padding: 18% 0;
    text-align: center;
    width: 70%;
}
.port .portfolio-item:hover .caption {
	opacity: 1;
}
.ppagination {
    display: inline-block;
    text-align: center;
    width: 100%;
	padding:0 0 60px;
}
.portfolio-item img {
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}

.ppagination ul li {
    display: inline-block;
    margin: 0 3px;
    padding: 0 4px;
}
.ppagination ul li a{
	color:#fff;
	text-decoration:none;
}
.ppagination ul li.prev {
    border: 1px solid #fff;
    padding: 3px 7px;
	font-family: "Rajdhani";
}
.ppagination ul li.next {
    border: 1px solid #fff;
    padding: 3px 7px;
	font-family: "Rajdhani";
}
.share-icon {
    float: right;
}
.links-social {
    float: right;
    width: 30%;
}
/* Example Media Queries */
@media screen and (max-width: 55em) {
.cbp-af-header {background-color:#ee2024 /*rgba(235,18,42,0.9)*/;}
.cbp-af-header .cbp-af-inner {width: 100%; padding: 0 10px; }
.cbp-af-header h1{display: block;}
.cbp-af-header h1{line-height: 65px; margin-top:0;}
.cbp-af-header.cbp-af-header-shrink h1{line-height:60px; margin-top:0;}

}

/* =================================== */
/*	Menu
/* =================================== */

/* MENU */
.cbp-af-header .menu {}
.cbp-af-header .menu ul{margin:0; padding:17px 0 0 0; list-style:none; float:right; text-transform:uppercase; font-size:18px; font-family: 'Roboto'; font-weight: 300;  font-style: normal;}
.cbp-af-header .menu ul li{margin:0; padding:0; list-style:none; line-height:40px; height:40px; float:left;}
.cbp-af-header .menu ul li a{margin:0; padding:0px 10px; color:#FFF; text-decoration:none;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.cbp-af-header .menu ul li a:hover{color:#e42832;}
.cbp-af-header .menu ul li a.current{border:1px solid #FFF; padding-top:3px; padding-bottom:3px;}

.cbp-af-header .menu ul li.req{ background:#e42832; color:#FFF; height:30px; line-height:30px; margin-top:5px; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; margin-left:5px; margin-right:5px;}
.cbp-af-header .menu ul li.req a{color:#FFF;}
.cbp-af-header .menu ul li.req:hover{ background:#111; color:#FFF; height:30px; line-height:30px; margin-top:5px;}

.cbp-af-header.cbp-af-header-shrink .menu {}
.cbp-af-header.cbp-af-header-shrink .menu ul{margin:0; padding:12px 0 0 0; list-style:none; float:right; text-transform:uppercase; font-size:18px;}
.cbp-af-header.cbp-af-header-shrink .menu ul li{margin:0; padding:0; list-style:none; line-height:40px; height:40px; float:left;}
.cbp-af-header.cbp-af-header-shrink .menu ul li a{margin:0; padding:3px 10px; color:#FFF; text-decoration:none;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.cbp-af-header.cbp-af-header-shrink .menu ul li a:hover{color:rgba(17,17,17,0.9);}

.cbp-af-header.cbp-af-header-shrink .menu ul li.req{ background:#FFF; color:#e42832; height:30px; line-height:30px; margin-top:5px; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; margin-left:5px; margin-right:5px;}
.cbp-af-header.cbp-af-header-shrink .menu ul li.req a{color:#e42832;}
.cbp-af-header.cbp-af-header-shrink .menu ul li.req:hover{ background:#111; color:#FFF; height:30px; line-height:30px; margin-top:5px;}
.cbp-af-header.cbp-af-header-shrink .menu ul li.req:hover a{color:#FFF;}

.menu2{display:none;}


/* =================================== */
/*	HomePahe
/* =================================== */
.ab-bg{background:#ffF; color:#111; width:100%; display:inline-block;}
.ab-bg .wrapab{width:50%; float:left; margin:0 auto; text-align:center;}
.ab-bg .wrapab h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 50px; text-transform:uppercase; margin:10px 0 20px 0; padding:0; text-align:left;}
.ab-bg .wrapab p{font-size:18px; font-family: 'Roboto'; font-weight: 300;  font-style: normal; line-height:30px; text-align:left;}
.ab-bg .wrapab .mB{margin:40px auto 0 auto; line-height:40px; color:#FFF; font-size:16px; text-align:left;}
.ab-bg .wrapab .mB a{border:1px solid #111;color:#111; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.ab-bg .wrapab .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}

/*All*/
.ab-bg, .our-work-bg, .cli-bg, .tes-bg2, .Ser{padding:60px 0;}/*All*/

.tes-bg{background:#e42832; padding:60px 0 80px 0; /*border-bottom:#f5f5f5 solid 1px;*/}
.tes-bg .wraptes{max-width:900px; width:100%; margin:0 auto; text-align:center;}
.tes-bg .wraptes h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 50px;color: #FFF; text-transform:uppercase; margin:0 0 20px 0; padding:0;}
.tes-bg .wraptes p{color:#FFF; font-size:16px; font-family: 'Roboto'; font-weight: 300;  font-style: normal; line-height:25px; margin-bottom:30px;}
.tes-bg .wraptes span{color:#FFF; font-style:italic;}
.tes-bg .wraptes h3{color:#FFF; font-size:20px; font-family: 'Roboto'; font-weight: 300;  font-style: normal; line-height:25px; margin:0px 0 0; text-align:left;}
.tes-bg .wraptes h5{color:#FFF; font-size:18px; font-family: 'Roboto'; font-weight: 300;  font-style: normal; margin:0; line-height:25px; text-align:left;}
.tes-bg .wraptes img{float:left; margin-right:25px; border-radius:50%; width:90px; height:100px;}
.tes-bg .wraptes p.p2{text-align:justify;}
.tes-bg .wraptes span.span2{float:right;}

.tes-bg2{background:#343434; padding:60px 0 80px 0; /*border-bottom:#f5f5f5 solid 1px;*/}
.tes-bg2 .wraptes{max-width:900px; width:100%; margin:0 auto; text-align:center;}
.tes-bg2 .wraptes h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 50px;color: #FFF; text-transform:uppercase; margin:0 0 20px 0; padding:0;}
.tes-bg2 .wraptes p{color:#FFF; font-size:18px; font-weight:normal; line-height:25px; margin-bottom:30px;}
.tes-bg2 .wraptes span{color:#FFF; font-style:italic;}


.our-work-bg{background:#282828; /*#111border-bottom:#f5f5f5 solid 1px;*/}
.our-work-bg .wraptes{/*max-width:900px;*/ width:100%; margin:0 auto; text-align:center;}
.our-work-bg .wraptes h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal;font-size: 50px;color: #FFF; text-transform:uppercase; margin:0 0 20px 0; padding:0;}
.our-work-bg .wraptes .nopad{padding-right:0; padding-left:0;}
.our-work-bg .wraptes .mB{margin:10px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.our-work-bg .wraptes .mB a{border:1px solid #FFF;color:#FFF; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.our-work-bg .wraptes .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}


.cli-bg{background:#FFF;}
.cli-bg ul{margin:0; padding:0;}
.cli-bg ul li{margin:0; padding:0; float:left;}
.cli-bg ul li img{}
.cli-bg h1 {font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 50px;color: #111111; text-align:center;text-transform: uppercase;margin: 0 0 20px 0;padding: 0;}
.cli-bg .mB{margin:150px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.cli-bg .mB a{border:1px solid #111;color:#111; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.cli-bg .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}


.foot-bg2{background:#e42832; padding:20px 0; text-align:center;}
.foot-bg2 .flogo{background:url(../images/foot-logo.png) no-repeat scroll 0px 5px;}
.links2{width:100%; text-align:center;}
.links2 ul{margin:0; padding:0;display:inline-block;}
.links2 ul li{margin:0; padding:5px 18px 20px 0; float:left;}
.links2 ul li a{color:#FFF!important; text-decoration:none; text-transform:uppercase; font-size:15px; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.links2 ul li a:hover{color:#ffced3!important; font-style:italic;}

.links-social-bg2{ background:#282828; padding:20px 0; text-align:center;}
.links-social2{width:100%;}
.links-social2 ul{margin:0; padding:0; display:inline-block;}
.links-social2 li{margin:0; padding:0 18px 0 0; float:left;}
.links-social2 ul li a{color:#FFF!important; text-decoration:none; text-transform:uppercase; font-size:22px; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.links-social2 ul li a:hover{color:#ec273d!important; padding:0 3px;}
.links-social2 ul li:last-child{padding-right:0;}
.copy2 p{color:#FFF; margin-bottom:0;}


/*TemporariClases*/
.foot-bg{background:#282828; padding:30px 0; text-align:center;}
.foot-bg .flogo{background:url(../images/foot-logo.png) no-repeat scroll 0px 5px;}
.links{width:70%; text-align: left; float:left;}
.links ul{margin:0; padding:0;display:inline-block;}
.links ul li{margin:0; padding:5px 18px 0px 0; float:left;}
.links ul li a{color:#FFF!important; text-decoration:none; text-transform:uppercase; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; font-family: "Rajdhani";   font-size: 18px;   font-style: normal;   font-weight: 500;}
.links ul li a:hover{color:#ffcd4c!important; font-style:italic;}
.links p{color:#FFF!important;  font-family: "Rajdhani";   font-size: 18px;   font-style: normal;   font-weight: 500; margin:10px 0 0; }
.links-social-bg{ background:#e42832; padding:20px 0; text-align:center;}
.links-social{width:30%;}
.links-social ul{margin:0; padding:0; display:inline-block; text-align:right; width:100%;}
.links-social li{margin:0; padding:0 10px 0 0; display:inline-block;}
.links-social ul li a{ border-radius:50%; background:#fff; color:#282828!important; text-decoration:none; text-transform:uppercase; font-size:28px; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.links-social ul li a:hover{color:#fff!important; background:#c4302b;}
.links-social ul li:last-child{padding-right:0;}
.copy p{color:#FFF; margin-bottom:0;}
.links-social{ padding:14px 0;}
.links-social ul li.facebook a{ padding:10px 20px;}
.links-social ul li.twitter a{ padding:10px 15px;}
.links-social ul li.youtube a{ padding:10px 15px;}
.news_wrap {
    border: 1px solid #284684;
}
.news_wrap > p {
    padding: 15px;
	font-family: "Rajdhani";   font-size: 18px;   font-style: normal;   font-weight: 500;
	color:#fff;
	line-height:24px;
}
.news_wrap > p a{
	font-family: "Rajdhani";   font-size: 18px;   font-style: normal;   font-weight: 500;
	color:#e42832;
	line-height:24px;
	text-decoration: none;
}
.news_wrap > p a:hover{
	color:#fff;
}
/*//TemporariClases*/


/*Testimonial*/
#testimonials{width:100%;
	margin:0;
	padding: 0;
	position:relative;}
#testimonials .testimonial{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:1;}
.testimonial_carosul {
    display: inline-block;
    float: left;
    margin: 0 10px;
    width: 47%;
}
.testimonial_carosul p{
    border: 2px solid #fff;
    padding: 30px;
	color:#fff;
	border-radius:5px;
	transition: all 0.5s ease 0s;
	cursor:pointer;
}
.testimonial_carosul p:hover{
	background:#fff;
    border: 2px solid #fff;
    padding: 30px;
	color:#e42832;
	border-radius:5px;
}
#test_container{
	position:relative;
	overflow:hidden;}

#t_pagers{
	position:absolute;
	left:49%;
	/*bottom:0px;*/
	z-index:2;}
#t_pagers .pager{
	display:inline-block;
	text-decoration:none;
	width:7px;
	min-height:7px;
	margin-right:5px;
	background:#FFF;
	border-radius:0%;
	cursor:pointer;}
#t_pagers .pager.active{background:#282828;}

/**/
#t_pagers2{
	position:absolute;
	left:49%;
	/*bottom:0px;*/
	z-index:2;}
#t_pagers2 .pager{
	display:inline-block;
	text-decoration:none;
	width:7px;
	min-height:7px;
	margin-right:5px;
	background:#FFF;
	border-radius:0%;
	cursor:pointer;}
#t_pagers2 .pager.active{background:#e42832;}
/*//*/


/*HomeServices*/
.Ser{width:70%; margin:0 auto; /*padding:10% 0;*/}
.Ser h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 50px;color:#111111;  text-transform:uppercase; margin:0 0 20px 0; padding:0; line-height:50px;}
.Ser p{color:#111111; font-size:18px; font-family: 'Roboto'; font-weight: 300;  font-style: normal; line-height:30px;}
.Ser .mB{margin:40px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.Ser .mB a{border:1px solid #111111;color:#111111; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.Ser .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}



/* =================================== */
/*	InnerPages 
/* =================================== */

/*+InnerBanner+*/
.innerWrapper{position:relative; overflow:hidden; max-height:500px;/*max-height:450px;*/width:100%; margin:0 auto;}
.innerWrapper img{width:100%; max-height:100%;}
.innerWrapper h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:50px;color:#FFF; text-transform:uppercase; text-align:center; position:absolute; left:0; right:0; top:50%;
text-shadow: 2px 3px 4px rgba(0,0,0,.4);}

.innerWrapperPort{position:relative; overflow:hidden; max-height:450px; width:100%; margin:0 auto;}
.innerWrapperPort img{width:100%; max-height:100%;}
.innerWrapperPort h1{font-size:50px;color:#FFF; font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; text-transform:uppercase; text-align:center; position:absolute; left:0; right:0; top:50%;
text-shadow: 2px 3px 4px rgba(0,0,0,.4);}



/*BodyInner*/
.BodyInner{background:#1f366a; color:#FFF;}
.BodyInnerPort{background:#1f366a; color:#FFF;}

/*AboutPage*/
.about-bg{background:#1f366a; color:#FFF; padding:60px 0; width:100%;}
.about_inner{background:#284684;}
.about-bg .wrapab{margin:0 auto; text-align:center;}
.about-bg .wrapab img.imgg{width:100%; height:100%;}
.about-bg .wrapab p{font-family: "Roboto";    font-size: 18px;    font-style: normal;    font-weight: 300;  line-height:30px;}
.about-bg h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:50px; color:#FFF; margin:0; text-transform:uppercase;}

.wrapbl img {
    float: left;
    margin: 0 30px 30px 0;
}
.about-bg .wrapbl p{font-family: "Roboto";    font-size: 16px;    font-style: normal;    font-weight: 300;  line-height:25px;}
.about-bg .wrapbl p i{ margin:0 10px 0 0;}
.wrapbl h2 {
    margin: 0 0 15px;
}


.bgc3ourteam{width:100%; padding:25px 0;
background:url(../images/our-team.jpg) center top no-repeat; background-attachment:scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.Team{padding: 50px;background: rgba(238, 32, 36,0.95);margin: 70px auto;max-width: 850px;width: 100%; text-align:center;}
.Team h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:40px; color:#FFF;}
.Team p{ line-height:30px; font-size:16px; color:#FFF;}
.Team .mB{margin:40px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.Team .mB a{border:1px solid #FFF;color:#FFF; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.Team .mB a:hover{line-height:40px; color:#FFF; border:1px solid #111;background:#111; display:inline-block;}


/*PortFolio*/
.noPad{padding-left:0 !important; padding-right:0 !important;}

.port{margin:40px 0 20px 0;}
.port img{width:100%; height:auto;/*100% for all browsers,auto for Safari*/}

.port h1{font-family: 'Rajdhani'; font-weight: 500;  font-style: normal; font-size:30px; padding:10px; margin:0; background:#284584; color:#FFF; text-transform:uppercase;}
.port h1 a{font-family: 'Rajdhani'; font-weight: 500;  font-style: normal; font-size:30px; padding:10px; margin:0; background:#284584; color:#FFF; text-transform:uppercase; text-decoration:none;}
.port h1 a:hover{ color:#e25653;}
.blog h1 {
    background: #fff none repeat scroll 0 0;
    border: 10px solid #1f366a;
    color: #000;
    font-family: "Rajdhani";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    padding: 10px;
    position: absolute;
    text-transform: uppercase;
    width: 23%;
	z-index:6;
}
.blog h3 a {
    background: #fff none repeat scroll 0 0;
    border: 10px solid #1f366a;
    color: #1f366a;
    float: right;
    font-size: 30px;
    margin: -15.2% -12px 0 0;
    padding: 16.8px 0;
    position: relative;
    text-align: center;
    width: 20%;
    z-index: 99;
}
.blog h3 a:hover{
    background: #e25653 none repeat scroll 0 0;
	color:#fff;
}
.blog-caption h2 {
    padding: 16% 0;
	font-family: "Rajdhani";
    font-style: normal;
    font-weight: 500;
}
}
/* General style */
.gamehover {width:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.gamehover .mask, .gamehover .content {width:100%;position:absolute;overflow:hidden;top:0;left:0}
.gamehover img {display:block;position:relative}
.gamehover p {font-size:14px;position:relative;color:#fff;padding:0;text-align:left;}

/* Effect 1*/
.gameEffect-first img {transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; width:100%;height:auto;}
.gameEffect-first .mask {opacity:0;background-color:rgba(235,18,42,0.7);transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; width:100%; /*height:100%;*/ padding:20px;}
.gameEffect-first p {opacity:0;transform:translateX(100px); -moz-transform:translateX(100px); -ms-transform:translateX(100px); -o-transform:translateX(100px); -webkit-transform:translateX(100px); transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
/* Effect 1:hover*/
.gameEffect-first:hover img {/*transform:scale(1.01); -moz-transform:scale(1.01); -ms-transform:scale(1.01); -o-transform:scale(1.01); -webkit-transform:scale(1.01);*/}/*hover image zoom function remove comment it's work*/
.gameEffect-first:hover .mask {opacity:0;/*1*/}
.gameEffect-first:hover p{opacity:1;transform:translateX(0px); -moz-transform:translateX(0px); -ms-transform:translateX(0px); -o-transform:translateX(0px); -webkit-transform:translateX(0px);}
.gameEffect-first:hover p {transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s;}




/*PortTab*/
.tabs-menu {/*height: 30px;*/ margin:50px 0 0 0; padding:0; font-size: 16px; float:left;/*max-width:505px;485 float: left;width:50%; clear: both;*/}
.tabs-menu li {height: 40px;line-height: 38px; list-style:none;float: left;margin-right: 1px; border: 1px solid #FFF; color:#FFF;}
.tabs-menu li.current {position: relative;z-index: 5; border: 1px solid #ee2024;background:#ee2024; height:40px; line-height:38px;}
.tabs-menu li a {padding: 20px;text-transform: uppercase;color:#FFF;text-decoration: none;}
.tabs-menu .current a {color: #FFF;}
.tab {border: 0px solid #d4d4d1;margin-bottom: 0px; margin-top:10px;width: auto;}
.tab-content {width:auto /*660px*/;padding:0px;display:none;}
.tab-content h1{margin:0;}
.tab-content p{margin:0; padding:10px 0 0 0;}
#tab-1 {display: block;}
.back{float:right; position:relative; text-decoration:none; margin-top:50px; text-transform:uppercase;}
.back a{color:#FFF; text-decoration:none;border:1px solid #ee2024; background:#ee2024; color:#FFF; padding:9px 19px; text-decoration:none;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.back a:hover{padding:9px 19px; border:1px solid #FFF; background:#282828; color:#FFF; text-decoration:none;}

.back1{}
.back1 ul{}
.back1 ul li{border:1px solid #FFF; background:#000; height:38px; width:38px; display:inline-block; margin-left:1px;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.back1 ul li:hover{border:1px solid #ee2024; background:#ee2024;}
.back1 ul li.port{padding:8px 19px 9px 19px; border:1px solid #ee2024; background:#ee2024; color:#FFF; text-decoration:none; width:auto; height:auto; text-transform:uppercase;}
.back1 ul li.port:hover{border:1px solid #FFF; background:#111; color:#FFF;}
.back1 ul li.port a{color:#FFF; text-decoration:none;}

.backFix{float:right;}

/*////PortTab*/

/* =================================== */
/*	ArtServices 
/* =================================== */
.ArtServices{background:#212121; color:#FFF; padding:0;}
.ArtServices h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal;font-size: 35px; text-transform:uppercase; margin:30px  auto; padding:3px 0; text-align:center; color:#FFF;}
.ArtServices .Ai{margin:0;}
.ArtServices .Ai img{width:100%; height:100%;}

.ArtServices2{background:rgba(17,17,17,0.9); color:#FFF; padding:0;}
.ArtServices2 h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal;font-size: 35px; text-transform:uppercase; margin:30px  auto; padding:3px 0; text-align:center; color:#FFF;}
.ArtServices2 .Ai{margin:0;}
.ArtServices2 .Ai img{width:100%; height:100%;}

body.art-s{ background:url(../images/bg-art.jpg) #000 center top no-repeat; background-attachment:fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;/**/}

/*CareerPage*/
.career-bg{background:#1f366a; color:#FFF; padding:60px 0; width:100%;}
.career-bg .wrapab{margin:0 auto;}
.career-bg .wrapab p{font-family: 'Rajdhani';  font-weight: normal; font-style: normal; font-size:15px; line-height:20px; margin-top:25px;}
.career-bg .wrapab p span{color:#FFF; font-size:16px;}
.career-bg .wrapab p:last-child{margin-bottom:25px;}
.career-bg .wrapab p a{color:#ee2024; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.career-bg .wrapab p a:hover{color:#ee2024; text-decoration:none;}
.career-bg h3{font-family: 'Rajdhani';  font-weight: normal; font-style: normal;font-size:20px; color:#bfbfbf;}

.career{width:100%; padding:25px 0;
background:url(../images/career-benifits.jpg) center top no-repeat; background-attachment:scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.career-ben{padding: 50px;background:#1f366a;margin: 50px auto;max-width: 900px;width: 100%;color:#FFF;}
.career-ben h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:40px; margin-bottom:20px; margin-top:0; text-align:center; text-transform:uppercase;}
.career-ben p {
    float: left;
    font-family: 'Rajdhani';  font-weight: normal; font-style: normal;
    text-align: right;
    width: 20%;
	margin:10px 0;
}
.career-ben .mB{margin:40px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.career-ben .mB a{border:1px solid #FFF;color:#FFF; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.career-ben .mB a:hover{line-height:40px; color:#FFF; border:1px solid #111;background:#111; display:inline-block;}

.portfolio_wrap{background:#1f366a; color:#FFF; padding:60px 0; width:100%;}
/*ContactPage*/
.contact-bg{background:#1f366a; color:#FFF; padding:60px 0; width:100%;}
.con h3{color:#E2E2E2; font-family: 'Rajdhani'; font-weight: 500; font-style: normal; margin-top:0; font-size:30px;}
.con h4{color:#E2E2E2; font-family: 'Rajdhani'; font-weight: 500; font-style: normal; margin-top:0; font-size:20px; margin:0 0 10px;}
.con h4 i {
    width: 25px;
}
.con label{width:100%; float:left; margin-right:2%;}
.con label.last{margin-right:0;}
.con p{color:#E2E2E2; width:100%; font-weight:normal;}
.con .input{background:#5e73a1; color:#fff; margin:0 0 20px 0;  line-height:38px; font-size:13px; padding:5px 10px; border:0; outline:0; width:75%; float:right; font-weight:normal;}
.con .select{background:#5e73a1; color:#fff; margin:0 0 20px 0; line-height:38px; font-size:13px; padding:15px 10px; border:0; outline:0; width:75%; float:right; font-weight:normal;}
.con .textarea{background:#5e73a1; color:#fff; margin:0 0 20px 0; font-size:13px; padding:5px 10px; border:0; outline:0; width:75%; float:right; font-weight:normal; height:230px; resize:none;}

/*CareersPage*/
.careers-bg{background:#282828; color:#FFF; padding:60px 0; width:100%;}
.careers h3{color:#E2E2E2;font-family: 'Rajdhani'; margin-top:0; font-size:30px;}
.careers label{width:100%; float:left; margin-right:2%;}
.careers label.last{margin-right:0;}
.careers .input{background:#5e73a1; color:#fff; margin:0 0 20px 0; height:38px; line-height:38px; font-size:13px; padding:5px; border:0; outline:0; width:75%; float:right; font-weight:normal;}
.careers .select{background:#5e73a1; color:#fff; margin:0 0 20px 0; height:38px; line-height:38px; font-size:13px; padding:5px; border:0; outline:0; width:75%; float:right; font-weight:normal;}
.careers .textarea{background:#5e73a1; color:#fff; margin:0 0 20px 0; height:230px; resize:none; font-size:13px; padding:5px; border:0; outline:0; width:75%; float:right; font-weight:normal;}

.careers .input[type="file"]{/*display:none;*/}
.custom-file-upload {background:#5e73a1; color:#fff; margin:0 0 20px 0; height:38px; line-height:38px; font-size:13px; padding:5px; border:0; outline:0; width:100%; font-weight:normal;display: inline-block;padding: 6px 12px; cursor:pointer;}


.subcareers{ font-size:20px; width:50%; height:50px; background:rgba(255, 255, 255,0.0); color:#FFF; font-family:'Rajdhani';  font-weight: bold;   font-style: normal; border: 1px solid #FFF; text-align:center; line-height:46px; margin:0 auto;text-transform:uppercase;  cursor:pointer;  outline:0;}
.subcareers:hover{background:#f3f3f5; color:#1f366a; border: 2px solid #1f366a;
transition:.5s all;
-moz-transition:.5s all;
-ms-transition:.5s all;
-o-transition:.5s all;
-webkit-transition:.5s all;}

/*TermsHeading*/
.contact-bg h2{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size:40px; margin:0 0 10px 0;}
.contact-bg p{margin-bottom:5px; line-height:20px;}
.contact-bg p a{text-decoration:none; color:#ee2024;}/**/

.contact-bg h2{color:#FFF; font-family: "Roboto";    font-size: 18px;    font-style: normal;    font-weight: 300;}
.contact-bg p{color:#FFF; font-family: "Roboto";    font-size: 18px;    font-style: normal;    font-weight: 300; float:left; width:25%;}

.sub{ font-size:20px; width:50%; height:50px; background:#1f366a ; color:#FFF; border: 1px solid #FFF; text-align:center; line-height:46px; margin:0 auto;text-transform:uppercase;  cursor:pointer;  outline:0; float:right;}
.sub:hover{background:#e42832; color:#FFF; border: 2px solid #e42832;
transition:.5s all;
-moz-transition:.5s all;
-ms-transition:.5s all;
-o-transition:.5s all;
-webkit-transition:.5s all;}

.boderB{border-bottom:2px solid #fff; padding-bottom:10px;}
.colY{color:#ee2024;}

.con a{text-decoration:none; color:#777!important;}


.ui-tabs ul li {
    display: inline-block;
	padding:10px 20px;
}
.ui-tabs ul li a {font-family: 'Rajdhani'; font-weight: 500; font-style: normal; font-size:20px; color:#fff; text-decoration:none;}
.ui-tabs ul li a:hover {color:#ffcd4c; text-decoration:none;}
.ui-tabs ul li.ui-state-active a{color:#ffcd4c; text-decoration:none;}



    #owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }




/*History*/
.history{width:500px; margin:0 auto; margin-top:50px; height:auto; background:url(../images/line-bg.jpg) repeat-y center top}
.history .One{width:50%; height:auto; padding:10px; background:#e42832; color:#FFF; float:left; margin-right:2px; text-align:right; border-right:2px solid #FFF;}
.history .Two{width:50%; height:auto; padding:10px; background:#e42832; color:#FFF; float:right; text-align:left;margin-left:0px; border-left:2px solid #FFF;}
.history .One h1, .history .Two h1{font-size:17px; margin-bottom:8px;}
.history .One p, .history .Two p{font-size:15px; margin-bottom:10px; line-height:normal; margin-bottom:0;}

.history-new{margin:0 auto; margin-top:50px; height:auto;}
.history-new .all{ float:left; width:100%;}
.history-new .all .year{padding:5px 10px; font-family: "Roboto";    font-size: 18px;    font-style: normal;    font-weight: 300; color:#1f366a; background:#fff; float:left;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; margin-bottom:25px;}
.history-new .all:hover .year{background:#fff;}
.history-new .all .line{ border-top:2px solid #ffe5e8; width:15px; margin:15px 8px; float:left;}
.history-new .all .tex{padding-top:8px;text-align: left;float: left;max-width: 1000px;width: 100%; font-family: "Roboto";    font-size: 14px;    font-style: normal;    font-weight: 300; color:#ffe5e8;}

.art_service{ background:#1f366a;}

/*terms*/
.terms-bg{background:#1f366a; color:#f2f2f2; padding:60px 0; width:100%;}/*font-family: 'rajdhaniregular';*/
.terms-bg h2{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal;  margin-top:0; margin-bottom:10px; font-size:40px; color:#FFF;}
.terms-bg p{width:100%; font-family: "Roboto";    font-size: 18px;    font-style: normal;    font-weight: 300; margin-bottom:30px; line-height:30px;}
.terms-bg p a{color:#ee2024; text-decoration:none;}
.terms-bg ul{font-family: "Roboto";    font-size: 16px;    font-style: normal;    font-weight: 300;}
.terms-bg ul li{margin-left:0px; padding:0px 20px 10px 20px; background:url(../images/dot-privacy.jpg) no-repeat scroll 0px 7px; line-height:20px;}
.terms-bg ul li:last-child{padding-bottom:10px;}


/*award_page*/
.about-bg .award_page {
    background: rgba(0, 0, 0, 0) url("../images/award-bg.png") no-repeat scroll left 27px;
    padding: 0 0 0 110px;
}
.about-bg .award_page h2{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; margin-bottom:10px; font-size:35px; color:#FFF;}
.about-bg .award_page h2 span{font-family: 'Rajdhani'; font-weight: 500; font-style: normal; font-size:35px; color:#fff;}
.about-bg .award_page p{font-family: "Roboto";    font-size: 16px; line-height:24px; font-style: normal;    font-weight: 300;}
.hideshare-wrap li {
    display: inline-block;
}
.hideshare-wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
.hideshare-wrap li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0;
    padding: 10px;
}
/*ArtServicesPage*/
.Artimg{position:relative; z-index:99;}

.Artimg .colr1{background-color:rgba(251,251,251,0.10); color:#111;}/*#fbfbfb*/
.Artimg .colr1:hover{background-color:rgba(251,251,251,0.70);}/*#fbfbfb*/
.Artimg .colr2{background-color:rgba(195,195,195,0.10); color:#111;}/* #c3c3c3*/
.Artimg .colr2:hover{background-color:rgba(195,195,195,0.60);}/* #c3c3c3*/

.Artimg .text1{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:95.5%; padding:12% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text2{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:95.5%; padding:9% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text3{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:95.5%; padding:5.5% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 40px; text-transform:uppercase; color:#111; margin:0;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center; opacity:.4;}/*Arun Opacity-- opacity:.4;*/

.Artimg .text p, .Artimg .text2 p, .Artimg .text3 p{font-weight:normal; line-height:25px; color:#111;}
/*.Artimg .text1 h1:hover, .Artimg .text2 h1:hover, .Artimg .text3 h1:hover{}*/
.Artimg .colr1:hover h1, .Artimg .colr2:hover h1{opacity:0.99; color:#000;}/**/


.request{color:#FFF;padding:20px 0 50px 0;}
.request .reques{width:100%; margin:0 auto; text-align:center;}
.request .reques h3{font-family: 'Rajdhani';  font-weight: bold;   font-style: normal; font-size: 30px; text-transform:uppercase; margin:10px 0 20px 0; padding:0;}
.request .reques .mB{margin:30px auto 0 auto; line-height:40px; color:#FFF; font-size:16px;}
.request .reques .mB a{border:1px solid #FFF;color:#FFF; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.request .reques .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}

.clie{}
.clie img{transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; border-radius:0;
/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 3.5+ */
/*filter: gray;  IE6-9 */
/*-webkit-filter: grayscale(100%);  Chrome 19+ & Safari 6+ */
}
/*.clie img:hover{filter: none;-webkit-filter: grayscale(0%);}*/

/*.loading { height:100%; width:100%; background:#000 url('loader.gif') no-repeat center center;}*/

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#FFF; /* change if the mask should be a color other than white */
	z-index:999999; /* makes sure it stays on top */}

#status {
	width:120px;
	height:120px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url(../images/loading2.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-50px 0 0 -50px; /* is width and height divided by two */}/* //Preloader */

/*DevelopmentServices*/
.develop-fluid {padding-right:0px; padding-left:0px;margin-right:auto;margin-left:auto;}

.develop-fluid .mobile h1, .develop-fluid .console h1, .develop-fluid .casual h1, .develop-fluid .slots h1{color:#eb132a; text-align:center; padding-top:56px; padding-bottom:56px;}

.develop-fluid .mobile .mB, .develop-fluid .console .mB, .develop-fluid .casual .mB, .develop-fluid .slots .mB{margin:0 auto 0 auto; line-height:40px; color:#FFF; font-size:16px; text-align:center;}
.develop-fluid .mobile .mB a, .develop-fluid .console .mB a, .develop-fluid .casual .mB a, .develop-fluid .slots .mB a{border:1px solid #FFF;color:#FFF; text-decoration:none; text-transform:uppercase; display:block; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; display:inline-block; padding:0 20px;}
.develop-fluid .mobile .mB a:hover, .develop-fluid .console .mB a:hover, .develop-fluid .casual .mB a:hover, .develop-fluid .slots .mB a:hover{line-height:40px; color:#FFF; border:1px solid #e42832;background:#e42832; display:inline-block;}


/*MobileGame*/
.develop-fluid .mobile{background:#282828;}
.develop-fluid .console{background:#202020;}

.mobile .left{height:350px; float:left;}
.mobile .left img{z-index:1;position:relative;top:-145px;left:0;}

.ho-ga-banner {position: relative; width:20%; height:359px; right:-495px;}
.h-g-thumb {overflow:hidden;width:282px}
.h-g-thumb.small {width:139px}
.h-g-thumb.one {bottom:0;left:0}
.h-g-thumb.two {bottom:143px;left:143px}
.h-g-thumb.three {bottom:0;left:286px}
.h-g-thumb.four {bottom:286px;left:429px}
.h-g-thumb.five {bottom:0;left:572px}
.h-g-thumb.six {bottom:143px;left:572px}
.h-g-thumb.seven {bottom:429px;left:572px}

.console .right{height:350px; float:right;position: relative;}
.console .right img{z-index:1;position:relative;top:-145px; right:0;}

.ho-ga-banner2 {position: relative; width:20%; height:359px; right:0px; float:left;}
.h-g-thumb2 {overflow:hidden;width:282px}
.h-g-thumb2.small {width:139px}
.h-g-thumb2.one {bottom:0;left:143px}
.h-g-thumb2.two {bottom:143px;left:572px}
.h-g-thumb2.three {bottom:0;left:286px}
.h-g-thumb2.four {bottom:286px;left:286px}
.h-g-thumb2.five {bottom:0;left:715px}
.h-g-thumb2.six {bottom:143px;left:0}
.h-g-thumb2.seven {bottom:429px;left:143px}

.ga-img img {max-width: 100%;height: auto}
.bp-ab {position: absolute}


.service_wrap{
	background:url(../images/services_bg.jpg) no-repeat center center;
	background-size:cover;
}
.fadeInUp {
    animation-name: fadeInUp;
    float: right;
    width: 40%;
}


/*/////DevelopmentServices*/



@media only screen and (min-width: 1920px) {
.innerWrapper{max-height:630px;}

.ab-bg .wrapab h1{margin-top:0px;}

.Artimg .text1{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:96.8%; padding:12% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text2{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:96.8%; padding:9% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text3{position:absolute; top:0; left:0; z-index:100; margin-left:15px; margin-right:15px; height:100%; width:96.8%; padding:5.2% 15%;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s; cursor:pointer; text-align:center;}

.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size: 58px;}

.ho-ga-banner{right:-1066px;}
.ho-ga-banner2{right:0;}

}
/*^MohanSirScreen - 1920x1082*/



@media only screen and (max-width: 1280px){
.Artimg .text1{width:95.1%; padding:12% 15%;}
.Artimg .text2{width:95.1%; padding:8% 15%;}
.Artimg .text3{width:95.1%; padding:5% 15%;}

.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{ font-size:38px;}

.tabs-menu{margin-top:42px;}

.ho-ga-banner {right:-426px;}
.h-g-thumb.one{left:143px}
.h-g-thumb2.five{left:572px}
}

@media only screen and (max-width: 1024px){
.about-bg h1{margin-bottom:20px;}

.Artimg .text1{width:93.8%; padding:12% 5%;}
.Artimg .text2{width:93.8%; padding:9% 5%;}
.Artimg .text3{width:93.8%; padding:9% 5%;}

.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{ font-size:30px;}

.history-new .all .year{margin-bottom:0px;}
.history-new .all:hover .year{background:#e42832;}
.history-new .all .line{width:0px;}
.history-new .all .tex{padding-bottom:25px;text-align:}

.tabs-menu{margin-top:40px;}

.ho-ga-banner {right:-170px;}
.mobile .left img{max-width:70%;}
.console .right img{max-width:70%; float:right;}

.port h1{margin-bottom:0;}

}

@media only screen and (max-width: 960px){
.cbp-af-header .menu ul{font-size:15px;}
.cbp-af-header.cbp-af-header-shrink .menu ul{font-size:15px;}


.about-bg h1{margin-bottom:20px;}
.about-bg p{text-align:justify;}

/*ARtServices*/
.Artimg .text1{width:93.4%; padding:11% 12%;}
.Artimg .text2{width:93.4%; padding:9% 12%;}
.Artimg .text3{width:93.4%; padding:4.5% 12%;}

.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size:30px;}

.tabs-menu{margin-top:20px;}
.back{margin-top:30px;}

.history-new .all .year{margin-bottom:0px;}
.history-new .all:hover .year{background:#e42832;}
.history-new .all .line{width:0px;}
.history-new .all .tex{padding-bottom:25px;text-align:}

.ho-ga-banner{right:-205px; height:239px;}
.mobile .left{height:239px;}
.console .right{height:239px;}

.ho-ga-banner2{left:0; height:239px;}

.h-g-thumb, .h-g-thumb2 {width:150px}
.h-g-thumb.small {width: 150px;}
.h-g-thumb.one {bottom:0;left:128px}
.h-g-thumb.two {bottom:0px;left:287px}
.h-g-thumb.three {bottom:0;left:446px}
.h-g-thumb.four {bottom:160px;left:446px}
.h-g-thumb.five {bottom:0;left:605px}
.h-g-thumb.six {bottom:160px;left:605px}
.h-g-thumb.seven {bottom:318px;left:605px}

.h-g-thumb2.small {width: 150px;}
.h-g-thumb2.one {bottom:0;left:0px}
.h-g-thumb2.two {bottom:0px;left:315px}
.h-g-thumb2.three {bottom:0;left:157px}
.h-g-thumb2.four {bottom:160px;left:157px}
.h-g-thumb2.five {bottom:0;left:475px}
.h-g-thumb2.six {bottom:160px;left:0px}
.h-g-thumb2.seven {bottom:318px;left:0px}

.port h1{margin-bottom:0;}

}

@media only screen and (max-width: 940px){}

@media only screen and (max-width: 800px){
.about-bg h1{margin-bottom:20px;}
.about-bg p{text-align:justify;}
	
/*ARtServices*/
.Artimg .text1{width:92%; padding:10% 6%;}
.Artimg .text2{width:92%; padding:8% 6%;}
.Artimg .text3{width:92%; padding:8% 6%;}
.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size:25px;}

.tabs-menu{margin-top:20px;}
.tabs-menu li a{padding:15px 20px;}
.back{margin-top:30px;}

.history-new .all .year{margin-bottom:0px;}
.history-new .all:hover .year{background:#e42832;}
.history-new .all .line{width:0px;}
.history-new .all .tex{padding-bottom:25px;text-align:}

.loading { height:100%; width:100%; background:none;}

.port h1{margin-bottom:0;}
}

@media only screen and (max-width: 768px){
/*==MenuStart==*/
.cbp-af-header .menu{display:none;}
.site-pusher,.site-container {height: 100%;}
.site-container {overflow: hidden;}
.site-pusher { 
    -webkit-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
    transform: translateX(0px);}
.site-content {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;}
.header__icon {
    position: relative;
    display: block; z-index:20000;
    float: right;
    width: 50px;
    height: 66px;
    cursor: pointer;}
.header__icon:after {
    content: '';
    position: absolute;
    display: block;
    width: 2rem;
    height: 0;
    top: 19px;
    left: 15px;
    box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff;}
.menu2 { display:block; z-index:220000;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color:#111111;
    width: 250px;
    -webkit-transform: translateX(250px);
	-ms-transform: translateX(250px);
    transform: translateX(250px);}
.menu2 ul{margin:0; padding:0; list-style:none; float:none;}
.menu2 ul li{margin:0; padding:0; list-style:none; line-height:40px; height:40px;float:none; font-weight:normal; font-size:15px; text-transform:uppercase;}
.menu2 ul li a{margin:0; padding:0px 10px; list-style:none;text-align:left;display:block; border-bottom: 1px solid #242424; color:#FFF; text-decoration:none;
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.menu2 ul li a:hover{color:#FFF; background-color:#e42832;}
/*.menu2 ul li a:active{color:#FFF; background-color:#e42832;}*/


.menu2 ul li.req{background-color:#e42832; color:#FFF;}
.menu2 ul li.req a:hover{background-color:#111111; color:#FFF;}

.with--sidebar .site-pusher {
    -webkit-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
    transform: translateX(-250px);}
.with--sidebar .site-cache {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);}/*==MenuEnd==*/


.ab-bg .wrapab{width:90%; margin:0 auto; text-align:center;}
/*.ab-bg .wrapab h1{font-size: 60px;}*/

.about-bg{padding:40px 0;}
.Team{margin:30px auto;width:80%;}

.tes-bg{padding:50px 0;}
.tes-bg .wraptes{width:90%;}
.tes-bg .wraptes h1{font-size:40px;color: #FFF;}

.our-work-bg .wraptes .nopad{padding-right:15px; padding-left:15px;}
.innerWrapper img{margin-top:72px;}

.backFix{float:none; margin:0px;}
.tabs-menu {margin:0;}

.links, .links-social{float:none;}

.con label{width:100%; float:none;}
.careers label{width:100%; float:none;}

.ab-bg, .our-work-bg, .cli-bg, .tes-bg2, .Ser{padding: 40px 0;}

.about-bg h1{margin-bottom:20px;}
.about-bg p{text-align:justify;}

/*ARtServices*/
.Artimg .text1{width:91.9%;/*95.8%*/ padding:14% 5%;}
.Artimg .text2{width:91.9%; padding:14% 5%;}
.Artimg .text3{width:91.9%; padding:14% 5%;}
.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size:27px;}

.tabs-menu{margin-top:20px;}
.tabs-menu li a{padding:15px 20px;}
.back{margin-top:30px;}

.history-new{margin-top:0;}

.history-new .all .year{margin-bottom:0px; float:none; width:10%; margin:0 auto;}
.history-new .all .line{width:0px; display:none;}
.history-new .all .tex{padding-bottom:30px; padding-top:10px;text-align:center;}

.career{padding:0px;}
.career-ben{margin:0 auto; padding:50px 25px;}

.port h1{margin-bottom:0;}
}



@media only screen and (max-width: 640px){
.about-bg .wrapab p{text-align:justify;}

/*ARtServices*/
.Artimg .text1{width:94.9%; padding:12% 7%;}
.Artimg .text2{width:94.9%; padding:12% 7%;}
.Artimg .text3{width:94.9%; padding:12% 7%;}

.history-new{margin-top:0;}

.history-new .all .year{margin-bottom:0px; float:none; width:10%; margin:0 auto;}
.history-new .all .line{width:0px; display:none;}
.history-new .all .tex{padding-bottom:30px; padding-top:10px;text-align:center;}

/*portfolio*/
.back {float:none;margin:20px auto 0 37%; font-size:14px;}
.tabs-menu{font-size:14px; width:100%; margin-left:5px;}

.tabs-menu li{ width:49%;float:left;text-align:center;}
.tabs-menu li a{ display:block; margin:0; padding:0;}
/*///portfolio*/
.port h1{margin-bottom:0;}
}

@media only screen and (max-width: 480px){
/*==Home==*/
.ab-bg .wrapab h1, .our-work-bg .wraptes h1, .tes-bg .wraptes h1, .cli-bg h1, cli-bg1 h1{font-size:45px;}
.ab-bg .wrapab p, .Ser p, .tes-bg .wraptes p{ font-size:15px; line-height:20px; text-align:justify;}
.Ser h1{font-size:45px; line-height:35px;}/*==HomeCompleted==*/

.about-bg h1{margin-bottom:30px; font-size:40px;}
.about-bg .wrapab p{font-size:15px; line-height:20px; text-align:justify;}


/*==Hisory==*/
.history{width:90%;background:none;}
.history .One{width:100%;text-align:left; margin-bottom:5px;}
.history .Two{width:100%; text-align:left; margin-bottom:5px;}
/*==Hisory==*/

.innerWrapper h1{font-size:38px;}
.innerWrapperPort{top:35px;}
.innerWrapperPort h1{font-size:38px; margin:0;}

/*ARtServices*/
.Artimg .text1{width:91%; padding:11% 5%;}
.Artimg .text2{width:91%; padding:8.5% 5%;}
.Artimg .text3{width:91%; padding:7% 5%;}
.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size:24px;}


.history-new .all .year{margin-bottom:0px; float:none; width:20%; margin:0 auto;}
.history-new .all .line{width:0px; display:none;}
.history-new .all .tex{padding-bottom:30px; padding-top:10px;text-align:center;}

.history-new{margin-top:0;}

/*portfolio*/
.back {float:none;margin:20px auto 0 26%; font-size:14px;}
.tabs-menu{font-size:14px; width:100%; margin-left:3px;}

.tabs-menu li{ width:49%;float:left;text-align:center;}
.tabs-menu li a{ display:block; margin:0; padding:0;}
/*///portfolio*/

.career{padding:0px;}
.career-ben{margin:0 auto; padding:50px 25px;}

.port h1{margin-bottom:0; font-size:35px;}
.testimonial_carosul {
    display: inline-block;
    float: left;
    margin: 0 10px;
    width: 95%;
}
.slider_content p {
    color: #fff;
    font-family: "Rajdhani";
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    line-height: 14px;
    margin: 0 auto;
    width: 90%;
}
.slider_content h2 {
    color: #fff;
    font-family: "Rajdhani";
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
}
.slider_content h5 {
    display: none;
    margin: 21px 0 0;
    text-align: center;
}
.slider_content {
    position: absolute;
    text-align: center;
    top: 2%;
    width: 100%;
}
}

/*@media only screen and (max-width: 414px){
.Artimg .text1{width:91.3%; padding:10%;}
.Artimg .text2, .Artimg .text3{width:89.5%; padding:8%;}
}*/

@media only screen and (max-width: 320px){
/*==Home==*/
.ab-bg .wrapab h1, .our-work-bg .wraptes h1, .tes-bg .wraptes h1, .cli-bg h1{font-size:40px;}
.ab-bg .wrapab p, .Ser p, .tes-bg .wraptes p{ font-size:14px; line-height:20px; text-align:justify;}
.Ser h1{font-size:40px; line-height:35px;}
.Ser .mB{font-size:15px;}
/*==HomeCompleted==*/

.about-bg h1{margin-bottom:15px; font-size:30px;}
.about-bg .wrapab p{text-align:justify; font-size:14px; line-height:20px;}

.innerWrapper h1{font-size:28px;}
.innerWrapperPort{top:35px;}
.innerWrapperPort h1{font-size:28px; margin:0;}

/*ARtServices*/
.Artimg .text1{width:89.6%; padding:10%;}
.Artimg .text2, .Artimg .text3{width:89.6%; padding:8%;}
.Artimg .text1 h1, .Artimg .text2 h1, .Artimg .text3 h1{font-size:16px;}


.history-new .all .year{margin-bottom:5px; float:none; width:20%; margin:0 auto;}
.history-new .all .line{width:0px; display:none;}
.history-new .all .tex{padding-bottom:25px;text-align:center;}

.history-new{margin-top:0;}

/*portfolio*/
.back {float:none;margin:20px auto 0 25%; font-size:12px;}
.tabs-menu{font-size:12px; width:100%; margin-left:3px;}

.tabs-menu li{ width:49%;float:left;text-align:center;}
.tabs-menu li a{ display:block; margin:0; padding:0;}
/*///portfolio*/

.career{padding:0px;}
.career-ben{margin:0 auto; padding:50px 25px;}
.about_img {
    float: right;
    width: 100%;
}
.about_img img{
    width: 100%;
}
.port h1{margin-bottom:0; font-size:30px;}
}