*{
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
    font-family: 'gotm';
    src: url('font/Gotham Medium.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'gotl';
    src: url('font/Gotham Light.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lemon';
    src: url('font/Lemon Tuesday.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'lgg';
    src: url('font/LeagueSpartan-Bold.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'myr';
    src: url('font/MyriadPro-Regular.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'myr1';
    src: url('font/MyriadPro-Light.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'mysb';
    src: url('font/MyriadSetPro-Semibold.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'myr2';
    src: url('font/MyriadPro-Cond.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'mys';
    src: url('font/MyriadSetPro-Bold.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'mys1';
    src: url('font/MyriadSetPro-Thin.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'mys5';
    src: url('font/MyriadSetPro-UltraLight.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rl';
    src: url('font/Raleway-Regular.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rl1';
    src: url('font/Raleway-Light.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'rl2';
    src: url('font/Raleway-Medium.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'trnc';
    src: url('font/trench100free.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'news';
    src: url('font/tt0365m_.ttf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'nue';
    src: url('font/NuevaStd-Bold.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'nuei';
    src: url('font/NuevaStd-Italic.otf');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'perpl';
    src: url('font/PERTILI.TTF');
       
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html
{

}
.container
{
max-width: 1600px;
 height:auto;
 margin: 0px auto;
}
.content
{
max-width: 90%;
 height:100%;
 margin: 0px auto;
}
.cont
{
max-width: 1170px;
 height:auto;
 margin: 0px auto;
}
.contt1
{
max-width: 700px;
 height:auto;
 margin: 0px auto;
}

.cont1
{
max-width:800px;
 height:auto;
 margin: 0px auto;
}
.cont2
{
max-width: 75%;
 height:auto;
 margin: 0px auto;
}
.cont22
{
max-width: 80%;
 height:auto;
 margin: 0px auto;
}
.cont22
{
max-width: 85%;
 height:auto;
 margin: 0px auto;
}

.contt2
{
max-width: 90%;
 height:auto;
 margin: 0px auto;
}
.contt3
{
max-width: 50%;
 height:auto;
 margin: 0px auto;
}

.cont10
{
max-width: 1100px;
 height:auto;
 margin: 0px auto;
}
.contt4
{
max-width: 50%;
 height:auto;
 margin: 0px auto;
}

.cont4
{
max-width: 65%;
 height:auto;
 margin: 0px auto;
}
.cont3
{
max-width: 700px;
 height:auto;
 margin: 0px auto;
}

  body
{
margin:0px;

background:#fff url()   top center;
overflow:hidden;
}

.drawer-open {
    overflow: hidden!important
}

.drawer-nav {
    position: fixed;
    z-index: 2;
    top: 0;
	left:0;
    overflow: hidden;
    width: 13.75rem;
    height: 100%;
    color: #ffffff;
     background-color:#FFFFFF;
border-left-color:#ededed;
border-left-style:solid;
border-left-width:thin;
}

.drawer-brand {
font-family:'rl2',Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 3.75rem;
    display: block;
    padding-right: .75rem;
    padding-left: .75rem;
    text-decoration: none;
	text-transform:uppercase;
    color: #fff;
}

.drawer-menu {
    margin: 0;
	margin-top:40%;

    padding: 0;
    list-style: none;
	text-align:center;
	text-transform:uppercase;
}

.drawer-menu-item {
font-family:'hunn',Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal; 
	letter-spacing:1px;   
	display: block;
    padding: 0px;
	padding-top:10px;
	padding-bottom:10px;

    text-decoration: none;
	
    color: #212121;
	
	
}
.drawer-menu-item:hover
{
text-decoration:none;
color:#000000;
}
#lrn1
	{
	display:none;
	}
	#lrnn1
	{
	display:none;
	}
.drawer-menu-item:hover {
	color:#41b7e6;

    background-color: transparent;
}

.drawer-overlay {
    position: fixed;
    z-index: 1;
	cursor:pointer;
    top: 20px;
 	left:13.70rem;  
    display: none;
    width: 1.25rem;
    height: 17px;
  
   opacity:.5;
 
}

.drawer-open .drawer-overlay {
    display: block;
	
	z-index:5;
	

}

.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    -webkit-transition: top .6s cubic-bezier(.19, 1, .22, 1);
    transition: top .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--top.drawer-open .drawer-nav {
    top: 0
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
    right: 0
}

.drawer--left .drawer-nav {
    left: -16.25rem;
    -webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
    transition: left .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0
}

.drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem
}

.drawer--right .drawer-nav {
    right: -16.25rem;
    -webkit-transition: right .6s cubic-bezier(.19, 1, .22, 1);
    transition: right .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem
}

.drawer-hamburger {

position:fixed;

    z-index: 100;
top:5px;
    box-sizing: content-box;
    width: 1.5rem;
    padding: 0;
    padding: 0px 20px 40px;
	margin-top:17px;
display:none;
    -webkit-transition: all .0s cubic-bezier(.19, 1, .22, 1);
    transition: all .0s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
background-color: transparent;
float:left;
}

.drawer-hamburger:hover {
    cursor: pointer;
background-color: transparent;
}

.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 23px;
	


}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    width: 100%;
    height: .1vh;
    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    background-color: #fff;
	

}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    position: absolute;
    top: -5px;
    right: 0;
    content: " ";
	color:#fff;
}

.drawer-hamburger-icon:after {
    top: 5px;
	right:0px;
}

.drawer-hamburger-icon1 {
    position: relative;
    display: block;
    margin-top: -1px;


}

.drawer-hamburger-icon1,
.drawer-hamburger-icon1:after,
.drawer-hamburger-icon1:before {
    width: 100%;

    -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
    transition: all .6s cubic-bezier(.19, 1, .22, 1);
    background-color: #fff;
	

}

.drawer-hamburger-icon1:after,
.drawer-hamburger-icon1:before {
    position: absolute;
    top: -5px;
    right: 0;
    content: " ";
	color:#fff;
}

.drawer-hamburger-icon1:after {
    top: 5px;
	right:0px;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
	right: -260px;
	top:5px;
	z-index:20;
	
}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
    top: 0;
	background-color: #fff;
}

.drawer-open .drawer-hamburger-icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

.drawer-open .drawer-hamburger-icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);


}


.drawer-open .drawer-hamburger-icon1 {
    background-color: transparent;
	right: -260px;
	top:5px;
	display:none;
	z-index:20;
	
}
.drawer-open .drawer-hamburger-icon1:after,
.drawer-open .drawer-hamburger-icon1:before {
    top: 0;
	background-color: #fff;
}

.drawer-open .drawer-hamburger-icon1:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

.drawer-open .drawer-hamburger-icon1:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);


}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;

    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.drawer--sidebar,
.drawer--sidebar .drawer-contents {
    background-color: #fff
}

@media (min-width:64em) {
    .drawer--sidebar .drawer-hamburger {
        display: none;
        visibility: hidden
    }
    .drawer--sidebar .drawer-nav {
        display: block;
        -webkit-transform: none;
        transform: none;
        position: fixed;
        width: 12.5rem;
        height: 100%
    }
    .drawer--sidebar.drawer--left .drawer-nav {
        left: 0;
        border-right: 1px solid #ddd
    }
    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 12.5rem
    }
    .drawer--sidebar.drawer--right .drawer-nav {
        right: 0;
        border-left: 1px solid #ddd
    }
    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 12.5rem
    }
    .drawer--sidebar .drawer-container {
        max-width: 48rem
    }
}

@media (min-width:75em) {
    .drawer--sidebar .drawer-nav {
        width: 16.25rem
    }
    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 16.25rem
    }
    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 16.25rem
    }
    .drawer--sidebar .drawer-container {
        max-width: 60rem
    }
}

.drawer--navbarTopGutter {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #fff;
    background-color: #000
}

.drawer-navbar {
    z-index: 3;
    top: 0;
    width: 100%
}

.drawer-navbar--fixed {
    position: fixed
}

.drawer-navbar-header {
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 .75rem;
    text-align: center
}

.drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none
}

.drawer-navbar .drawer-brand:hover {
    background-color: transparent
}

.drawer-navbar .drawer-nav {
    padding-top: 3.75rem
}

.drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem
}

@media (min-width:64em) {
    .drawer-navbar {
        height: 3.75rem;
        border-bottom: 1px solid #ddd;
        background-color: #fff
    }
    .drawer-navbar .drawer-navbar-header {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0;
        border: 0
    }
    .drawer-navbar .drawer-menu--right {
        float: right
    }
    .drawer-navbar .drawer-menu li {
        float: left
    }
    .drawer-navbar .drawer-menu-item {
        line-height: 3.75rem;
        padding-top: 0;
        padding-bottom: 0
    }
    .drawer-navbar .drawer-hamburger {
        display: none
    }
    .drawer-navbar .drawer-nav {
        position: relative;
        left: 0;
        overflow: visible;
        width: auto;
        height: 3.75rem;
        padding-top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .drawer-navbar .drawer-menu {
        padding: 0
    }
    .drawer-navbar .drawer-dropdown-menu {
        position: absolute;
        width: 16.25rem;
        border: 1px solid #fff
    }
    .drawer-navbar .drawer-dropdown-menu-item {
        padding-left: .75rem
    }
}

.drawer-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #121212;
}

.drawer-dropdown-menu>li {
    width: 100%;
    list-style: none
}

.drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: .75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #ffffff;
}

.drawer-dropdown-menu-item:hover {
    text-decoration: underline;

    color: #fff;
    background-color: transparent
}

.drawer-dropdown.open>.drawer-dropdown-menu {
    display:block;
}

.drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: opacity .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease, opacity .2s ease;
    transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.drawer-container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width:64em) {
    .drawer-container {
        max-width: 60rem
    }
}

@media (min-width:75em) {
    .drawer-container {
        max-width: 70rem
    }
}


header.smaller
{

box-shadow: 0px -2px 20px 0px rgba(0,0,0,0.1);
	  -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;

}
.strip
{position:relative;
    background:#212121;
    width:100%;
    height:5vh;
    padding:0px;
    margin:0px;
    float:left;
    z-index:10;
}
.prt1
{
    width:33%;
    height:auto;
    padding:0px;
    margin:0px;
    float:left;
}
.prt2
{
    width:33%;
    height:auto;
    padding:0px;
    margin:0px;
    float:left;
}
.prt3
{
    width:33%;
    height:auto;
    padding:0px;
    margin:0px;
    float:left;
}
.prt1 p
{
    color:#fff;
position:relative;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.9vh;
padding:0px;
margin:0px;
margin-top:1vh;
float:left;
}
.prt2 p
{
    color:#fff;
position:relative;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.9vh;
padding:0px;
margin:0px;
margin-top:1vh;
float:right;
}
.prt3 p
{
    width:100%;
    color:#fff;
position:relative;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.9vh;
padding:0px;
margin:0px;
margin-top:1vh;
text-align:center;
float:left;
}
#we
{
    width:14vh;
    position:fixed;
    z-index:10;
    right:0;
    top:300px;
}
header
{
position:relative;
background:#21409b;
width:100%;
height:7vw;
padding:0px;
margin:0px;
float:left;
z-index:10;
}
#shw
{
position:relative;
margin-top:700px;
z-index:5;
float:left;
}
.logopart
{

width:20%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.logopart p
{
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:16px;
padding:0px;
margin:0px;
margin-left:-10px;
float:left;
}
.logopart table
{
width:100%;
height:100%;
}
.logopart img
{
width:32vh;
}
.logopart a
{
color:#000;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:36px;
letter-spacing:1px;
margin:0px;
margin-top:-2vh;
text-decoration:none;
float:left;
}
.menupart
{
    position:relative;
width:60%;
height:100%;
padding:0px;
margin:0px;
text-align:center;
float:left;
z-index:2;
}
.menupart table
{
width:100%;
height:100%;
}
.menupart p
{
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2.7vh;
letter-spacing:1px;
margin:0px;
text-decoration:none;

}
.menupart img
{
width:20vw;

}

#fb
{
width:0.890vw;
}
#ins
{
width:1.631vw;
margin-left:1vw;
}
#twi
{
width:1.631vw;
margin-left:1vw;
}

.nav
{

width:100%;
height:100%;
padding:0px;
margin:0px;
margin-left:20vh;
text-align:center;
float:left;
z-index:5;
}
.nav table
{
width:100%;
height:100%;
margin-top:2px;
}
.nav ul
{
padding:0px;
margin:0px;

}
.nav ul li
{
display:inline;
}
.nav ul li a
{
color:#fff;
position:relative;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1vh;

padding:0px;
padding-left:2vw;
padding-right:2vw;
margin:0px;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
z-index:20;
}
.nav ul li a:hover
{
color:#fd7500;

}

.social
{
    position:relative;
width:20%;
height:100%;
padding:0px;
margin:0px;
float:right;
z-index:5;
}
.social a
{
color:#fff;
position:relative;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;

}
.social img
{
cursor:pointer;
}
.social table
{
width:auto;
height:100%;
margin-top:2px;
float:right;
}
.banner {

	position:absolute;
    background-position: center;
    background-size:cover;
    min-width: 100%;
    min-height: 100%;
    padding: 0px;
    margin: 0px;
	text-align:center;
z-index:2;
float:left;
}

.banner table
{
width:100%;
height:750px;
}

#scrollbar {
  width: 1px;
  height: 50%;
  padding: 0;
  margin: 0 0 0 auto;
  right: 30px;
  top: 25%;

  position: sticky;
  border-radius:30px;
  background-color: #CCCCCC;
  z-index:280;
}

#scrollbar #bar {
  width: 5px;
  height: 20px;
  background:white;

  margin-right: -2px;
  top: 0;
   position: -webkit-sticky;
  position: sticky;
  z-index:2;
  float:right;
}
#bn
{
width:9.711vw; background:none; border:none; border-top:#fff thin solid; margin-bottom:5vh;
}
.parallax-wrapper
{
width:100vw;
height:100vh;
padding-top:20vh;

box-sizing:border-box;
transform-style:preserve-3d;

}

