/* 
Themes: Jalasena Trans Pasific
Author: Dev
Website: https://devbook.net
*/
* {padding: 0; margin: 0}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body{
	background: #FFF;
	color: #121212;
	font-size: 14px; 
	font-family: 'poppins', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%; 
	position: relative;
}
/* General  */
a, a:hover, a:focus{color:#fff; text-decoration: none;}
a:focus{outline:none}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}
.serif {
	font-family: "Playfair Display", serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: 100%;
}
textarea,
input,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
}
textarea:focus, input:focus{outline: none}
*:focus {outline: none}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  margin: 0;
}
button {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
}
:hover, :active, :focus {-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.fs12 {font-size: 12px}
.fs14 {font-size: 14px}
.fs16 {font-size: 16px}
.fs18 {font-size: 18px}
.fs20 {font-size: 20px}
.fs22 {font-size: 22px}
.fs42 {font-size: 42px}
.fs52 {font-size: 52px}
.fs60 {font-size: 60px}
.fw300 {font-weight: 300}
.fw400 {font-weight: 400}
.fw500 {font-weight: 500}
.fw600 {font-weight: 600}
.fw700 {font-weight: 700}
.fw800 {font-weight: 800}
.lh-default {line-height: 1.7}
.lh-small {line-height: 1.5}
.lh-xsmall {line-height: 1.2}
.lh-base {line-height: 1}
.lh-nol {line-height: 0}
.black, .black a, a.black {color: #121212}
.black2, .black2 a, a.black2 {color: #434343}
.white, .white a, a.white {color: #FFF}
.blue, .blue a, a.blue {color: #072a48;}
.yellow, .yellow a, a.yellow {color: #d9b73a}
.bg-white {background: #FFF}
.bg-black {background: #1C1C1C}
.bg-grey {background: #ededed}
.bg-blue {background: #072a48}
.hoveropacity a:hover, a:hover.hoveropacity {opacity: filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.6; opacity:0.7;}
.minspasi {letter-spacing: -0.1rem}
.minspasibig {letter-spacing: -0.2rem}
.plusspasi {letter-spacing: 0.1rem}
.plusspasibig {letter-spacing: 0.2rem}
.capital {text-transform: uppercase}
.uk-ratio {position: relative; width: 100%}
.uk-ratio-1-1 {padding-top: 100%}
.uk-ratio-4-3 {padding-top: 75%}
.uk-ratio-8-5 {padding-top: 62.5%}
.uk-ratio-3-2 {padding-top: 66.66%}
.uk-ratio-16-9 {padding-top: 56.25%}
.uk-ratio-21-9 {padding-top: 42.8571%}
.loader {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	opacity: 0.7;
	background:#000 url(../images/loader.gif) 50% 50% no-repeat;
}
.rounded {
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}
.toprounded {
	-webkit-border-top-left-radius: 24px;
	-webkit-border-top-right-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-topright: 24px;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
}
.textshadow {
	text-shadow: 2px 2px 5px #999;
}
.dev-margin-top {margin-top: 24px}

/* Header  */
.topmenu {
	padding: 16px 0;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid #ededed;
}
.mainlogo img {width: 226px;}
.mainlogo a {display: block}
.mainmenu > * {margin-right: 32px; position: relative;}
.mainmenu > *:last-child {margin-right: 0}
.mainmenu a::after, .mainmenu a.current::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 100%;
  left: 0;
  background: #072a48;
  transition: transform 0.3s;
  transform: scaleX(0);
  transform-origin: bottom center;
}
.mainmenu a:hover::after, .mainmenu a.current::after {
  transform: scaleX(1);
}
.scrolling {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.07);
	transition: all linear .1s;
}
.scrolling .mainlogo img {
	width: 150px;
	transition: all linear .1s;
}
.main-content {
	padding-top: 102px;
}
/* Top Section */
/* .top-section {padding-top: 27.5%; background-position: 50% 0%;} */
.top-section {
	height: 460px;
 	background: #072a48 url(../images/cubes.png);
 }
.top-section h1 {margin-bottom: 18px}
.hero-content {
    padding: 0 0;
}
.whitebutton a {
	background: transparent;
	color: #FFF;
	border: 1px solid #FFF;
    border-radius: 26px;
    padding: 12px 32px;
    line-height: 1;
}
.whitebutton a:hover, .whitebutton a:active, .whitebutton a:focus {
	background: #FFF;
	color: #033d8b;
	-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease
}

/* About  */	
#about {
	padding: 86px 0 100px 0;
	background:#FFF;
	background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-top: 5px solid #c89e2d;
}
.circle {
	width: 8px;
	height: 8px;
	margin-right: 8px;
	background: transparent;
	border-radius: 100%;
}
.circle.blue {border: 4px solid #072a48}
.circle.white {border: 4px solid #FFF}

/* Visi */
#vision {
	padding: 98px 0 120px 0;
	position: relative;
	border-top: 5px solid #c89e2d;
	background: #072a48 url(../images/cubes.png);
}
#vision .ourvm {
    position: relative;
    z-index: 2;
}
ol {margin-left: 12px}

/* Services */
#services {
	padding: 64px 0;
	border-top: 5px solid #c89e2d;
}
.uk-card-body {
    padding: 16px 32px;
}

/* Plans */
#plans {
	padding: 64px 0;
	border-top: 5px solid #c89e2d;
	background-image: url(../images/resque.png);
}

/* Contact */
#contact{
	padding: 42px 0 64px 0;
	border-top: 5px solid #c89e2d;
	background-image: url(../images/cubes.png);
}
#contact a {
	text-decoration: underline;
}
.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}
.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 24px;
    position: absolute;
}

/* Footer  */
#footer{
	background: #FFF;
	padding: 32px 0
}
#footer p {margin-bottom: 0px!important; padding: 0}

