@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);


@font-face{
  font-family:'MetaliRegular';
  font-weight:normal;
  font-style: normal;
    src: url('../fonts/metaliregularwebfont.eot'); 
    src: url('../fonts/metaliregularwebfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/metaliregularwebfont.ttf') format('truetype'), 
         url('../fonts/metaliregularwebfont.woff') format('woff');
}


@font-face{
  font-family:'Metalibold';
  font-weight:bold;
  font-style: normal;
    src: url('../fonts/metaliboldwebfont.eot'); 
    src: url('../fonts/metaliboldwebfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/metaliboldwebfont.ttf') format('truetype'), 
         url('../fonts/metaliboldwebfont.woff') format('woff');
}
@font-face {
		font-family: 'VladimirScript';
		src: url('../fonts/vladimir.eot');
		src: url('../fonts/vladimir.eot?#iefix') format('embedded-opentype'),
					url('../fonts/vladimir.woff') format('woff'),
					url('../fonts/vladimir.ttf') format('truetype'),
					url('../fonts/vladimir.svg#vladimir') format('svg');
		font-weight: normal;
		font-style: normal;
}

.eng{font-family: 'PT Sans', sans-serif;}

/*html, body{ height: 100%;}*/
html, body{ min-height: 100%;}	
.page-container {
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:  cover;
    position: relative;
	min-height: 100%;
}
.page-container.home {background: url("../images/bg.jpg") no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:  cover;position: relative;min-height: 100%;}
.header {
	background: url("../images/header.jpg") center top;
	background-size: cover;
	position: relative;
	z-index: 150;

}

.header > .container {
	min-height: 186px;
    position: relative;
}

.navbar-nav > li > ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: none;
}

.navbar-nav > li > ul > li > a {
	display: block;
	font-family: "MetaliRegular", Arial, sans-sarif;
	font-size: 16px;
}

.header .logo {
	float: right;
}

.header .logo img {
    height: 160px;
    margin-right: 78px;
    margin-left: 23px;
}

.content:before {
	content: "";
	background: url("../images/header-shadow.png") center 0px;
	background-size: cover;
	position: absolute; 
	top: -44px;
	right: 0;
	height: 300px;
	width: 100%;
	pointer-events: none;
	z-index: 98;
}

.picture-container {
    position: relative;
	padding-bottom: 650px;
	z-index: 10;
}

.picture-container img {
	margin-top: -10px;
	max-width: auto; height: auto;
}

.content .container {
	position: relative;

}

.monkey {
	position: absolute;
	margin-left: 50px;
	opacity: 0.6;
	left: 10px;
	margin-top: 0px;
	bottom: 290px;
	
}

.counter-section {
	text-align: center;
	margin-bottom: 7%;
}

.counter-container {
	height: 474px;
	width: 580px;
	background: url("../images/counterboard.png") center center;
	background-size: 100%;
	padding: 0px 30px 90px 25px;
	margin: 0px auto;
	position: relative;
	display: inline-block;
	position: relative;
	margin-left: 148px;
	z-index: 1;
}

.counter-container h1 {
	font-family: "MetaliBold", Arial, sans-sarif;
	font-size: 26px;
	color: #cabba6;
	text-align: center;
	line-height: 1;
	padding: 15px 13px 3px;
	margin-top: 0px;
}

.counter-container ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.counter-container ul li {
	display: inline-block;
	text-align: center;
	padding: 0px 9px;
	margin: 5px 0px;
}

.counter-container ul li span {
	font-family: "MetaliRegular", Arial, sans-sarif;
	font-size: 26px;
	display: block;
	line-height: 1;
}

.counter-container ul li span span {
	display: none;
}

.counter-container ul li span span:first-child {
	display: block;
}

.counter-container ul li em {
	font-family: "MetaliBold", Arial, sans-sarif;
	font-size: 18px;
	background: url("../images/highlight.png") center center;
 	font-style: normal;
 	background-size: 100% 100%;
    padding: 0px 15px;
    font-weight: bold;
}

.footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 19;
}
.footer .container{ position:relative;}
.footer .mice-right {
	position: absolute;
	right: 20%;
	bottom: 55px;
}

.footer .mice-left {
	position: absolute;
	left: 125px;
    bottom: 105px;
}

.footer .footer-content {
	position: relative;
}