.parallax-wrapper::before 
{
content:"";
width:100vw;
height:100vh;
top:0;
left:0;

background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:absolute;
z-index:-1;
transform:translateZ(-1px) scale(2);
}
.regular-wrapper
{
width:100vw;
height:100vh;

z-index:2;
position:relative;
}
.parallax-wrapper1
{
width:100vw;
height:100vh;
padding-top:20vh;
margin-top:500vh;
box-sizing:border-box;
transform-style:preserve-3d;

}

.parallax-wrapper1::before
{
content:"";
width:100vw;
height:100vh;
top:0;
left:0;
background-image:url(images/down.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
position:absolute;
z-index:-1;
transform:translateZ(-1px) scale(2);
}
#rw
{
height:10vh; margin-top:40vh;
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1,1);
    }
    50% {
        -webkit-transform: scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1.1,1.1);
    }
}

/* Standard syntax */
@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.2,1.2);
   }
}
.bannerr {
background-position: center;
    background-size:cover;
	width:100%;
	height:100vh;
    padding: 0px;
    margin: 0px;
	
	text-align:center;
z-index:1;
position:fixed;
float:left;

}
.total
{
position:relative;
background-color:#FFFFFF;
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:100vh;
float:left;
z-index:9;
}
.bannerr1 {

   text-align:center;
	margin:0 auto;
	height:90vh;
}
@keyframes breath {
  0%   { background-scale: 100% 100%; }
  50% { background-size: 140% auto; }
  100% { background-size: 100% auto; }
}
.bannerr2 {
    background-position: center;
    background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	height:90vh;
    padding: 0vw;
    margin: 0vw;
	margin-top:0px;
	text-align:center;
z-index:2;
float:left;
}
.bannerr2 table
{
width:100%;
height:100%;
}
.bannerr2 a
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:45px;
letter-spacing:1px;
padding:0px;
margin:0px;
text-transform:uppercase;
}
.bannerr2 p
{
width:100%;
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:16px;
padding:0px;
margin:0px;
}
.bannerr table
{
width:100%;
height:100%;
}
.bannerr p
{
color:#000;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:3vw;
padding:0px;
margin:0px;
margin-top:10vh;
text-transform:uppercase;
}
.bannerr1 table
{
width:100%;
height:100%;
}
.bannerr1 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:36px;
letter-spacing:1px;
padding:0px;
margin:0px;
}
.bannerr h2
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:1.5vw;
letter-spacing:1px;
padding:0px;
margin:0px;
text-transform:uppercase;
}
.bannerr a
{
width:100%;
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:16px;
line-height:26px;
letter-spacing:1px;
padding:0px;
margin:0px;
}
.btxt
{
position:absolute;
    background-position: center;
    background-size:cover;
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
	margin-top:250px;
	text-align:center;
z-index:5;
float:left;
}

