@charset "utf-8";
/* CSS Document */

/* font */
@font-face {
  font-family: 'RobotoSlab-Bold';
  src: url('fonts/Roboto_Slab/RobotoSlab-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Regular';
  src: url('fonts/Roboto_Slab/RobotoSlab-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Thin';
  src: url('fonts/Roboto_Slab/RobotoSlab-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'RobotoSlab-Light';
  src: url('fonts/Roboto_Slab/RobotoSlab-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Cyberella_Unicode';
  src: url('fonts/Cyberella_Unicode/AC-Cyberella_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'Fifindrel_Unicode';
  src: url('fonts/Fifindrel_Unicode/AC-Fifindrel_Unicode.otf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-BoldItalic';
  src:url('fonts/Open_Sans/OpenSans-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBold';
  src: url('fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-ExtraBoldItalic';
  src: url('fonts/Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('fonts/Open_Sans/OpenSans-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-LightItalic';
  src: url('fonts/Open_Sans/OpenSans-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'OpenSans-SemiboldItalic';
  src: url('fonts/Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Black';
  src: url('fonts/Raleway/Raleway-Black.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Bold';
  src: url('fonts/Raleway/Raleway-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraBold';
  src: url('fonts/Raleway/Raleway-ExtraBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-ExtraLigh';
  src: url('fonts/Raleway/Raleway-ExtraLigh.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Light';
  src: url('fonts/Raleway/Raleway-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Medium';
  src: url('fonts/Raleway/Raleway-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Regular';
  src: url('fonts/Raleway/Raleway-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-SemiBold';
  src: url('fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Raleway-Thin';
  src: url('fonts/Raleway/Raleway-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-ThinItalic';
  src: url('fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('fonts/Roboto/Roboto-Thin.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url('fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('fonts/Roboto/Roboto-Light.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Italic';
  src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); 
}
@font-face {
  font-family: 'Roboto-Black';
  src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype'); 
}


@font-face {
  font-family: 'GreatVibes-Regular';
  src: url('fonts/greatvibes/GreatVibes-Regular.otf') format('truetype'); 
}


@font-face {
  font-family: 'AC-Graduate';
  src: url('fonts/ACGraduate/AC-Graduate.ttf') format('truetype'); 
}

@font-face {
  font-family: 'ACQinfo';
  src: url('fonts/ACQinfo/ACQuinfo.otf') format('truetype'); 
}

@font-face {
  font-family: 'PlayfairDisplay-Regular';
  src: url('fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype'); 
}

@font-face {
  font-family: 'AC-Loving';
  src: url('fonts/ACLoving/AC-Loving.otf') format('truetype'); 
}






/* general */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	background-color: #000;
}
#wrappers {
	min-height:100%;
	position:relative;
	
}
#content {
	margin: auto;
	padding-top: 0px;
	width:100%;
}

#goTop{
	padding:0px;
	position:fixed;
	top:85%;
	right:-100px;
	background-image: url(pics/to_top.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
	width: 75px;
	z-index: 11001;
	cursor:pointer;
}


#response {
	font-family: 'RobotoSlab-Regular', sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	line-height:150%;
	margin-bottom:5%;
	width: 100%;
}
#response a{
	color:#fff;
	font-size: 1.25em;
	font-family: 'RobotoSlab-Regular', sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#response a:hover{
	color: #fff;
	text-decoration: underline;
}

/* header */
.header_nav {
	#-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	#-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	#box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
}
.header {
	z-index: 11000;
	width: 100%;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background-color:transparent;
	#background-color:rgba(251,237,235,.15);
}
.header #logo,.header,.header .tools{
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.header #logo,.header .tools{
	z-index:2;
}
.header .tools a {
	z-index:4001;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	font-family: 'Roboto-Light', sans-serif;
	color:fff;
	text-decoration:none;
}
.header .tools a:hover {
	color:#fff;
	background-color:#333;
}
/* header */

/* main_content start */

.main_content {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position:relative;
	padding-bottom:50px;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}

.main_content  h2,.main_content  h3,.main_content  h4 {
	color: #fff;
	font-family: 'Roboto-Light', sans-serif;
	font-weight:normal;
}
.main_content  h2 a {
	color: #666;
	text-decoration:none;
}
.main_content  h2 a:hover {
	color: #fff;
}
.main_content .text,
.main_content .text_special{
	color: #fff;
	font-family: 'Roboto-Light', sans-serif;
	font-weight:normal;
}
.main_content .text_special {
	display:block;
	font-size:1.1em;
	#line-height:150%;
	margin:auto;
	width:85%;
	#max-width: 1400px;
}
/* mansory gallery starts  */

.main_content  .desc h1 {
	color: #fff;
	font-family: 'Roboto-Light', sans-serif;
	font-weight:normal;
}

.main_content  .desc h2 {
	color: #fff;
	font-family: 'Raleway-Light', sans-serif;
	font-weight:normal;
}

.main_content .newbox {
	width: 100%;
	overflow: hidden;
	text-align:center;
	cursor:pointer;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: relative;
}
.main_content .flexgallery {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.main_content .flexgallery  .newbox {
	width:25%!important;
	padding:0;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:500px;
}
/* mansory gallery ends  */

/* form for contact page starts */

.main_content .text  #form_section {
	margin:auto;
}
.main_content .text  #form_section fieldset{
	border:none;
}
.main_content .text  input,.main_content .text  textarea,.main_content .text  select{
	font-family: 'Roboto-Regular', sans-serif;
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	margin:auto;
	display: block;
}
.main_content .text input[type="submit"]{
	font-family: 'Roboto-Regular', sans-serif;
	color: #333;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.main_content .text input[type="submit"]:hover{
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
}

.main_content .text #form_section .checkbox{
	background-color:rgba(239,239,239,.75);
}

.main_content ::-webkit-input-placeholder {
   color: rgba(ff,ff,ff,.5);
}

.main_content :-moz-placeholder { /* Firefox 18- */
  color: rgba(ff,ff,ff,.5);
}

.main_content ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(ff,ff,ff,.5);
}

.main_content :-ms-input-placeholder {  
   color: rgba(ff,ff,ff,.5); 
}

.main_content .text .cinfos {
	display:block;
	margin:0px auto 50px auto;
	text-align:center;
}
.main_content .text .cinfos h2{
	font-family: 'Roboto-Regular', sans-serif;
	color:#;
	font-weight:normal;
}
.main_content .text .cinfos h3{
	font-family: 'Roboto-Regular', sans-serif;
	color:#fff;
	font-weight:normal;
}
.main_content .text .cinfos div{
	font-family: 'Roboto-Regular', sans-serif;
	color:#fff;
	font-weight:normal;
}
.main_content .text .cinfos div i{
	margin-right:10px;
	color:#fff;
}
/* form for contact page ends */
/* main_content end */
/* burger menu */
.menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  z-index: 3;
  right: 50px;
  top: 80px;
  cursor: pointer;
}
.menu-icon__line {
  height: 2px;
  width: 30px;
  display: block;
  background-color: #fff;
  margin-bottom: 4px;
  -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
  transition: background-color .5s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, background-color .5s ease;
  transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
  width: 30px;
}
.menu-icon__line-right {
  width: 30px;
  
}
.nav {
  position: fixed;
  z-index: 2;
}
.nav:before, .nav:after {
  content: "";
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(234, 234, 234, 0.2);
  z-index: -1;
  -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
  -webkit-transform: translateX(0%) translateY(-100%);
          transform: translateX(0%) translateY(-100%);
}
.nav:after {
  background: #000;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.nav:before {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
.nav__content {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 100%;
  text-align: center;
  font-family: 'Roboto-Light', sans-serif;
  color:#fff;
  font-size: 2em;
  cursor: pointer;
  visibility:hidden;
}
.nav__content a {
	color:#fff;
	text-decoration:none;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.nav__list-item {
  position: relative;
  display: block;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
  -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, -webkit-transform .3s ease;
  transition: opacity .2s ease, transform .3s ease;
  transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
  margin-right: 25px;
  margin-bottom:25px;
}
.nav__list-item:after{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}
.nav__list-item:before{
	content:'';
	width:0%;
	transition:all 0.3s ease;
	left:50%;
}
.nav__list-item:hover:after{
	content:'';
	position:absolute;
	bottom:0px;
	left:50%;
	background:#fff;
	height:1px;
	width:20%;
}
.nav__list-item:hover:before{
	content:'';
	position:absolute;
	bottom:0px;
	left:30%;
	background:#fff;
	height:1px;
	width:20%;
}
body.nav-active .menu-icon__line {
  background-color: #fff;
  -webkit-transform: translateX(0px) rotate(-45deg);
          transform: translateX(0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
  -webkit-transform: translateX(1px) rotate(45deg);
          transform: translateX(1px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
  -webkit-transform: translateX(-2px) rotate(45deg);
          transform: translateX(-2px) rotate(45deg);
}
body.nav-active .nav {
  visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
  -webkit-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%);
}
body.nav-active .nav:after {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav:before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

body.nav-active .nav__content {
	visibility:visible;
}

body.nav-active .nav__list-item {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease;
  transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
body.nav-active .nav__list-item:nth-child(1) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
body.nav-active .nav__list-item:nth-child(2) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(3) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(4) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
/* burger menu end */

/* timeline start */

#timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #000;
}
#timeline:hover .item {
  width: 31.3333%;
}

.item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: relative;
  width: 33.3%;
  height: 100vh;
  color: #fff;
  overflow: hidden;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.item:before, .item:after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
 .item:after {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.item:before {
  background: -webkit-linear-gradient(top, transparent 0%, black 75%);
  background: linear-gradient(to bottom, transparent 0%, black 75%);
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) translateY(50%);
          transform: translate3d(0, 0, 0) translateY(50%);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.item:hover,
.item:focus {
  width: 30% !important;
}
.item:hover:after ,
.item:focus:after{
  opacity: 0;
}
.item:hover:before,
.item:focus:before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) translateY(0);
          transform: translate3d(0, 0, 0) translateY(0);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s;
  transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
}
.item:hover .content,
.item:focus .content {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.75s ease 0.5s;
  transition: all 0.75s ease 0.5s;
}
.item:hover .bg ,
.item:focus .bg{
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}	

.item .box h2 {
  font-family: 'Roboto-Thin', sans-serif;
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  text-align:center;
  font-size: 1.6em;
  width:90%;
  letter-spacing:.1em;
  border-top: 1px solid rgba(255,255,255, 0.25);
  border-bottom: 1px solid rgba(255,255,255, 0.25);
  z-index:1;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .box h2 a{
  color:#fff;
  text-decoration:none;
}
.item .content {
	-ms-transform: translate3d(0, 0, 0) translateY(25px);
	-webkit-transform: translate3d(0, 0, 0) translateY(25px);
	transform: translate3d(0, 0, 0) translateY(25px);
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 1.618em;
  top: 55%;
  opacity: 0;
}
.item .content a {
	font-family: 'Raleway-Light', sans-serif;
    color:#fff;
    cursor: pointer;
    text-decoration:none;
	padding:1% 0%;
	display:block;
	font-size:1.25em;
	letter-spacing:.1em;
}
.item .content a:hover {
    color:#fff;
    border-bottom:1px solid #fff;
}
.bg {
	-ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
  
}

/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news {
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position:relative;
	vertical-align:top;
	border-bottom:dotted 1px rgba(255,255,255,.25);
}
#wrappers #content .main_content .text .box_news .caption h3{
	font-family: 'Roboto-Light', sans-serif;
	width:100%;
	color:#fff;
}
#wrappers #content .main_content .text .box_news .caption a{
	color:#fff;
	text-decoration:none;
}
#wrappers #content .main_content .text .box_news .caption h4{
	font-family: 'Roboto-Light', sans-serif;
	color:#fff;
	text-decoration:none;
	width:100%;
}
#wrappers #content .main_content .text .box_news .caption a:hover{
	text-decoration:underline;
}
#wrappers #content .main_content .text .box_news .caption a:hover{
	text-decoration:underline;
}
#wrappers #content .main_content .text .box_news .caption .desc {
	font-family: 'Roboto-Regular', sans-serif;
	color:#fff;
	margin:0px;
}
#wrappers #content .main_content .text .box_news .caption .dates{
	font-family: 'Roboto-Regular', sans-serif;
	color:rgba(33,33,33,.5);
}
#wrappers #content .main_content .text .box_news .caption a{
	color:#fff;
	text-decoration:none;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb {
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position:relative;
	vertical-align:top;
	border-bottom:dotted 1px rgba(255,255,255,.25);
	padding-bottom:1em;
}
#wrappers #content .main_content .text .box_exb a{
	color:#fff;
	text-decoration:none;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	font-family: 'Roboto-Light', sans-serif;
	width:100%;
	color:#fff;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	font-family: 'Roboto-Light', sans-serif;
	color:#fff;
	width:100%;
}
#wrappers #content .main_content .text .box_exb .caption h4 span{
	display:block;
	font-size:85%;
}
#wrappers #content .main_content .text .box_exb .caption h5 {
	font-family: 'Roboto-Light', sans-serif;
	color:#ccc;
	width:100%;
}
/* list */
/* footer */
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color:transparent;		
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}

#wrappers #footer #powered {
	font-family: 'Roboto-Light', sans-serif;
	text-align: center;
	clear: both;
	width: 100%;
	position: absolute;
	bottom: 10px;
	font-weight: normal;
	color:rgba(255, 255, 255, 0.75);
	font-size: .8em;
	padding-top:5px;
	padding-bottom:5px;
}
#wrappers #footer #powered a{
	color:rgba(255, 255, 255, 0.75);
}
/* footer */
.main_content #gallery_into .galfoto img{
	width:100%;
	height:auto;
	margin:1em auto 0 auto;
}
.flexdiv {
	display:flex;
	justify-content: space-between;
}
@media all and (max-width: 1023px) {
.flexdiv {
	flex-wrap: wrap;
}
}