.footer .footer-content .fb-board {
	position: absolute;
	bottom: 0px;
	left: 105px;
	width: 319px;
	height: 371px;
	background: url("../images/fb.png") no-repeat center center;
	background-size: cover;
}

.footer .footer-content .fb-board .fb-back {
	position: absolute;
    left: 13px;
    top: 25px;
    width: 177px;
    height: 145px;
	background-size: cover;
}

.footer .footer-content .fb-board .fb-back .fb-action {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.footer .footer-content .fb-board .fb-back .fb-btn {
	float: left;
	width: 40%;
	margin: 15px 0px 10px 5px;
}

.footer .footer-content .fb-board .fb-back .fb-btn + .fb-btn {
	float: right;
	margin: 15px 5px 10px 0px;
}

.footer .footer-content .fb-board .fb-back .fb-people {
	clear: both;
	display: block;
}

.footer .footer-content .fb-board .fb-back .fb-btn img,
.footer .footer-content .fb-board .fb-back .fb-people img {
	width: 100%;
}


/*statusim page*/

.page-container.statusim {
	background: url("../images/statusimbg.jpg") center top;
}

.banner-container {
	min-height: 185px;
	background: url("../images/banner.jpg") center center;
}

.fb-tab-container {
	background: #fff;
}

.fb-tab-container > div.container,
.container.box-content {
	width: 1030px;
	max-width: 100%;
}

.fb-tab-container > div > a {
	display: inline-block;
	margin: 5px;
}

.fb-tab-container ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.fb-tab-container ul li {
	float: left;
}

.fb-tab-container ul li a {
	padding: 10px;
	font-family: 'PT Sans', sans-serif;
	display: inline-block;
}

.fb-tab-container ul li a.active {
	border-bottom: 3px solid #385490;
}

.picture-container {
    position: relative;
	padding-bottom: 650px;
	z-index: 10;
}

.picture-container img {
	margin-top: -10px;
	max-width: auto; height: auto;
}

.content .container {
	position: relative;
}

.box-content {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #161614;
	max-height: 765px;
	overflow: auto;
	direction: ltr;
	border-bottom: 100px solid #161614;
}

.box {
	background-color: #fff;
	padding: 10px;
	font-family: 'PT Sans', sans-serif;
	direction: rtl;
	margin-bottom: 10px;
}

.box .top {
	border: 1px solid #b5b5b5;
}

.box .desc {
	padding: 5px 10px;
	line-height: 14px;
}

.box .btn-container {
	text-align: right;
	background-color: #eaeaea;
	border-top: 1px solid #d3d4d5;
	padding: 5px 3px;
}

.box .open-box {
	background-color: #3c5a99;
	color: #fff;
	display: inline-block;
	padding: 1px 5px 2px;
	font-size: 15px;
	border: 1px solid #d3d4d5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.box h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 7px;
	text-align: left;
	position: relative;
}

.box h3:before {
	content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    border-left: 5px solid transparent;
    border-bottom: 7px solid #fff;
    border-right: 5px solid transparent;
    bottom: 0px;
    left: 40px;
}

.box.red h3 {
	background-color: #7f1e1e;
}

.box.blue h3 {
	background-color: #13224f;
}

.m-wrap {
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in;
	-khtml-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-ms-transition: opacity 0.5s ease-in;
	-0-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
}

.m-wrap.open_popup {
	visibility: visible;
	opacity: 1;
}
.m-wrap.blue_popup .blue-slider,
.m-wrap.red_popup .red-slider{
	display: block;
}

.m-wrap.blue_popup .red-slider,
.m-wrap.red_popup .blue-slider{
	display: none;
}

.m-wrap .m-content {
	width: 783px;
	margin: 100px auto 0px;
	background-color: #fff;
	max-width: 90%;
	position: relative;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.6);
}

.m-wrap .m-content > a {
	position: absolute;
	right: 0px;
	top: 0px;
    width: 27px;
    height: 24px;
    background: url("../images/x.png") no-repeat left bottom;
    z-index: 2;
    background-size: 120% auto;
}

.m-wrap .m-content .bx-prev {
	background: url("../images/prev.png") no-repeat center center;
	background-size: 100%;
	left: -15px;
}

.m-wrap .m-content .bx-next {
	background: url("../images/next.png") no-repeat center center;
	background-size: 100%;
    right: -15px;
}

