html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}

a {
  color: #06C;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
}

a:hover, a:focus {
  color: #06C;
}

hr {
  max-width: 100%;
  margin: 25px 0;
  border-width: 1px;
  border-color:#CCC;
}

hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 0px;
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.inner-masthead{ display:table; margin:0; text-align:right}
.inner-title{font-size: 28px; letter-spacing:-1px; display:inline-block; vertical-align:middle; text-align:right;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif'; font-weight:600; line-height:1em;
  line-height:1em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); color:#FFF}
  .inner-title-img{display:inline-block;vertical-align:middle; padding:0 20px}
  .inner-title-img img{max-width:120px; width:100%}
section {
  padding: 100px 0;
  position:relative;
  display:block; width:100%;
}
section .download{display:block; width:100%; float:left}
section h2 {
  font-size: 50px;
}
section.gutter{
	padding:0; width:100%; display:block; position:relative; height:100px;
	}
section.gutter .bottom{clip-path: polygon(100% 100%, 0% 100%, 0% 0%);width:100%; height:100px; position:absolute; z-index:999}
section.gutter .top{clip-path: polygon(100% 100%, 0% 0%, 100% 0%);width:100%; height:100px; position:absolute;}
.bg-clr-1{background-color:rgba(255,255,255,.5)}
.bg-clr-2{background-color:rgba(255,255,255,1)}
.inner-content-area{background-color:rgba(255,255,255,1); padding:50px 7%; border-radius:10px; margin:30px 0; position:relative; min-height:450px;}
.inner-content-area h2{font-size:1.8em; letter-spacing:-0.5px;}
#mainNav {
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 0px;
  background-image: url("../../images/clint/menu-bg.jpg");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#mainNav .navbar-brand {
  color: #fdcc52;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 0px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
  color: #fcbd20;
}

#mainNav .navbar-toggler {
  font-size: 14px;
  padding: 8px 10px;
  color: #fff;
  border:none;
  background-color:rgba(0,0,0,0.3)
}

#mainNav .navbar-nav > li > a {
  font-size: 13px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 1px;
  text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
  color: #fdcc52 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: #fff;
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #fdcc52;
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: rgba(160,50,110,.5);
  }
  #mainNav .navbar-nav {margin-top:30px}
  #mainNav .navbar-brand {
    color: fade(white, 70%);
  }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
    color: white;
  }
  #mainNav .navbar-nav > li > a,
  #mainNav .navbar-nav > li > a:focus {
    color: #fff
  }
  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover {
    color: #FC0;
  }
  #mainNav.navbar-shrink {
    background-color: rgba(160,50,110,1);
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus {
    color: #fff;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a:hover,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
    color: #FC0;
  }
}

header.masthead {
  position: relative;
  width: 100%;
  padding-top: 150px;
  padding-bottom: 100px;
  color: white;

}

header.masthead .header-content {
  margin-bottom: 0px;
  text-align: center;
}

header.masthead .header-content h1 {
  font-size: 30px;
  font-family: 'Neucha', cursive;
  line-height:1em; margin-bottom:0.5em; text-shadow: 1px 2px 0px #000;
}

header.masthead .device-container {
  max-width: 325px;
  margin-right: auto;
  margin-left: auto;
}

header.masthead .device-container .screen img {
  border-radius: 3px;
}

@media (min-width: 992px) {
  header.masthead {
    height: 100vh;
    min-height: 1400px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  header.masthead .header-content {
    margin-bottom: 0;
    text-align: center;
	padding-top:100px
  }
  header.masthead .header-content h1 {
    font-size: 56px; letter-spacing:-1px;
  }
  header.masthead .device-container {
    max-width: 325px;
  }
  .inner-content-area h1{
	  font-size: 40px; letter-spacing:-1px; margin:.5em 0
  }
}

section.download {
  position: relative;
  padding: 80px 0;
  color:#111; 
}
.display-card{background-color:#fff; border-radius:20px; padding:50px 6%; border:10px dashed #ddd}

section.download h2 {
  margin-top: 0;
  color:#F36; font-weight:100; letter-spacing:-1px;
  line-height:1em ; 
}

section.download .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}

section.download .badges .badge-link:last-child {
  margin-bottom: 0;
}

section.download .badges .badge-link img {
  height: 60px;
}

@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  section.download h2 {
    font-size: 45px;
  }
}