.flextext{
width:60%;
margin:auto;
}
#flextextinto{
width:100%;
margin:auto;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
position:relative;
}
.grad {
position:absolute;
width:100%;
bottom:0;
background-color:#000;
height:1em;

}
.textless {
height: 30vh;
overflow: hidden;
}
.textmore {
height: auto;
overflow: visible;
}
.text h2 span:first-child {
display:block;
font-size:75%;
}
.text h2 span:last-child {
display:block;
font-size:55%;
}
.morelink {
color:#fff;
font-size:125%;
text-decoration:none;
margin:1em 0;
display:block;
}
@media all and (min-width: 1400px) {
#content {
	padding-bottom:50px;
}

/* header */
.header {
	top:0px;
	position:fixed;
	height: 130px;
	z-index:1001;
}
.header #logo 	{
	width:300px;
	position:absolute;
	top:30px;
	left:15px;
	margin:auto;
}
#header_index #logo 	{
	width:500px;
	position:absolute;
	top:130px;
	left:10%;
	margin:auto;
}
.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:10px;
}
.header .tools  a {
	display:inline-block;
	padding:5px;
	font-size:.9em;
}
.header .tools  a:nth-child(1) {
	margin-right:5px;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i {
	margin-right:5px;
}
.header_menu {
	text-align:center;
	max-width:1400;
	margin:auto;
	#border:solid white;
}
/* header */
/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 50px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon {
	top:15px;
	height:50px;
}
.header_nav .nav__content {
	top:50%;
}
/* header_nav  */
/* main_content */
.main_content {
	padding-top:130px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:2.4em;
	text-align:left;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.5em;
}
.main_content  h4 {
	font-size:1.3em;
}
.main_content .text{
	display:block;
	font-size:1em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}
.main_content .text .imgLiquid {
	width:100%;
	height:500px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:23.5%;
	height:200px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:75%;
	height:auto;
	margin:.5% auto;
}

/* image with text on right side  */
.main_content .text .container {
    margin: 20px 20px 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:33%;
    float:left;
	
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:450px;
}
.main_content .text .container-text {
	width:60%;
    margin:1% 3 1% 35%;
}

/* image with text on right side  */

/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:2.4em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:2em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:inline-block;
}