.bx-wrapper {
	height: auto;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	background-position: center center;
}

.m-wrap .m-content .box {
	padding: 0px;
}

.m-wrap .m-content .box .desc{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 15px;
}

.m-wrap .m-content .post {
	overflow: auto;
	height: 450px;
	padding: 10px 20px; 
}

.m-wrap .m-content .post .top {
	border: none;
}

.m-wrap .m-content .post * {
	direction: rtl;
}

.statusim .footer {
	min-height: 88px;
	background: url("../images/bottom.jpg");
}
.statusim .footer img {
	position: absolute;
	right: 50px;
	bottom: 7px;
}

/*kalpesh*/

.fb_iframe_widget iframe{
	/*width: 133px !important;
    height: 22px !important;*/
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    margin: 1px 0 0 0;
    /*left: 8px;
	width: 133px !important;
    height: 22px !important;*/
}

.fb-comments.fb_iframe_widget iframe{
	width: 100% !important;
    height: 320px !important;
	left: 0;
    padding: 0 0 0;
	left: 0;
	position:relative;
}
.fb-comments.fb_iframe_widget span{
	width: 100% !important;
    height: 320px !important;
}
.viewport .fb_iframe_widget span{
	left: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    height: 100%;
    margin: 0 auto;
	background-color: #8f7a64;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: #ae1515;
	width: 8px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
	background: #ae1515;
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	opacity:1;
}
.content-overview{
	height:785px;
	overflow:hidden;
}
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp{
	background: url(../images/more-arrow.png);
    margin: 0 auto;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    z-index: 9999;
    right: 0;
    background-color: #f1f1f1;
    width: 100%;
    background-size: 18px;
    background-position: center bottom;
    background-repeat: no-repeat;
	height:40px;
}
.industry-wrap .mCSB_scrollTools{
	width:100%;
}
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover{
	opacity:1;
}
a.mCSB_buttonUp {
    display: none !important;
}
.industry-wrap .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 0 20px;
	display: none;
}
.industry-wrap .mCS-dir-rtl>.mCSB_inside>.mCSB_container{
	margin-left: 0;
	padding-bottom: 30px;
}

.viewport{
	height:225px;
}
.viewport a.mCSB_buttonDown {
    display: none !important;
}
.viewport .mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:50px 0 0;
}
.viewport .mCustomScrollBox ,.viewport{
	direction: rtl;
}
.hartzaot-content{
	height:395px;
	overflow-y: auto;
    overflow-x: hidden;
}

.other-modal-content .hartzaot-content::-webkit-scrollbar { 
    display: none; 
}
.modal-dialog.video-modal{
	overflow:hidden;
}

@-moz-document url-prefix() { 
.other-modal-content .hartzaot-content {
   margin-left: -29px;
    padding-left: 20px;
}
}
/*
.content-curtain .center .content-center {
    margin-left: -60px;
    padding-left: 72px;
}
.content-curtain .center .content-center::-webkit-scrollbar { 
    display: none; 
}*/

/* #Media Queries
================================================== */
@media (max-width: 1600px) {
	.footer .mice-right {
		right: 11%;
	}
	
	.footer .mice-left {
		left: 55px;
	}
	
}
@media (max-width: 1300px) {
.statusim .footer img {
	position: absolute;
	right: -100px;
	bottom: 7px;
}	
}
@media (max-width: 1199px) {
	.picture-container img {
	    width: 85%;
	}
	.monkey {
	    width: 330px;
		left: 5%;
	}
	
	.counter-container {
    	height: 409px;
    	width: 500px;
    }
    
    .counter-container ul li {
	    padding: 0px 5px;
	    margin: 3px 0px;
	}
    
    .counter-container h1 {
	    font-size: 20px;
	    padding: 14px 13px 3px;
    }
    
    .counter-container ul li span {
    	font-size: 20px;
    }
    
    .counter-container ul li em {
	    font-size: 16px;
    }
    
    .footer .footer-content .fb-board {
	    left: 70px;
	   /* width: 220px;
	    height: 256px;*/
	}
	
	/*.footer .footer-content .fb-board .fb-back {
        left: 9px;
	    top: 17px;
	    width: 122px;
	    height: 100px;
	}*/
    
	.footer .mice-right {
	    right: 5%;
	    width: 100px;
	}
	
	.footer .mice-left {
	    left: -3px;
	    width: 80px;
	}
}

