@import url(//fonts.googleapis.com/css?family=Roboto);
.blockquote.message {
	color: #ffffff;
}
.red-font {
	color: #F92528;
    font-weight: bold;
}
.green-font{
    color: darkgreen;
}
.latest-album {
    overflow: auto;

}

.latest-album figure {
    float: left;
    clear: both;
    
    position: relative;
    overflow: auto;
    
    margin: 0 auto;
    padding: 0px 0 0 0;
    font-size: 15px;
        max-height: 260px;
    overflow: hidden;
}

.latest-album figure img {
    vertical-align: bottom;
}

.latest-album figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    
    background: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff; 
    padding: 10px;
}
.latest-album figure figcaption a{ 
    color: #ffffff !important;
}
.footer-menu-list {
    width: 100%;
}
.list-inline {
    padding-left: 0;
    margin-left: -15px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.footer-menu-list li {
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-top: 0px;
}
.footer-menu-list li a {
    color: #FFF;
}
.pd5{
    padding: 5px;
}






/* Banner */
.position-center-x {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.main-slider{ position: relative;}
.main-slider .slick-list{ margin: 0!important;}
.main-slider .slick-slide{ display: inline-block; position: relative; margin: 0!important;}
.main-slider .home-slide{    max-height: 450px;
    overflow: hidden;}


.main-slider .item > img{ width: 100%; margin: 0!important;}
.main-slider .slick-list{ margin: 0!important;}

.banner-overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;background-color: rgba(0, 0, 0, 0.1);}
.banner-overlay .container{ height: 100%;}
.caption{ width: 70%;}
.caption h1{ font-size: 40px; font-weight: 300; line-height: 50px; text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12); color: #fff;
word-spacing: -4px;}
.caption h1 span{ font-size: 38px; font-family: 'Aileron Black';}
.caption h1 i{ font-family: 'Aileron black'; font-style: normal; font-size: 80px;}
.caption h1 i sup{ font-weight: 300; font-size: 50px; font-weight: 300;}
.caption h2{ font-size: 22px; position: relative; text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12);color: #fff;}
.dot-line{ position: relative; left: 0; width: 260px; height: 2px; border-bottom: 1px solid #fff; margin: 15px 0 15px; display: block;}
.dot-line::before,
.dot-line::after{ content: ""; height: 5px; width: 5px; background: #fff; position: absolute; bottom: -3px;}
.dot-line::before{ left: 0;}
.dot-line::after{ right: 0;}
.caption.style-1 .dot-line::after{ display: none;}
.location-list{ margin: 0 0 30px; display: inline-block;}
.location-list ul li:first-child{ font-family: 'Aileron Black'; text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12);}
.location-list ul li{ font-size: 22px;
    color: #fff;

    line-height: 35px;}
.location-list ul li i{ margin: 0 20px 0 0; font-size: 24px;}

.caption.center{ text-align: center; width: 100%;}
.caption.center .dot-line{ display: inline-block;}
.caption.center .location-list{ display: block;}
.caption.center .location-list ul{ display: inline-block;}
.caption.center .btn-list{ display: inline-block;}
.btn.white {
    background: #fff;
    color: #222;
}



.carbon-ad.ad, nav li, small {
	display:block
}
hr {
	margin-bottom:1em;
	background-color:#ddd;
	border:none;
	height:1px
}
nav ul {
	margin:0;
	padding:0;
	text-align:center;
	font-size:.875em;
	font-weight:700
}
nav li {
	list-style:none;
	margin-left:1em;
	margin-right:1em
}
@media only screen and (min-width:768px) {
nav li {
display:inline-block
}
}
.sep {
	color:#ddd;
	margin:0 4px
}
.carbon-ad.ad {
	position:relative;
	box-sizing:border-box;
	max-width:320px;
	margin:6em auto 0;
	padding:2em 2.5em 1em;
	text-align:center;
	font-size:14px
}
.browsehappy, .carbon-ad-label {
	position:absolute;
	right:0;
	left:0;
	text-align:center
}
.carbon-ad-label {
	bottom:100%;
	margin:0 0 2px;
	font-size:11px;
	color:#999
}
.carbon-ad .carbon-poweredby {
	margin-bottom:0;
	font-size:12px
}
.carbon-ad .carbon-img {
	margin:0 auto .625em;
	background:#fff
}
.carbon-ad img {
	display:block;
	border:1px solid #ddd
}
.main {
	max-width:800px;
	margin:0 auto;
	padding:0 20px
}
.browsehappy {
	top:0;
	padding:1em;
	background:#000;
	color:#fff
}
#forkongithub a, .button.cta {
	text-decoration:none;
	position:relative
}
img {
	border:none
}
.button.cta, .nav {
	display:inline-block
}
[class^=hvr-] {
cursor:pointer;
text-decoration:none;
color:#666;
-webkit-tap-highlight-color:transparent;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.aligncenter {
	text-align:center
}
.sup {
	vertical-align:super;
	margin-left:-1em;
	padding:.21875em;
	line-height:100%;
	font-size:.21875em;
	border:1px solid #eee;
	border-radius:4px;
	color:inherit
}
.sup:hover {
	background:#eee
}
.footer a:hover, .nav:hover {
	color:#207AD1
}
.nav {
	font-size:.8em
}
.nav.hvr-icon-down, .nav.hvr-icon-forward {
	padding-right:1.2em
}
.nav.hvr-icon-down::before, .nav.hvr-icon-forward::before {
right:0
}
.nav:active, .nav:focus, .nav:hover {
	text-decoration:none
}
.intro {
	max-width:680px;
	margin:20px auto 0
}
.button.cta {
	margin:1.2em 0 1em;
	padding:1em;
	background:#2098D1;
	border:none;
	font-weight:700;
	color:#fff
}
.effects, .footer {
	/*margin-top:6em*/
}
.about {
	border-top:#333 solid 2px;
	border-bottom:#333 solid 2px
}
.footer {
	/*overflow:hidden;*/
	width:auto;
	font-size:.9em
}
.footer a {
	text-decoration:none
}
.credit {
	font-size:.8em;
	font-weight:400
}
.licenses {
	margin-top:40px;
	margin-bottom:60px
}
.licenses:after {
	display:block;
	content:'';
	clear:both
}
.license {
	display:block!important;
	margin-bottom:20px;
	text-align:center;
	border:1px solid #2098D1
}
.license:focus, .license:hover {
	border-color:#207AD1
}
.license:focus .button, .license:hover .button {
	background-color:#207AD1;
	color:#fff
}
.license__content {
	padding:25px 10px
}
.license__title {
	margin:0;
	font-size:28px;
	line-height:1.4
}
.license__title div {
	font-size:16px;
	font-weight:400
}
.license__desc {
	margin-top:30px;
	margin-bottom:0;
	font-size:22px;
	font-weight:700
}
.license__button.cta {
	display:block;
	margin:0;
	font-size:22px
}
@media only screen and (min-width:568px) {
.license {
width:48%;
float:left
}
.license:nth-child(2) {
float:right
}
.license__content {
padding:40px 10px
}
}
.download {
	margin-top:2.6em
}
.social-button {
	display:inline-block;
	vertical-align:middle
}
.made-by, .made-by svg {
	display:block
}
.twitter-follow-button {
	display:block;
	margin:0 auto
}
.follow {
	margin-bottom:20px;
	line-height:200%
}
.made-by {
	margin-top:3em;
	padding-top:3em;
	padding-bottom:1em;
font-family:$fontFeature;
	font-size:1.125em;
	text-align:center;
	line-height:1.6;
	background:#181818;
	color:#777
}
.made-by p, .made-by ul {
	margin:0;
	padding:0
}
.made-by ul {
	margin-bottom:.25em
}
.made-by li {
	display:inline-block;
	vertical-align:middle;
	line-height:1
}
.made-by p {
	margin-top:.4em;
	font-size:.875em
}
.made-by a {
	display:inline-block;
	padding:0 .125em;
	color:#B1B1B1;
transition-duration:.2s;
	transition-property:color
}
.made-by a:focus, .made-by a:hover {
	color:#fff
}
.made-by i {
	font-size:26px;
	height:30px
}
.made-by .follow {
	margin-top:2em
}
.made-by .follow iframe {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:.5em
}
.made-by small {
	display:block;
	margin-top:3em;
	font-size:.625em
}
@-webkit-keyframes circle {
50% {
-webkit-transform:scale(1.26923077);
transform:scale(1.26923077)
}
}
@keyframes circle {
50% {
transform:scale(1.26923077)
}
}
@-webkit-keyframes initials {
50% {
-webkit-transform:translateY(-8px) translateZ(0);
transform:translateY(-8px) translateZ(0)
}
}
@keyframes initials {
50% {
transform:translateY(-8px) translateZ(0)
}
}
.ild-ident {
	display:block
}
.ild-ident svg {
	display:block;
	overflow:visible;
	transform:scale(1) translateZ(0)
}
.ild-ident .circle-holder {
	transform:translate(-7px, -7px)
}
.ild-ident .circle {
	transform:translate(7px, 7px)
}
.ild-ident .active .i {
animation:initials .4s ease-in-out
}
.ild-ident .active .l {
animation:initials .4s .2s ease-in-out
}
.ild-ident .active .circle {
animation:circle .5s .1s ease-in-out
}
#forkongithub {
	display:none
}
#forkongithub a {
	background:#000;
	color:#fff;
	font-family:arial, sans-serif;
	text-align:center;
	font-weight:700;
	padding:5px 40px;
	font-size:1rem;
	line-height:2rem;