.main_content .newbox .imgLiquid{
	height:400px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 66.5%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 49.8%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 49.8%;
}
.main_content #gallery #videobox {
	 width: 49.8%;
}
/* mansory gallery ends  */

/* form for contact page starts  */
.main_content .text  #form_section {
	width: 50%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 88%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom:15px;
	padding: 10px 15px;
	width: 35%;
}
.main_content .text .cinfos h2 {
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3 {
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div {
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.85em;
}
/* form for contact page ends  */

/* timeline start */
#timeline:hover .item {
  width: 31.3333%;
}

.item {
  width: 33.3%;
  height: 100vh;
 }
 
html[data-useragent*='Firefox'] .item{
    height: 100vh;
}
html[data-useragent*='Safari'] .item{
    height: 800px;
} 
html[data-useragent*='IE'] .item{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .item {
    height: 100vh;
}

 .item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 30% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.6em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.25em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:inline-block;
	width:100%;	
	#height:400px;
	margin:1% 0%;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:700px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:inline-block;
	width:25%;	
	#height:400px;
	margin:1% 2%;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height: 50px;	
	text-align:center;
	padding-top:1%;
}
/* footer */
}


@media all and (min-width: 1200px) and (max-width: 1399px) {
	
#content {
	padding-bottom:50px;
}
	