.pt1
{
width:33%;
height:auto;
margin:0px;
padding:0px;
float:left;
}
.pt2
{
width:34%;
height:auto;
margin:0px;
padding:0px;
float:left;

}
.pt3
{
width:33%;
height:auto;
margin:0px;
padding:0px;
float:left;

}

.btxt p
{
width:auto;
height:auto;
color:#FFFFFF;
font-family:'nue',Arial, Helvetica, sans-serif;
font-size:80px;
padding:0px;
margin:0px;
cursor:pointer;
float:none;

}

.addr
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.btxt a
{
color:#FFFFFF;
font-family:'nuei',Arial, Helvetica, sans-serif;
font-size:18px;
padding:0px;
margin:0px;
}
#bt1
{
display:none;
}
#sld1
{
display:none;
}
.blackout
{
background:#000;
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.blackouthead
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:0px;
text-align:center;
float:left;
}
.blackouthead p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:2.1vw;
padding:0px;
margin:0px;
text-transform:uppercase;
letter-spacing:1px;
}
.intro
{
background:#ededed;
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.blackcaption
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:10px;
text-align:center;
float:left;
}
.blackcaption p
{
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:15px;
letter-spacing:1px;
opacity:.5;
padding:0px;
margin:0px;
}
.blackbody
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:3vh;
float:left;
}
.blackbody p
{
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.112vw;
line-height:1.853vw;
padding:0px;
margin:0px;
float:left;
}
.butsec
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:30px;
margin-bottom:60px;
text-align:center;
float:left;
}
#butt
{
color:#999999;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:15px;
width:186px;
height:55px;
background:#000;
border:#fff thin solid;
border-radius:30px;
padding:0px;
margin:0px;
cursor:pointer;
}
.formbody
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:30px;
float:left;
}
.frmleft
{
width:100%;
height:auto;
padding:0px;
margin:0px;

float:left;
}
.frmright
{
width:48%;
height:auto;
padding:0px;
margin:0px;
margin-top:3vh;
float:right;
}
.frmleft p
{
color:#000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
padding:0px;
margin:0px;
margin-left:20px;
text-align:left;
float:left;
}
.frmright p
{
color:#999999;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
padding:0px;
margin:0px;
margin-left:20px;
text-align:left;
float:left;
}
.txtt
{
width:100%;
height:7vh;
padding:0px;
padding-left:10px;
margin:0px;
margin-top:10px;
border:none;
border-radius:7vh;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
float:left;
}

@media (min-width: 1600px){
.btxt
{
margin-top:350px;
}
.bannerr1
{
height:700px;
}

}
@media (min-width: 1800px){
    .nav
    {
        margin-left:30vh;
    }
.btxt
{
margin-top:400px;
}
.bannerr
{

}
.total
{

}

.bannerr1
{
height:700px;
}

}
@media (min-width: 2000px){
.btxt
{
margin-top:450px;
}
.bannerr
{

}
.total
{

}

.bannerr1
{
height:800px;
}

}
@media (min-width: 2500px){
.btxt
{
margin-top:600px;
}
.bannerr
{

}
.total
{

}

.bannerr1
{
height:900px;
}

}
@media (min-width: 3000px){
.bannerr
{

}
.total
{

}
}
@media (min-width: 3000px){
.bannerr
{

}
.total
{

}
}

@media (max-width: 1170px){
.cont
{
max-width:80%;
}

}
@media (max-width: 1100px){
.nav
{
display:none;
}
.drawer-hamburger
{
display:block;
}
#we
{
    display:none;
}
.social
{
display:none;
}
.strip
{
    display:none;
}
}
@media (max-width: 800px){


.logopart
{

}
.menupart
{
width:100%;
text-align:center;
}
.phase1, .phase2, .phase3, .phase4, .phase5
{
height:300px;
}
.cont1
{
max-width:80%;
}
.cont3
{
max-width:90%;
}

.social
{


}
.btxt
{
margin-top:200px;
}
.banner p
{

}
}
@media (max-width: 700px){
.btxt p
{
font-size:60px;
}
.bannerr
{

}
.bannerr p
{
font-size:27px;
}
.bannerr2 p
{
font-size:27px;
}

.banner1 p
{
font-size:60px;
}
#bt1
{
display:block;
}
#sld1
{
display:block;
}
#bt
{
display:none;
}
#sld
{
display:none;
}

}
@media (max-width: 700px){
.btxt p
{
font-size:40px;
}


.menupart
{

width:100%;

}
.menupart img
{
margin-top:0px;
margin-left:5px;
}
.logopart 
{
width:100%;
font-size:24px;

}
.logopart a
{
float:none;
margin-top:-4vh;
}
}
@media (max-width: 400px){
.btxt p
{
font-size:35px;
}
}
#menu
{
width:114.67625899280574vh;
}
#mod
{
position:fixed; background:#fff; top:0px; left:0;  width:300px; height:100%; overflow: auto; float:left; z-index:3000; display:none;
-webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -o-transition: all 3s ease;
}
#mod ul
{
width:100%;
height:auto;


}
#mod ul li
{


}
#mod ul li a
{
font-family:'gotl',Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;    
	letter-spacing:1px;

	
	text-transform:uppercase;
	border-bottom-color:#ededed;
	border-bottom-style:solid;
	border-bottom-width:thin;

}
#mod ul li a:hover
{

}
#mdiv {
  width: 100%;
  height: auto;
 
  margin-top:20px;
  margin-right:15px;
  cursor:pointer;
  
}

.mdiv {
  height: 25px;
  width: 2px;
  margin-left: 12px;
  background-color: black;
  transform: rotate(45deg);
  Z-index: 1;
  float:left;
}