section.features .section-heading {
  margin-bottom: 100px;
}

section.features .section-heading h2 {
  margin-top: 0;
}

section.features .section-heading p {
  margin-bottom: 0;
}

section.features .device-container,
section.features .feature-item {
  max-width: 325px;
  margin: 0 auto;
}

section.features .device-container {
  margin-bottom: 100px;
}

@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}

section.features .feature-item {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

section.features .feature-item h3 {
  font-size: 30px;
}

section.features .feature-item i {
  font-size: 80px;
  display: block;
  margin-bottom: 15px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

section.cta {
  position: relative;
  padding: 250px 0;
  background-image: url("../../img/bg-cta.jpg");
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section.cta .cta-content {
  position: relative;
  z-index: 1;
}

section.cta .cta-content h2 {
  font-size: 50px;
  max-width: 450px;
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
}

@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 80px;
  }
}

section.cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

section.contact {
  text-align: center;
}

section.contact h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

section.contact h2 i {
  color: #dd4b39;
}

section.contact ul.list-social {
  margin-bottom: 0;
}

section.contact ul.list-social li a {
  font-size: 40px;
  line-height: 80px;
  display: block;
  width: 80px;
  height: 80px;
  color: white;
  border-radius: 100%;
}

section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}

footer {
  padding: 10px 0 50px 0;
  text-align: center;
}

footer p {
  font-size: 12px;
  margin: 0;
}

footer ul {
  margin-bottom: 0;
}

footer ul li a {
  font-size: 12px;
}

footer ul li a:hover, footer ul li a:focus, footer ul li a:active, footer ul li a.active {
  text-decoration: none;
}

