@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=Monda:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body {background: #efefef; font-size:13px; font-family: 'Open Sans', sans-serif;  position: relative; padding-bottom: 0; overflow-x:hidden }
body#main-page {background: #fff;}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;}

.bx-wrapper .bx-pager {}

/* -------------------------------------------------------------------------------------*/
/*      POPUP AREA                                                                      */
/* -------------------------------------------------------------------------------------*/
.popup-area {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background: rgba(0,0,0,0.8); text-align: center; display: none;}
.popup-area.active {display: block;}
.popup {width: auto;margin: 100px auto 0 auto;display: inline-block; max-width: 80%;}
.popup.video-popup {width: 800px;}
.popup.video-popup .popup-head {height: 450px}
.popup-head {background: #fff;text-align: center;/* border-bottom: 1px solid #dbdbdb; */height: 500px;position: relative;}
.popup-head img {width: auto;height: 100%;object-fit: cover;max-width: 100%;}
.popup-head iframe {width: 100% !Important; }
.popup-bottom {height: auto;/* background: #fff; */position: relative;padding-right: 0;}
.popup-bottom h5 {padding: 10px 0;font-size: 20px;font-family: 'Rajdhani', sans-serif;font-weight: 400;color: #fff;}
.close-popup {position: absolute; right: 0; top: 0px; width: 40px; height: 40px;  background: #fff;}
.close-popup i {display: block; height: 40px; line-height: 40px; text-align: center;}
.close-popup i:before {font-size: 20px;}
.close-popup:hover {background: #f4f4f4; color: #e83731; cursor: pointer;}


/* -------------------------------------------------------------------------------------*/
/* 		FULL SLIDER																		*/
/* -------------------------------------------------------------------------------------*/
.full-slider { position: ; z-index: 1; max-width: 100%; overflow: hidden;}
.full-slider .container {position: relative;}
.full-slider img {width: 100%;}
	.caption {position: absolute;  z-index: 99; left: 10px; bottom: 150px; color: #fff; width: 410px; min-height: 115px; max-height: 230px;
	background-color: #000000; background-color: rgba(0,0,0,0.3); padding: 12px;}
	.caption h3 {font-family: 'Oswald', sans-serif; font-size: 32px; font-weight:300; max-height: 74px; line-height:37px; overflow: hidden; margin-bottom:20px; }
	.caption p {font-size: 14px; font-family: 'Arial', sans-serif; line-height: 18px; max-height:54px; overflow: hidden; }
.caption:before {content:''; border-style: solid;  border-width: 0 0 20px 20px;  border-color: transparent transparent transparent  transparent; position: absolute; right: 25px; bottom: 25px;}
	.mainbanner .bx-wrapper .bx-controls-direction a {top: 70%; }
	.mainbanner .bx-wrapper .bx-controls-direction a.active {z-index: 1;}
	.mainbanner .bx-wrapper .bx-prev {left: 82%;}
	.mainbanner .bx-wrapper .bx-next {right: auto; left: 86%;}
	
	.mobile-banner .bx-wrapper .bx-controls-direction a {display: none;}
/* -------------------------------------------------------------------------------------*/
/* 		CONTENT																			*/
/* -------------------------------------------------------------------------------------*/
content {width: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.mobile-banner {display: none;}

/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/
header { height: 150px; background: #c00a27 url('../img/bg/big-icon.png') no-repeat top left; display: inline-block; width: 100%;}
body#main-page header { height: 320px; background: url('../img/bg/header-top-shadow.png') repeat-x;}
	.top {height: 35px; width: 100%; position: relative;}
		ul.topmenu {float: right; display: block; overflow: hidden; height: 35px; border-bottom:1px solid #fff; border-right: 1px solid #fff;}
		ul.topmenu li {float: left; height: 35px; line-height: 34px; border-left: 1px solid #fff; 
		-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.topmenu li:hover {background: #c00a27;}
		ul.topmenu li:last-child:hover {background: none;}
		ul.topmenu li a {color: #fff; display: block; height: 100%; padding: 0 15px; text-decoration: none;}
		ul.topmenu li i {display: block; line-height: 34px;}
		ul.topmenu li i:before {font-size: 20px; font-weight: 300;}
		ul.topmenu li span  {float: left;}
		ul.topmenu li span a {padding: 0 7px;
		-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.topmenu li span.active a , ul.topmenu li span:hover a {color: #fff; }
		ul.topmenu li span.active a { font-weight: bold; font-size: 15px;}
	
	.header {height: 70px; margin-top: 15px;}
		.logo {}
		.m-logo {display:none; height: 80px; line-height: 80px;}
		
		nav.headermenu {height: 70px;}
			ul.mainmenu { float: right; padding-top:  17px;}
			ul.mainmenu li { height: 35px; line-height: 35px; 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 {float: left; height: 35px;  }
			ul.mainmenu > li:hover { background: #c00a27;}			
			ul.mainmenu > li a {display: block; padding: 0 20px; color: #fff; text-decoration: none;}
body.ru ul.mainmenu > li a {padding: 0 13px;}
			ul.mainmenu > li ul {position: absolute; background: #c00a27; width: 295px; top: 37px; opacity: 0; visibility: hidden; z-index: 999999; left: 0;
			-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;
  -webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.30);}
			ul.mainmenu > li.menu-lg ul {min-width: 275px;}
			ul.mainmenu > li:hover ul {opacity: 1; visibility: visible;}
			ul.mainmenu > li ul li:hover {background: #a5001a;}
			ul.mainmenu > li:last-child ul {left: auto; right: 0;}
			
		/* Mobile Menu */
	.menu-button {width: 45px; height: 45px; line-height: 40px; text-align: center; position: absolute; top: 50%; margin-top: -20px; background: #fff; right: 10px; 
	display: none; border: 1px solid #908f8f;}
	.menu-button.active {border-color: #e20e40; background: #ececec;}
		
		.mobile-menu {position: absolute; width: 0; top: 57px; z-index: 9999; background: #ececec;  right: 0;  height: auto; overflow: hidden; padding:0; z-index: 99998;		
		-webkit-transition: all 350ms ease-in;
		-moz-transition: all 350ms ease-in;
		-ms-transition: all 350ms ease-in;
		-o-transition: all 350ms ease-in;
		transition: all 350ms ease-in;
		-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.45);
 		 -moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.45);
 		 box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.45);}
		.mobile-menu > ul { padding: 20px; }
		.mobile-menu > ul > li {width: 100%; height: 41px; line-height: 41px; background: #d00031; border-radius: 0; font-size: 18px; padding: 0 5px 0 5px; overflow: hidden;
		opacity: 0 ;
		-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;}
		.mobile-menu > ul > li + li {margin-top: 20px;}
		.mobile-menu > ul > li a {display: block; height: 100%; padding: 0 10px 0 35px; color: #fff; text-decoration: none;  }
		.mobile-menu > ul > li span {display: block; height: 41px; padding: 0 10px; color: #fff; }
		.mobile-menu > ul > li i {display: block; float: left; width: 14px; height: 14px; position: relative; margin:13px 10px 0 0;}
		.mobile-menu > ul > li i:before {content: ''; position: absolute; width: 14px; height: 2px; background: #fff; left: 0; top: 6px;}
		.mobile-menu > ul > li i:after {content: ''; position: absolute; width: 2px; height: 14px; background: #fff; left: 6px; top: 0px;}
		.mobile-menu > ul > li li {height: 40px; overflow: hidden; border-top:  line-height: 40px; background: #d00031; font-size: 16px;  }
		
		.mobile-menu.active { width: 100%;}
		.mobile-menu.active > ul > li {opacity: 1;
		-webkit-transition: all 550ms ease-in;
		-moz-transition: all 550ms ease-in;
		-ms-transition: all 550ms ease-in;
		-o-transition: all 550ms ease-in;
		transition: all 550ms ease-in;}
		.mobile-menu > ul > li.has-dropdown:hover {cursor: pointer;}
		.mobile-menu > ul > li.has-dropdown.active {height: auto; overflow: inherit;}
		.mobile-menu > ul > li.has-dropdown.active > a {color: #fff;}
		.mobile-menu > ul > li.has-dropdown.active > span {color: #fff;}
		.mobile-menu > ul > li.has-dropdown.active > span > i {/*transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);*/}
		.mobile-menu > ul > li.has-dropdown.active > span > i:after {display: none;}
			
/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/
section {}	
	.red-boxes {height: 102px; background-color: #fff; background-color: rgba(255,255,255,0.6); position: relative; width: 100%; bottom: -220px; padding-top: 2px;}
	.red-boxes#inner {background-color: rgba(255,255,255,0); position: relative; bottom: 0;}
		.red-box {height: 98px; background: #c00a27; position: relative; }
		.red-box:hover {cursor: pointer;}
		.red-box:hover .red-box-content {background: #b70623;}
			.red-box-content {position: absolute; height: 98px; overflow: hidden;  width: 100%; bottom: 0; left: 0; 
padding: 14px 20px;  background: #c00a27; 
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;}
			.red-box-content h3 {font-family: 'Oswald', sans-serif; font-size: 31px; font-weight: 300; color: #fff; height: 70px; line-height: 35px; position: relative; padding-right: 25px;}
			.red-box-content h3 span {display: block; font-weight: 300; }
			.red-box-content h3 i {position: absolute; top: 0; right: 0; color: #fff; font-weight: 300; height: 65px; 
line-height: 65px; 
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;}
			.close-box {position: absolute; width: 32px; height: 32px; right: -15px; top: 0; display: none;
			-webkit-transition: all 250ms ease-in;
			-moz-transition: all 250ms ease-in;
			-ms-transition: all 250ms ease-in;
			-o-transition: all 250ms ease-in;
			transition: all 250ms ease-in;}
			.close-box:hover {cursor: pointer;}
			.red-box-content h3 i:before {font-weight: 300; font-size: 18px;} 
			.red-box-content p {font-family: 'Arial', sans-serif; line-height: 18px; font-weight: 300; color: #fff; height: 72px; overflow: hidden; margin-top: 20px; }
			.red-box-content a {display: block; height: 45px; line-height: 45px; text-align: center; background: #9c011a; color: #fff; font-family: 'Arial', sans-serif;
			margin-top: 15px; 
			-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;}
			.red-box-content a:hover {color: #9c011a; background: #fff;  text-decoration: none;}
			
			.red-box-content.active  {height: 250px; }
			.red-box-content.active h3 i, .red-box-content.active:hover h3 i {transform: rotate( 90deg);  -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); 
			top: -10px;}
			.red-box-content:hover h3 i {transform: rotate( -90deg);  -ms-transform: rotate(-90deg);  -webkit-transform: rotate(-90deg); }
			
	.content {min-height: 500px; background: #fff url('../img/bg/big-icon2.png') no-repeat bottom left; margin: 15px 0; padding: 15px 15px 15px 0; }
		.leftside {}
			h2.left-title {font-size: 18px; font-weight: normal; color: #c00a27 ; padding: 16px 0 16px 60px; background: url('../img/favicon.png') no-repeat center left 20px;}
			ul.leftmenu {}
			ul.leftmenu li {border-top: 1px solid #cfcecf; 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.leftmenu li:before {content:''; position: absolute; left: 0; width: 0; height: 26px; background: #c00a27 ; left: 0; 
			top: 50%; margin-top: -13px; display: none;}
			ul.leftmenu li a {display: block; height: 100%; color: #6b6b6b; text-decoration: none; padding: 16px 0 16px 20px;
			-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.leftmenu li:hover:before, ul.leftmenu li.active:before {width: 4px;}
			ul.leftmenu li:hover a, ul.leftmenu li.active a {color: #c00a27 ;}
			
			ul.leftmenu li:hover, ul.leftmenu li.active {background: #c00a27 ;}
			ul.leftmenu li:hover a, ul.leftmenu li.active a {color: #fff;}
			
		.rightside {padding-left: 10px;}
			h1.page-title {font-size: 18px; font-weight: 600; color: #c00a27 ; padding: 16px 75px 16px 0 ; display: inline-block; border-bottom: 1px solid #cfcecf; position: relative;}
			h1.page-title:before {content:''; position: absolute; width: 50px; height: 3px; background: #c00a27; 
bottom: -2px; left: 0; }	
			.page-img {margin-bottom: 10px;}	
			.page-img img {width: 100%;}
			.page-body {text-align: justify; display: inline-block;  font-size: 14px; width: 100%;}
			.page-body p {margin-top: 10px;}
.page-content {width: 100%; padding-bottom: 30px; float: left; font-size: 14px; }
.page-alternative-img {width: 20%; float: right; margin: 10px;}
.page-alternative-img img {width: 100%;}
.page-body.has-photo .page-content {width: 75%; }
		
		.product-links {margin-top: 60px;}
			.product-link {height: 125px; border: 1px solid #c5c5c5;
			-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;}
			.product-link a {display: block; height: 165px; margin-top: -40px; color: #000; text-decoration: none; }
			.product-link i {display: block; text-align: center; }
			.product-link i:before {width: 90px; height:80px; display: inline-block; background: #fff; line-height: 80px; font-size: 60px; color: #adadad;
			-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;}
			.product-link h5 {font-weight: normal; text-align: center;  margin-top: 6px; font-size: 15px; line-height: 20px;}
			.product-link h5 span {display: block; font-weight: 600; 
			-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;}
			.product-link:hover {border-color: #834c99;}
			.product-link:hover h5 span {color: #834c99;}
			.product-link:hover i:before {color: #834c99;}
			
			.page-cover-img {margin: 10px 0;}
			.page-cover-img img {width: 100%;}
.product-body-details {min-height: 309px;}
			.product-photos  {margin: 20px 0; position: relative;}
			.product-photos h4 {display: inline-block; position: relative; font-size: 15px; font-weight: 400; color: #c00a27;
padding: 0 110px 10px 0; border-bottom: 1px solid #cfcecf; margin-bottom: 10px;}
			.product-photos h4:before {content:''; position: absolute; width: 50px; height: 3px; background: #c00a27; 
bottom: -2px; left: 0; }
			.product-photos li {position: relative; width: 50%; float: left; padding: 5px;}
			.product-photos li img {width: 100%;}
			.product-photos li i {position: absolute; width: 100%; text-align: center; left: 0; top: 50%; 
			-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;}
			.product-photos li i:before {font-size: 0; color: #fff;
			-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;}			
			.product-photos li:hover i:before {font-size: 40px; }
			.product-photos li:hover i {margin-top: -25px;}
			
			.product-photos .bx-wrapper .bx-controls-direction a {width: 30px; height:20px; top: -35px; margin-top:0; display: block;}
			.product-photos:hover .bx-wrapper .bx-controls-direction a {display: block;}
			.product-photos .bx-wrapper .bx-prev {left: auto; right: 44px; background: url('../img/icons/arrow3-left.png') no-repeat center center, url('../img/bg/trans-70.png'); }
			.product-photos .bx-wrapper .bx-prev:hover { background: #f4f4f4 url('../img/icons/arrow3-left.png') no-repeat center center; }
			.product-photos .bx-wrapper .bx-next {right: 5px;  background: url('../img/icons/arrow3-right.png') no-repeat center center, url('../img/bg/trans-70.png'); }
			.product-photos .bx-wrapper .bx-next:hover { background: #f4f4f4 url('../img/icons/arrow3-right.png') no-repeat center center; }
			
			.title-box {height: 125px; border: 1px solid #c5c5c5; margin: 15px 0 10px 0; overflow: hidden;}
			.title-box i {display: block; width: 120px; float: left; text-align: center; line-height: 123px;}
			.title-box i:before {font-size: 70px; color: #834c99;}
			.title-box h5 {padding-top: 45px; font-weight: normal; font-size: 15px;}
			.title-box h5 span {display: bloc; font-weight: bold; color: #834c99; display: block;}
			
			.contact-form {}
			.contact-form ul {}
			.contact-form ul li {min-height: 45px; height: auto; border: 1px solid #c5c5c5; padding: 3px; margin-bottom: 7px;}
			.contact-form ul li span {width: 18%; float: left; height: 37px; line-height: 37px; display: block; padding-left: 15px; box-sizing: border-box;}
			.contact-form ul li p {    display: inline-block; margin: 5px 0 0 15px; color: #f00;font-size: 11px;}
			.contact-form ul li input, .contact-form ul li select {width: 82%; float: right; height: 37px; padding: 0 10px; background: #e7e7e7; border: 1px solid #e7e7e7; }
			.contact-form ul li textarea {width: 82%; max-width: 82%;float: right; height: 60px; padding: 0 10px; background: #e7e7e7; border: 1px solid #e7e7e7; }
			.contact-form ul li input:focus, .contact-form ul li select:focus {outline: none; background: #fefbe8; border-color: #ede4ad;}
			.contact-form ul li select {}
			.contact-form ul button {height: 50px; width: 30%; float: right; bacground: #e7e7e7; border: 1px solid #c5c5c5; border-radius: 0;}
			.contact-form ul button:hover, .contact-form ul button:focus {outline: none; background: #fefbe8; border-color: #ede4ad;}
			.contact-form ul li.form-captcha {display: inline-block; width: 100%;}
			.contact-form ul li .g-recaptcha {float: right;}
			
			.contact-page {}
			.contact-page h3 {font-size: 16px; margin: 15px 0 10px 0;}
			.contact-page ul {}
			.contact-page ul li {overflow: hidden; margin-bottom: 10px;}
			.contact-page ul li i {display: block; width: 50px; height: 40px; line-height: 35px; text-align: center; float: left; }
			.contact-page ul li i:before {font-size: 25px;}
			.contact-page ul h4 {font-size: 16px; margin-bottom: 10px; padding-left: 15px;}
			
			.maps-box {}
			.maps-box iframe {width: 100% !Important;}
			
			/* Album List */
	.album-list {}
		.album { margin-top: 15px; height: 270px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
  		.album a {display: block; height: 100%; padding: 10px;  text-decoration: none; color: #4f4f4f;}
			.album-cover-photo {height: 200px; overflow: hidden; position: relative;}
			.album-cover-photo img {height: 200px; width: auto;
			-webkit-transition: all 1.5s ease;
			  -moz-transition: all 1.5s ease;
			  -ms-transition: all 1.5s ease;
			  -o-transition: all 1.5s ease;
			  transition: all 1.5s ease;}			  
			  .album:hover .album-cover-photo img {  -webkit-filter: blur(2px);  filter: blur(2px);  -moz-filter: blur(2px);}
			  .album-cover-photo span {	display: block; position: absolute;	overflow: hidden;top: 0;left: 0; background: #000; width: 100%; height: 100%; text-align: center;
			  background-color: rgba(0,0,0,0.5); opacity: 0;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			  filter: alpha(opacity=0);				  
			  -webkit-transition: all 0.4s ease-in-out;
			  -moz-transition: all 0.4s ease-in-out;
			  -o-transition: all 0.4s ease-in-out;
			  -ms-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;	}
			.album:hover .album-cover-photo span {  opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 			 filter: alpha(opacity=100);  } 
 			.album-cover-photo span i {position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 200px; color: #fff; z-index: 999;}
 			.album-cover-photo span i:before { font-size: 0;
 			-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
		 	.album:hover .album-cover-photo span i:before {font-size: 50px;}
		 	.album-cover-photo span p {position: absolute; font-style: italic; font-family: Open Sans; color: #fff; z-index: 100; width: 100%; text-align: center; bottom: 20px;
		 	opacity: 0; 
		 	-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
			.album:hover .album-cover-photo span p {opacity: 1; bottom: 30px;}  
			.album h5 {font-weight: 400; font-family: Open Sans; margin-top: 10px;}
	
		
		.photo { margin-top: 15px; height: 210px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
		.photo a {display: block; height: 100%; padding: 5px;  text-decoration: none; color: #4f4f4f;}
			.photo-cover-photo {height: 200px; overflow: hidden; position: relative;}
			.photo-cover-photo img {height: 200px; width: auto;
			-webkit-transition: all 1.5s ease;
			  -moz-transition: all 1.5s ease;
			  -ms-transition: all 1.5s ease;
			  -o-transition: all 1.5s ease;
			  transition: all 1.5s ease;}			  
			  .photo:hover .photo-cover-photo img {  -webkit-filter: blur(2px);  filter: blur(2px);  -moz-filter: blur(2px);}
			  .photo-cover-photo span {	display: block; position: absolute;	overflow: hidden;top: 0;left: 0; background: #000; width: 100%; height: 100%; text-align: center;
			  background-color: rgba(0,0,0,0.5); opacity: 0;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			  filter: alpha(opacity=0);				  
			  -webkit-transition: all 0.4s ease-in-out;
			  -moz-transition: all 0.4s ease-in-out;
			  -o-transition: all 0.4s ease-in-out;
			  -ms-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;	}
			.photo:hover .photo-cover-photo span {  opacity: 1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		 filter: alpha(opacity=100);  } 
		.photo-cover-photo span i {position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 200px; color: #fff; z-index: 999;}
		.photo-cover-photo span i:before { font-size: 0;
		-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
		 	.photo:hover .photo-cover-photo span i:before {font-size: 50px;}
		 	.photo-cover-photo span p {position: absolute; font-style: italic; font-family: Open Sans; color: #fff; z-index: 100; width: 100%; text-align: center; bottom: 20px;
		 	opacity: 0; 
		 	-webkit-transition: all 0.2s ease-in-out;
			  -moz-transition: all 0.2s ease-in-out;
			  -o-transition: all 0.2s ease-in-out;
			  -ms-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;}
			.photo:hover .photo-cover-photo span p {opacity: 1; bottom: 30px;}  
		
		/* Video */
		.video {margin-top: 15px; height: 300px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		padding:3px; text-align:center; background:#fff; margin-bottom:10px; overflow:hidden; position: relative;
		-webkit-transition: all 300ms ease-in;
		-moz-transition: all 300ms ease006eb7-in;
		-ms-transition: all 300ms ease-in;
		-o-transition: all 300ms ease-in;
		transition: all 300ms ease-in;}
		.video:hover {background:#f9f9f9;}
		.video img {}
		.video a {text-decoration:none;}
		.video a h5 {font-weight:normal; color:#4d4d4d; margin-top:5px; max-height:36px; overflow: hidden; line-height: 18px;}
		.video span {display: block; font-size: 70px; color:#fff; position: absolute; top: 75px; left: 0; z-index: 999; width: 100%; text-align: center;
		color:#de4a2a; 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;}
		.video:hover span {opacity: 1;}
		
		/* Document Box*/
		.document-list {margin-top: 15px;}
		.magazine-box {height: 365px;  position: relative; margin-bottom: 20px;
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
		-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 #7c4891 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: #f9f9f9;}
				
	/* Share */
	.share {height:40px; padding:0 ; margin-top:20px; border-top: 1px solid #f3f3f3; width: 100%;}
	.share > span {display: block; float: left; font-size:14px; margin-right:2px; line-height:40px;}
	.share ul {display: inline-block; float: right; }
	.share ul li {float: left;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 10px; 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.whatsapp {display: none;}
	.share ul li.whatsapp span[class*="icon-"] {color:#0ec144;}
	.share ul li.whatsapp span.arrow {border-left-color:#0ec144;}
	.share ul li.whatsapp:hover span[class*="icon-"] {color:#fff;}
	.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.like span[class*="icon-"] {color:#3c5d96;}
	.share ul li.like span.arrow {border-left-color:#3c5d96;}
	.share ul li.like: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.whatsapp:hover {background:#0ec144;}
	.share ul li.facebook:hover {background:#3c5d96;}
	.share ul li.like:hover {background:#3c5d96;}
	.share ul li.twitter:hover {background:#63adeb;}
	.share ul li.gplus:hover {background:#c65942;}
	.share ul li.linkedin:hover {background:#287cb3;}	
	
	/* Pagination */	
	.pagination {overflow: hidden; margin-top: 15px;}
	.pagination ul {}
	.pagination ul li {float: left; width: 36px; height: 36px; text-align: center; line-height: 34px; border: 1px solid #dbdbdb; margin-right: 3px;}
	.pagination ul li.active {background: #f8f8f8; font-weight: bold; border-bottom: 1px solid #dbdbdb; }
	.pagination ul li a {color:#000; display: block; }
	
		
/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/
footer { padding-bottom: 25px;}
body#main-page footer {margin-top: 300px;}

	.footer {min-height: 150px; padding: 25px; background: #fff; margin-top:15px; }
	body#main-page .footer {min-height: 115px; padding: 0px 20px 0px 0;}
		ul.footermenu {overflow: hidden; position: relative; margin-right: -15px;}
		ul.footermenu:before {content:''; position: absolute; width: 25px; height: 25px; right: 0; top: 0; background: #e84e0f;} 
		ul.footermenu > li { float: left; padding: 0 17px; max-width: 30%;}
		ul.footermenu > li > a {display: block; color: #c00a27; margin-bottom: 5px; text-decoration: none;}
		ul.footermenu > li > h6 {display: block; color: #c00a27; text-decoration: none; background: #e84e0f;
color: #fff; margin: 0 -20px; height: 25px; line-height: 25px; padding: 0 20px; margin-bottom: 5px;}
		ul.footermenu > li > a:hover {cursor: default;}
		ul.footermenu > li > ul {}
		ul.footermenu > li > ul > li { font-size: 11px;}
		ul.footermenu > li > ul > li > a {display: block; color: #333;}
		ul.footermenu > li > ul > li > a:hover {color: #c00a27; }

		ul.footer-logos  {padding-left: 15px;}
		ul.footer-logos  li {float: left; width: 33.33%; text-align: center;}
		ul.footer-logos  li img {width: 100%;}
		
		.copyright {font-size: 11px; margin-top: 5px; padding-top: 5px; border-top: 1px solid #f2f2f2;}
		.m-copyright {font-family: 'Oswald', sans-serif; text-align: center; display: none; }
		.m-copyright a {color: #000; }