.md {
  height: 25px;
  width: 2px;
  background-color: black;
  transform: rotate(90deg);
  Z-index: 2;
  float:left;
}
.phase1
{
position:relative;
width:100%;
height:530px;
padding:0px;
margin:0px;
margin-top:-80px;
float:left;
z-index:1;
}
.p1left
{
background-image:url(images/p11.jpg);
background-size:cover;
background-position:center;
width:30%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.p1right
{
background-image:url(images/p12.jpg);
background-size:cover;
background-position:right;
width:70%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.phase2
{
width:100%;
height:857px;
padding:0px;
margin:0px;
float:left;
}
.p2left
{
background-image:url(images/p21.jpg);
background-size:cover;
background-position:left;
width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.p2right
{
background-image:url(images/p22.jpg);
background-size:cover;
background-position:center;
width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.phase3
{
background-image:url(images/p3.jpg);
background-size:cover;
background-position:center;
width:100%;
height:898px;
padding:0px;
margin:0px;
float:left;
}
.phase4
{
width:100%;
height:857px;
padding:0px;
margin:0px;
float:left;
}
.p4left
{
background-image:url(images/p41.jpg);
background-size:cover;
background-position:center;
width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.p4right
{
background-image:url(images/p42.jpg);
background-size:cover;
background-position:right;
width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.phase5
{
background-image:url(images/p5.jpg);
background-size:cover;
background-position:center;
width:100%;
height:898px;
padding:0px;
margin:0px;
float:left;
}
.footer
{
width:100%;
height:100px;
padding:0px;
margin:0px;

float:left;
}
.footer
{
width:100%;
height:100px;
padding:0px;
margin:0px;

float:left;
}

.footer
{
width:100%;
height:100px;
padding:0px;
margin:0px;

float:left;
}
.foot
{
background:#fafafa;
width:100%;
height:auto;
padding:0px;
margin:0px;

float:left;
}
.sec1
{
width:33%;
height:auto;
padding:0px;
margin:0px;
margin-top:5vh;
margin-bottom:5vh;
float:left;
}
.sec2
{
width:38%;
height:auto;
padding:0px;
margin:0px;
margin-top:5vh;
margin-bottom:5vh;
float:left;
}
.s1
{
width:30%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.s2
{
width:70%;
height:auto;
padding:0px;
margin:0px;
float:left;

}
.sec3
{
width:25%;
height:auto;
padding:0px;
margin:0px;
margin-top:5vh;
margin-bottom:5vh;
float:right;
}

.part1
{
width:33%;
height:auto;
margin:0px;
padding:0px;
float:left;
}
.part2
{
width:100%;
height:auto;
margin:0px;
margin-top:3vh;
padding:0px;
float:left;
}
.part3
{
width:100%;
height:auto;
margin:0px;
padding:0px;
float:left;
}
.part1head
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.part1head p
{
color:#000000;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:2.7vh;
padding:0px;
margin:0px;
float:left;
}
.part1body
{
width:100%;
height:auto;
padding:0px;
margin:0px;

text-align:center;
float:left;
}
.part1body p
{
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.038vw;
line-height:1.705vw;
cursor:pointer;
padding:0px;
margin:0px;
}
.partt1body
{
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
line-height:4vh;
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:2vh;
float:left;
}
.partt1body p
{
width:100%;
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
line-height:4vh;
cursor:pointer;
padding:0px;
padding-right:15%;
margin:0px;
float:left;
}
.partt1body a
{
width:100%;
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2.2vh;
text-decoration:none;
line-height:3vh;
cursor:pointer;
padding:0px;

margin:0px;
float:left;
}
.partt1body a:nth-child(2), .partt1body a:nth-child(3), .partt1body a:nth-child(4)
{
margin-top:1vh;
}
.part2body
{
width:100%;
height:auto;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.copyright
{
width:100%;
height:auto;
padding:0px;
margin:0px;

text-align:center;
float:left;
}
.copyright p
{
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.038vw;
padding:0px;
margin:0px;

}
.part1body a
{
text-decoration:none;
color:#999999;
}
.part1body a:hover
{
color:#fabf0d;
}
.section1
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:60px;
float:left;
}
.left
{
width:25%;
height:auto;
padding:0px;
margin:0px;
margin-top:70px;
float:left;
}
.mid
{
width:40%;
height:auto;
padding:0px;
margin:0px;
margin-top:60px;
float:left;
}
.right
{
background-size:cover;
background-position:center;
width:30%;
height:500px;
padding:0px;
margin:0px;
float:right;
}
.midhead
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.midhead p
{
color:#000000;
font-family:'news',Arial, Helvetica, sans-serif;
font-size:32px;
padding:0px;
margin:0px;
float:left;
}
.midbody
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:20px;
float:left;
}
.midbody p
{
color:#000000;
font-family:'rl',Arial, Helvetica, sans-serif;
font-size:14px;
line-height:24px;
padding:0px;
margin:0px;
float:left;
}
.butt
{
width:13vh;
height:5vh;
padding:0px;
margin:0px;

color:#212121;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:12px;
border:#212121 thin solid;


}
#cl
{
position:absolute;
right:20px;
top:25px;
display:none;
}
.butt a
{
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:14px;
border:#e0001b thin solid;
padding:10px 20px 10px 20px;
text-decoration:none;
margin:0px;
float:left;
}
.butt1
{
width:20vh;
height:10vh;
height:auto;
padding:0px;
margin:0px;
margin-top:10vh;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
}
#im1
{
width:48%;
height:auto;
padding:0px;
margin:0px;
float:left;
text-align:center;
}
#im1 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:2.5vh;
padding:0px;
margin:0px;
margin-top:3vh;
}
#im2
{
width:48%;
height:auto;
padding:0px;
margin:0px;
float:right;
text-align:center;

}
#im2 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:2.5vh;
padding:0px;
margin:0px;
margin-top:3vh;
}

.butt1 a
{
}
.yr
{
width:20%;
height:auto;
padding:0px;
margin:0px;
margin-top:50px;
text-align:center;
float:left;
}
.yr p
{
color:#e0001b;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:27px;
padding:0px;
margin:0px;
cursor:pointer;
}


.yr1
{
width:25%;
height:auto;
padding:0px;
margin:0px;
margin-top:50px;
text-align:center;
float:left;
}
.yr1 p
{
font-family:'hunn',Arial, Helvetica, sans-serif;
font-size:16px;
padding:0px;
margin:0px;
cursor:pointer;
}
.icnsec
{
background:#fafafa;
position:relative;
width:100%;
height:auto;
padding:0px;
margin:0px;

float:left;
z-index:5;
}
.icntop
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.ic1
{
background:#fff;
width:30%;
height:auto;
padding:0px;
margin:0px;
border-radius:10px;
float:left;
box-shadow: 2px 5px 18px #CCCCCC;
}
.ic2
{
background:#fff;
width:30%;
height:auto;
padding:0px;
margin:0px;
margin-left:5%;
border-radius:10px;
float:left;
box-shadow: 2px 5px 18px #CCCCCC;
}
.ic3
{
background:#fff;
width:30%;
height:auto;
padding:0px;
margin:0px;
border-radius:10px;
float:right;
box-shadow: 2px 5px 18px #CCCCCC;
}
.icc1
{
background:#fff;
width:24%;
height:auto;
padding:0px;
margin:0px;
border-radius:10px;
float:left;
box-shadow: 1px 2px 12px #CCCCCC;
}
.icc1:nth-child(2), .icc1:nth-child(3)
{
margin-left:1.33%;
}
.icc1:nth-child(4)
{
float:right;
}
.icc1:nth-child(5)
{
margin-top:5vh;
}
.icc1:nth-child(6), .icc1:nth-child(7)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(8)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(9)
{
margin-top:5vh;
}
.icc1:nth-child(10), .icc1:nth-child(11)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(12)
{
float:right;
margin-top:5vh;
}



.icc1:nth-child(13)
{
margin-top:5vh;
}
.icc1:nth-child(14), .icc1:nth-child(15)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(16)
{
float:right;
margin-top:5vh;
}



.icc1:nth-child(17)
{
margin-top:5vh;
}
.icc1:nth-child(18), .icc1:nth-child(19)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(20)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(21)
{
margin-top:5vh;
}
.icc1:nth-child(22), .icc1:nth-child(23)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(24)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(25)
{
margin-top:5vh;
}
.icc1:nth-child(26), .icc1:nth-child(27)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(28)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(29)
{
margin-top:5vh;
}
.icc1:nth-child(30), .icc1:nth-child(31)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(32)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(33)
{
margin-top:5vh;
}
.icc1:nth-child(34), .icc1:nth-child(35)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(36)
{
float:right;
margin-top:5vh;
}



.icc1:nth-child(37)
{
margin-top:5vh;
}
.icc1:nth-child(38), .icc1:nth-child(39)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(40)
{
float:right;
margin-top:5vh;
}



.icc1:nth-child(41)
{
margin-top:5vh;
}
.icc1:nth-child(42), .icc1:nth-child(43)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(44)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(45)
{
margin-top:5vh;
}
.icc1:nth-child(46), .icc1:nth-child(47)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(48)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(49)
{
margin-top:5vh;
}
.icc1:nth-child(50), .icc1:nth-child(51)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(52)
{
float:right;
margin-top:5vh;
}


.icc1:nth-child(53)
{
margin-top:5vh;
}
.icc1:nth-child(54), .icc1:nth-child(55)
{
margin-left:1.33%;
margin-top:5vh;
}
.icc1:nth-child(56)
{
float:right;
margin-top:5vh;
}

.icc2
{
background:#fff;
width:24%;
height:auto;
padding:0px;
margin:0px;
margin-left:1.33%;

border-radius:10px;
float:left;
box-shadow: 1px 2px 12px #CCCCCC;
}
.icc3
{
background:#fff;
width:24%;
height:auto;
padding:0px;
margin:0px;
margin-left:1.33%;
border-radius:10px;
float:left;
box-shadow: 1px 2px 12px #CCCCCC;
}
.icc4
{
background:#fff;
width:24%;
height:auto;
padding:0px;
margin:0px;
border-radius:10px;
float:right;
box-shadow: 1px 2px 12px #CCCCCC;
}

.icnpic
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:5vh;
text-align:center;
border-radius:10px;
float:left;
}
.icnpic img
{
height:25vh;
}
.icnpic1
{
width:100%;
height:10vh;
padding:0px;
margin:0px;
margin-top:5vh;
text-align:center;
float:left;
}
.icnpic1 img
{
width:10vh;
}

.icntext
{
background:#fff;
width:100%;
height:15vh;
padding:0px;
margin:0px;
margin-bottom:5vh;

float:left;
}
#iccn
{
    height:25vh;
}
.icntext p
{
width:100%;
color:#212121;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:1.8vh;
line-height:2.8vh;
padding:0px;
margin:0px;
margin-top:4vh;
text-align:center;
text-transform:uppercase;
}
.icntext a
{
color:#212121;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;
line-height:3.2vh;
padding:0px;
margin:0px;

}
.menucard
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:10vh;
float:left;
}
.line
{
width:100%;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:thin;
height:1px;
padding:0px;
margin:0px;
margin-top:10px;
float:left;
}

.circ1
{
background:#fff;
width:100px;
height:100px;
border-radius:100px;
border:#000 thin solid;
margin:0px;
margin-top:-50px;
margin-left:25%;
padding:0px;

float:left;
}
#drop
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
margin-left:25%;
margin-top:5.2vh;

z-index:1;
}
#drop ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop ul li:nth-child(5)
{
border-bottom:none;
}
#drop ul li a
{
color:#000000;
display:block;
text-decoration:none;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;

cursor:pointer;
float:left;
}
#drop ul li a:hover
{
color:#d63d2f;
}
#drop1
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
margin-left:40.4%;
margin-top:5.2vh;
border-left:#ededed thin solid;
z-index:1;
}
#drop1 ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop1 ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop1 ul li:nth-child(9)
{
border-bottom:none;
}
#drop1 ul li a
{
color:#000000;
display:block;
text-decoration:none;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
float:left;
}
#drop1 ul li a:hover
{
color:#d63d2f;
}