.bg-primary {
  background: #fdcc52;
  background: -webkit-linear-gradient(#fdcc52, #fdc539);
  background: linear-gradient(#fdcc52, #fdc539);
}

.text-primary {
  color: #fdcc52;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.btn-outline {
  color: white;
  border: 1px solid;
  border-color: white;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
  color: white;
  border-color: #fdcc52;
  background-color: #fdcc52;
}

.btn {
  border-radius: 300px;  
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn-xl {
  font-size: 12px;
  padding: 5px 20px;
  margin-bottom:10px;
  font-weight:bold;
  letter-spacing: 1px;
  
}
.btn-common{font-size: 12px;
  padding: 5px 20px;
  margin-bottom:20px;
  background-color:#f8f8f8;
  border:1px solid #ddd;
  border-radius:300px;
  text-decoration:none !important; margin-bottom:10px
  }
.btn-yellow {
  color: #000 !important;
  background-color:#FC3;
  border-color:#C90
}
.btn-solid {
  color: #000;
  background-color:#FC0;  
}

.btn-solid:hover, .btn-solid:focus, .btn-solid:active, .btn-solid.active {
  color: #000;
  background-color: #FF0;
}

.btn-clr1 {
  color: #fff;
  background-color:#906;  
}

.btn-clr1:hover, .btn-clr1:focus, .btn-clr1:active, .btn-clr1.active {
  color: #fff;
  background-color: #C36;
}

.btn-form{
	border:none;
  border-radius:5px;
  letter-spacing: 0px;
	}
	
.btn-common-rd{	
  border: 1px solid;  
  border-radius:300px;
  padding:6px 15px;
  text-decoration:none;
}
.btn-inpage{color:#06C;border-color:#ddd;background-color:#f5f5f5; margin:5px; display:inline-block}
.btn-inpage:hover,.btn-inpage:visited,.btn-inpage:active{text-decoration:none;border-color:#ddd;}
.btn-inpage:hover{border-color:#ddd;}

.btn-wt{color:#FFF;border:none; background:#603; padding:3px 18px; display:inline-block; margin:5px; font-size:16px}
.btn-wt:hover,.btn-wt:visited,.btn-wt:active{text-decoration:none;border:none;background:#603}
.btn-wt:hover{border:none;color:#FFF;}

.page-share {
    position: absolute;
    top: 100px;
    right: 0;
    list-style: none;
    padding-left: 0;
    z-index: 10;
    margin: 0;
    -webkit-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.page-share li {
    padding: 0px 0;
}
.page-share li a {
	/*background-color:#3f4653;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 44px;
    height: 54px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    float: right;
    padding-left: 5px;
}
.page-share li a:hover {
width: 54px;
padding-left: 0;
text-decoration: none;

}
.facebook a{
  background: #3B5998;
  color: white;
}

.twitter a{
  background: #55ACEE;
  color: white;
}

.google a{
  background: #dd4b39;
  color: white;
}

.linkedin a{
  background: #007bb5;
  color: white;
}

.youtube a{
  background: #bb0000;
  color: white;
}
.mail a{
  background: #990;
  color: white;
}

.facebook a:hover{
  background: #3B5998;
  color: white;
}

.twitter a:hover{
  background: #55ACEE;
  color: white;
}

.google a:hover{
  background: #dd4b39;
  color: white;
}

.linkedin a:hover{
  background: #007bb5;
  color: white;
}

.youtube a:hover{
  background: #bb0000;
  color: white;
}
.mail a:hover{
  background: #990;
  color: white;
}

.mandatory p{color:#F00; font-size:12px; margin-bottom:0px}
.mandatory{color:#F00; font-size:12px; margin-bottom:0px}
.video{padding-bottom: 56.28%;padding-top: 0px; height: 0; overflow: hidden; position:relative;margin:0 0 20px 0;}
.video iframe,.video object,.video embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; max-width:1024px}

.card-faq{border-radius:0; border:none; border-left:0px solid #ddd}
.card-faq .card-header{border-radius:0; border:none; background-color:#f5f5f5; padding:0;border-top:1px solid #fff;}
.card-faq a{text-decoration:none !important; color:#069 !important; font-size:18px; text-align:left; padding:10px; display:block; cursor:pointer;letter-spacing: 0px;}

.card-faq .card-header{text-decoration:}
.card-howto .circle{text-align:center; width:120px; height:120px; border-radius:50%; margin:0 auto; background-color:rgba(255,255,255,0); color:#000; font-size:60px; font-weight:300; line-height:2em}
.card-howto{border:0px solid rgba(255,255,255,0.3); border-radius:20px; padding:30px; color:#000; text-align:center;background-color:rgba(255,210,0,1); margin-bottom:25px}
.card-howto p{line-height:1em}
.card-howto {line-height:1em}
.card-howto hr{border-color:#FFF}
.gal{border-bottom:1px solid #ddd; padding:0px 0px 5px 0px; margin-bottom:20px; text-align:center; background-color:#f5f5f5}
.gal img{width:100%}
.terms-bx{border:1px solid #CCC; background : #ffffff; color : #000000; padding : 8px; width : 100%; height :200px; overflow : auto; font-size:12px; margin:10px 0}
.terms-bx h1,.terms-bx h3{font-size:20px; line-height:1em; margin-bottom:.5em; padding-bottom:0px}
.terms-bx hr{margin:6px 0}
.wrapper-bg{background-color:#f8f8f8; width:100%; float:left; border:2px solid #eee; padding:30px 20px; border-radius:5px}


.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color:rgba(255,255,255,0.1);
  padding:50px;
  border:0px solid #FFF; border-radius:10px;
  border:1px solid rgba(255,255,255,0)
}
.custom-schedule{position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color:rgba(255,255,255,0.1);
  padding:50px;border-radius:10px;
  border:1px solid rgba(255,255,255,0.5)}
section.download .custom-schedule h2{color:#FFF;}
section.download .custom-schedule ol li{color:#FFF;}
  
section.download .titlecontainer h2{color:#FFF; margin:auto 0; vertical-align:middle; display:table-cell}
section.download .titlecontainer h2 img{margin-bottom:20px}
/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 1px;
  background-color: rgba(255,255,255,0.2);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.tcontainer {
  padding: 5px 20px;
  position: relative;
  width: 50%;
}
.titlecontainer {
  padding: 5px 20px;
  position: absolute;
  width: 50%; left:0;
  display:table; top:50px; vertical-align:middle
}
.tcontent p{font-size:14px; padding-bottom:0; margin-bottom:0}
.tcontent h4{font-size:22px; font-weight:300}

/* The circles on the timeline */
.tcontainer.left::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  right: -9px;
  background-color: white;
  border: 0px solid #FF9F55;
  top: 20px;
  border-radius: 50%;
  z-index: 1;
}

.tcontainer.right::after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: -9px;
  background-color: white;
  border: 0px solid #FF9F55;
  top: 20px;
  border-radius: 50%;
  z-index: 1;
}





/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;display:none
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent; display:none
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.tcontent {
  padding: 20px;
  position: relative;
  border-radius: 6px;background-color:#936; color:#FFF
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 767px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .tcontainer {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

/* Make sure that all arrows are pointing leftwards */
  .tcontainer::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
  
  .timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color:rgba(255,255,255,0);
  padding:0px; padding-left:10px;
  border:0px solid #FFF; border-radius:10px;
}
.timeline::after {
  content: '';
  position: absolute;
  width: 0px;
  background-color: rgba(255,255,255,0);
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
}

.clr-yellow{background-color:#FF6}
.table-prize{background-color:#fff; border:none; width:100%; display:table}
.table-prize td{font-size:14px;vertical-align:middle; text-align:center}
.table-prize th{font-weight:300; vertical-align:middle; text-align:center; color:#FFF; text-align:center}
.table-prize th.clbg1{background-color:#ddd}
.table-prize th.clbg2{background-color:#F36}
.table-prize th.clbg3{background-color:#66C}
.table-prize th.clbg4{background-color:#6C6}
.table-prize td .badge{font-weight:300; font-size:100%; margin-top:10px}
.table-prize .clbg11{background-color:#f9f9f9}

.profile-menu{width:100%; text-align:right; display:inline-block; margin:0; padding:5px; background-color:#eee}
.profile-menu li{width:auto; text-align:right; display:inline; margin:0 5px}
.profile-menu li a{width:auto; margin:0; padding:3px 5px}
.profile-list{width:100%; text-align:left; display:block; margin:0; padding:0; }
.profile-list li{width:100%; display:block; padding:10px 10px 10px 0; margin:0;}
.profile-list li small{width:100%; display:block; padding:0; margin:0; font-size:80%; color:#666}
.profile-list li h4{color:#C36}
.profile{padding:30px 20px; border:1px solid #ddd; width:100%; line-height:1.2em}
.profile-message{font-size:12px; color:#666; display:block; width:100%; padding-bottom:10px;text-align:right}
.profile-type1{color:#FFF; background-color:#396; border-radius:300px; padding:2px 10px}
.profile-type2{color:#FFF; background-color:#939;border-radius:300px; padding:2px 10px}
.col-5th{padding:15px;width:20%; float:left;}
.imgContainer{position:relative; width:100%;display:block; border:1px solid #eee; border-radius:5px; overflow:hidden; margin-bottom:15px}
.imgContainer .view{display:block; width:100%; text-align:center; margin:10px 0}
.imgContainer .view a{margin:0 auto;}
.imgContainer .delete{position:absolute; top:0; right:0; padding:0; background-color:#F00; color:#FFF; line-height:25px; width:25px; height:25px; border-radius:25px; font-size:16px; font-weight:700; text-align:center; margin:3px 3px 0 0}
@media screen and (max-width: 767px) {
	.col-5th{padding:15px;width:50%; float:left;}
}
.badge-common{font-weight:300; font-size:14px; display:inline-block; white-space:normal}

.nav-lan .dropdown-toggle{font-size:12px; color:#FFF !important; background-color:#900; padding:5px; text-transform:uppercase; margin-bottom:0; margin-top:5px}
.nav-lan .dropdown-menu{ border-radius:0; padding:8px 0; margin-top:-3px; width:auto; min-width:100px; border:none; box-shadow: 1px 1px 3px #666;}
.nav-lan .dropdown-menu .dropdown-item{ font-size:12px; padding:3px 10px; color:#111 !important; line-height:1em}
.nav-lan .dropdown-menu .dropdown-item:hover{background-color:#ddd}
.nav-lan span{color:#fff;padding:2px 5px; border:1px solid rgba(255,255,255,0.5); line-height:1em; margin:0; font-size:14px; border-radius:3px; display:inline-block; margin-top:9px; background-color:rgba(0,0,0,0.2)}
.count-down{ margin:0 auto 25px auto; padding:0px; list-style:none; background-color: rgba(255,255,255,0); border-radius:10px; border:0px solid rgba(255,255,255,0.3); text-align:center}
.count-down li {
  display: inline-block;
  font-size: 10px;
  list-style-type: none;
  padding: 1px;
  text-transform: uppercase;
  text-align:center
}
.header-content hr{border-color:rgba(255,255,255,0.3)}
.count-down li span {
  display: block;
  font-size: 2rem;
  text-align:center;background-color: rgba(0,0,0,0.2); padding:10px; min-width:60px; line-height:1em; border-radius:5px; min-height:52px
}

@media screen and (max-width: 767px) {
	section.gutter{display:none}
	.titlecontainer{position: relative; width:100%; top:0; margin-bottom:30px}
	.display-card{background-color:#fff; border-radius:20px; padding:30px 6%; border:5px dashed #ddd; width:90%}
	section{padding:50px 0}
	section h2 {font-size:35px}
	.inner-content-area h1{font-size: 30px; letter-spacing:-1px; margin:0 0 .5em 0; padding-right:27px}
	.inner-content-area h2{font-size: 28px; letter-spacing:-1px; margin:0 0 .5em 0; padding-right:27px}
	.inner-content-area h3{font-size: 25px; letter-spacing:-1px; margin:0 0 .5em 0; padding-right:27px}
	.inner-content-area{background-color:rgba(255,255,255,1); padding:35px 6%; border-radius:10px; margin:30px 0; position:relative; min-height:450px;}
	.page-share{top:0px}
	.page-share li a {width: 25px; height: 35px;}
	.page-share li a:hover {width: 35px;}
	p{  font-size: 16px;  line-height: 1.4;  margin-bottom: 12px;}
	.inner-masthead{ display:table; margin:0; text-align:center}
.inner-title{font-size: 24px; text-align:center;}
  .inner-title-img{display:none}
	}
@media screen and (max-width: 991px) {
	.inner-title{font-size: 24px; }
	}
@media screen and (min-width: 768px) {}
@media screen and (min-width: 992px) {}
@media screen and (min-width: 1200px) {}
.header2 span{border-radius: 300px;   color: black;    padding:10px 50px; display:inline-block; color:#FFF}
.header2{margin:1.1em 0}
.cat-1 .header2 span{background-color: #F90; }
.cat-1 {min-height:400px}
.cat-1{background-image: url(../../images/clint/brush-stroke-1.png);background-repeat: no-repeat;
	background-size:contain;
	background-position: center 90px; background-repeat:no-repeat}
.cat-2 .header2 span{background-color: #99C; }
.cat-2 {min-height:400px}
.cat-2{background-image: url(../../images/clint/brush-stroke-2.png);background-repeat: no-repeat;
	background-size:contain;
	background-position: center 90px;background-repeat:no-repeat}
.cat-3 .header2 span{background-color: #73BBF7; }
.cat-3 {min-height:300px}
.cat-3{background-image: url(../../images/clint/brush-stroke-3.png);background-repeat: no-repeat;
	background-size:contain;
	background-position: center 40px;background-repeat:no-repeat}
.cat-4 .header2 span{background-color: #F9C; }
	.cat-4 {min-height:300px}
.cat-4{background-image: url(../../images/clint/brush-stroke-4.png);background-repeat: no-repeat;
	background-size:contain;
	background-position: center 40px;background-repeat:no-repeat}
	.cat-5 .header2 span{background-color: #6C9; }
	.cat-5 {min-height:300px}
.cat-5{background-image: url(../../images/clint/brush-stroke-5.png);background-repeat: no-repeat;
	background-size:contain;
	background-position: center 40px;background-repeat:no-repeat}
	
.lan-switch{display:block; width:100%; padding:18px; margin:0; text-align:center; font-size:12px;background-color:#eee; }
.lan-switch li{display:inline-block; padding:10px 2px; margin:0; text-align:center; width:auto; cursor:pointer}
.lan-switch li a{padding:5px 10px; margin:0; border-radius:3px; text-decoration:none; background-color:#fff}
.lan-switch li a:hover{background-color:#66C; color:#fff;}
.lan-switch li.active a{background-color:#66C; color:#FFF;}
.lan-switch li.disabled a{background-color:#CCC; color:#FFF;}
.home-video{padding:0 25px !important; margin-bottom:0;}
.img-video-wrapper{margin:10px 0; padding:3px; background-color:#fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
.img-video{margin:10px 0; padding:5px; background-color:#fff; border:1px solid #ddd}
.header-top{width:auto; position:absolute; top:0px; z-index:9999;text-align:right; right:12px;}
.lan-select{background-color:#FFC; color:#000; border-radius:20px; padding:1px 12px 1px 12px; font-size:14px; line-height:1em; font-weight:400}
.lan-select:link, .lan-select:visited{color:#000; text-decoration:none}
.custom-dialog{top:10%}
.custom-dialog .modal-content{background:none; border:none;overflow:hidden;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
.custom-dialog .modal-content .modal-header h4{ font-size:20px; font-weight:300;text-align:center; display:block; width:100%; margin:0;}
.custom-dialog .modal-content .modal-header{background-color:#C36;color:#fff}
.custom-dialog .modal-content .modal-body{background-color:#fff;}
.custom-dialog .modal-content .lan-switch a{font-size:14px;}
.custom-dialog .modal-content .lan-switch{background:none; padding:0; margin:0}
.custom-dialog .modal-content .modal-footer{text-align:center; display:block;background-color:#eee;}
.custom-dialog .modal-content .modal-footer a{text-align:center; display:inline; color:#FFF; letter-spacing:0; text-transform:none; border-radius:20px;background-color:#C36}
.custom-dialog .modal-content .lan-switch a:link,.custom-dialog .modal-content .lan-switch a:visited{color:#000}
.custom-dialog .modal-content .lan-switch a:hover{color:#fff}
@media screen and (max-width: 991px) {
		.header-top{text-align:center;left:50%; top:15px}
	.lan-select{position: relative; left: -50%;}
	.navbar-toggler{position:relative; z-index:9999999}
}
@media screen and (max-width: 768px) {
	.home-video{padding:0 18px; margin-bottom:8px}		
	.custom-schedule{position: relative;  padding:15px;}
	section.download{ padding: 50px 0;}
	header.masthead{ padding: 85px 0 50px 0;}
	.lan-select{padding:1px 8px 1px 8px; font-size:13px; line-height:1em; font-weight:400; left:-40%}

}