/* header */
.header {
	top:0px;
	position:fixed;
	height: 120px;
	z-index:1001;
}
.header #logo {
	width:200px;
	position:absolute;
	top:30px;
	left:15px;
	bottom:0;
}
#header_index #logo {
	width:500px;
	position:absolute;
	top:130px;
	left:10%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 50px;
  top: 60px;
  cursor: pointer;
}


 .nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.8em;
 
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:10px;
}
.header .tools  a {
	display:inline-block;
	padding:5px;
	font-size:.9em;
}
.header .tools  a:nth-child(1) {
	margin-right:5px;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	margin-right:10px;
}
.header_menu {
	text-align:center;
	max-width:1100;
	margin:auto;
	#border:solid white;
}

/* header */

/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 50px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:15px;
	height:50px;
	
}
/* .header_nav  */
/* main_content */
.main_content {
	margin-top:120px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:2.3em;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.5em;
}
.main_content  h4 {
	font-size:1.3em;
}
.main_content .text{
	display:block;
	font-size:1em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}

.main_content .text .imgLiquid {
	width:100%;
	height:500px;
}

.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:23.5%;
	height:200px;
	margin:.5%;
}

.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid{
	display:inline-block;
	width:23.5%;
	height:200px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:75%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 20px 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:33%;
    float:left;
	
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:450px;
}
.main_content .text .container-text {
	width:60%;
    margin:1% 3 1% 35%;
}

/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:2.4em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:2em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:inline-block;
}

.main_content .newbox .imgLiquid{
	height:400px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 33.1%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 66.5%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 49.8%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 49.8%;
}
.main_content #gallery #videobox {
	 width: 49.8%;
}
/* mansory gallery ends  */

/* form for contact page starts  */