#drop2
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
margin-left:40.4%;
margin-top:13vh;
border-left:#ededed thin solid;
z-index:1;
}
#drop2 ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop2 ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop2 ul li:nth-child(5)
{
border-bottom:none;
}
#drop2 ul li a
{
color:#000000;
display:block;
text-decoration:none;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
float:left;
}
#drop2 ul li a:hover
{
color:#d63d2f;
}


#drop3
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
margin-left:55.4%;
margin-top:5.2vh;
border-left:#ededed thin solid;
z-index:1;
}
#drop3 ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop3 ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop3 ul li:nth-child(7)
{
border-bottom:none;
}
#drop3 ul li a
{
color:#000000;
display:block;
text-decoration:none;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
float:left;
}
#drop3 ul li a:hover
{
color:#d63d2f;
}

#drop4
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
margin-left:9.5%;
margin-top:5.2vh;
border-left:#ededed thin solid;
z-index:1;
}
#drop4 ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop4 ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop4 ul li:nth-child(7)
{
border-bottom:none;
}
#drop4 ul li a
{
color:#000000;
display:block;
text-decoration:none;
text-align:left;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;
padding-top:2.5vh;
padding-bottom:2.5vh;
float:left;
}
#drop4 ul li a:hover
{
color:#d63d2f;
}

#drop5
{
background:#fff;
position:absolute;
width:30vh;
height:auto;
padding:0px;
margin:0px;
left:17.2%;
margin-top:5.2vh;
border-left:#ededed thin solid;
z-index:1;
}
#drop5 ul
{
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
#drop5 ul li
{
width:100%;
height:auto;
border-bottom:#ededed thin solid;
padding:0px;
margin:0px;
float:left;
}
#drop5 ul li:nth-child(12)
{
border-bottom:none;
}
#drop5 ul li a
{
color:#000000;
display:block;
text-decoration:none;
text-align:left;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.8vh;
margin:0px;
padding:0px;
padding-left:2.5vh;
padding-top:2vh;
padding-bottom:2vh;
float:left;
}
#drop5 ul li a:hover
{
color:#d63d2f;
}

#soc
{

width:100%;
color:#fff;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:.9vw;
padding:0px;
margin:0px;
margin-top:3vh;
margin-left:3vh;
text-decoration:none;
font-weight:normal;
text-transform:uppercase;
text-align:left;
float:left
}
#cic
{
background-color: white;
  border-radius: 50%;
  border: 1px solid grey;
  padding: 30px; margin-top:-60px;
}
.yr1
{
width:20%;
height:auto;
padding:0px;
margin:0px;
margin-top:0px;

float:left;
}

.yr1 p
{
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2.5vh;
padding:0px;
margin:0px;
margin-top:20px;
cursor:pointer;
text-align:left;
}
.linee
{
background-color:#CCCCCC;
width:100%;
height:1vh;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.linee1
{
background-color:#CCCCCC;
width:100%;
height:1vh;
padding:0px;
margin:0px;
margin-top:24.4vh;
text-align:center;
float:left;
}
.hori
{
position:absolute;
background:#CCCCCC;
width:.3vh;
height:23vh;
padding:0px;
margin:0px;
margin-top:2vh;
margin-left:3.2vh;
float:left;
z-index:1;
}
.hori1
{
position:absolute;
background:#CCCCCC;
width:.3vh;
height:6vh;
padding:0px;
margin:0px;
margin-top:25vh;
margin-left:3.2vh;
float:left;
z-index:1;
}

.bot
{
position:relative;
width:5vh;
height:5vh;
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:2vh;
background:#e0001b;
border:none;
border-radius:5vh;
padding:0px;
margin:0px;
z-index:2
}
.holder1
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-bottom:5vh;
float:left;
}
.holder2
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:5vh;
float:left;
}
.hleft
{
width:20%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.hright
{
width:70%;
height:auto;
padding:0px;
margin:0px;
float:right;
}
.icntxt
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:4vh;
text-align:center;
float:left;
}
.icntxt p
{
color:#000;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:10px;
padding:0px;
margin:0px;
text-transform:uppercase;
}
#icc1
{
width:9.5vh
}
#icc2
{
width:9.5vh
}
#icc3
{
width:10.5vh
}
#icc4
{
width:10.5vh
}
#icc5
{
width:10.5vh
}


#cn1
{
width:11.5vh
}
#cn2
{
width:10.5vh
}
#cn3
{
width:12vh
}
#cn4
{
width:11vh
}
#cn5
{
width:12vh
}
#cn6
{
width:10.5vh
}


.yric
{
width:100%;
height:12vh;
padding:0px;
margin:0px;
text-align:left;
float:left;
}
.caption
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:10px;
float:left;
}
.caption p
{
    color: #fd7500;
    font-family: 'gotm',Arial, Helvetica, sans-serif;
    font-size: 2.5vh;

    padding: 0px;
    margin: 0px;
    float: left;
}

#two
{
display:none;
}
#three
{
display:none;
}
#four
{
display:none;
}
#five
{
display:none;
}
.secc1right
	{
	width:30%;
	height:548px;
	padding:0px;
	margin:0px;
	float:left;
	text-align:center;
	}
	.secc1right h1
	{
	width:100%;
	color:#000000;
	font-family:'gotm',Arial, Helvetica, sans-serif;
	font-size:27px;

	padding:0px;
	margin:0px;
	margin-top:30px;

	}
	.secc1right h2
	{
	width:100%;
	color:#707070;
	font-family:'gotl',Arial, Helvetica, sans-serif;
	font-size:16px;

	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-left:2px;

	}
	.secc1right p
	{
	width:100%;
	color:#707070;
	font-family:'gotl',Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	letter-spacing:.5px;


	padding:0px;
	margin:0px;
	margin-top:30px;

	}
	.secc1right a
	{
	color:#000;
	font-family:'gotl',Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;

	padding:8px 25px 8px 25px;
	margin:0px;
	margin-top:30px;
	border:#000 thin solid;
	cursor:pointer;

	}
	.secc1right a:hover
	{
	color:#000000;
	text-decoration:none;
	}