.menumobile {
	display: none;
	position: absolute;
	top: 18px;
	right: 30px;	
}
.mainmenu {display: block}

.fullmenu {
	border-top: 5px solid #c89e2d;
	background-image: url(../images/cubes.png);
}
.uk-offcanvas-bar {
    padding: 32px 26px;
}
.uk-offcanvas-bar .uk-close {
	color: #FFF;
}
#fullmenu .uk-offcanvas-close {
    top: 30px;
    right: 24px;
}
.uk-offcanvas-overlay::before {
	background: rgba(0,0,0,0.4);
}
.burger-menu ul {
    display: flex;
    list-style: none;
    flex-flow: column wrap;
    margin-top: 12px;
    margin-bottom: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}
.burger-menu li {
    padding-left: 0;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: 500;
}


@media (min-width:640px){.uk-flex-row\@s{flex-direction:row!important}.uk-flex-row-reverse\@s{flex-direction:row-reverse!important}.uk-flex-column\@s{flex-direction:column!important}.uk-flex-column-reverse\@s{flex-direction:column-reverse!important}.uk-flex-stretch\@s{align-items:stretch!important}.uk-flex-top\@s{align-items:flex-start!important}.uk-flex-middle\@s{align-items:center!important}.uk-flex-bottom\@s{align-items:flex-end!important}.uk-margin-remove-top\@s{margin-top:0!important}.uk-margin-remove-bottom\@s{margin-bottom:0!important}}@media (min-width:960px){.uk-flex-row\@m{flex-direction:row!important}.uk-flex-row-reverse\@m{flex-direction:row-reverse!important}.uk-flex-column\@m{flex-direction:column!important}.uk-flex-column-reverse\@m{flex-direction:column-reverse!important}.uk-flex-stretch\@m{align-items:stretch!important}.uk-flex-top\@m{align-items:flex-start!important}.uk-flex-middle\@m{align-items:center!important}.uk-flex-bottom\@m{align-items:flex-end!important}.uk-margin-remove-top\@m{margin-top:0!important}.uk-margin-remove-bottom\@m{margin-bottom:0!important}}@media (min-width:1200px){.uk-flex-row\@l{flex-direction:row!important}.uk-flex-row-reverse\@l{flex-direction:row-reverse!important}.uk-flex-column\@l{flex-direction:column!important}.uk-flex-column-reverse\@l{flex-direction:column-reverse!important}.uk-flex-stretch\@l{align-items:stretch!important}.uk-flex-top\@l{align-items:flex-start!important}.uk-flex-middle\@l{align-items:center!important}.uk-flex-bottom\@l{align-items:flex-end!important}.uk-margin-remove-top\@l{margin-top:0!important}.uk-margin-remove-bottom\@l{margin-bottom:0!important}}@media (min-width:1600px){.uk-flex-row\@xl{flex-direction:row!important}.uk-flex-row-reverse\@xl{flex-direction:row-reverse!important}.uk-flex-column\@xl{flex-direction:column!important}.uk-flex-column-reverse\@xl{flex-direction:column-reverse!important}.uk-flex-stretch\@xl{align-items:stretch!important}.uk-flex-top\@xl{align-items:flex-start!important}.uk-flex-middle\@xl{align-items:center!important}.uk-flex-bottom\@xl{align-items:flex-end!important}.uk-margin-remove-top\@xl{margin-top:0!important}.uk-margin-remove-bottom\@xl{margin-bottom:0!important}}

/* Start media screen */
@media screen and (max-width: 959px) {
	.menumobile {display: block}
	.mainmenu {display: none;}
	.mainlogo img {width: 180px;}
	.main-content {padding-top: 90px}
	.fs60 {font-size: 36px}
	.fs42 {font-size: 24px}
	.fs22 {font-size: 18px}
	.fs18 {font-size: 16px}
	.top-section {height: 360px}
	#about, #services {padding: 42px 0}
	#vision, #values {padding: 68px 0 80px 0}
	.uk-card-body h3 {font-size: 14px}
	

}
@media (max-width: 639px) {
	.uk-container {padding-left: 24px; padding-right: 24px}
	.menumobile {right: 24px}
	.top-section {height: 420px}
	#about, #services, #why {padding: 48px 0}
	#vision, #values {padding: 48px 0 60px 0}
	.uk-card-body {padding: 24px 30px}
	.ourvalues > span {margin: 6px 0;}
	.fs60 {font-size: 36px}
	.uk-height-medium {height: 160px}
	.uk-card-default .uk-card-title {font-size: 1.4em}
	.dev-margin-top {margin-top: 0}
	#plans {padding: 42px 0}
	#plans img {width: 132px}
}
@media screen and (max-width: 380px) {
	
}