.main_content .text  #form_section {
	width: 60%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom:15px;
	padding: 10px 15px;
	width: 35%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */

/* main_content */
/* timeline start */
#timeline:hover .item {
  width: 31.3333%;
}

.item {
  width: 33.3%;
  height: 100vh;
 }
 
html[data-useragent*='Firefox'] .item{
    height: 100vh;
}
html[data-useragent*='Safari'] .item{
    height: 800px;
} 
html[data-useragent*='IE'] .item{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .item {
    height: 100vh;
}

 .item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 30% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.6em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.25em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:inline-block;
	width:100%;	
	#height:400px;
	margin:1% 0%;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:600px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:inline-block;
	width:25%;	
	#height:400px;
	margin:1% 2%;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height:50px;	
	text-align:center;
	padding-top:1%;
}
/* footer */


}


@media all and (min-width: 1024px) and (max-width: 1199px) {


#content {
	padding-bottom: 50px;
}
.main_content .flexgallery  .newbox {
	width:33.33%!important;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:500px;
}
/* header */
.header {
	top:0px;
	position:fixed;
	height: 110px;
	z-index:1001;
}
.header #logo {
	width:250px;
	position:absolute;
	top:50px;
	left:15px;
	bottom:0;
}
#header_index #logo {
	width:500px;
	position:absolute;
	top:180px;
	left:10%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 50px;
  top: 70px;
  cursor: pointer;
}


 .nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.8em;
 
}

.nav__list-item {
  position: relative;
  display: block;
  margin-bottom:25px;
  margin-right:0px;
  margin-left:0px;
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:50px;
}
.header .tools  a {
	display:inline-block;
	padding:5px;
	font-size:.9em;
}
.header .tools  a:nth-child(1) {
	margin-right:5px;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	margin-right:10px;
}
/* header */
/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 40px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:11px;
	height:45px;
}

.header_nav .nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  
}

/* header_nav  */
/* main_content */
.main_content {
	margin-top:110px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:1.8em;
	width:100%;
	#margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.5em;
}
.main_content  h4 {
	font-size:1.3em;
}
.main_content .text{
	display:block;
	font-size:.9em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}

.main_content .text .imgLiquid {
	width:100%;
	height:400px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:23.5%;
	height:200px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:75%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 0 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:40%;
    float:left;
	
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:400px;
}
.main_content .text .container-text {
	width:50%;
    margin:1% 3 1% 45%;
}
/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:2.3em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:1.8em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:inline-block;
}

.main_content .newbox .imgLiquid{
	height:400px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 66.5%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 49.8%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 49.8%;
}
.main_content #gallery #videobox {
	 width: 49.8%;
}
/* mansory gallery ends  */
/* form for contact page starts  */

.main_content .text  #form_section {
	width: 70%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 88%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom:15px;
	padding: 10px 15px;
	width: 35%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */
/* main_content */
/* timeline start */
#timeline:hover .item {
  width: 31.3333%;
}

.item {
  width: 33.3%;
  height: 100vh;
 }
 
html[data-useragent*='Firefox'] .item{
    height: 100vh;
}
html[data-useragent*='Safari'] .item{
    height: 100vh;
} 
html[data-useragent*='IE'] .item{
   height: 100vh;
} 
html[data-useragent*='Chrome'] .item {
    height: 100vh;
}

 .item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 30% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.6em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.25em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:block;
	width:100%;	
	#height:400px;
	margin:3% auto;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:450px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:0 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:1.75em;
	margin:5px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:inline-block;
	width:38%;	
	#height:400px;
	margin:1% 2%;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height: 50px;	
	text-align:center;
	padding-top:1%;
}

/* footer */


}


@media all and (min-width: 768px) and (max-width: 1023px) {

#content {
	padding-bottom:50px;
}
.main_content .flexgallery  .newbox {
	width:33.33%!important;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:450px;
}
/* header */
.header {
	top:0px;
	position:relative;
	height: 120px;
	z-index:1001;
}

.header #logo {
	width:250px;
	position:absolute;
	top:50px;
	left:15px;
	bottom:0;
}
#header_index #logo {
	width:400px;
	position:absolute;
	top:130px;
	left:10%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 50px;
  top: 70px;
  cursor: pointer;
}
.nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.7em;
}
.nav__list-item {
  position: relative;
  display: block;
  margin-bottom:25px;
  margin-right:0px;
  margin-left:0px;
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:50px;
}
.header .tools  a {
	display:inline-block;
	padding:5px;
	font-size:.9em;
}
.header .tools  a:nth-child(1) {
	margin-right:5px;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	margin-right:10px;
}

/* header */

/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 40px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:11px;
	height:45px;
}

.header_nav .nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  
}
/* .header_nav  */
/* main_content */
.main_content {
	margin-top:10px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:1.6em;
	width:100%;
	#margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.5em;
}
.main_content  h4 {
	font-size:1.3em;
}
.main_content .text{
	display:block;
	font-size:.9em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}