.section2
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:60px;
float:left;
}
.left1
{
width:50%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.right1
{
width:25%;
height:auto;
padding:0px;
margin:0px;
margin-left:10%;
float:left;
}
@media (max-width: 800px){
.phase1, .phase2, .phase3, .phase4, .phase5
{
height:400px;
}
.p1left, .p1right, .p2left, .p2right, .p4left, .p4right
{
width:100%;

}
.p1left, .p1right, .p2left, .p2right, .p4left, .p4right, .phase3
{
border-bottom:#fff solid thin;

}
.part1, .part2, .part3
{
width:100%;
}
.part2, .part3
{
margin-top:20px;
}
}
@media (max-width: 800px){
.left
{
width:50%;
}
.mid
{
width:45%;
}
.right
{
width:70%;
margin-right:15%;
margin-top:50px;
}
}
@media (max-width: 600px){
.left
{
width:100%;
margin-top:0px;
}
.mid
{
width:90%;
margin-left:5%;
margin-top:50px;
}
.midhead
{
text-align:center;
}
.midhead p
{
float:none;
}
.midbody
{
text-align:center;
}
.midbody p
{
float:none;
}
.midbody a
{
float:none;
}
.right
{
width:90%;
margin-right:5%;
margin-top:50px;
height:400px;
}
}
@media (max-width: 700px){
.left1
{
width:100%;

}
.cont2
{
max-width:90%;
}


.right1
{
width:100%;
margin-top:-50px;
margin-left:0px;
}
#ifr
{
height:400px;
}
}
@media (min-width: 2000px){
.right
{
height:700px;
}
#ifr
{
height:650px;
}
.midbody p
{
font-size:20px;
line-height:40px;
}
}
@media (min-width: 2500px){
.right
{
height:850px;
}
.left, .mid
{
margin-top:200px;
}
#ifr
{
height:800px;
}
}
.desc
{
background:#000;
width:100%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.iconsec
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:10vh;
margin-bottom:12vh;
float:left;
}
.descleft
{
width:100%;
height:auto;
padding:0px;
margin:0px;

text-align:center;
float:left;
}
.descleft p
{
color:#fff;
font-family:'lemon',Arial, Helvetica, sans-serif;
font-size:3.855vw;

line-height:4.596vw;
float:none;
}
#dbut
{
margin-left:0px; margin-top:6vh; margin-bottom:0px; text-align:center;
}
.descright
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-bottom:8vh;
text-align:center;
float:left;
}
.descright p
{
color:#fff;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:1.186vw;
line-height:4vh;
margin:0px;
padding:0px;
}
.intro1
{
width:100%;
height:70vh;
padding:0px;
margin:0px;

float:left;
}
#intr
{
height:90vh;
}
.intro2
{
width:100%;
height:500px;
padding:0px;
margin:0px;
margin-top:60px;
float:left;
}

.introo1
{
width:100%;
height:412px;
padding:0px;
margin:0px;

float:left;
}
.introo2
{
width:50%;
height:412px;
padding:0px;
margin:0px;

border-right:#fff solid thin;
float:left;
}

.introleft
{
background-position:center;
background-size:cover;
width:50%;
height:100%;
padding:0px;
margin:0px;
text-align:center;
position:relative;
z-index:1
float:left;
}
.introleftt
{
background-position:center;
background-size:cover;
width:48%;
height:auto;
padding:0px;
margin:0px;
text-align:right;
float:right;
}
.introleftt img
{
width:60vh;
margin-top:3vh;
}
#leff
{
width:60%;
}
#ri
{
width:40%;
}
.introleft table
{
width:100%;
height:100%;
}
.introleftt table
{
width:100%;
height:auto;
}

.introleft p
{
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:27px;
letter-spacing:1px;
padding:0px;
margin:0px;
}
.intrleft
{
background-position:center;
background-size:cover;
width:50%;
height:100%;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.intrleft table
{
width:100%;
height:100%;
}
.intrleft p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:27px;
letter-spacing:1px;
padding:0px;
margin:0px;
}

.ileft
{
width:50%;
height:100%;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.introlef
{
background-position:center;
background-size:cover;
width:100%;
height:50%;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.introlef table
{
width:100%;
height:100%;
}
.introlef p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:27px;
letter-spacing:1px;
padding:0px;
margin:0px;
}
.introlef1
{
background-position:center;
background-size:cover;
width:100%;
height:50%;
padding:0px;
margin:0px;
text-align:center;
border-top:#fff thin solid;
float:left;
}
.introlef1 table
{
width:100%;
height:100%;
}
.introlef1 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:27px;
letter-spacing:1px;
padding:0px;
margin:0px;
}
.proj1
	{
	width:48%;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	}
.tag
	{
	width:100%;
	height:auto;
	background:#FFFFFF;
	padding:0px;
	margin:0px;

	margin-top:0px;
	float:left;
	}
	.tag p
	{
	color:#262626;
	font-family:'gotm',Arial, Helvetica, sans-serif;
	font-size:2.5vh;
	padding:0px;
	margin:0px;
	margin-top:3vh;
	}
.introright
{
background-position:center;
background-size:cover;

width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.introright:nth-child(2)
{
border-left:#fff thin solid;
}
#bor
{
border-right:#fff thin solid;
}
.introright table
{
width:100%;
height:100%;
}
.introrightt
{
background-position:center;
background-size:cover;
width:45%;
height:auto;
padding:0px;
margin:0px;
float:left;
}
.introrightt table
{
width:100%;
height:auto;
}

.introleft1
{
background-position:center;
background-size:cover;
width:65%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.introright1
{
background-position:center;
background-size:cover;
width:35%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.introright1 table
{
width:100%;
height:100%;
}
.introright2
{
background-position:center;
background-size:cover;
width:50%;
height:100%;
padding:0px;
margin:0px;
float:left;
}
.introright2 table
{
width:100%;
height:100%;
}

.introhead
{
width:100%;
height:auto;
padding:0px;
margin:0px;

float:left;
}
.introhead p
{
color:#aeae6c;
font-family:'news',Arial, Helvetica, sans-serif;
font-size:24px;
letter-spacing:1px;
padding:0px;
margin:0px;
float:left;
}
.introbody
{
width:100%;
height:auto;
padding:0px;
margin:0px;
margin-top:20px;
float:left;
}
.introbody p
{
color:#FFFFFF;
font-family:'myr1',Arial, Helvetica, sans-serif;
font-size:15px;
line-height:25px;
padding:0px;
margin:0px;
float:left;
}
.pics
{
width:100%;
height:80vh;
padding:0px;
margin:0px;
float:left;
}
@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.2,1.2);
   }
}

.pc1
{
width:33%;
height:100%;
padding:0px;
margin:0px;
text-align:center;
float:left;
}

.pc2
{
width:34%;
height:100%;
padding:0px;
margin:0px;
border-left:#fff thin solid;
text-align:center;
float:left;
}

.pc3
{
width:33%;
height:100%;
padding:0px;
margin:0px;
border-left:#fff thin solid;
text-align:center;
float:left;
}
.pc1 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:3vh;
padding:0px;
margin:0px;
text-transform:uppercase;
}
.pc2 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:3vh;
padding:0px;
margin:0px;
text-transform:uppercase;
}
.pc3 p
{
color:#FFFFFF;
font-family:'gotm',Arial, Helvetica, sans-serif;
font-size:3vh;
padding:0px;
margin:0px;
text-transform:uppercase;
}
#tt
{
position:absolute;
right:15px;
margin-top:0px;

}
#tt1
{
position:absolute;
right:15px;
margin-top:80px;
}
#tt2
{
position:absolute;
left:15px;

margin-top:0px;
}
#tt3
{
position:absolute;
left:15px;
margin-top:80px;
}
@media (min-width: 1800px){
.intro1
{

}
.intro2
{
height:700px;
}

.introo1
{
height:500px;
}

}
@media (min-width: 2000px){
.intro1
{

}
.intro2
{
height:1200px;
}

.introo1
{
height:600px;
}

.introhead p
{
font-size:27px;
}
.introbody p
{
font-size:20px;
line-height:30px;
letter-spacing:1px;
}
}
@media (min-width: 2500px){
.intro1
{

}
.intro2
{
height:1500px;
}

}
#in2
{
display:none;
}
#nnn
{
border-left:#fff thin solid;
}
#nnn1
{
border-right:#fff thin solid;
}

