/* CSS Document 
/* Developed by Toonni Lomio 
/* --------------------------
:: Color Scheme
--pink:#00b365;
--lightpink :#ff4dac;
--darkpink:#9c0053;
--blue:#007dea;
--red:#ea0008;
--darkblue:#ffa500;
--blackblue:#29324c;
--green:#00b365
--orange:#ff6600
-------------------------- */

@import url('https://fonts.googleapis.com/css?family=Pridi:300,400,600');

/* Global */
body { font-family:'Exo', 'Pridi';}
h1, h2, h3, h4, h5, h6 { font-family:'Exo', 'Pridi';}
a { color:#007dea;}
a:hover { color:#ea0008;}
p { font-weight:400;}
.b400 { font-weight:400;}
.b500 { font-weight:500;}
.b600 { font-weight:600;}

/* Header */
.header_area { padding: 20px 4% 5px; border-bottom:1px solid rgba(255,255,255,0.1);}
.menu_area #nav .nav-link { padding:5px 15px;}
.section-heading > h2 b { font-weight: 600; color: #00b365; }

/* Paralax */
.parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.parallax_group { position: relative; height: 100vh; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.parallax_layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.parallax_layer_fore { -webkit-transform: translateZ(90px) scale(.7); transform: translateZ(90px) scale(.7); z-index: 1;}
.parallax_layer_deep { -webkit-transform: translateZ(-600px) scale(3); transform: translateZ(-600px) scale(3); z-index: 2;}
.parallax_layer_base { -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 4;}
.parallax_layer_back { -webkit-transform: translateZ(-300px) scale(2); transform: translateZ(-300px) scale(2); z-index: 3;}

/* Sticky */
.header_area.sticky { background-image:none; background-color:rgba(0,0,0,0.8); border-bottom: 3px solid #00b365; padding:0 4%;}
.header_area.sticky .menu_area { padding-top:10px;}
.header_area.sticky .menu_area #nav .nav-item.active .nav-link { background-color: #00b365;}
.header_area.sticky .menu_area #nav .nav-item > a:hover { color:#00b365;}
.sing-up-button { padding-top:10px;}
.sing-up-button > a { background-color: #111; font-weight:400; font-size:13px;}
.sing-up-button > a:hover { background-color: #ff6600;}

/* Brand */
a.navbar-brand { font-size:18px !important; text-shadow: 0 1px 3px rgba(0,0,0,0.3);}
a.navbar-brand .sitename { font-size:18px;}
a.navbar-brand .sitedesc { font-size:13px;}

/* Wellcome */
.wellcome_area { height: 720px; box-shadow: 0 -10px 60px rgba(0,0,0,0.5) inset; }
.welcome-thumb { width: 60%; bottom:0;}
.welcome-thumb img { max-width:100%;}
.wellcome-heading { margin-bottom:-160px;}
.wellcome-heading > h2 { font-size:68px;}
.wellcome-heading > h3 { top:-80px; opacity:0.06;}
.wellcome-heading ul.feature li i.fa { color: #ffd700;}
.wellcome-heading ul.feature li { font-weight:400;}

/* Section */
.section-shadow-top { box-shadow: rgba(0, 0, 0, 0.1) 0px -20px 30px -20px; padding-top:100px;}
.section-shadow-bottom { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 30px -20px; padding-bottom: 50px; margin-bottom:30px; background-color:#fff;}
/* Parallax */

/* KeyBenefit */ 
#keybenefit .section-heading > h2 { text-shadow:0 1px 1px rgba(0,0,0,0.3);}
#keybenefit .single-special { background-color:#fff;}
#keybenefit .single-special p { min-height: 80px;}
#keybenefit .single-special > h4 { color:#00b365;}
#keybenefit .single-special { box-shadow: 0 1px 15px rgba(0,0,0,0.3);}
#keybenefit .single-icon { max-width: 50%; text-align: center; margin:0 auto 35px;}
#keybenefit .single-icon .svg-img { }

/* Procedure */
#procedure .single-feature > h5 { color:#333;}
.single-feature { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ddd; min-height:60px;}
.single-feature > i {  font-size:48px; color:#00b365; }
.single-feature > p { font-size:17px; font-weight:300; margin-left:65px;}
/* Timeline */
.timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eee; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 20px; position: relative; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before,
.timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 46%; float: left; border: 1px solid #ddd; border-radius: 2px; padding: 20px; position: relative; 
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; content: " ";
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
}
.timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; content: " ";
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
}
.timeline > li > .timeline-badge { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px;
	background-color: #999999; z-index: 98; border-radius: 50%;
}
.timeline > li > .timeline-badge > i { font-size:40px; line-height:50px;}
.timeline > li.timeline-inverted > .timeline-panel { float: right;}
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-badge.primary { background-color: #2e6da4 !important; }
.timeline-badge.success { background-color: #3f903f !important; }
.timeline-badge.warning { background-color: #f0ad4e !important; }
.timeline-badge.danger { background-color: #d9534f !important; }
.timeline-badge.info { background-color: #5bc0de !important; }
.timeline-badge.number { background-color: #00b365 !important; }
.timeline-title { margin-top: 0; font-size:20px; font-weight:600; color:#00b365;}
.timeline-body > p { margin-bottom: 0; font-size:16px; font-weight:400;}
.timeline-body > ul { margin-bottom: 0;}
.timeline-body > p + p { margin-top: 5px; }
@media (max-width: 767px) {
	ul.timeline:before { left: 40px; }
	ul.timeline > li > .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px);}
	ul.timeline > li > .timeline-badge { left: 15px; margin-left: 0; top: 16px; }
	ul.timeline > li > .timeline-panel { float: right; }
	ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto;}	
	ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto;}
}

/* Footer */
.footer-text > h2 { color:#00b365; font-size:36px;}
.footer-text > h2 > span { color:#ffa500;}
.footer-social-icon > a > i { background: #00b365;}
.footer-social-icon > a > i.active { background: #ff4dac;}
.footer-social-icon > a > i:hover { background: #29324c;} 

#scrollUp { background-color:#00b365;}