.main_content .text .imgnew img{
	width:100%;
}
.main_content .text .imgLiquid {
	width:100%;
	height:300px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:23.5%;
	height:150px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:75%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 0 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:40%;
    float:left;
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:350px;
}
.main_content .text .container-text {
	width:50%;
    margin:1% 3 1% 45%;
}
/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:2.3em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:1.8em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:inline-block;
}

.main_content .newbox .imgLiquid{
	height:400px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 32.9%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 66.5%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 49.6%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 49.6%;
}
.main_content #gallery #videobox {
	 width: 49.8%;
}
/* mansory gallery ends  */
/* form for contact page starts  */

.main_content .text  #form_section {
	width: 75%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 88%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom:15px;
	padding: 10px 15px;
	width: 35%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */
/* main_content */

/* timeline start */

#timeline {
  display: block;
  
}
#timeline:hover .item {
  width: 100%;
}
.item {
  width: 100%;
  
}
html[data-useragent*='Firefox'] .item{
    height: 50vh;
}
html[data-useragent*='Safari'] .item{
    height: 50vh;
} 
html[data-useragent*='IE'] .item{
   height: 50vh;
} 
html[data-useragent*='Chrome'] .item {
    height: 50vh;
}

.item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 100% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.5em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.2em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:block;
	width:100%;	
	#height:400px;
	margin:3% auto;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:350px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:0 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:1.75em;
	margin:5px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:block;
	width:60%;	
	#height:400px;
	margin:1% auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height:50px;	
	text-align:center;
	padding-top:1%;
}
/* footer */

}




@media all and (min-width: 600px) and (max-width: 767px) {


#content {
	padding-bottom:50px;
}
.main_content .flexgallery  .newbox {
	width:33.33%!important;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:350px;
}
/* header */
.header {
	top:0px;
	position:relative;
	height: 110px;
	z-index:1001;
}

.header #logo {
	width:250px;
	position:absolute;
	top:40px;
	left:15px;
	bottom:0;
}
#header_index #logo {
	width:350px;
	position:absolute;
	top:130px;
	left:22%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 50px;
  top: 70px;
  cursor: pointer;
}
.nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.6em;
}
.nav__list-item {
  position: relative;
  display: block;
  margin-bottom:25px;
  
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:50px;
}
.header .tools  a {
	display:inline-block;
	padding:5px 8px;
	font-size:.9em;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	font-size:1.2em;
}

/* header */
/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 40px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:11px;
	height:45px;
}

.header_nav .nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  
}
/* header_nav  */
/* main_content */
.main_content {
	margin-top:5px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:1.6em;
	width:100%;
	#margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.5em;
}
.main_content  h4 {
	font-size:1.3em;
}
.main_content .text{
	display:block;
	font-size:.9em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}
.main_content .text .imgnew img{
	width:100%;
}
.main_content .text .imgLiquid {
	width:100%;
	height:300px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:23.5%;
	height:120px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:80%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 0 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:100%;
    display:block;
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:350px;
}
.main_content .text .container-text {
	width:95%;
    margin:1% 3 1% 1%;
}
/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:2em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:1.6em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:inline-block;
}

.main_content .newbox .imgLiquid{
	height:350px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 32.7%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 32.7%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 32.7%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 32.7%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 66.5%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 49.6%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 49.6%;
}
.main_content #gallery #videobox {
	 width: 100%;
}
/* mansory gallery ends  */
/* form for contact page starts  */
.main_content .text  #form_section {
	width: 80%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 88%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 25px;
	padding: 10px 15px;
	width: 35%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */
/* main_content */
/* timeline start */
#timeline {
  display: block;
  
}
#timeline:hover .item {
  width: 100%;
}
.item {
  width: 100%;
  height: 400px;
  
}

.item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 100% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.5em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.2em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:block;
	width:95%;	
	#height:400px;
	margin:3% auto;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:300px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:0 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:1.5em;
	margin:5px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:block;
	width:60%;	
	#height:400px;
	margin:1% auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height: 50px;	
	text-align:center;
	padding-top:1%;
}
/* footer */

}


@media all and (min-width: 450px) and (max-width: 599px) {

#content {
	padding-bottom: 50px;
}
.main_content .flexgallery  .newbox {
	width:50%!important;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:350px;
}
/* header */
.header {
	top:0px;
	position:relative;
	height: 110px;
	z-index:1001;
}
.header #logo {
	width:200px;
	position:absolute;
	top:35px;
	left:15px;
	bottom:0;
}
#header_index #logo {
	width:300px;
	position:absolute;
	top:120px;
	left:20%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 20px;
  top: 60px;
  cursor: pointer;
}

.nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.5em;
}