/* Large desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	.footer .mice-left {
	    left: -3px;
	}
	.footer .mice-right {
	    right: 1%;
	}
}

@media (min-width: 768px) {
	.header {
	    margin-top: -22px;
	}
	
	.header .logo img {
	    margin-top: 25px;
	}
	
	.navbar-right {
/* 		float: none !important; */
	   	margin-right: 0px;
	   	margin-top: 96px;
/* 	    width: 815px; */
    	width: 479px;
    	padding: 0;
	}
	
	.navbar-nav > li {
	    float: right;
	    margin-bottom: 7px;
	    margin-left: 7px;
	}
	
	.navbar-nav > li > a {
	    padding: 6px 10px 10px;
	    background: url("../images/header-menu.jpg") no-repeat center center;
	    background-size: 100% 100%;
	    font-family: "MetaliBold", Arial, sans-sarif;
	    font-size: 20px;
	}
	
	nav .lang {
	    float: right;
	    margin-top: 146px;
	    margin-right: -65px;
		font-family: 'PT Sans', sans-serif;
	}
	
	nav .lang a {
		padding: 6px 10px 10px;
		font-family: arial;
	    font-weight: bold;
	    font-size: 17px;
	    background: url("../images/en.jpg") no-repeat center center;
	}
	
	nav .lang a:hover,
	.navbar-nav > li:hover > a,
	.navbar-nav > li.active > a {
		background: url("../images/header-menu-hover.jpg") no-repeat center center;
		color: #fff;
	}
	
	.navbar-nav > li > ul {
		position: absolute;
		width: 100%;
        min-width: 100px;
		display: none !important;
		background-color: #c2c3c4;
		box-shadow: 5px 0px 15px #131212;
		z-index: 2;
		margin-top: -4px;
	}
	
	.navbar-nav > li > ul:after {
		content: "";
		width: 100%;
		height: 40px;
		background: url("../images/menu-role.png") no-repeat center top;
		position: absolute;
		bottom: -40px;
	    padding: 0px 8.5% 0px 3.2%;
	    box-sizing: initial;
	    left: -1px;
	    background-size: 100%;
	}
	
	.navbar-nav > li:hover > ul {
		position: absolute;
		width: 100%;
		display: block !important;
	}
	
	.navbar-nav > li > ul > li {
		padding: 0px 10px;
	}
	
	.navbar-nav > li > ul > li > a {
		border-bottom: 1px solid #966b6b;
		padding: 2px 0px;
		font-family: 'Metalibold', Arial, sans-sarif;
		font-size: 16px;
	}
	
	.navbar-nav > li > ul > li > a:hover,
	.navbar-nav > li > ul > li > a:focus {
		color: #000;
	}
	
	.share-container {
		background: url("../images/yellow-label.png") no-repeat right bottom;
	    position: absolute;
	    width: 568px;
	    height: 284px;
	    left: -287px;
	    top: 0;
	}
	
	.share-wrap {
		float: right;
		padding: 200px 45px 15px 0px;
		width: 165px;
	    transform: rotate(-7deg);
	}
	
	.share-wrap i {
		font-size: 23px;
	}
	
	.share-wrap .fa-google-plus {
		font-size: 19px;
	}
} 
@media (max-width: 1199px) {
	.share-container {
		left: -384px;
	}
}
@media (max-width: 1122px) {
	.header .logo img {
	    margin-right: 59px;
	    margin-left: 23px;
	}
	
	.share-container {
		left: -384px;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	.header .logo img {
	    margin-right: 5px;
	    margin-left: 15px;
	}
	
	.navbar-right {
	    width: 325px;
	    margin-top: 88px;
	}
	
	.navbar-nav > li {
	    margin-bottom: 0px;
	    margin-left: 3px;
	}
	
	.navbar-nav > li > a {
    	padding: 5px 10px 6px;
    }
    
    nav .lang {
	    margin-top: 153px;
    }
    
    nav .lang a {
	    padding: 3px 10px 5px;
    }
	.picture-container {padding-bottom: 580px;}

    .monkey {  bottom: 240px;}
    .share-container {
    	width: 552px;
    }
	.footer .footer-content .fb-board {
	    left: 20px;
	}
	.counter-container {	margin-left: 228px;}
		.footer .mice-right {
	    right: 5%;
	    width: 100px;
		bottom: 25px;
	}
	
	.footer .mice-left {
	    left: 55px;
	    width: 80px;
		bottom: 80px;
	}
}

/* mobile devices */
@media (max-width: 767px) {
	.page-container.home {
		background: url(../images/mobilebg.jpg) no-repeat center bottom;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:  cover;position: relative;min-height: 100%; bottom: 0px;
		
		
	}
	
	.header {
		background: url("../images/mobile-header.jpg") center top;
	}
	
	.header > .container {
	    min-height: 214px;
	}
	
	.header .logo img {
	    height: 154px;
	    margin-right: 14px;
	    margin-top: 10px;
	}
	
	.navbar-header {
		background: url("../images/mobile-huke.png") no-repeat left top;
	    padding: 157px 34px 19px 62px;
	    margin-left: 0px;
	    position: absolute;
	    left: 0;
	}
	
	.navbar-toggle .icon-bar {
	    display: block;
	    width: 55px;
	    height: 10px;
	    background-color: #000;
	}
	
	.navbar-toggle {
	    margin: 5px 0 0;
	    padding: 0;
	}
	
	.navbar-collapse {
		position: absolute;
	    z-index: 1;
	    width: 100%;
	    left: 0px;
	    top: 225px;
	}
	
	.navbar-collapse > ul {
		padding: 0px;
		border: 8px solid #000;
	}
	
	.navbar-collapse > ul {
		padding: 0px;
		border: 8px solid #000;
		background: url("../images/mobilemenu-back.jpg") center center;
		background-size: 100% 100%;
		width: 100%;
    	margin: 0; 
	}
	
	.navbar-collapse > ul > li > a {
		border-top : 4px solid #000;
		position: relative;
		font-family: "MetaliBold", Arial, sans-sarif;
		font-size: 34px;
	}
	
	.navbar-collapse > ul > li > a:hover,
	.navbar-collapse > ul > li > a:focus {
		background: transparent;
		color: #000;
	}
	
	.navbar-collapse > ul > li.has-menu > a:after {
		border-right : 4px solid #000;
		content: "";
		background: url("../images/down-white.png") #681312 no-repeat center center;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 70px;
		background-size: 59%;
	}
	
	.navbar-collapse > ul > li.has-menu.expand > a:after {
		background-image: url("../images/down-black.png");
		background-color: transparent;
	}
	
	.navbar-collapse > ul > li:first-child > a {
		border-top : none;
	}
	
	.navbar-nav > li > ul > li > a {
		border-top: 1px solid #fff;
		padding: 0px 10px;
		font-size: 23px;
	}
	
	.navbar-nav > li > ul > li > a,
	.navbar-nav > li > ul > li > a:hover,
	.navbar-nav > li > ul > li > a:focus {
		background-color: #701414;
		border-top: 1px solid #fff;
		color: #fff;
	}
	
	.navbar-nav > li > ul > li:first-child > a {
		border-top: none;
	}
	
	.share-container {
	    clear: both;
	}
	
	.share-container a,
	.share-container .share-wrap div {
	    color: #fff;
	    font-size: 32px;
	    margin: 4px 10px 0px;
	    float: right;
	}
	
	.share-container .share-wrap div {
	    line-height: 37px;
	}
	
	.share-container .lang {
	    font-size: 26px;
	    font-family: 'PT Sans', sans-serif;
	    line-height: 45px;
	}
	
	.share-container div img {
		vertical-align: baseline;
	    height: 26px;
    	margin-top: 8px;
	}
	
	.share-container .fa-youtube {
	    font-size: 28px;
	}
	
	.share-container .fa-google-plus {
	    font-size: 24px;
	}
	
	.content:before {
		content: initial;
	}

	.picture-container{ padding-bottom: 750px;}
	.picture-container img {
	    margin-top: 0px;
	    width: 677px;
	    min-width: 677px;
	    margin-right: -70px;
	}
	
     .monkey {
	    width: 200px;
		bottom: 440px;
	}
	
	.counter-section {
	    margin-bottom: 190px
	}
	
	.counter-container {
	    height: 384px;
	    width: 474px;
	    margin-left: 0px;
		z-index: 5;
	}
	
	.footer .footer-content .fb-board {
		background: url("../images/fb.png") no-repeat center top;
		background-size: 100% auto;
	    left: 15%;
	    width: 270px;
	    height: 230px;
		z-index: 9;
	}
	
	.footer .footer-content .fb-board .fb-back {
	    left: 11px;
	    top: 20px;
	    width: 150px;
	    height: 125px;
	}
	
	.footer .mice-right {
	    right: 5%;
	    width: 120px;
	    bottom: 15px;
	}
	.fb_iframe_widget iframe{
		width:140px !important;
	}
	.fb_iframe_widget span{
		width:140px !important;
	}
	.fb_iframe_widget span{
		margin:8px 0 0;
	}
	.content-curtain .center .content-center{ 
		height:585px;
		overflow:auto;
	}
	.industry-wrap .center-red{
		padding-left:25px;
	}
	.content-overview{
		height:585px;
	}
}

@media (max-width: 640px) {
	.navbar-header {
	    padding: 100px 25px 15px 41px;
	    background-size: cover;
	}
	
	.navbar-collapse {
	    top: 140px;
	}
	
	.navbar-collapse > ul > li > a {
	    font-size: 28px;
    	padding-top: 7px;
    	padding-bottom: 7px;
	}
	
	.navbar-collapse > ul > li.has-menu > a:after {
	    width: 50px;
	    background-size: 50%;
	}
	
	.navbar-nav > li > ul > li > a {
	    font-size: 20px;
	}
	
	.navbar-toggle .icon-bar {
	    width: 30px;
	    height: 4px;
    }
    
    .navbar-toggle .icon-bar + .icon-bar {
	    margin-top: 3px;
	}
	
	.header {
		background-size: 100% 100%;
	}
	
	.header > .container {
	    min-height: 136px;
	}
	
	.header .logo img {
	    height: 94px;
	    margin-right: 0px;
	    margin-top: 10px;
	}
	
	.share-container a,
	.share-container .share-wrap div {
	    color: #fff;
	    font-size: 18px;
	    margin: 4px 5px 0px;
	    float: right;
	}
	
	.share-container .share-wrap div {
        line-height: 15px;
	}
	
	.share-container .lang {
		font-size: 16px;
	    font-family: 'PT Sans', sans-serif;
	    line-height: 23px;
	}
	
	.share-container div img {
		vertical-align: baseline;
	    height: 16px;
    	margin-top: 3px;
	}
	
	.share-container .fa-youtube {
	    font-size: 16px;
	}
	
	.share-container .fa-google-plus {
	    font-size: 15px;
	}
	
	.picture-container{ padding-bottom: 700px;}
	.picture-container img {
	    margin-top: 0px;
	    width: 100%;
	    min-width: 100%;
	    margin-right: 0px;
	}
	     .monkey {
	    width: 200px;
		bottom: 410px;
	}
		.counter-section {
	    margin-bottom: 160px
	}
		.counter-container {
	    height: 384px;
	    width: 474px;
	    margin-left: 0px;
		z-index: 5;
	}
	
	.footer .footer-content .fb-board {
		background: url("../images/fb.png") no-repeat center top;
		background-size: 100% auto;
	    left: 15%;
	    width: 270px;
	    height: 210px;
		z-index: 9;
	}
	
	.footer .footer-content .fb-board .fb-back {
	    left: 11px;
	    top: 20px;
	    width: 150px;
	    height: 125px;
	}
	.fb_iframe_widget span{
		margin:-1px 0 0;
	}
	

}

/* mobile devices */
@media (max-width: 520px) {
	.navbar-header {
	    padding: 84px 20px 11px 34px;
	}
	
	.share-container a,
	.share-container .share-wrap div {
    	font-size: 15px;
    	margin: 3px 3px 0px;
    }
	.share-wrap > a{
		margin-top:6px;
	}
	.fb_iframe_widget span{
		margin:1px 0 0;
	}
    .share-container .lang {
	    font-size: 14px;
	    line-height: 21px;
	}
	
	.share-container div img {
	    height: 14px;
	}
		.picture-container{ padding-bottom: 480px;}
	.counter-section {
	    margin-bottom: 100px;
	}
	
	.counter-container {
	    height: 285px;
	    width: 350px;
	    padding: 0px 19px 50px 14px;
	}
	
	.counter-container h1 {
	    font-size: 15px;
	    padding: 5px 13px 3px;
	}
	
	.counter-container ul li {
	    padding: 0px 2px;
	    margin: 0px 0px;
	}
	
	.counter-container ul li span {
	    font-size: 15px;
	}
	
	.counter-container ul li em {
	    font-size: 11px;
	}
	     .monkey {
		bottom: 250px;
	}
		.footer .footer-content .fb-board {
		background-size: 100% auto;	
	    left: 10%;
	    width: 195px;
	    height: 140px;
	    bottom: 0px;
	}
	
	.footer .footer-content .fb-board .fb-back {
	    left: 8px;
	    top: 15px;
	    width: 108px;
	    height: 90px;
	}
	
}


@media (max-width: 400px) {
	
	.right_part2.page3.forceiframe {
		width: 330px;
		padding:0;
	}
	
  .picture-container{ padding-bottom: 430px;}

	.counter-container {
		height: 237px;
	    width: 295px;
	    padding: 0px 14px 41px 12px;
	}
	
	.counter-section {
	   margin-bottom: 96px;
	}
	
	.counter-container h1 {
	    font-size: 14px;
	    margin-bottom: 2px;
	}
	
	.counter-container ul li {
	    line-height: normal;
	}
	
	.counter-container ul li span {
	    font-size: 12px;
	}
	
	.counter-container ul li em {
	    font-size: 10px;
	}
	.monkey {bottom: 180px; left: -40px;}
			.footer .footer-content .fb-board {
		background-size: 100% auto;	
	    left: 10%;
	    width: 195px;
	    height: 120px;
	    bottom: 0px;
	}
		.footer .mice-right {
	    right: 3%;
	    width: 120px;
	    bottom: 0px;
	}
}

.videoBtm {		
	margin-bottom: 20px;		
}



/**New  css 22-07-2017*/
.page-container.alf{background: url(../images/alf_back.jpg) no-repeat center -170px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:  cover;position: relative;min-height: 100%; overflow:hidden}

.page-container.alf .content::before { content: ""; background: none;}
.alf_contant{ width: 702px; height: 948px;background: url(../images/alf_contant.png) no-repeat left  top; position:relative; float: left; margin: 3% 0 150px 45px; padding: 100px 70px 0 50px; font-size: 28px; line-height: 30px; }

.alf_contant.alf_gallery_main{ padding-top: 50px;background: url(../images/alf_contant2.png) no-repeat left  top;}
.alf_logo{ position:absolute; width: 154px; left: 68px; top: 54px; text-align:center;}
.alf_logo img{ max-width: 100%;}
.alf_title{ width: 100%; float: right; height: 136px; }
.alf_gallery_main .alf_title{ width: 100%; float: right; height: 60px; }
.alf_title h1 , .alf_gallery_main .alf_title h1 { font-family:'Metalibold'; color: #000; font-weight: bold; font-size: 60px; padding: 0 0 10px 0; margin: 0; line-height: 40px; }
.alf_contant .alif_wrap { width: 100%; overflow: hidden; height: 510px; position:relative; float: right;}
.alf_contant.alf_gallery_main .alif_wrap{ height: 670px;}
.alf_contant #container2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -18px;
    right: -18px;
    overflow: auto;
	overflow-x: hidden;

}
.alf_contant. tavla_arrow{ width: 100%; float: right; padding-top: 15px; height: 55px; text-align:center;}
.alf_contant .tavla_arrow a{ width: 32px; height: 18px; background: url(../images/darrow7.png) no-repeat center center; width: 30px; height: 20px; display: inline-block; }
.alf_contant .button{ margin:0; padding:  34px 0 0 0; color:#fff; font-size: 26px; line-height:26px;  /*font-family:'Metalibold';*/ position:absolute; top:770px; left:30px; z-index:2; text-align:center; background:url(../images/alf_button.png); height:156px; width:75px; background-size 75px 136px}
.alf_contant .button2{ margin:0; padding:  34px 0 0 0; color:#fff; font-size: 26px; line-height:26px;  /*font-family:'Metalibold';*/ position:absolute; top:790px; right:70px; z-index:2; text-align:center; background:url(../images/alf_button2.png); height:156px; width:75px; background-size 75px 136px}
.lock{ display:none;}
.chicks2{  position: absolute; left: 68%; transform: translateX(-50%); bottom: 50px;}

.alf_gallery{ margin-left: -5px; margin-right: -5px; padding-right: 18px; padding-left: 18px;}
.alf_gallery  [class*="col-"]{padding-left: 5px; padding-right:5px; padding-bottom: 10px;}
.alf_gallery img{ height: 86px; width: 100%; border: solid 5px #fff;}

.alf_gallery .fancybox{ position: relative; top: auto !important; left: auto !important; bottom:  auto !important; right:  auto !important; z-index:1; text-indent: inherit !important;}
@media (min-width: 1200px) and (max-width: 1900px) {
.page-container.alf{background: url(../images/alf_back.jpg) no-repeat center -170px; -webkit-background-size: cover 100%;-moz-background-size: cover 100%;-o-background-size: cover 100%;background-size:  cover 100%; min-height: 100%;}
.alf_contant{ margin: 35px 0 150px 45px; padding: 100px 70px 0 50px; }	
}
@media (min-width: 769px) and (max-width: 1199px) {
.page-container.alf{background: url(../images/alf_back.jpg) no-repeat center -170px;-webkit-background-size: cover 100%;-moz-background-size: cover 100%;-o-background-size: cover 100%;background-size:  cover 100%; min-height: 100%;}
.alf_contant{ margin: 40px 0 150px 0; padding: 100px 70px 0 50px; }	
.chicks2{   left: 80%; }

}

@media (min-width: 600px) and (max-width: 767px) {
.page-container.alf{background: url(../images/alf_back_mob.jpg) no-repeat center  top;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size:  100% 100%;position: relative;min-height: 100%; overflow:hidden}

.alf_contant{ width: 574px; height: 821px;background: url(../images/alf_contant_mob.png) no-repeat left  top;margin: 50px auto 300px auto; padding: 70px 40px 0 24px; font-size: 24px; line-height: 26px; float: none !important; }
.alf_contant.alf_gallery_main { padding-top: 50px; background: url(../images/alf_contant_mob2.png) no-repeat left  top;width: 574px; height: 821px}
.alf_contant .alif_wrap { height: 490px;;}
.alf_contant.alf_gallery_main .alif_wrap{ height: 570px;}
.alf_title{ height: 120px; padding-right: 40px; }
.alf_title h1, .alf_gallery_main .alf_title h1 { font-size: 50px;line-height: 30px; }
.alf_contant .button{  top:680px; left:30px; }
.alf_logo{ width: 130px; left: 46px; top: 30px; text-align:center;}
.alf_logo img{ max-width: 100px;}
.lock{ width: 116px; height: 182px; background: url(../images/lock.png) no-repeat center  top; position:absolute; right: -30px; top: 0px; z-index: 2; display: block; }
.chicks2{ display:none;}
.alf_contant .button2{ top: 700px; right: 40px;}
}
@media (min-width: 300px) and (max-width: 599px) {
.page-container.alf{background: url(../images/alf_back_mob.jpg) no-repeat center  top;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size:  100% 100%;position: relative;min-height: 100%; overflow:hidden}

.alf_contant{ width: 300px; height: 458px;background: url(../images/alf_contant_mob.png) no-repeat left  top;margin: 45px auto 100px auto; padding: 40px 20px 0 20px; font-size: 16px; line-height: 18px; float: none !important; background-size: 320px 458px;}	

.alf_contant.alf_gallery_main { padding-top: 30px; background: url(../images/alf_contant_mob2.png) no-repeat left  top;background-size: 320px 458px;}

.alf_contant .alif_wrap { height: 260px;;}

.alf_contant.alf_gallery_main .alif_wrap{ height: 280px;}
.alf_title{ height: 80px; padding-right: 0px; }
.alf_gallery_main .alf_title { height: 40px;}

.alf_title h1, .alf_gallery_main .alf_title h1 { font-size: 30px;line-height: 20px; }
.alf_contant .button{  top:390px; left:15px;  margin:0; padding:  15px 0 0 0; color:#fff; font-size:20px; line-height:26px; height:91px; width:50px; background-size: 50px 91px;}
.alf_contant .button2{  top:390px; right: 20px;  margin:0; padding:  15px 0 0 0; color:#fff; font-size:20px; line-height:26px; height:91px; width:50px; background-size: 50px 91px;}
.alf_logo{ width: 70px; left: 28px; top: 10px; text-align:center;}
.alf_logo img{ max-width: 60px;}
.lock{none }
.chicks2{ display:none;}
.thumbs{ width: 50%;}
}
/**New  css End 22-07-2017*/