@media (max-width: 600px){
.frmleft
{
width:100%;
}
.frmright
{
width:100%;
}
}
#extra
{
margin-top:40px;
}

@media (max-width: 1000px){
#in1
{
display:none;
}
#in2
{
display:block;
}
#vann
{
display:none;
}
.intro1
{
height:auto;
}
.ic1
{
width:95%;
margin-left:2.5%;
}
.ic2
{
width:95%;
margin-top:40px;
margin-left:2.5%;
float:left;
}
.ic3
{
width:95%;
margin-top:40px;
margin-left:2.5%;
float:left;
}
.icc1
{
width:100%;
}
.icc1:nth-child(2), .icc1:nth-child(3)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(4)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(6), .icc1:nth-child(7)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(8)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(5)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(10), .icc1:nth-child(11)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(12)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(9)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(14), .icc1:nth-child(15)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(16)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(13)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}

.icc1:nth-child(18), .icc1:nth-child(19)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(20)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(17)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(22), .icc1:nth-child(23)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(24)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(21)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}

.icc1:nth-child(26), .icc1:nth-child(27)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(28)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(25)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(30), .icc1:nth-child(31)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(32)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(29)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}



.icc1:nth-child(34), .icc1:nth-child(35)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(36)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(33)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}



.icc1:nth-child(38), .icc1:nth-child(39)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(40)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(37)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}



.icc1:nth-child(42), .icc1:nth-child(43)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(44)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(41)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}



.icc1:nth-child(46), .icc1:nth-child(47)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(48)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(45)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(50), .icc1:nth-child(51)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(52)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(49)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}


.icc1:nth-child(54), .icc1:nth-child(55)
{
margin-top:40px;
margin-left:0px;
width:100%;
}
.icc1:nth-child(56)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}
.icc1:nth-child(53)
{
width:100%;
margin-top:40px;
margin-left:0px;
float:left;
}

.icc2
{
width:90%;
margin-top:40px;
margin-left:5%;
}
.icc3
{
width:90%;
margin-top:40px;
margin-left:5%;
float:left;
}
.icc4
{
width:90%;
margin-top:40px;
margin-left:5%;
float:left;
}

#intr
{
height:auto;
}
.intro2
{
height:auto;
}

.introo1
{
height:auto;
}
.introo2
{
height:auto;
}
#leff
{
width:100%;
height:400px;

}
#ri
{
width:100%;
height:auto;

}
.introleft
{
width:100%;
height:400px;
}
.introleftt
{
width:100%;
height:auto;
text-align:center;
}
.icnsec
{
margin-top:0px;
}
.introleftt img
{
width:80%;
}
.introrightt
{
width:100%;
height:auto;
margin-top:50px;
}
.ileft
{
width:100%;
height:800px;
}
#nnn
{
border-left:none;
border-top:#fff thin solid;
}
.blackouthead
{
text-align:center;
}
.blackouthead p
{
float:none;
}
.blackbody
{
text-align:center;
}
.blackbody p
{
float:none;
}
.caption
{
text-align:center;
}
.caption p
{
float:none;
}

.introright
{
width:100%;
height:300px;
text-align:center;
}
#mobl1:nth-child(2)
{
    margin-top:40px;
}
.introright:nth-child(2)
{
border-left:none;
border-top:#fff thin solid;
}
#bor
{
border-right:none;
border-top:#fff thin solid;
}
.introright table
{
width:100%;
height:100%;
}
#swap
{
float:right;
}
.introo1
{
width:100%;
}
.introo2
{
width:100%;
}
.introleft1
{
width:100%;
height:300px;
}
.introright1
{
width:100%;
height:auto;
}
.introright2
{
width:100%;
height:auto;
}

.introhead
{
margin-top:50px;
}
.introright table
{

}
.introright1 table
{
margin-bottom:50px;
}
.introright2 table
{
margin-bottom:50px;
}

}
@media (max-width: 700px){

.cont4
{
max-width:90%

}
.introhead 
{
text-align:center;
}
.introhead p
{
float:none;
}
.introbody
{
text-align:center;
}
.introbody p
{
float:none;
}
.introright a
{
float:none;
}
.butt
{
text-align:center;

}
.butt1
{
text-align:center;

}
.butt1 a
{
float:none;
}
}
@media (max-width: 1100px){
.intrleft
{
width:100%;
height:400px;
border-bottom:#fff solid thin;

}
#nnn1
{
border:none;
border-bottom:#fff solid thin;
}
#sss
{
display:none;
}
.parallax-wrapper
{

}
.parallax-wrapper1
{
margin-top:650vh;
}
.bannerr
{

}
#rw
{
margin-top:30vh;
}
}

#ll
{
position:relative;
z-index:10;
    width: 50%;
    height: 800px;
	float:left;
	transition: width 2s;
}
#rr
{
position:relative;
z-index:10;

width: 50%;
    height: 800px;
	float:right;	
	transition: width 2s;
}
.butsec1
{
position:fixed; z-index:100;
min-width:100%;
min-height:auto;
}
.butt
{
border:#fff thin solid;
background:none;
border-radius:13vh;
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2vh;

cursor:pointer;

}
.buttt
{
width:25vh;
height:7vh;
background:#d63d2f;

border:none;
border-radius:13vh;
color:#FFFFFF;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:2.2vh;
margin-top:5vh;
cursor:pointer;

}
.buttt:HOVER
{
border:#000 thin solid;
background:none;
color:#000;
}
#bo
{
display:none;
}
#hdd p
{
color:#FFFFFF;
font-family:'lgg',Arial, Helvetica, sans-serif;
font-size:36px;
letter-spacing:1px;
padding:0px;
margin:0px;
text-shadow: 2px 2px 4px #000000;
}
@media (min-width: 1500px){
#ll
{
height:800px;
}
#rr
{
height:800px;
}
.butsec1
{

}
.parallax-wrapper
{

}
.parallax-wrapper1
{
margin-top:400vh;
}

}
@media (min-width: 1600px){
#ll
{
height:900px;
}
#rr
{
height:900px;
}
.butsec1
{

}

}
@media (min-width: 1800px){
#ll
{
height:1000px;
}
#rr
{
height:1000px;
}
.butsec1
{

}
.parallax-wrapper
{

}
.parallax-wrapper1
{
margin-top:300vh;
}

}
@media (min-width: 2000px){
#ll
{
height:1050px;
}
#rr
{
height:1050px;
}
.butsec1
{

}
.parallax-wrapper1
{
margin-top:200vh;
}

}
@media (min-width: 2500px){
#ll
{
height:1400px;
}
#rr
{
height:1400px;
}
.butsec1
{

}
.parallax-wrapper
{

}

}

#lol
{

}
@media (max-height: 640px){
.parallax-wrapper1
{
margin-top:430vh;
}
}
@media (min-height: 800px){
.parallax-wrapper1
{
margin-top:370vh;
}
}
@media (max-width: 1100px){
.descleft p
{
font-size:50px;
line-height:60px;
}
.descright
{

margin-bottom:60px;
}
}
@media (max-width: 850px){
.descleft p
{
font-size:36px;
line-height:46px;
}
.descright
{

}
}
@media (max-width: 650px){
}

@media (max-width: 500px){
.descleft
{
text-align:center;
}
.descright
{
text-align:center;
}
}
.ser1
{
background:#FFFFFF;
width:33.33%;
height:auto;
padding:0px;
margin:0px;
text-align:center;
float:left;
}
.ser2
{
background:#FFFFFF;
width:33.33%;
height:auto
padding:0px;
margin:0px;

text-align:center;
float:left;
}
.ser3
{
background:#FFFFFF;
width:33.33%;
height:auto;
padding:0px;
margin:0px;

text-align:center;
float:left;
}
.descright a
{
color:#666666;
font-family:'gotm',Arial, Helvetica, sans-serif;
margin:0px;
font-size:1.038vw;
padding:1.112vw 1.483vw 1.112vw 1.483vw;
border:#CCCCCC medium solid;
cursor:pointer;
}
.descright a:hover
{
border:#e0001b medium solid;
color:#e0001b;
}
.ser4
{
background:#FFFFFF;
width:25%;
height:300px;
padding:0px;
margin:0px;
border-left:#ededed thin solid;
text-align:center;
float:left;
}
.icn
{
position:relative;
width:100%;
height:auto;
padding:0px;
padding-top:.7vh;
padding-bottom:.7vh;
margin:0px;

overflow:hidden;
text-align:center;
float:left;
}
.circ
{
width:11.416vw;
height:11.416vw;
background:#fff;
border-radius:7.413vw;
margin:0vw;
margin-left:9.266vw;
border: 1px solid white;
    box-shadow: 0px 0px 10px rgba(0,0,2,.1); 
padding:0px;
}