-webkit-transition:.5s;
transition:.5s
}
#forkongithub a:active, #forkongithub a:focus, #forkongithub a:hover {
	background:#2098D1;
	color:#fff
}
#forkongithub a::after, #forkongithub a::before {
content:"";
width:100%;
display:block;
position:absolute;
top:1px;
left:0;
height:1px;
background:#fff
}
#forkongithub a::after {
bottom:1px;
top:auto
}
.ad {
	margin-top:3.5em;
	padding:3em 1.5em;
	background:#f8f8f8;
	text-align:center
}
.ad h2 {
	margin:0 0 2em;
	line-height:1.4;
	font-size:1.2em
}
.ad a {
	display:inline-block;
	margin:0 auto 2em
}
.ad__preview {
	font-size:0
}
.ad__preview a {
	display:block;
	width:75%
}
.ad__preview img {
	width:100%
}
@media only screen and (min-width:360px) {
h1 {
font-size:4em
}
}
@media screen and (min-width:640px) {
#forkongithub, #forkongithub a {
width:200px;
position:absolute
}
#forkongithub {
display:block;
top:0;
right:0;
overflow:hidden;
height:200px
}
#forkongithub a {
top:60px;
right:-60px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
box-shadow:4px 4px 10px rgba(0, 0, 0, .8)
}
.ad__preview a {
display:inline-block;
width:32%
}
.ad__preview .second {
margin:0 2%
}
}

