@charset "gb2312";
/* CSS Document */
html{ overflow-x:hidden}
#page{width:auto;margin: auto,auto;}
#headingSection{
    background-color:#7b8b98;
    padding:40px;
    padding-left:60px;
    position:relative;
    border:1px solid #8b9ba7;
    border-bottom:none;
}

#faqSection{
    background:#fff;
    border:1px solid white;
    text-shadow:1px 1px 0 white;
    overflow-y: auto;
    }

h1{color:#fff; font-size:26px; font-weight:normal;}

.p-address{width:410px;}


/* The expand / collapse button */


.partner img{ height:52px;}
.partner{width:14.2%; text-align:center}

a.button{
    background:url('img/buttons.png') no-repeat;
    width:80px;
    height:38px;
    position:absolute;
    right:50px;
    top:45px;
    text-indent:-9999px;
    overflow:hidden;
    border:none !important;
}

a.button.expand:hover{ background-position:0 -38px;}
a.button.collapse{ background-position:0 -76px;}
a.button.collapse:hover{ background-position:0 bottom;}

dt{
    color:#8F9AA3;
    font-size:15px;
    margin-top:30px;
    padding-left:25px;
    position:relative;
    cursor:pointer;
    border:1px solid transparent;
}

dt:hover{ color:#5f6a73;}

dt .icon{
    background:url('img/bullets.png') no-repeat;
    height:12px;
    left:0;
    position:absolute;
    top:11px;
    width:12px;
}

dt.opened .icon{ background-position:left bottom;}

dd{font-size:14px;color:#717f89;line-height:24px;padding:20px 0 0 25px; width:auto;display:none}


  
html{font-size: 100%;}
body{ background:#fff; height:100%; margin:0; padding:0; font-family:Helvetica, Microsoft Yahei,  Arial, sans-serif; font-weight:400; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased;}
a{ text-decoration:none !important;}
.logo{ text-align:center; margin:0 auto; padding:0;  width:auto; display:inline-block; }
.logo img{ //width:428px;//height: 93px;}
.row{-webkit-backface-visibility: hidden;}

header{ width:100%;margin:0;padding:0 0 10px;float:left;text-align:center;z-index:999990;position: relative; }

nav{ position:relative; }

.top-nav{ position:absolute; right:4%; top:20px; margin:0; padding:0; list-style:none; text-align:center; font-size:14px;  font-weight:600;-webkit-font-smoothing: antialiased;}
.top-nav li{ display:inline-block; }
.top-nav li a{ padding:10px 5px; color:#747478; font-weight: 400;}	
.nav-part{ text-align:center; margin:19px auto 5px ; padding:0; list-style:none;   }
.nav-part li{display:inline-block; text-transform:uppercase; font-size:16px; border-right:1px solid #00baf2; font-weight:600; padding:0px;margin-left: 0px;}
.dropdown:hover .dropdown-menu 
{
    background-color: rgba(149,149,149,0.6);
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
    width: 100%;
 }

.nav-part li:last-child
{ 
    border:none;
}

.caret {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px dashed;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.nav-part li a
{ 
    padding-top:5px; 
    color:#000000; 
    display:block; 
    font-weight: 500;

    text-decoration: none !important;
}
.dropdown-toggle{	height:25px;
	overflow:hidden;}

.nav-part li a span
{ 
   // color:#747478;
}

.nav-part li a:hover > span
{
    //color: #000;
}
.nav-part li ul li
{ 
    width:100%; 
    text-align:center; 
    border:none;
     
}
.line
{
    margin: auto;
    width: 80%;
    border-bottom: 1px solid #666666;
}
.nav-icon{ color:#000; float:right; border-radius:5px; position:absolute; right:10px; top:40px; display:none; z-index:999999; cursor:pointer;padding: 5px;}
.nav-icon .fa{ color:#000;font-size:30px; }
.nav-part .dropdown-menu
{
    width: 100%;
    border: none;
    //background: url(../images/gradient.png) repeat-x;
    background-size: auto 100%;
    background-color: rgba(149,149,149,0.6);
    box-shadow: none;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.nav-part .dropdown{padding:0px 20px;}


.nav-part .dropdown-menu a
{
    text-transform: initial;
    text-align: left;
    color: #fff;
    font-size: 12px;
    width: 100%;
    overflow: auto;
    text-decoration: none !important;
}

.nav-part .dropdown-menu a:hover
{
    color: #000;
    //font-weight: 700;
    text-decoration: none;
    background-color: transparent;
}

.nav-part .dropdown-menu hr
{
    width: 80%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #666666;
    margin: auto;
    padding: 0;
    
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    color: #3fc4f2;}

.carousel-control.left {
  background-image: none;
  background:url(../images/kl.png) left no-repeat;
}

.carousel-control.right {
  background-image: none;
  background:url(../images/kr.png) right no-repeat;
}

.carousel-control {
 // background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  color: #fff;
  font-size: 20px;
  left: 25px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  top: 0;
  width: 15%;
}

.carousel-control{ width:6%;}
.carousel-control{text-shadow:none;}
.banner
{ 
    width:100%; 
    margin: -167px 0 0; 
    padding:0; 
    //float:left;
}
.banner img{ width:100%;}
.banner .carousel-control{ background:none;}

.banner .carousel-caption
{
    height: 100%;
    //max-width:700px;
    left: 11%;
    padding-bottom: 30px;
    right: 10%;
    top:15%;
}
/*
.banner .carousel-caption h2
{
    text-align: left;
    position: relative;
    padding:0;
    top:24%;
    left: -25%;
    z-index: 30;
    color: #0a417a;
    font-size: 40pt;
    text-decoration: none;
    text-shadow: 0px 0px;
    font-weight: 600;
    letter-spacing: -2px;
}
*/

.banner .carousel-caption .toptext 
{
    text-align: left;
    position: relative;
    
}


.banner .carousel-caption .toptext #h
{
    float: left;
    color: #0a417a;
    font-size: 7vh;
    text-decoration: none;
    text-shadow: 0px 0px;
    font-weight: 600;
    letter-spacing: -2.2px;
}

.banner .carousel-caption .toptext #text
{
    float: left;
    padding-left: 10px;
    padding-top: 4.6vh;
}


.banner .carousel-caption .toptext #t
{
    color: black;
    font-size: 2.8vh;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 0px 0px;
    letter-spacing: -1px;
}



.banner .carousel-caption .toptext #l
{
    color: black;
    font-size: 2.3vh;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 0px 0px;
    letter-spacing: -1px;
}



.banner .carousel-indicators li{ border-color:transparent; border-style:double; border-width:4px; background:#414143;}
.banner .carousel-indicators li.active{ border-color:#0359a0; background:#282526;}

.part2{ background:#000; padding:40px 0; }

.part2 h1
{ 
    text-align:center; 
    margin-bottom:70px;
    font-size: 43px; 
    margin-top:40px; 
    font-weight:700;
    letter-spacing: -2px;
  }
/*
.part2 .img-box{ min-height:256px;padding:0;}

.part2 .img-box img
{ 
    width:100%; 
    height:auto; 
    border:2px solid #3fc4f2; 
    height: 100%;
    
}
*/
.member-gal {
    cursor: pointer;
    position: relative;
    min-height:256px;
    padding:0;
    //border-left:2px solid #3fc4f2;
    //border-right:2px solid #3fc4f2;
    //border-bottom:1px solid #3fc4f2;
    //border-top:3px solid #3fc4f2;
}

.member-gal-non {
    //cursor: pointer;
    position: relative;
    min-height:256px;
    padding:0;
    //border-left:2px solid #3fc4f2;
    //border-right:2px solid #3fc4f2;
    //border-bottom:1px solid #3fc4f2;
    //border-top:3px solid transparent;
}

.member-gal-non p {
    font-size: 18px;
    font-weight: 300;
    left: 20px;
    position: absolute;
    top: -5.5px;
    width:92%;
}
.member-gal-non img
{
    width:100%; 
    height:auto; 
    //border:2px solid #3fc4f2; 
    height: 100%;
    
}

.member-gal p{
    
   position: absolute; 
   top: 10px; 
   left: 10px; 
   width: 100%; 
}

.member-gal img
{
    width:100%; 
    height:auto; 
    //border:2px solid #3fc4f2; 
    height: 100%;
    
}

.member-gal:hover .hover-member {
    opacity: 1;
    transform: scale(1);
    -webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
#img1:hover img
{
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    -webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

#img1 img
{
    
    transition: all 0.3s ease-in-out 0s;
    opacity: 1;
    -webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.hover-member
{
    
    //background: rgba(1, 86, 150, 0.87) none repeat scroll 0 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden !important;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    //-webkit-filter: blur(20px);
   
}

.hover-member h1
{
    color: white;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 40%;
    margin-bottom: 40%;
    font-weight: 600;
    //font-size: 1.8em;
    font-size: 24px;
    padding: 10px;
    border:6px solid #3fc4f2; 
}



.part3
{ 
    background:#000 url(../images/first-back-slider-image-.jpg) no-repeat center top; 
    background-attachment:fixed; 
    background-size:100% ;  
    padding:40px 0; 
    min-height:379px; 
    text-align:center;  
}
.part3 h1{ color:#fff; font-size:66px; padding-top:50px;font-weight: 700;}

.part4
{ 
    //background:#000;
}


.part4 img{ width:100% !important; min-height:500px !important; width:auto;}

.part4 .carousel-control{ background:none;}
.part4 .carousel-caption{ 
    text-align: left; 
    top: 8%; 
    width: 38%; 
    font-size:18px;
    //font-size: 0.9rem;
    left: 10%; 
    text-shadow: none;
    font-weight: 300;
}


.part4 .carousel-indicators li{ border-color:transparent; border-style:double; border-width:4px; background:#414143;}
.part4 .carousel-indicators li.active{ border-color:#0359a0; background:#282526;}
.part4 .carousel-caption4{color:#000 !important;}
.part4 .carousel-caption4 h3{font-size:1.8em;color:#000 !important;}
.part4 .carousel-caption2{ text-align: left; font-weight: 300;  font-size:18px; color:#fff; text-shadow:none;left: 10%; width:75%; bottom:20px; top:auto !important}



.part4 .carousel-caption h1{
    border:6px solid #3fc4f2; 
    color: white;
    font-weight: 600;
    
    padding: 10px 80px;
    margin-bottom: 40px;
    float:left;
    //font-size: 1.8em;
    font-size: 24px;
}

.part5{  height:800px; position:relative; background:#C4BFBB; }
/*--.part5 #myCarouse3{ position: fixed; z-index:-9;
    top: 0;
    width: 100%;
}--*/
.part5 img{ width:100%; height:800px !important;}
.part5 .carousel-control{ background:none;}
.part5 .carousel-caption{ text-align: left;  font-size:18px; color:#000; text-shadow:none;left: 10%; font-weight: 300;}
.part5 .carousel-caption h3{border:4px solid #3fc4f2; width:auto; float:left; padding:10px; font-size:1.8em; color:#fff;}
.part5 .carousel-indicators li{ border-color:transparent; border-style:double; border-width:4px; background:#414143;}
.part5 .carousel-indicators li.active{ border-color:#0359a0; background:#282526;}

.part6{ background:#000; height:800px;}
.part6 img{ width:100%; height:800px !important;}
.part6 .carousel-control{ background:none;}
.part6 .carousel-caption{ text-align: left; top: 5%; width: 30%; font-size:18px;left: 10%; font-weight: 300;}
.part6 .carousel-caption h3{border:4px solid #3fc4f2; width:auto; float:left; padding:10px; font-size:1.8em;}
.part6 .carousel-indicators li{ border-color:transparent; border-style:double; border-width:4px; background:#414143;}
.part6 .carousel-indicators li.active{ border-color:#0359a0; background:#282526;}

.part7{ background:#000; height:800px;}
.part7 img{ width:100%; height:800px !important;}
.part7 .carousel-control{ background:none;}
.part7 .carousel-caption
{ 
    text-align: left; 
    top: 5%; 
    width: 30%; 
    font-size:18px;
    color:#000; 
    text-shadow:none;
    left: 10%;
    font-weight: 300;
    
}
.part7 .carousel-caption h3{border:4px solid #3fc4f2; width:auto; float:left; padding:10px; font-size:1.8em;color:#000;}
.part7 .carousel-indicators li{ border-color:transparent; border-style:double; border-width:4px; background:#414143;}
.part7 .carousel-indicators li.active{ border-color:#0359a0; background:#282526;}

//.part8{background:#01589B url(../images/second-back-slider-image-.jpg) no-repeat center top;background-attachment:fixed; background-size: 87% ; min-height: 379px;  text-align:center;  }
//.part8{ background:#000 url(../images/back2.jpg) no-repeat center top;  background-attachment:fixed; background-size:100% ;  padding:0px 0; min-height:330px; text-align:center;  }
//.part8 h1{ /*background:#fff;*/  color:white; font-size:50px; padding-top:30px; padding-bottom:58px; margin-bottom:0; }

.part8{ background:#000 url(../images/second--back-slider-blured-image-.png) no-repeat center top;  background-attachment:fixed; background-size:100% ;  padding:65px 0; min-height:379px; text-align:center;  }
.part8 h1{ color:#fff; font-size:40px; padding-bottom:50px;font-weight: 700;}

.part9 .map{ /*--margin-top:400px;--*/ background:#fff; height: 400px;}
.part9 img{ width:100%;}
/*
footer{ background:#fff; padding-bottom:40px; padding-top:40px;}
footer .form-part .icon-box{ background:#000; color:#fff; float:left; padding:3px 2px;  text-align:center; margin-top:2px;}
footer .form-part .fa{ background:#000; color:#fff; float:left; padding:8px;  text-align:center; margin-top:2px;}
footer .form-part .form-group{ margin-bottom:35px;}
footer .form-part .col-sm-11{ padding:0;}
footer .form-part .textarea-part .icon-box2{ background:#000; color:#fff; float:left; padding:71px 4px;  text-align:center; margin-top:2px;}
footer .form-part .textarea-part .fa{ background:#000; color:#fff; float:left; padding:76px 8px;  text-align:center; margin-top:2px;}
footer .form-part textarea
{ 
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    height: 164px;
    margin-top: 2px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
*/

footer
{ 
    background:#fff; 
    //padding-bottom:-4px; 
    padding-top:40px;
    
}
footer .form-part .icon-box{ color:#fff; float:left; padding:3px 0px;  text-align:center; margin-top:2px;}
footer .form-part .fa{  color:#fff; float:left; padding:8px;  text-align:center; margin-top:2px;}
footer .form-part .form-group{ margin-bottom:35px;}
footer .form-part .col-sm-11{ padding:0;}
footer .form-part .textarea-part .icon-box2{ background-color: black;  height:157px; color:#fff; float:left; padding:71px 4px;  text-align:center; margin-top:4px;}
footer .form-part .textarea-part .fa{  color:#fff; float:left; padding:76px 8px;  text-align:center; margin-top:2px;}
footer .form-part textarea{ width:100%; height:161px;padding: 5px 10px; border: 1px solid #cccccc; margin-top: 2px; font-size: 13px;}

footer h3
{ 
    margin-bottom:20px; 
    //background:url(../images/line.png) repeat-x left 9px;
    margin-top: 0;
}
footer h3 span{ background:#fff; padding-right:10px;font-size: 18px; font-weight: bold;}
footer .footer-ul{ margin:0; padding:0; list-style:none;}
footer .footer-ul li{ background:url(../images/ul-icon.png) no-repeat left 3px; padding-left:16px; margin-bottom:8px;}
footer .footer-ul li a{ color:#747478;}
footer .socal{ margin-bottom:30px; padding-left:0; text-align:right;}
footer .socal a{ display:inline-block; margin-left:3px;}
footer .team img{ margin-left:16px; }
footer .team { font-weight:bold; }

.submit input[type="submit"]{  background: none; border:none; color:#000; font-weight:600; float:right; margin-right:20px; font-size:12px; margin-top: -13px;}

.form-control 
{
    border-style: solid;
border-width: 1px;
height: 23px;
border-radius: 0px;
margin-top: 2px;
font-size: 13px;
}

input[type="text"]
{
    height:29px;
}


/*-----inner-part-div-------*/
.innerbody{  margin-bottom:40px; z-index:-9;}
.innerbody h1
{ 
    color:#9d9ea3;
    padding-top:25px; 
    border-bottom:1px solid #ccc; 
    border-top:5px solid #18487b; 
    padding-bottom:25px; 
    font-family: ΢ÈíÑźÚ; 
    font-weight: 400;
    
    margin-bottom:25px; 
    margin-top:0;
    font-size: 30px;
}

.bunchup
{
    margin-top: -8px;
}


.gray-box
{ overflow: hidden;
    background:#edeef0; 
    min-height:330px; 
    text-align:center; 
    padding:0;
    font-family:΢ÈíÑźÚ; 
    margin-top:20px; 
    margin-bottom:20px; 
}

.gray-box img
{/* width: 100%;*/
    margin-top: 30px;
    margin-bottom: 15px;
    height:218px;
}

.view-details a
{
    color: #fff;
    font-size: 20px;
}

.gray-box .product-name
{ 
    font-weight: 400;
    //min-height:103px;
    width: 100%; 
    float:left; 
    background:#d0d1d6; 
    color:#9d9ea3; 
    padding:10px 0; 
    position:relative;
}
.gray-box .product-name h3
{ 
    margin:5px 0; 
    color:#57585a;
    font-size: 20px; 
    font-weight: 400;
	height:50px;
    
}
.gray-box .product-name .view-details{
    background:rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    position: absolute;
    top: -48px;
    width: 100%; 
    //display:none;
    opacity: 0;
    transition-property: opacity, font-size, color;
    transition-duration: 1s;
    transition-timing-function: linear;
}
.gray-box:hover	.view-details
{ 
    //transition: all 0.5s ease;
    //display:block;
    opacity: 1;
    color: #fff;
}
.gray-box:hover	.view-details a
{ 
    color:#fff; 
    opacity: 1; 
    text-decoration:none;
    font-size: 20px; 
    font-weight: 400;
}
	
	.margin-auto{ float:none; margin:30px auto; }
	.home-company{ text-align:center; font-size:18px; font-weight:200; line-height:35px;}
	.home-company h3{ font-weight:600; margin:30px 0;font-size: 28px; line-height:35px;}
	
.details-p-img{ 
    text-align:center;
}
.details h3{color:#5c5d5e; }
.product-details h3
{ 
    //margin-bottom:20px; 
    //background:url(../images/line.png) repeat-x left 9px;
    margin-top: 0;
    color:#5c5d5e; 
    float:left; 
    width:100%;
}
.product-details h3 span
{ 
    //background:#fff; 
    padding-right:10px;
    font-size: 18px; 
    
    margin-top: 30px;
    padding-top: 30px;
        
}

.ul-part
{ 
    margin:20px 0 20px; 
    padding:0; 
    list-style:none; 
    float:left; 
    width:100%;
}

.ul-part1
{ 
    margin:20px 0 20px; 
    padding:0; 
    list-style:none; 
    float:left; 
    width:100%;
}

.ul-part li
{ 
    background:url(../images/icon-2.png) no-repeat left 6px; 
    padding-left:15px; 
    color:#333; 
    font-weight:500;
}

.ul-part1 li
{ 
    background:url(../images/icon-2.png) no-repeat left 6px; 
    padding-left:15px;  
    color:#333; 
    font-weight:400;
}

.ul-part li a
{
    color:#5c5d5e;
    text-decoration: none;
    
}

.ul-part li a:hover
{
    color:#279cd8;
    text-decoration: none; 
}

.newhr
{
    height: 1px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.newhrgreen
{
    height: 1px;
    border-bottom: 1px solid #fed600;;
    width: 100%;
    margin-top: -5px;
    padding-bottom: 5px;
}

.morespace
{
    line-height: 24px;
}

.popout
{
    z-index: 99999;
    //float:left;
    position: fixed;
    top: 33%;
    left: -150px;
    width: 150px;;
    overflow: hidden;
    background-color: white;
}

.popout .row
{
    
}
/*
.popout .image
{
    //float:left;
    display: inline-block;
    width: 28%;
    height: 100%;
    //background-color: #064170;
}

.popout .image img
{
    border-radius: 5px;
    margin-left: 12px;
    margin-top: 32%;
    position: absolute;
    width: 104px;
    height: auto;
    vertical-align: middle;
    z-index: 2;
    //float: left;
}
*/
.popout .center
{
    margin-top: 15px;
    margin-left: 8px;
    //float: left;
    display: inline-block;
    width: 60%;
    //background-color: #064170;
    padding-left:10%;
}

.popout .center h5
{
    margin-top: 3px;
    font-weight: 400;
    color: #617380;
    font-size: 0.8vw;
    
    //text-align: center;
    //transform : scale(1,0.7);
//-webkit-transform:scale(1,0.7); /* Safari and Chrome */
//-moz-transform:scale(1,0.7); /* Firefox */
//-ms-transform:scale(1,0.7); /* IE 9+ */
//-o-transform:scale(1,0.7); /* Opera */
}


.popout .center h6
{
    margin-top: -9px;
    font-weight: 600;
    color: #000;
    font-size: 1.2vw;
    //text-align: center;
}

.popout .map
{
    //float: left;
    z-index: 1;
    display: inline-block;
    width:40%;
    border-left: 2px solid #f7f9fb;
    height: 100%;
    //background-color: #064170;
    margin-left: -12px;
}

.popout .map .track
{
    
    position: absolute;
    //float: right;
    top: 7%;
    width: 100%;
    font-size: 6pt;
    //font-weight: bold;
    text-transform: capitalize;
    color: #fdb12c;
    background: black;
    padding: 3px;
    padding-left: 10px;
    padding-right: 5px;
    margin-left: -15px;
}

.popout .map .track span
{
    margin-top: -1px;
    margin-right: 10px;
    transform:scale(1,2); /* W3C */
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
}

.popout .map .track a{
    color: #fdb12c;
}

.hours:after, .minutes:after
{
    top:0;
    float: right;
    position: absolute;
    right: -9px;
    color: #fdb12c;
    content: ":";
}

.days:after
{
    top:0;
    float: right;
    position: absolute;
    right: -9px;
    color: #fdb12c;
    font-size: 14pt;
    content: "|";
}

.popout .closepop
{
    position: absolute;
    bottom: 3%;
    left:145px;
    font-size: 12pt;
    color: #fdb12c;
    margin-top: -2px;
    margin-right: 8px;
    padding: 3px;
    padding-bottom: 0;
    background-color: black;
}

.newhr3 {
  border-bottom: 1px solid #fdb12c;
  height: 1px;
  margin-bottom: 10px;
  margin-top: 2px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

#close
{
    color: #fdb12c;
}

.countdown
{
    margin-top: 7px;
    width: 100%;
    margin-left: -15px;
    padding-bottom: 70px;
    padding-right:auto;
    color:white;
    font-size: 16pt;
    text-align: center;
    transform : scale(1,1.2);
    -webkit-transform:scale(1,1.2); /* Safari and Chrome */
    -moz-transform:scale(1,1.2); /* Firefox */
    -ms-transform:scale(1,1.2); /* IE 9+ */
    -o-transform:scale(1,1.2); /* Opera */
}

.hours1:after, .minutes1:after
{
    top:-7%;
    float: right;
    position: absolute;
    right: -2%;
    color: black;
    content: ":";
    font-weight: 200;
}

.days1:after
{
    top:4%;
    float: right;
    position: absolute;
    right: 0;
    color: black;
    font-size: 18pt;
    font-weight: 200;
    content: "|";
}





.countdown span
{
    float: left;
    margin-left: 6px;
    color: #617380;
    font-size: 8pt;
    font-weight: 300;
    transform : scale(1,1);
    -webkit-transform:scale(1,1); /* Safari and Chrome */
    -moz-transform:scale(1,1); /* Firefox */
    -ms-transform:scale(1,1); /* IE 9+ */
    -o-transform:scale(1,1); /* Opera */
}


.countdown1
{
    margin-top: -5px;
    width: 100%;
    color:#fdb12c;
    font-size: 22pt;
    text-align: center;
    transform : scale(1,1.2);
    -webkit-transform:scale(1,1.2); /* Safari and Chrome */
    -moz-transform:scale(1,1.2); /* Firefox */
    -ms-transform:scale(1,1.2); /* IE 9+ */
    -o-transform:scale(1,1.2); /* Opera */
    text-align: center;
    //margin-left: 11px;
    padding-right:auto;
    font-weight: 500;
}


.countdown1 span
{
    //float: left;
    //margin-left: 10px;
    color: white;
    font-size: 10pt;
    padding-top: -20px;
}


.calendar
{
    float:left;
    width: 100%;
    font-size: 6pt;
    text-transform: capitalize;
    color: #fdb12c;
    background: black;
    margin: 2px;
    text-align: left;
    margin-left: 5px;
}

.calendar a
{
    float:left;
    width: 93%;
    font-size: 6pt;
    text-transform: capitalize;
    color: #fdb12c;
    background: black;
    margin: 2px;
    text-align: left;
    margin-left: 5px;
}

.calendar a span
{
    float:right;
    font-size: 6pt;
    color: #fdb12c;
    transform : scale(1,1);
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9+ */
    -o-transform:scale(1,2); /* Opera */
}

.mapbottom
{
    //height: 80px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;
}

/*
.numberCircle 
{
    border-radius: 50%;
    behavior: url(PIE.htc);

    width: 20px;
    height: 20px;
    padding: 2px;
    
    background: #2a3138;
    border: 1px solid #2a3138;
    color: white;
    text-align: center;
    
    font: 9pt Arial, sans-serif;
}
*/

.footertitle
{
    color: #fdb12c;
    font-size: 40px;
    font-weight: bold;
    transform : scale(1,0.7);
-webkit-transform:scale(1,0.7); /* Safari and Chrome */
-moz-transform:scale(1,0.7); /* Firefox */
-ms-transform:scale(1,0.7); /* IE 9+ */
-o-transform:scale(1,0.7); /* Opera */
    margin-top: -15px;
}

.footersub
{
    margin-top: -15px;
    color: black;
    font-size: 12px;
}

.footersub span
{
    margin-top: -15px;
    color: black;
    font-size: 12px;
    font-weight: bold;
   
}

#timerbottom{
    display: inline-block; 
    text-align: center; 
    width: 60%;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.part4 .carousel-caption4 h1{
    color: black;
}

.part4
{
    
    background-color: black;
}

#menuspacer
{
    height: 1px;
    background-color: white;
    width: 100%;
    margin-top: -5px;
    padding-bottom: 10px;
}

#menuoverride,#menuoverride2,#menuoverride3
{
    width: 510px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute; 
    z-index: 30; 
    background-color: rgba(154,154,154,0.9); 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
}

#menuoverride2
{
    margin-left: -179px;
}
#menuoverride3
{
    margin-left: -357.5px;
}

.learnmore
{
    margin-top:0;
    float: left;
    position: absolute;
    top: 12%;
    left:6%;
    background-color: #1fbbee;
    color: white;
    border: none;
    font-size: 0.8vw;
    font-weight: bold;
}

.learnmore1
{
    margin-top:0;
    float: left;
    position: absolute;
    top: 12%;
    left:12%;
    background-color: #1fbbee;
    color: white;
    border: none;
    font-size: 0.8vw;
    font-weight: bold;
    
}


.learnmore2
{
    margin-top:0;
    float: left;
    position: absolute;
    top: 13%;
    left:12%;
    //top: 12%;
    //left:6%;
    background-color: #1fbbee;
    color: white;
    border: none;
    font-size: 0.8vw;
    font-weight: bold;
}

#menuholder
{
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-left: 20px; 
    text-align: left; 
    padding-bottom: 20px;
}

#menutitle
{
    background-color: #636268; 
    color: white; 
    //padding:5px; 
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 10px; 
    font-size: 13px;
    margin-top: 10px;
	width:390px;              
}

#menuitem
{
    padding-left:20px;
    margin-top: 10px; 
    margin-bottom: 10px; 
    font-size: 8pt; 
    color: white;
}

.menuitemlink
{
    color: white; 
    padding:0px; 
    margin: -8px;
}

.menuitemlink:hover
{
    color: #333;
}

@media only screen and (max-width: 1025px) 
{
    html body header h1.logo a img
    {
        height:75px;
    }
    
    .popout
    {
        display: none;
    }
    
    .top-nav li a
    {
        display: none;
    }
    
    .nav-part li
    { 
        border-right:none; 
    }
    
    .member-gal-non p
    {
        padding-top: 30px;
    }
    
    .part2 h1
    {
        font-size: 40px;
        
    }
    
    .part3 h1
    {
        margin-top: -10px;
        font-size: 36px;
    }
    
    .part4 img
    {
        width: 100% !important;
        min-height: 50px !important;
    }
    
    .part4 .carousel-caption h1, .part4 .carousel-caption4 h1
    {
        border: 6px solid #3fc4f2;
        color: white;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        padding:10px;
    }
    
    .part4 .carousel-caption,.part4 .carousel-caption4 
    {
        color: white;
        position: relative;
        padding-bottom: 20px;
        height:auto;
        font-size: 18px;
        font-weight: 300;
        left: 10%;
        right:10%;
        text-align: left;
        text-shadow: none;
        top: 0;
        width: 80%;
        text-wrap:normal;
		line-height:30px;
    }
    
    .part4 .carousel-caption4 p
    {
        color: white;
    }
    
    .part8 h1
    {
        font-size: 23px;
        margin-left: auto;
        margin-right: auto;
    }
    
    
    .days1::after,.minutes1::after, .hours1::after 
    {
        display: none;
    }
    
    .hours1::before
    {
        color: black;
        content: "|";
        font-size: 18pt;
        font-weight: 200;
        position: absolute;
        left: -5%;
        top: 4%;
    }
    
    .minutes1::before, .seconds1::before
    {
        color: black;
        content: ":";
        font-size: 18pt;
        font-weight: 200;
        position: absolute;
        left: -5%;
        top: 4%;
    }
    
    
    .countdown1,calendar
    {
        margin-left: -2%;
    }
    
    .part3
    {
        background-image: url(../images/second--back-slider-blured-image-.png);
        background-size: auto 35%;
        min-height: 120px;
        padding: 10px;
        padding-bottom: 40px;
        //border-bottom: 1px solid rgba(63,196,242,0.6);
    }
    
    div.container-fluid div.row div.part4 div#myCarouse2.carousel.slide div.carousel-inner.banner-up div.item.active img
    {
        border-bottom: 1px solid rgba(63,196,242,0.6);
        border-top: 1px solid rgba(63,196,242,0.6);
    }
    
    .part8
    {
        background-image: url(../images/second--back-slider-blured-image-.png);
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 120px;
        padding: 10px;
        padding-bottom: 40px;
    }
    
    #teamlogo img
    {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    #cliocupbottom
    {
        //display: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none !important;
        margin-bottom: 20px;
    }
    
    html body div.apst-wrapper.apst-enabled.apst-theme-default.apst-right.apst-bottom.apst-visible
    {
        display: none;
    }
    
    html body div.apst-wrapper.apst-enabled.apst-theme-default.apst-right.apst-bottom.apst-visible div.apst-button
    {
        display: none;
    }
    
    html body footer div div.container div.row div.col-xs-12.col-md-4 p#teambottom.pull-left,
    html body footer div div.container div.row div.col-xs-12.col-md-4 p#productscopy.pull-right
    {
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
        float: none !important;
    }
}



@media only screen and (max-width: 800px) 
{
    html
    {
        max-width: 100%;
        overflow: hidden;
        overflow-y: scroll;
    }
    
    .popout
    {
        display: none;
    }
    
    .learnmore,.learnmore1,.learnmore2
    {
       display: none;  
    }
    
    .member-gal, .member-gal-non
    {
        display: none;
    }
    
    
    #menuoverride,#menuoverride2,#menuoverride3
    {
        //width: 230px;
        width: 500px;
        position: absolute;
        left:10%;
        right: 10%;
        
    }
    
    
    .hours1::before
    {
        color: black;
        content: "|";
        font-size: 18pt;
        font-weight: 200;
        position: absolute;
        left: 5%;
        top: 4%;
    }
    
    .minutes1::before, .seconds1::before
    {
        color: black;
        content: ":";
        font-size: 18pt;
        font-weight: 200;
        position: absolute;
        left: 5%;
        top: 4%;
    }
.p-address{width:100%}
}

@media only screen and (max-width: 600px) { 
    .innerbody h1,.details h3{font-size:22px;}
	#menutitle{font-size:12px;width:100%}
    .nav-part .dropdown 
    {
        width: auto;
		padding:0px 5px;
        font-size: 12px;
		height:25px;
    }
    .part2 h1{padding-bottom:30px;line-height:45px;}
	.dropdown-toggle{height:22px;overflow:hidden;}
	.carousel-control.left,.carousel-control.right{height:500px;}
    .popout
    {
        display: none;
    }
    
    #menuoverride,#menuoverride2,#menuoverride3
    {
        margin:0;
        width: 270px;
        position: absolute;
        left:0;
        right: 0;
    }
    
    #menuoverride2
    {
        margin-left: -93px;
    }
    
    #menuoverride3
    {
        margin-left: -186px;
    }
	.partner{width:50%;margin-bottom:20px;}
	.partner img{ height:45px;width:100%}
	.width{width:96%; margin:0 auto}
	.N-about{ display:none}
	.about_text{width:100%}
	.contact-left input[type="text"],.contact-left input[type="email"]{width:100%;margin-left:0px;}
	.contact-left input[type="submit"]{width:50%;}
	.impl_help_data h1{font-size:22px;}
	.impl_help_data h1:before{width:9%;top:29%;}
	.impl_help_data h1:after{width:9%;top:29%;}
	.impl_help_no{min-width:250px;}
	html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner img{margin-top:0px !important}
	#poeabout{margin-top:-40px}
	#poem .banner{margin:0px}
	.htel{ display:none}
	.nav_bg{ position:static;box-shadow:none; padding-top:0px;}
	.logo {width:100%; text-align:center; float:none}
	#nav{margin-left:0px;width:100%; float:none}
	#nav ul{padding-inline-start:0px;}
	#nav>ul>li:first-child{display:none}
	#nav>ul>li>a{width:86px;font-size:15px !important;}
	#nav a span{font-size:12px;}
	.Nab_font h2{font-size:17px; }
	ul{padding-inline-start:0px;-webkit-padding-start:0px;-o-padding-start:0px;}
	.ab_bottom li{width:48.1%; min-height:150px;}
	.ab_bottom li:nth-child(2n+2){margin-right:0px;}
	.Nab_font img:nth-child(1){width:300px;}
	.contact-grids{width:100%; margin:0 auto}
	.widthss{width:96%; margin:0 auto}
}
@media only screen and (max-width: 550px) 
{.part2 h1{padding-bottom:45px;}
		.dropdown-toggle{height:22px;overflow:hidden;}
	}
@media only screen and (max-width:350px) {#nav>ul>li>a{width:75px;font-size:15px !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner img
    {
        margin-top: 170px;
    }
    
    .item .next .left
    {
        margin-top: 170px;
    }
    
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore2,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore2
    {
        margin-top: 147px;
        
    }
    
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore1,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore1,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore
    {
        margin-top: 149px;
        
    }
    
    
}

@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none))
{
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner img
    {
        margin-top: 170px;
        background-color: black;
    }
    
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore1,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore2,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.next.left a.btn.btn-default.learnmore1,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore1,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore2,
    html body div.container-fluid div.row div#myCarousel.carousel.slide.banner div.carousel-inner div.item.prev.right a.btn.btn-default.learnmore
    {
        //margin-top: 147px;
        
    }
    
}