.icndesc
{
width:80%;
height:auto;
padding:0px;
margin:0px;
margin-top:3vh;
margin-left:10%;
float:left;
text-align:center;
}
.icndesc p
{
color:#000000;
font-family:'gotl',Arial, Helvetica, sans-serif;
font-size:0.964vw;
line-height:1.779vw;
padding:0px;
margin:0px;
}
@media (max-width: 650px){
}
@media (max-width: 500px){
}
@media (max-width: 1100px){
.cont10
{
max-width:90%;
}
}
@media (min-width: 1800px){
.ser1, .ser2, .ser3, .ser4
{

}
}
@media (min-width: 2500px){
.ser1, .ser2, .ser3, .ser4
{

}
}
@media (max-width: 1100px){
.contt2
{
max-width:90%;
}
.circ
{
margin-left:7vw;
}
}
@media (max-width: 900px){
.contt2
{
max-width:90%;
}
.contt4
{
max-width:90%;
}
.circ
{
margin-left:5vw;
}
}
@media (max-width: 700px){
.circ
{
margin-left:25%;
}
.ser1, .ser2, .ser3
{
width:100%;
height:auto;

}
.ser2, .ser3
{
border-left:none;
margin-top:50px;
border-top:#ededed thin solid;
}
#des2
{
border-top:#ededed thin solid;
}
#ic1
{
margin-top:50px;
}
#ic2
{
margin-top:50px;
}
.circ
{
margin-left:38%;
}
}
@media (max-width: 500px){
.circ
{
margin-left:31%;
}

}
@media (max-width: 450px){
.circ
{
margin-left:25%;
}

}
#mob1
{
display:none;
}
#mobb
{
display:none;
}
@media (max-width: 1000px){

#desk
{
display:none;
}
#mob
{
display:block;
}
#mobb
{
display:block;
}
.tag p
{
font-size:5vh;
}
.proj1
{
margin-bottom:40px;
}
}
@media (max-width: 400px){
#mobb
{

}
#mob1
{
display:block;
}

}
@media (max-width: 1100px){
.circ1
{
margin-left:20%;
}
}
#mobl
{
display:none;
}
#mobll
{
display:none;
}


@media (max-width: 1100px){
#desk1
{
display:none;
}
#mobll
{
display:block;
}
.yr1
	{
	width:33.33%;
	margin-top:8vh;
	}

}
@media (max-width: 900px){
.yr1
	{
	width:50%;

	}

}
@media (max-width: 450px){
.yr1
	{
	width:100%;

	}
#im1
{
width:100%;
}
#im2
{
width:100%;
margin-top:40px;
}

}
@media (max-width: 900px){
.line
	{
	display:none;
	}
#mobl
{
display:block;
}


	.proj1
	{
	width:100%;
	margin-top:0px;
	}
	.circ1
{
margin-left:30%;
margin-top:-40px;
}
	
	}
	
	@media (max-width: 700px){
		.circ1
{
margin-left:20%;
}

	}
	
	@media (max-width: 500px){
		.circ1
{
margin-left:15%;
}

	}
	
	@media (max-width: 470px){
		.circ1
{
margin-left:25%;
}
	}
	
	
	@media (max-width: 400px){
		.circ1
{
margin-left:18%;

}
.yr1
	{
	
	}
	
	}
	
	.cldes
	{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;

	margin-bottom:12vh;
	float:left;
	}
	.cld1
	{
	width:25%;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:center;
	float:left;
	}
	.cld2
	{
	width:33.33%;
	height:auto;
	padding:0px;
	margin:0px;
	margin-top:10vh;
	text-align:center;
	float:left;
	}
	.cld3
	{
	width:33.33%;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:center;
	float:left;
	}
	.cld4
	{
	width:33.33%;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:center;
	float:left;
	}
	.cld5
	{
	width:24.25%;
	height:auto;
	padding:0px;
	margin:0px;
	margin-left:1%;
	text-align:center;
	float:left;
	}
	.clim
	{
	background:#000;
	width:90%;
	height:45vh;
	padding:0px;
	margin:0px;
	margin-left:5%;
	float:left;
	}
	.pname
	{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	margin-top:3vh;
	text-align:center;
	float:left;
	}
	.pname p
	{
	font-family:'gotl',Arial, Helvetica, sans-serif;
	font-size:3vh;
	padding:0px;
	margin:0px;
	
	}
	@media (max-width: 700px){
	.cld1
	{
	width:50%;
	}
	}
	
	@media (max-width: 470px){
	.cld1
	{
	width:100%;
	}
	}
	@media (max-width: 1000px){
	.cld2, .cld3, .cl4
	{
	width:50%;
	}
	
	}
	@media (max-width: 600px){
	.cld2, .cld3, .cl4
	{
	width:100%;
	}
	
	}
	@media (max-width: 1200px){
	header
	{
	height:90px;
	}
	.menupart img
	{
	width:260px;
	}
	.social
	{

	}
	.bannerr p
	{
	font-size:32px;
	}
	.bannerr h2
	{
	font-size:16px;
	}
	#bn
	{
	width:131px;
	}
	.descleft p
	{
	font-size:42px;
	line-height:52px;
	}
	
	.descright p
	{
	font-size:16px;
	}
	.circ
	{
	width:154px;
	height:154px;
	border-radius:100px;
	}
	.icntxt p
	{
	font-size:18px;
	}
	.icndesc p
	{
	font-size:13px;
	line-height:24px;
	}
	.descright a
	{
	font-size:14px;
	padding:15px 20px 15px 20px;
	}
	.blackouthead p
	{
	font-size:24px;
	letter-spacing:1px;
	}
	.blackbody p
	{
	font-size:15px;
line-height:25px;
	}
	.part1body p
	{
	font-size:14px;
	line-height:23px;
	}
	.copyright p
	{
	font-size:14px;
	}
	#fb
	{
	width:12px;
	}
	#ins
	{
	width:22px;
	margin-left:10px;
	}
	#twi
	{
	width:22px;
	margin-left:10px;
	
	}
	}

	@media (min-width: 2000px){
	.linee1
	{
	margin-top:24.5vh;
	}
	}
	#menu1
	{
	display:none;
	}
	@media (max-width: 936px){
	#menu
	{
	display:none;
	width:100%;
	}
	#menu1
	{
	display:block;
	width:100%;
	}
	
	}
	@media (max-width: 1000px){
	.pics
	{
	height:auto;
	}
	.pc1
	{
	width:100%;
	height:60vh;
	border-bottom:#fff thin solid;
	}
	.pc2
	{
	width:100%;
	height:60vh;
	border-left:none;
	border-bottom:#fff thin solid;
	}
	.pc3
	{
	width:100%;
	height:60vh;
	border-left:none;
	}
	}
	@media (max-width: 800px){
	#cl
	{

	}
	#bo1
	{
	
	}
	#bo
	{
	display:block;
	margin-top:2vh;
	}
	}
	#fbt
	{
	width:100%;
	height:auto;
	float:left;
	}
	
	@media (max-width: 900px)
	{
	.sec1
	{
	width:100%;
	}
	.sec2
	{
	width:100%;
	}
	.s1
	{
	width:100%;	
	}
	.contt3
	{
	max-width:90%;
	}
	.s2
	{
	width:100%;	
	margin-top:10vh;
	}
	.sec3
	{
	width:100%;
	float:left;
	}
	.part1head
	{
	text-align:center;
	}
	.part1head p
	{
	float:none;
	}
	.partt1body
	{
	text-align:center;
	width:100%;
	}
	.partt1body p
	{
	float:none;
	text-align:center;
	padding-right:0px;
	}
	.partt1body a
	{
	width:100%;

	}
	#fbt
	{
	text-align:center;
	}
	}