.template-title {

    position: relative;
    text-align: center;
}
.template-title .title{
	/*font-family: Dosis;*/
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	color: #004a8f;
	/* margin-bottom: 6px; */
	text-transform: capitalize;
}
.has-over{
	position:relative;
	margin-bottom:3px;
}
.has-over .title_over{
	/*font-family: Dosis;*/
	font-weight:600;
	font-size: 54.5px;
	line-height: 54.5px;
	color: #fafafa;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform:translateX(-50%);
	width: 100%;
	z-index: -2;
}
.template-title .subtitle{
    font-weight: 400;
    font-size: 18px;
    color: #1927e0;
}

.bottom {
	display: block;
	padding: 40px 0;
	background: #495052;
}

.connect-us {
	display: block;
	padding: 14px 0 18px 0;
	width: 95%;
	border-right: 1px solid #fff;    height: 106px;
}

.br0{
    border-right: 0px solid #fff !important;
}

.widget_wrap h3 {
    display: block;
    padding-bottom: 20px;
  
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}.widget_wrap ul.follow-us {
    display: block;
}.widget_wrap ul.follow-us li {
    display: block;
    padding: 0 4px;
    float: left;color: #fff !important;
}.widget_wrap ul.follow-us li a {

    float: left;color: #fff !important;
}.instagram {
    display: block;

    border-right: 1px #fff solid;height: 106px;
}.instagram li a {
	
	color: #fff !important;
}
.footer-logo{
    filter: brightness(0) invert(1);
}

.mb0{
	margin-bottom: 0px;
}

blockquote.message {
    background: #02417b;
	padding: 20px;
    margin: 0px 0;
    font-size: 24px;
}

blockquote.message p {
    color: #fff !important;
    font-size: 21px;
    font-weight: 600;
}




.kode_description_text{
    float: left;
    width: 100%;
}
.kode_description_text ol,.kode_description_text ul,.kode_description_text dl{
    padding: 0 40px;
}

.kode_description_text h1,.kode_description_text h2,.kode_description_text h3,.kode_description_text h4,.kode_description_text h5,.kode_description_text h6 {
	color: #0089d0;
	background: transparent url(https://ciln.cberuk.com/images/swoosh.png) bottom right no-repeat;
	display: inline-block;
}

.kode_description_text h3{
	font-size: 1.2em;
	padding-bottom: 10px;
}


.list-unstyled, .list-inline {
    padding-left: 0;
    list-style: none;
    text-align: center
}