*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
html,body{margin:0;	padding:0;height:auto!important;min-height:100%; font-family: 'neue_haas_unicaregular';}
body {
    line-height: 24px;
    font-size: 17px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-image: linear-gradient(rgba(8,12,28,0.90), rgba(8,12,28,0.95)), url('/WebsiteContent/Account_Layout/images/loginback.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff;
}
body p{margin-bottom:20px; color: #555; line-height:28px; font-size:16px;}
.toplink{width:100%; float:left; background:#F1F1F1;  color:#252525; font-size:14px; text-align:right; padding-top:5px; padding-bottom:5px;}
.toplink h3{text-align:left; font-size:14px; margin:0; padding:0; line-height:24px; cursor:pointer; display:inline-block; float:left; animation-name:blinking; animation-duration:1.5s; animation-iteration-count:infinite;}
.toplink ul{ float:right; margin:0; list-style:none; }
.toplink ul li{ float:left; padding-left:15px;}
.toplink ul li a{ color:#252525}
.toplink ul li a:hover{ color:#01445E; text-decoration:none;}
 
/*.header{ width:100%; float:left; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;
transition: all .5s ease 0s; background:#15161F; background:linear-gradient(to right,#15161F,#171A2B);}
.sticky-header {position: fixed; width: 100%; float:left; top:0;z-index: 100;  -webkit-transition: all .1s ease;-moz-transition: all .1s ease;-o-transition:all .1s ease;transition:all .1s ease; background:linear-gradient(to right,#15161F,#171A2B); padding-bottom:10px;}
.logo{ width:100%; float:left; padding-top:10px;  }
.logo img{ max-width:100%; height:auto;}*/


.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: #000;
    margin-bottom:0px;
}

.logo {
    font-size: 22px;
    font-weight: 700;
}

    .logo span {
        color: #d4af37;
    }

.nav-links {
    display: flex;
    align-items: center;
}
nav-links a:active {
    color: #242424;
}

.demo-btn {
    background: #d4af37;
    color: #111 !important;
    padding: 8px 18px;
    border-radius: 6px;
}
.menu-toggle {
    display: none;
    font-size: 26px;
    cursor: pointer;
}

.headertext {
    color: #eac15a;
    font-size: 16px;
    text-decoration: none;
    margin-left: 30px;
    transition: 0.3s;
}
.headertext:hover {
    color: #fff;
    text-decoration: none;
}
    .headertext:active {
        color: #eac15a!important;
        text-decoration: none;
    }
    .headertext:focus {
        color: #eac15a !important;
        text-decoration: none;
    }


.headButton {
    background-color: #eac15a;
    color: #000;
    font-size: 16px;
    border-color: #e8a90b;
    text-decoration: none;
    margin-left: 30px;
    transition: 0.3s;
}
.headButton:hover {
    color: #fff;
    background-color: #eaae17;
    border-color: #e8a90b;
}


.btn-outline {
    color: #eac15a;
    font-size: 16px;
    text-decoration: none;
    margin-left: 30px;
    transition: 0.3s;
}
.btn-primary {
    background-color: #eac15a;
    color: #000;
    font-size: 16px;
    border-color: #e8a90b;
    text-decoration: none;
    margin-left: 30px;
    transition: 0.3s;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #eaae17;
        border-color: #e8a90b;
    }

.btn-outline:hover {
    color: #fff;
    text-decoration: none;
}

.togglemenu {
    position: relative;
    float: none;
    padding: 1px 7px 5px 7px;
    background-color: transparent;
    border-radius: 4px;
    margin: 0;
    background: #EE4B3F;
    cursor: pointer;
    margin: auto;
    float: right;
    display: none;
}
.banner{ width:100%; float:left; position:relative; background:#15161F url(/WebsiteContent/Account_Layout/images/banner/slide1bg.jpg); background-size:cover; position:relative; 
padding-bottom:100px; padding-top:60px; overflow:hidden;  }
.banner h2{ font-size:52px; color:#FFF;   margin-top:35px;   font-family: 'neue_haas_unicablack'; margin-bottom:15px; text-transform:uppercase; }
.banner h2 span{color: #242424;   font-family: 'neue_haas_unicalight';  font-size:26px; }
.banner h3{font-size:20px; color:#D0D0D2; font-family: 'neue_haas_unicalight'; line-height:30px; margin-bottom:25px;}
.banner p{margin-bottom:25px; border-left:2px solid #3FABD6; padding:5px 10px; color:#242424; font-size:20px;}
.slide1{width:100%;  float:left; padding:110px; padding-top:0px; padding-bottom:0px;}
.slidewrapper{display: flex; flex-wrap: wrap;  align-items: center;  }
.bannertext{width:50%; text-align:left;    }
.bannertext a{ background:#EAC15A; font-size:20px; color:#242424; padding:12px 30px;  border-radius:4px; display:inline-block;  transition: all 0.5s ease 0s; font-family: 'neue_haas_unicalight';margin-left:0px;}
.bannertext a:hover{ text-decoration:none; color:#242424;  background:#FFF; }
.bannertext a:active{color:#242424;  background:#EAC15A!important; }

.bannerimg{width:50%; text-align:right;  }
.bannerimg img{margin-bottom:-80px;}
.banner .carousel-control{ width:100px;}
.banner::after { content:"";
    position: absolute;
    left: -10%;
    right: 0px;
    bottom: -30px;
    width: 150vw;
    height:80px;
    background-color: #FFF;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
	z-index:1
}
.topsection{ background:#FFF; width:100%; float:left; padding-top:50px; padding-bottom:50px; overflow:hidden;}
.topsection h1{font-size:38px; color:#0F2137; margin:0; margin-bottom:5px;  margin-bottom:10px;  font-family: 'neue_haas_unicabold'; text-transform:uppercase; position:relative;}
.topsection h1 span{ color:#00517b;  }
.topsection h1 span.line03{ width:120px; height:3px; background:#F54D56; position:absolute; left:0; bottom:-5px;}

.lawfeature{background:#FFF url(/WebsiteContent/Account_Layout/images/bg01.jpg) no-repeat; background-size:cover; width:100%; float:left; padding-top:100px;  padding-bottom:50px; position:relative; overflow:hidden; }
.lawfeature ul{ list-style:none;}
.lawfeature ul li{ background:url(/WebsiteContent/Account_Layout/images/bullet.png) left no-repeat; padding-left:50px;   font-size:24px; line-height:30px; margin-bottom:30px; color:#B9BCBE;}
.lawfeature h3{ font-size:30px; color:#FFF; margin:0; margin-bottom:5px;  margin-bottom:10px;  font-family: 'neue_haas_unicabold'; line-height:40px; margin-bottom:25px; }
.lawfeature img{max-width:100%; height:auto; margin-bottom:25px;}
.lawfeature::after { content:"";
    position: absolute;
    left: -10%;
    right: 0px;
    top: -50px;
    width: 150vw;
    height:80px;
    background-color: #FFF;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
	z-index:1
}

.commpanel{ background:#FFF; width:100%; float:left; padding-top:50px; padding-bottom:50px; }
 

/*.footerpanel{width:100%; float:left; background:#222831; padding-bottom:10px; padding-top:15px;}
.footerpanel h3{ color:#FEFCFD; font-size:26px;  font-weight:200; font-family: 'neue_haas_unicamedium';}
.footerpanel p{color:#B7B9BC; margin-bottom:15px;}
.footerpanel p .fa{ color:#808B9D; margin-right:8px;}
.footerpanel ul{list-style:none;}
.footerpanel ul li { margin-bottom:8px; font-size:15px;}
.footerpanel ul li a{ color:#F85350;}
.footerpanel ul li a:hover{ color:#EAC15A; text-decoration:none;}
.socialmedia{ width:100%; float:left; }
.socialmedia .fa{width:30px; height:30px; background:#2D333C; line-height:30px; text-align:center; color:#EAC15A; border-radius:100%; margin-right:3px;}
.socialmedia .fa:hover{text-decoration:none; color:#FFF;}
 
.footercopyright{width:100%; float:left; ; padding-bottom:15px; color:#C1C1C1; padding-top:15px; font-size:14px; border-top:1px solid #616264; margin-top:0px;}
.footercopyright a{color:#C1C1C1;}
.footercopyright a:hover{color:#EAC15A; text-decoration:none;}
.footercopyright ul{ float:right; list-style:none;}
.footercopyright ul li{float:left;}
.footercopyright ul li a{ color:#6C707B; padding-left:8px; padding-right:5px;}
.footercopyright ul li a:hover{ color:#4AC3F0; text-decoration:none;}*/

.footer {
    background: rgba(0, 0, 0, 0.74);
    border-top: 1px solid rgba(212,175,55,0.3);
    padding: 15px 8%;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding-top: 13px;
    color: #f7f7f7;
}

.footer-center {
    color: #dfb019;
}

.footer-right a {
    color: #ccc;
    text-decoration: none;
    margin-left: 20px;
}


.bottomcontact{width:100%; float:left; padding-bottom:100px;   padding-top:100px; position:relative; z-index:1;   background:#EAC15A; position:relative; overflow:hidden; }
.bottomcontact::after { content:"";
    position: absolute;
    left: -10%;
    right: 0px;
    top: -50px;
    width: 150vw;
    height:80px;
    background-color: #FFF;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
	z-index:-1
}

.bottomcontact h2{ font-family: 'nunito_sanslight'; color:#242424; margin:0;   margin-bottom:5px; font-size:30px; text-align:center; line-height:40px; margin-bottom:45px;}
.bottomcontact h2 span{font-family: 'neue_haas_unicabold';}
.contact-wrapper{width:100%; float:left;  padding:15px;  min-height:160px; background:#FFF; border-radius:3px; margin-bottom:25px;}
.contact-wrapper h3{ font-size:20px; text-align:center; margin:0; margin-bottom:5px; word-wrap:break-word; color:#2f2f2f}

.email-icon{ font-size:24px; color:#F54D56; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.email-icon .fa{ font-size:24px; color:#F54D56; width:50px; height:50px; border:2px solid #F54D56; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}

.whatapp-icon{ font-size:24px; color:#57BB63; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.whatapp-icon .fa{ font-size:24px; color:#57BB63; width:50px; height:50px; border:2px solid #57BB63; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}

.skype-icon{ font-size:24px; color:#02AFF0; font-family: 'neue_haas_unicamedium'; text-align:center; margin-bottom:15px;}
.skype-icon .fa{ font-size:24px; color:#02AFF0; width:50px; height:50px; border:2px solid #02AFF0; border-radius:100%; text-align:center; line-height:45px; margin-right:10px;}

.innerbanner{ width:100%; padding-top:100px; float:left; position:relative; background:url(/WebsiteContent/Account_Layout/images/banner/slide1bg.jpg) center center no-repeat; background-size:cover; position:relative;  }
.innerbanner h2{ font-size:52px; color:#F54D56;   margin-top:35px;   font-family: 'neue_haas_unicablack'; margin-bottom:15px; text-transform:uppercase; }
.innerbanner h2 span{color: #242424;   font-family: 'neue_haas_unicalight';  font-size:26px; }
.innerbanner h3{font-size:20px; color:#01445E; font-family: 'neue_haas_unicalight'; line-height:30px; margin-bottom:25px;}
.innerbanner p{margin-bottom:25px; border-left:2px solid #3FABD6; padding:5px 10px; color:#242424; font-size:20px;}

.midsection{ background:#FFF; width:100%; float:left;}
.midsection h1{ font-size:48px; color:#333333;   font-family: 'Neuton', serif; font-weight:700;  margin:0; margin-bottom:5px;}
.midsection h1 span{color:#4AC3F0;    }
 
.slideanim,.slideanim2 {visibility:hidden;}

.slideani {
     animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}
.slide2 {
     animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

.paddingtop{ padding-top:40px;}
.paddingbottom{ padding-bottom:50px;}
 

/*------------Setting----------------------*/

 





 .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
	  background:#000;

    }
	

 


 
 


  .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	

/*------------Setting----------------------*/
/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes blinking{
 0% { color:#CA0000;}
 47%{color:#000;}
 62%{color:#CA0000;}	
 97%{color:#CA0000;}	
100% { color:#000;}
}
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
		transform: translateY(70%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
		transform: translateY(0%);
    }
}