.nav__list-item {
  position: relative;
  display: block;
  margin-bottom:25px;
  
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:10px;
}
.header .tools  a {
	display:inline-block;
	padding:5px 8px;
	font-size:.85em;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	font-size:1.2em;
}

/* header */

/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 40px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:11px;
	height:45px;
}
.header_nav .nav__content {
  top: 50%;
  
}
/* .header_nav  */
/* main_content */
.main_content {
	margin-top:5px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:1.4em;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.3em;
}
.main_content  h4 {
	font-size:1.2em;
}
.main_content .text{
	display:block;
	font-size:.85em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}
.main_content .text .imgnew img{
	width:100%;
}
.main_content .text .imgLiquid {
	width:100%;
	height:250px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:inline-block;
	width:49%;
	height:120px;
	margin:.5%;
}
.main_content #gallery_into .galfoto {
	width:90%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 0 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:100%;
    display:block;
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:250px;
}
.main_content .text .container-text {
	width:95%;
    margin:1% 3 1% 1%;
}
/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:1.8em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:1.5em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:block;
	padding-bottom:3px;
}

.main_content .newbox .imgLiquid{
	height:350px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 100%;
}
/* mansory gallery ends  */
/* form for contact page starts  */

.main_content .text  #form_section {
	width: 85%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 85%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.2em;
	margin-top: 25px;
	padding: 10px 15px;
	width: 35%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.5em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */
/* main_content */
/* timeline start */
#timeline {
  display: block;
  
}
#timeline:hover .item {
  width: 100%;
}
.item {
  width: 100%;
  height: 350px;
  
}

.item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
  width: 100% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 10px auto;
  display:block;
  font-size: 1.4em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1.1em;
	letter-spacing:.1em;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:block;
	width:100%;	
	#height:400px;
	margin:3% auto;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:300px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:0 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:1.5em;
	margin:5px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:block;
	width:60%;	
	#height:400px;
	margin:1% auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height:50px;	
	text-align:center;
	padding-top:1%;
}

/* footer */

}

@media all and (max-width: 449px) {

#content {
	padding-bottom:50px;
}
.main_content .flexgallery  .newbox {
	width:50%!important;
}
.main_content .flexgallery  .newbox .imgLiquid {
	height:350px;
}
/* header */
.header {
	top:0px;
	position:relative;
	height: 110px;
	z-index:1001;
}
.header #logo {
	width:180px;
	position:absolute;
	top:40px;
	left:5px;
	bottom:0;
}
#header_index #logo {
	width:230px;
	position:absolute;
	top:100px;
	left:15%;
	bottom:0;
}
.header .menu-icon {
  height: 30px;
  width: 30px;
  position: fixed;
  right: 20px;
  top: 60px;
  cursor: pointer;
}

.nav__content {
  position: fixed;
  top: 50%;
  width: 100%;
  font-size: 1.3em;
}

.nav__list-item {
  position: relative;
  display: block;
  margin-bottom:25px;
  
}

.header .tools{
	display:inline-block;
	position:absolute;
	top:5px;
	right:5px;
}
.header .tools  a {
	display:inline-block;
	padding:5px 3px;
	font-size:.8em;
}
.header .tools  a:nth-child(1) i,.header .tools  a:nth-child(2) i{
	font-size:1.1em;
}
/* header */
/* header_nav */
.header_nav {
	top:0px;
	position:fixed;
	height: 40px;
}
.header_nav #logo,.header_nav .tools,.header_nav .sb-search {
	display:none;
}
.header_nav .menu-icon{
	top:11px;
	height:45px;
}
.header_nav .nav__content {
  top: 50%;
  
}

/* .header_nav  */
/* main_content */
.main_content {
	margin-top:5px;
	width:100%;
}
.main_content  h2 {
	display:inline-block;
	font-size:1.3em;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:2%;
	line-height:normal;
}
.main_content  h3 {
	font-size:1.2em;
}
.main_content  h4 {
	font-size:1.15em;
}
.main_content .text{
	display:block;
	font-size:.85em;
	line-height:150%;
	margin:auto;
	width:95%;
	max-width: 1400px;
}
.main_content .text .imgnew img{
	width:100%;
}
.main_content .text .imgLiquid {
	width:100%;
	height:250px;
}
.main_content  #gallery_into{
	display:block;
	margin:auto;
	margin-top:3%;
}
.main_content #gallery_into .imgLiquid {
	display:block;
	width:98%;
	height:200px;
	margin:1%;
}
.main_content #gallery_into .galfoto {
	width:90%;
	height:auto;
	margin:.5% auto;
}
/* image with text on right side  */
.main_content .text .container {
    margin: 20px 0 0 0;  
    overflow: auto
}
.main_content .text #container-image {
	width:100%;
    display:block;
}
.main_content .text #container-image .imgLiquid {
    display:block;
	width:100%;
	height:250px;
}
.main_content .text .container-text {
	width:95%;
    margin:1% 3 1% 1%;
}
/* image with text on right side  */
/* mansory gallery starts  */
.main_content .desc h1{
	display:inline-block;
	font-size:1.6em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:4%;
	line-height:normal;
}
.main_content .desc h2{
	display:inline-block;
	font-size:1.4em;
	text-align:center;
	width:100%;
	margin:auto;
	margin-bottom:2%;
	margin-top:1%;
	line-height:normal;
}
.main_content .newbox {
	display:block;
	padding-bottom:3px;
}

