@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body {background: #e3e2e2; font-size:13px; font-family: 'Open Sans', sans-serif; padding-bottom: 30px;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;}
:focus, a:focus {outline: none;}
a:hover {cursor: pointer;}




/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/

header { position: relative;}
body#home header { position: absolute; top: 0; left: 0; width: 100%; z-index: 99;}
	.top {height: 50px; position: relative;}
		ul.topmenu {display: inline-block; float: right; height: 30px; background: #60adb9;  position: relative; font-weight: bold;}
		ul.topmenu > li {float: left; height: 30px; line-height: 30px; padding: 0 15px; position: relative; font-weight: 100; }
		ul.topmenu > li + li {border-left: 1px solid #fff;}
		ul.topmenu > li > a {display: block; height: 100%; color: #fff; text-decoration: none;}
		ul.topmenu > li:first-child {}
		ul.topmenu > li:last-child { }
		ul.topmenu i {color: #fff; line-height: 30px;}
		ul.topmenu i:before {font-size: 22px}
		ul.topmenu ul {}
		ul.topmenu ul li {float: left; padding: 0 5px; position: relative;} 
		ul.topmenu ul li + li {}
		ul.topmenu ul li a {display: block; color: #fff; text-decoration: none;}
		ul.topmenu ul li:first-child {padding-left: 0;}
		ul.topmenu ul li:last-child {padding-right: 0;}
		ul.topmenu ul li.active {}

	.header {height: 80px; background: rgba(255,255,255,0.8); margin: 0 0; border-bottom: 5px solid rgba(96,173,185,0.8);}
		.logo {height: 75px; position: relative;  line-height: 75px; text-align: center;}
		.logo img {max-width: 100%; max-height: 90%;}
		
		nav.headermenu {height: 75px; background: #; position: relative; padding-right: 20px;}
			ul.mainmenu {float: right;}
			ul.mainmenu > li {float: left; height: 75px; line-height: 75px; position: relative; 
			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			-ms-transition: all 100ms ease-in;
			-o-transition: all 100ms ease-in;
			transition: all 100ms ease-in;}
			ul.mainmenu li a {display: block; height: 100%; padding: 0 10px; color: #565655; text-decoration: none;
			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			-ms-transition: all 100ms ease-in;
			-o-transition: all 100ms ease-in;
			transition: all 100ms ease-in;}
			body.en ul.mainmenu li a {padding: 0 6px;}

			ul.mainmenu > li:hover { background: #60adb9;}	
			ul.mainmenu > li:hover a {color: #fff;}
			ul.mainmenu > li ul {position: absolute; background: #60adb9; width: 240px; top: 75px; opacity: 0; visibility: hidden; z-index: 999999; left: 0; font-size: 12px;
			-webkit-transition: all 100ms ease-in;
			-moz-transition: all 100ms ease-in;
			-ms-transition: all 100ms ease-in;
			-o-transition: all 100ms ease-in;
			transition: all 100ms ease-in;}
			ul.mainmenu > li li {position: relative; height: 40px; line-height: 40px;}
			ul.mainmenu > li:hover ul {opacity: 1; visibility: visible;}
			ul.mainmenu > li ul li:hover {background: #408994;}
			ul.mainmenu > li:last-child ul, ul.mainmenu > li.d-right ul {left: auto; right: 0;}		
	
                /* Mobile Menu */
		.mobile-menu-area {}
		.mobile-menu-button {height: 40px; line-height: 40px; position: absolute; width: 45px; left: 10px; top: 0;  display: none;}	
		.mobile-menu-button i {display: block; height: 40px; line-height: 40px; text-align: center; color: #fff;}
		.mobile-menu-button i:before {font-size: 30px;}

		.mobile-menu {padding-bottom: 10px; overflow: hidden; display: none; background: #60adb9;}
		.mobile-menu ul {}
		.mobile-menu ul li {height: auto; font-size: 15px; border-top: 1px solid #fff;
		-webkit-transition: all 50ms ease-in;
		-moz-transition: all 50ms ease-in;
		-ms-transition: all 50ms ease-in;
		-o-transition: all 50ms ease-in;
		transition: all 50ms ease-in;}
		.mobile-menu ul li:last-child {border-bottom: 1px solid #fff; }
		.mobile-menu ul li a {display: block; height: 100%; padding: 6px 15px; color: #fff; }
		.mobile-menu ul li li {display: none; font-size: 12px;} 
		.mobile-menu ul li li a {padding-left: 25px;}
		.mobile-menu ul li.has-dropdown.active li {display: block;} 
		.mobile-menu.active {display: block;}
		.mobile-menu ul li.has-dropdown {position: relative;}
		.mobile-menu ul li.has-dropdown:before {content: ''; position: absolute; width: 14px; height: 1px; background: #fff; right: 10px; top: 16px;}
		.mobile-menu ul li.has-dropdown:after {content: ''; position: absolute; width: 1px; height: 14px; background: #fff; right: 16px; top: 10px;}
		.mobile-menu ul li.has-dropdown.active:after {display: none;}

/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/
section { }	
	.mainbanner {position: relative; margin: 0 -50px;}
	.mainbanner img {width: 100% !Important;}
	.mainbanner a {color: #000;}
	.mainbanner .bx-wrapper .bx-controls-direction a {display: none;} 
	.mainbanner:hover .bx-wrapper .bx-controls-direction a {display: block;} 
	.caption {position: absolute; width: 360px; height: 100px; background: rgba(255,255,255,0.6); position: absolute; bottom:130px; right: 18%; 
	padding: 15px;}
	.caption h4 {margin-bottom: 10px;}

	.main-newsband {margin-top: -90px;}
		.main-news-area {height: 180px; background: #fff; position: relative; border-top: 8px solid #f00; padding: 20px;}
		.main-news {height: 115px;}
		.main-news a {display: block; height: 100%; color: #000; text-decoration: none;}
			.main-news-img {width: 38%; float: left; height: 110px; overflow: hidden;} 
			.main-news-img img {width: 100%; margin-top: -15px;}
			.main-news-title {width: 59%; float: left; margin-left: 3%; height: 110px; position: relative;  border-bottom: 1px solid #dbdbdb;}
			.main-news-title:before {content: ''; position: absolute; left: 0; bottom: -3px; width: 40px; height: 5px; background: #f00;} 
			.main-news-title h5 {margin-bottom: 5px; line-height: 22px; max-height: 44px;}
			.main-news-title p {line-height: 20px; max-height: 60px; overflow: hidden;}

			a.all-news {position: absolute; left: 0; bottom: 15px; font-style: italic; color: #000; left: 20px;}

		.main-news-area .bx-wrapper .bx-pager { bottom: -27px; right: 0; }
		.main-news-area .bx-wrapper .bx-pager.bx-default-pager a {background: #c1c1c1; width: 17px; height: 4px; border-radius: 0; margin-left: 3px; }
		.main-news-area .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-news-area .bx-wrapper .bx-pager.bx-default-pager a.active 
		{ background: #ee7485;}
		
		.main-news-area.newsband-yellow {border-color: #60adb9; margin-right: -10px;} 
		.main-news-area.newsband-yellow a.all-news {color: #60adb9;} 
		.main-news-area.newsband-yellow .main-news-title:before  {background: #60adb9;} 
		.main-news-area.newsband-yellow .bx-wrapper .bx-pager.bx-default-pager a:hover, 
		.main-news-area.newsband-yellow .bx-wrapper .bx-pager.bx-default-pager a.active  {background: #60adb9;} 

		.main-news-area.newsband-red {border-color: #1078c1; margin-left: -10px;} 
		.main-news-area.newsband-red a.all-news {color: #1078c1;} 
		.main-news-area.newsband-red .main-news-title:before  {background: #1078c1;} 
		.main-news-area.newsband-red .bx-wrapper .bx-pager.bx-default-pager a:hover, 
		.main-news-area.newsband-red .bx-wrapper .bx-pager.bx-default-pager a.active  {background: #1078c1;} 

	.main-logos-area {margin-top: 15px;}	
		.main-logos {height: 130px; background: #fff; padding: 30px 0; position: relative;}
		.main-logos ul {}
		.main-logos ul li {height: 70px; line-height: 70px; text-align: center; width: 33.33%; float: left;}
		.main-logos ul li + li {border-left: 1px solid #dbdbdb;}
		.main-logos ul li img {display: inline-block; max-height: 100%; max-width: 90%;}

		.main-references {height: 110px; background: #fff; padding: 30px 0; position: relative;}
		.main-references a.all-news {bottom: auto; top: 5px; left: 10px; color: #008dc9;}
		.main-references ul {}
		.main-references ul li {height: 50px; line-height: 50px; text-align: center; width: 33.33%; float: left;}
		.main-references ul li + li {border-left: 1px solid #dbdbdb;}
		.main-references ul li img {display: inline-block; height: 100%;}

		.main-references .bx-wrapper .bx-pager { bottom: -32px; right: 20px; }
		.main-references .bx-wrapper .bx-pager.bx-default-pager a {background: #c1c1c1; width: 17px; height: 4px; border-radius: 0; margin-left: 3px; }
		.main-references .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-references .bx-wrapper .bx-pager.bx-default-pager a.active 
		{ background: #008dc9;}

		.main-social { height: 130px; overflow: hidden; /* margin-top: 2px; */}
		.main-social ul {margin: 0 -2px;} 
		.main-social ul li {
		height: 65px;
		width: 50%;
		float: left;
		line-height: 65px;
		text-align: center;
		margin-bottom: 4px;
		padding: 0 2px;
		}
		.main-social ul li a {display: block;}
		.main-social ul li div {background: #fff;}
		.main-social ul li.main-fb:hover div {background: #385698;}
		.main-social ul li.main-gp:hover div {background: #d95333;}
		.main-social ul li.main-ln:hover div {background: #069;}
		.main-social ul li.main-tw:hover div {background: #31baf2;}
		.main-social ul li.main-yt:hover div {background: #eb3b3d;}
		.main-social ul li.main-rss:hover div {background: #fa9c39;}
		
		h5.vertical-title {position: absolute; width: auto; padding: 0 10px; height: 29px; line-height: 28px; top: 0; left: -32px; background: #eae9e9;
		color: #0063a9; font-size: 11px; font-weight: 400;
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);	}
		.main-logos h5.vertical-title {top: 42px; left: -74px; font-size: 12px;}
		.footer h5.vertical-title{top: 27px; left: -54px;}

		/* Main Bottom */
		.main-bottom {margin: 15px 0 0 0; position: relative;}
		.main-bottom h5.vertical-title {top: 35px; left: -65px;}

		.main-services-area {height: 180px; background: #fff; position: relative;  padding: 20px;}

		.main-services-area .bx-wrapper .bx-controls-direction a { text-indent: -9999px; z-index: 9999; width: 32px; height: 22px; top: -12px; margin: 0;}
		.main-services-area .bx-wrapper .bx-controls-direction a.disabled {	display: none;}
		.main-services-area .bx-wrapper .bx-prev {	left: auto; right: 34px; background: url('../img/icons/arrow-prev.png') no-repeat center center;}
		.main-services-area .bx-wrapper .bx-next {	  right: 0;   background: url(../img/icons/arrow-next.png) no-repeat center center; }	
		.main-services-area .bx-prev:hover {opacity: 1; background: #f8f8f8 url('../img/icons/arrow-prev.png') no-repeat center center;}
		.main-services-area .bx-next:hover {opacity: 1; background: #f8f8f8 url('../img/icons/arrow-next.png') no-repeat center center;}

		.main-service {height: 145px;}
		.main-service a {display: block; height: 100%; color: #000; text-decoration: none;}
			.main-service-img {width: 45%; float: left; height: 145px; overflow: hidden;}
			.main-service-img img {width: 100%;}
			.main-service-title {width: 52%; float: left; margin-left: 3%; height: 110px; position: relative;  border-bottom: 1px solid #dbdbdb;}
			.main-service-title:before {content: ''; position: absolute; left: 0; bottom: -3px; width: 40px; height: 5px; background: #64b741;} 
			.main-service-title h5 {margin-bottom: 5px; line-height: 22px; max-height: 44px;}
			.main-service-title p {line-height: 20px; max-height: 60px; overflow: hidden;}

			a.all-news {position: absolute; left: 0; bottom: 15px; font-style: italic; color: #000; left: 20px;}

		.main-services-area .bx-wrapper .bx-pager { bottom: 3px; right: 0; z-index: 999;}
		.main-services-area .bx-wrapper .bx-pager.bx-default-pager a {background: #c1c1c1; width: 17px; height: 4px; border-radius: 0; margin-left: 3px; }
		.main-services-area .bx-wrapper .bx-pager.bx-default-pager a:hover, .main-services-area .bx-wrapper .bx-pager.bx-default-pager a.active 
		{ background: #ee7485;}
		
		.main-services-area .main-news-title:before  {background: #64b741;} 
		.main-services-area .bx-wrapper .bx-pager.bx-default-pager a:hover, 
		.main-services-area .bx-wrapper .bx-pager.bx-default-pager a.active  {background: #64b741;} 

		/* Main Videos */
		.main-videos {height: 180px; overflow: hidden;}
		.main-video {height: 180px; overflow: hidden; position: relative;}
		.main-video img {width: 100%;}
		.main-video a {display: block; text-decoration: none; color: #fff;}
		.main-video h5 {font-weight: 400; position: absolute; width: 90%; left: 5%; bottom: 15px; padding: 10px 10px 10px 60px;
background: rgba(0,0,0,0.5); line-height: 20px;}
		.main-video h5 i {display: block; position: absolute; width: 60px; text-align: center; top: 50%; margin: -13px 0 0 0; left: 0;}
		.main-video h5 i:before {font-size: 26px; }
		.main-video h5 span {}
		

	/* Pages */
	.content {padding: 15px 30px 30px 30px; background: #fff; margin-top:15px;}
	.page-title {font-size: 17px; height: 45px; line-height: 45px; color:#008dc9; }
	.page-banner { position: relative; }
	.page-banner img {width: 100%;}
	.page-banner a.sitemap-link {display: block; position: absolute; right: 30px; top: 50px; background: url('../img/bg/sitemap-link.png') no-repeat; width: 100px; height: 31px;}
	
	.leftside {margin-right: -10px;}
	.leftside .page-title {font-weight: normal; color: #008dc9;}
		ul.leftmenu {padding: 15px 10px 0 0; border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; min-height: 260px;}
		ul.leftmenu li {height: 28px; position: relative; line-height: 28px; overflow: hidden;}
		ul.leftmenu li a {display: block; height: 100%; color: #525252; text-decoration: none; font-size: 14px; padding-left: 20px;}
		ul.leftmenu li:before {content:''; position: absolute; height: 9px; width: 1px; background: #cdcdcd; left: 5px; top: 5px; 
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		ul.leftmenu li:after {content:''; position: absolute; height: 1px; width: 9px; background: #cdcdcd; left: 5px; top: 14px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		ul.leftmenu li.active:before , ul.leftmenu li:hover:before {width: 8px; height: 4px; background: #008dc9; top: 9px;;}
		ul.leftmenu li.active:after , ul.leftmenu li:hover:after {width: 8px; height: 4px; background: #008dc9; top: 13px;}
	
	.rightside {margin-left: -10px;}
	.rightside .page-title  {padding-left: 20px;}
	.page-body {padding: 15px 0 0 20px; text-align: justify; border-top: 1px solid #dfdfdf;}
	.page-body ul {list-style: inherit; margin-left: 20px;}
	/* News Box */
	.list-page {padding-left: 20px;}
	.news-box {height: 220px; border: 1px solid #eeeeee; position: relative; margin-bottom: 20px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.news-box-img {padding: 10px 10px 0 10px; height: 155px; overflow: hidden;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	.news-box-img img {width: 100%;}
	.news-box a {display: block; height: 100%; text-decoration: none; color: #608099;}
	.news-box h5 {padding: 15px; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 14px;}
	.news-box:after {content:''; position: absolute; right: 10px; bottom: 10px; 
	border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #008dc9 transparent;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.news-box > a > span {padding-left: 15px; font-size: 12px; color: #008dc9;}
	
	.news-box:hover .news-box-img {}
	.news-box:hover:after { border-width: 0 0 20px 20px;}
	.news-box:hover {background: #ececec;}

	/* Object Details */
	.object-details	{padding-left: 20px;}
	.object-details > ul {padding-left: 20px; list-style: inherit;}
		.object-photos {width: 55%; float: left; margin: 0 15px 15px 0;}
			/* Album Details */
			.pager-photos {margin-top: 10px; display: none;}
			.pager-photos a {display: block; float: left; width: 25%; padding: 0 3px 5px 3px; border: 1px solid transparent; }
			.pager-photos a img {width: 100%;}
			.pager-photos a.active img {border: 1px solid #006eb7; opacity: 0.8;}
			
			.album-photos {position: relative; padding-right: 5px;}
			.album-photos .bx-wrapper .bx-prev {	left: -15px; 	opacity: 0;}
			.album-photos .bx-wrapper .bx-next {	right: -15px; opacity: 0;}
			.album-photos .bx-wrapper .bx-controls-direction a { text-indent: -9999px; z-index: 9999;}
			.album-photos .bx-wrapper .bx-controls-direction a.disabled {	display: none;}
			.album-photos:hover .bx-prev {opacity: 1; left: 0;}
			.album-photos:hover .bx-next {opacity: 1; right: 0;}
		
		.news-intro {font-size: 15px; font-style: italic;  margin-bottom: 15px;}
		span.details-date {display: block; font-style: italic; text-align: right;}
		ul.object-date { overflow: hidden; font-family: Open Sans; margin: 0 0 15px 0; }
		ul.object-date > li {color: #afafaf; height: 30px; line-height: 30px; font-size: 13px;}
		ul.object-date > li i {display: block; float: left; margin-right: 5px; height: 30px; line-height: 30px; }
		ul.object-date > li i:before {font-size: 21px;}

	/* References */
    .brands {background:#fff;  padding: 10px;}
    	.brand {width: 100%; height: 160px; line-height: 160px; text-align: center; background: #fff; margin-bottom: 15px; 
    	border-bottom: 1px solid #dbdbdb;
    	-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
    	.brand a {display: block; height: 100%;}
    	.brand img {max-width: 230px; max-height: 140px;}
    	.brand:hover {border-bottom: 1px solid #0589c1 ;}	

    /* magazine Box */
	.magazine-box {height: 365px; border: 1px solid #eeeeee; position: relative; margin-bottom: 20px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.magazine-box-img {padding: 10px 10px 0 10px; height: 280px; overflow: hidden;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	.magazine-box-img img {width: 100%;}
	.magazine-box a {display: block; height: 100%; text-decoration: none; color: #608099;}
	.magazine-box h5 {padding: 15px; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 14px;}
	.magazine-box:after {content:''; position: absolute; right: 10px; bottom: 10px; 
	border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #008dc9 transparent;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	
	.magazine-box:hover:after {border-width: 0 0 20px 20px;}
	.magazine-box:hover .magazine-box-img {}
	.magazine-box:hover {background: #ececec;}	

	ul.reports-list {}
	ul.reports-list li {border: 1px solid #eeeeee; }
	ul.reports-list li + li {margin-top: 10px;}
	ul.reports-list li a {display: block; padding: 10px; color: #000; text-decoration: none; }
	ul.reports-list li:hover {border-color: #008dc9;}
	ul.reports-list li:hover a {color: #008dc9;}

	/* News Box */
	.album-box {height: 280px; border: 1px solid #eeeeee; position: relative; margin-bottom: 20px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.album-box-img {padding: 10px 10px 0 10px; height: 190px; overflow: hidden; position: relative;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	.album-box-img img {width: 100%;}
	.album-box a {display: block; height: 100%; text-decoration: none; color: #608099;}
	.album-box a:focus {outline: none !Important;}
	.album-box h5 {padding: 15px 15px 0 15px; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 14px;}
	.album-box:after {content:''; position: absolute; right: 10px; bottom: 10px; 
	border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #008dc9 transparent;}
	.album-box > a > span {padding-left: 15px; font-size: 12px; color: #008dc9;}
	
	.album-box-img i {position: absolute; color: #fff; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 190px; }
	.album-box-img i:before {font-size: 0;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	
	.album-box-img span {position: absolute; color: #fff; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 190px;  }
	.album-box-img span:before {font-size: 50px; color: #dd4739; opacity:0.6; 
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	
	.album-box:hover .album-box-img i:before {font-size: 50px;}
	.album-box:hover .album-box-img span:before {font-size: 45px; opacity: 1;}
	.album-box:hover {background: #fbfbfb;}

	/* Photo Gallery */
	.photo {margin-bottom:10px; overflow:hidden; text-align:center; height: 265px;}
	.photo > a img {
		-webkit-transform: scaleY(1);
		-moz-transform: scaleY(1);
		-o-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		-ms-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
		}
	.photo:hover > a img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
		filter: alpha(opacity=0.9);
		opacity: 0.7;
		}
	.photo a i {color:#fff;  opacity:1; display:block;  position:absolute; opacity:0; width: 100%; height: 100%; line-height: 265px; text-align: center;
	left: 0; top: 0;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.photo a i:before {font-size: 40px;} 
	.photo:hover a i {display:block; opacity:1;}

	/* Contact Page */
	.maps-area {padding: 0 0 0 20px;}
	.maps-area img {width: 100%;}
	.contact-page {padding: 0 0 0 20px; }
	
	/* Contact Page */
	ul.contact {display: inline-block;	margin-top: 10px; width: 100%; 	}
	ul.contact li {	padding: 0 15px; border: 1px solid #dbdbdb;	font-size: 13px; background: #fff;	color:#6e6e6e;	overflow: hidden;	height: 46px;	}
	ul.contact li:hover { color:#000;}
	ul.contact li + li {margin-top: 4px;}
	ul.contact li:nth-child(even) {	background: #f6f6f6;	}
	ul.contact li > span {display: block; border: 1px solid #dbdbdb;	width: 70%; float: right; padding: 7px;	margin-top: 5px ; background: #fff;}
	ul.contact li:last-child a {display: block; padding: 14px 15px; width: 100%; height: 100%; color:#6e6e6e; text-decoration: none;}
	ul.contact li:last-child a:hover { color:#2068b5; }
	ul.contact li label {font-weight: normal; width: 30%; float: left; line-height: 46px;}

	/* Form */
	ul.reporting-form {
		display: inline-block;
		width: 100%;
		padding: 0 10px 0 20px;
		overflow: hidden;
	}
	ul.reporting-form > h5 {margin: 10px 0; color: #000; font-weight: 400; font-size: 16px;}
	ul.reporting-form > li {
		padding: 15px; 
		border: 1px solid #dbdbdb;
		font-size: 14px;
		background: #fff;
		color:#6e6e6e;
		overflow: hidden;
	}
	ul.reporting-form > li:hover { color:#000;}
	ul.reporting-form > li + li {
		margin-top: 3px;
	}
	ul.reporting-form > li:nth-child(even) {
		background: #f6f6f6;
	}
	ul.reporting-form > li input:not([type]),ul.reporting-form > li > input[type="color"],ul.reporting-form > li > input[type="email"],ul.reporting-form > li > input[type="number"],ul.reporting-form > li > input[type="password"],ul.reporting-form > li > input[type="tel"], 
	ul.reporting-form > li > input[type="url"],ul.reporting-form > li > input[type="text"],ul.reporting-form > li > input[type="file"],ul.reporting-form > li > textarea,ul.reporting-form > li select {
		width: 60%; 
		padding: 4px;
		float: right;
		border: 1px solid #dbdbdb;
		margin-top: -4px;
	}
	.check-radio {
		width: 60%; 
		padding: 4px;
		float: right;
		border: 1px solid #dbdbdb;
		margin-top: -4px;}
	ul.reporting-form > li.forget {
		width: 30%; 
		float: left;
	}
	ul.reporting-form > li.forget a {
		color:#e30613;
		display: block;
		height: 100%;
	}
	ul.reporting-form > li.submit {
		width: 67%;
		float: right;
		padding:0;
	}
	ul.reporting-form > li label {font-weight: normal; height: 100%; width: 40%; float: left; margin-left: 15px;}
	ul.reporting-form > li label:hover {cursor: pointer;}
	ul.reporting-form > li label input {margin-left: 5px;}
	ul.reporting-form > li input + input {margin-top: 5px !Important;}
	ul.reporting-form > li > a {margin-left: 40%; height: 25px; font-size: 12px; line-height: 25px; margin-top: 5px ; color: #002f6d; text-decoration: none; display: inline-block;}
	ul.reporting-form > li > a:hover {color: #002f6d; }
	ul.reporting-form > li > a i:before {display: block; float: left; font-size: 20px; line-height: 25px; margin-right: 5px;}
	.upload-img {width: 100px; height: 110px; margin-left: 40%; padding-top: 10px; position: relative; }
	.upload-img img {width: 100%; }
	.upload-img a {position: absolute; display: inline-block; bottom: -5px; text-decoration: none; left: -20px; width: 30px; height: 30px; line-height: 30px; 
	border: 1px solid #264c7a; text-align: center; border-radius: 50%; color: #264c7a;}
	.upload-img a:last-child {right: -20px; left: auto;}
	.upload-img a i:before {font-size: 16px;}
	
	.formError .formErrorContent , .formError .formErrorArrow div {
		background:#264c7a; 
	}
		
	ul.reporting-form > li button {width: 100%;  padding:14px 0; text-align:center; background:#264c7a; border-radius:0;
	  border: 1px solid #264c7a;  color:#fff;  font-size:16px;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
	ul.reporting-form > li button:hover {background:#fff; border-color: #264c7a; color:#264c7a;}
	ul.reporting-form p {margin-bottom: 10px;}

	/* pagination */
	.pagination {padding-left: 20px; margin-top: 20px;}
	.pagination ul {}
	.pagination ul li {width: 22px; height: 30px; text-align: center; float: left; }
	.pagination ul li a {color: #608099; text-decoration: none; display: block;}
	.pagination ul li.active {border-bottom: 4px solid #008dc9;}
	.pagination ul li.active a , .pagination ul li a:hover  {color: #008dc9;}

	/* Share */
	.share {  padding:10px 0; margin:10px 0 10px 0;  width: 100%; display: inline-block;  }
	.share ul {display: block; display: inline-block;  overflow: hidden; float: right; }
	.page-body .share ul {list-style: none; margin-left: 0;}
	.share ul li {float: right; font-size:20px; line-height:40px; position: relative; 
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li a {color:#9f9f9f; text-decoration:none;   padding:0 15px; display: block;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span[class*="icon-"] {display: block; float: left; font-size:20px; margin-right:2px; line-height:40px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
	.share ul li span.arrow {display:block; position:absolute; top:30%; right:-9px;
		border-bottom: 8px solid transparent; 
		border-top: 8px solid transparent; 
		border-left: 9px solid transparent; 
		height: 0px;
		width: 0px;
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-ms-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
		transition: all 200ms ease-in;	
		border-left-color:#fff;
		opacity:0;}
	.share ul li:hover a  {color:#fff;}
	.share ul li:hover span.arrow {opacity:1;	}
	
	.share ul li.facebook span[class*="icon-"] {color:#3c5d96;}
	.share ul li.facebook span.arrow {border-left-color:#3c5d96;}
	.share ul li.facebook:hover span[class*="icon-"] {color:#fff;}
	.share ul li.twitter span[class*="icon-"] {color:#63adeb;}
	.share ul li.twitter span.arrow {border-left-color:#63adeb;}
	.share ul li.twitter:hover span[class*="icon-"] {color:#fff;}
	.share ul li.gplus span[class*="icon-"] {color:#c65942;}
	.share ul li.gplus span.arrow {border-left-color:#c65942;}
	.share ul li.gplus:hover span[class*="icon-"] {color:#fff;}
	.share ul li.linkedin span[class*="icon-"] {color:#287cb3;}
	.share ul li.linkedin span.arrow {border-left-color:#287cb3;}
	.share ul li.linkedin:hover span[class*="icon-"] {color:#fff;}
	
	.share ul li.facebook:hover {background:#3c5d96;}
	.share ul li.twitter:hover {background:#63adeb;}
	.share ul li.gplus:hover {background:#c65942;}
	.share ul li.linkedin:hover {background:#287cb3;}	

	/* Breadcrumb */
	.breadcrumb {font-weight: 400; display: inline-block;	width:100%;	background: #fff; padding-left: 15px;	}
	.breadcrumb > ul {float: left;}
	.breadcrumb > ul > li {	float: left;height: 38px; 	line-height:38px; 	}
	.breadcrumb > ul > li > a {	color:#608099;	}
	.breadcrumb > ul > li > a:hover , .breadcrumb > ul > li.active > a{	color:#000;	}
	.breadcrumb > ul > li + li {  padding: 0 5px;  margin-left: 5px;  padding-left: 15px; background: url('../img/icons/bread-arrow.png') no-repeat center left;}

	a.offer-form {height: 35px; line-height: 35px; display: block; margin-bottom: 10px; background: #60adb9; text-align: center; color: #fff;     width: 42%; float: right;}

	.label-form {padding-left: 20px;}
    .label-form ul { }
    .label-form ul > li > label { min-height: 40px; line-height: 15px; width: 25%; padding-right: 15px; padding: 10px 15px 10px 0; font-weight: 400;}
    .label-form ul > li > label span {float: right;}
    .label-form ul > li {margin-bottom: 5px;  position: relative; display: inline-block; width: 100%;}
    .label-form ul > li > input {width: 75%; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; color: #000;
    font-size: 14px; float: right;}
    .label-form ul > li > textarea {width: 75%; height: 125px; line-height: 15px; padding: 10px; background: #fff; border: 1px solid #dbdbdb; color: #000;
    font-size: 14px; float: right;}
    .label-form ul > li > select {width: 75%; height: 40px; line-height: 40px; padding: 0 10px; background: #fff; border: 1px solid #dbdbdb; color: #000;
    font-size: 14px; float: right;}
    .label-form ul > li > button {width: 75%; height: 60px; text-align: center; line-height: 60px; font-size: 18px; color: #fff; border: none; 
    border-radius: 0; background: #004080;   float: right;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;}
    .label-form ul > li > button:hover {background: #00254a;}
    .label-form ul > li p {position: absolute; font-size: 11px; color: #f00; right: 5px; bottom: 12px;}

	.labelgroup {width: 75%; float: right; padding: 7px 0 15px 0; }
	.labelgroup label {width: 33%; float: left; margin: 2px 0; } 
	.labelgroup label input {float: left; margin-right: 3px;}   

/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/
footer {margin-top: 15px;}
	.footer {height: 180px; background: #fff; position: relative;}
		ul.footermenu {padding: 30px;}
		ul.footermenu > li {width: 25%; float: left; padding: 0 0 0 20px; height: 120px; position: relative; border-right: 1px solid #d9d9d9;}
		ul.footermenu > li:first-child {padding-left: 0;}
		ul.footermenu > li:before {content: ''; position: absolute; background: #008dc9; width: 4px; height: 18px; right: -3px; top 0;}
		
		ul.footermenu > li + li {}
		ul.footermenu > li h6 {font-size: 15px; margin-bottom: 8px;}
		ul.footermenu a {color: #000; text-decoration: none;}
		ul.footermenu ul {}
		ul.footermenu ul li {height: 18px; line-height: 18px; position: relative;
		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		ul.footermenu ul li:before {content: ''; position: absolute; left: 0; top: 8px; width: 0; height: 2px; background: #008dc9; 
		-webkit-transition: all 100ms ease-in;
		-moz-transition: all 100ms ease-in;
		-ms-transition: all 100ms ease-in;
		-o-transition: all 100ms ease-in;
		transition: all 100ms ease-in;}
		ul.footermenu ul li:hover {padding-left: 12px;} 
		ul.footermenu ul li:hover:before {width: 8px;}

		.footer-logo {text-align: center; line-height: 180px;} 
		.footer-right {height: 180px; width: 100%; background: url('../img/bg/footer-right.png') no-repeat top -4px right -43px; color: #777777; }
		.footer-right h5 {font-weight: 400; font-size: 15px; margin-bottom: 15px;}
		.footer-right ul {width: 65%; padding: 30px 0 0 0;}
		.footer-right ul li {line-height: 15px; width: 80%; font-weight: 300; font-size: 12px;}

		.catalog-area {height: 75px; margin: 0 0 0 0;}
		.catalog-area a {display: block; height: 100%; text-decoration: none; color: #008dc9;}
		.catalog-area a:hover {color: #64b741;}
		.catalog-area span {display: block; font-size: 16px; width: 80%; float: left; height: 75px; line-height: 70px; padding-left: 5px;}
		.catalog-area i {display: block; text-align: center; width: 20%; float: left; height: 75px; line-height: 75px;}
		.catalog-area i:before {font-size: 40px;}
		.catalog-area img {width: 100%;}

	.bottom {}
		.copyright {height: 30px; line-height: 30px; color: #797979;}
		a.signature {float: right; display: inline-block; height: 30px; line-height: 30px; color: #797979;}

		.bottom-logos {margin: 20px 0 5px -30px; overflow: hidden;}
		.bottom-logos ul {}
		.bottom-logos ul li {width: 33%; float: left; height: 70px; line-height: 70px;}
		.bottom-logos ul li img {width: 100%; }
		.bottom-logos ul li:first-child img {height: 70px; }