.main_content .newbox .imgLiquid{
	height:300px;
}

.main_content #gallery .newbox:nth-child(7n+1) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+2) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+3) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+5) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+4) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+6) {
	 width: 100%;
}
.main_content #gallery .newbox:nth-child(7n+7) {
	 width: 100%;
}
/* mansory gallery ends  */
/* form for contact page starts  */

.main_content .text  #form_section {
	width: 85%;
	margin-top: 20px;
}
.main_content .text  #form_section input,.main_content .text #form_section textarea{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section legend{
	font-size: 1em;
	width: 90%;
	margin: auto;
}
.main_content .text #form_section select{
	font-size: 1.2em;
	padding: 5px 10px;
	width: 98%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main_content .text #form_section input[type="submit"]{
	font-size: 1.1em;
	margin-top: 25px;
	padding: 10px 15px;
	width: 40%;
}

.main_content .text .cinfos h2{
	margin:auto;
	font-size:1.3em;
}
.main_content .text .cinfos h3{
	margin:auto;
	font-size:1.25em;
}
.main_content .text .cinfos div{
	display:inline-block;
	width:100%;
	padding:2px 0%;
	font-size:.95em;
}
/* form for contact page ends  */
/* main_content */
/* timeline start */
#timeline {
  display: block;
  
}
#timeline:hover .item {
  width: 100%;
}
.item {
  width: 100%;
  height: 400px;
  
}


.item:after {
  background: rgba(00, 00, 00, 0.8);
}
.item:hover {
   width: 100% !important;
}
.item .box {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
}
.item .box h2 {
  position: relative;
  margin:0px auto 8px auto;
  display:block;
  font-size: 1.2em;
  width:90%;
  padding:2% 0%;
}
.item:hover h2{
	border: none;
}
.item .content {
  text-align: center;
  margin: 0 1.618em;
}
.item .content a {
    padding:1% 0%;
	display:block;
	font-size:1em;
	letter-spacing:.1em;
	color:#fff;
    text-decoration:underline;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* timeline end */
/* list */
#wrappers #content .main_content .text .box_news{
	display:block;
	width:100%;	
	#height:400px;
	margin:3% auto;
}
#wrappers #content .main_content .text .box_news .imgLiquid{
	display:block;
	width:100%;
	height:250px;
}
#wrappers #content .main_content .text .box_news .caption {
	display:block;
	width:95%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:0 0 0 0 ;
}
#wrappers #content .main_content .text .box_news .caption h3{
	display:block;
	font-size:1.5em;
	margin:5px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_news .caption h4{
	display:block;
	font-size:.85em;
	margin:10px 0px 0px 0px;
}
/* list */
/* list */
#wrappers #content .main_content .text .box_exb{
	display:block;
	width:60%;	
	#height:400px;
	margin:1% auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain{
	display:block;
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .imgcontain img{
	width:100%;
	height:auto;
}
#wrappers #content .main_content .text .box_exb .caption {
	display:block;
	width:90%;
	#height:350px;
	padding:1%;
	vertical-align:top;
	margin:1% 0 0 0 ;
}
#wrappers #content .main_content .text .box_exb .caption h3{
	display:block;
	font-size:2em;
	margin:10px 0px 10px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h4{
	display:block;
	font-size:1em;
	margin:10px 0px 0px 0px;
}
#wrappers #content .main_content .text .box_exb .caption h5{
	display:block;
	font-size:.75em;
	margin:10px 0px 0px 0px;
}
/* list */
/* footer */
#footer {
	height:50px;	
	text-align:center;
	padding-top:1%;
}

/* footer */

}	


.products-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
}
.products-container-box {
	width:33.33%;
}
.products-element {
	width:100%;
	display:flex;
	flex-direction: column;
	margin:5px;
}
.products-element-img {
	width:100%;
	height:400px;
	display:block;
	margin:auto;
}
.products-element-img img {
	width:100%;
	height:100%;
	object-fit: contain;
}
.products-element-text {
	width:100%;
	font-family: 'Roboto-Light', sans-serif;
    font-weight: normal;
	padding:10px;
}
.products-element-text h3 {
 font-size: 1.5em;
}
.products-element-text span {
	font-size: 1.15em;
}

@media all and (max-width: 992px) {
.products-container-box {
	width:50%;
}
}
@media all and (max-width: 600px) {
.products-container-box {
	width:100%;
}
}