@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600,700");
@font-face {
font-family: 'sas-webfont';
src: url("../fonts/sas-webfont.eot?51534236");
src: url("../fonts/sas-webfont.eot?51534236#iefix") format("embedded-opentype"), url("../fonts/sas-webfont.woff2?51534236") format("woff2"), url("../fonts/sas-webfont.woff?51534236") format("woff"), url("../fonts/sas-webfont.ttf?51534236") format("truetype"), url("../fonts/sas-webfont.svg?51534236#sas-webfont") format("svg");
font-weight: normal;
font-style: normal; }
.sas {
font-family: "sas-webfont";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.max-w150{
max-width: 150px!important;
}
.sas-1:before {
content: '\e801'; }

.bolder {
font-weight: 600; }

.cfix {
content: '';
display: block;
width: 100%;
clear: both; }


html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }

body {
margin: 0; }

main {
display: block; }

h1 {
font-size: 2em;
margin: 0.67em 0; }

hr {
box-sizing: content-box;

height: 0;

overflow: visible;
}

pre {
font-family: monospace, monospace;

font-size: 1em;
}

a {
background-color: transparent; 
color: #620303!important;
text-decoration: underline!important;
font-weight: 600!important;}

a:hover{
	color: #666666!important;
	text-decoration: none!important;
}

abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }

b,
strong {
font-weight: bolder; }

code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }

small {
font-size: 80%; }

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }

sub {
bottom: -0.25em; }

sup {
top: -0.5em; }


img {
border-style: none; }

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }

button,
input {
/* 1 */
overflow: visible; }

button,
select {
/* 1 */
text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }

fieldset {
padding: 0.35em 0.75em 0.625em; }

legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }

progress {
vertical-align: baseline; }

textarea {
overflow: auto; }

[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }


[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }


::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }

details {
display: block; }

summary {
display: list-item; }


template {
display: none; }

[hidden] {
display: none; }

body,
button,
input,
select,
textarea {
color: #666666;
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
position: relative;
background-color: #fff; }

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


a {
color: #666666;
text-decoration: none; }
a:hover {
color: #620303;
text-decoration: none; }


p {
margin: 0 0 20px 0; }

h1,
h2,
.banner-page .title-page,
h3,
h4,
.rs-team-2 .title,
.rs-team-single .title,
h5 {
font-family: "Poppins", sans-serif;
margin-top: 10px;
margin-bottom: 20px;
font-weight: 700; }

h1 {
font-size: 3.571em;
line-height: normal; }

h2, .banner-page .title-page {
font-size: 2.857em;
line-height: normal; }

h3 {
font-size: 1.714em;
line-height: normal; }

h4, .rs-team-2 .title, .rs-team-single .title {
font-size: 1.286em;
line-height: normal; }

h5 {
font-size: 14px;
line-height: 22px; }

h6 {
font-size: 13px; }

strong, b {
font-weight: 700; }

ol {
margin-left: 24px; }

ul {
list-style: initial;
margin-left: 24px; }
ul li {
margin: 8px 0; }

@media (max-width: 767px) {
h1 {
font-size: 3.071em;
line-height: normal; }

h2, .banner-page .title-page {
font-size: 2.357em;
line-height: normal; }

h3 {
font-size: 1.214em;
line-height: normal; }

h4, .rs-team-2 .title, .rs-team-single .title {
font-size: 1em;
line-height: normal; } }
/* CUSTOM GLOBAL */

.banner-page {
	background-image: url("../../img/NEW/background-img-1920x900.jpg");
}

.content-wrap {
padding-top: 80px;
padding-bottom: 80px;}

.content-wrap-60 {
padding: 60px 0; }

.content-wrap-40 {
padding: 40px 0; }

.uk16 {
font-size: 16px; }

.uk18 {
font-size: 18px; }

.uk21 {
font-size: 21px; }

.uk24 {
font-size: 24px; }

.uk36 {
font-size: 36px; }

.uk48 {
font-size: 48px; }

.uk60 {
font-size: 60px; }

.uk72 {
font-size: 72px; }

.spacer-10 {
height: 10px; }
.spacer-10::after {
display: block;
content: "";
clear: both; }

.spacer-30 {
height: 30px; }
.spacer-30::after {
display: block;
content: "";
clear: both; }

.spacer-50 {
height: 50px; }
.spacer-50::after {
display: block;
content: "";
clear: both; }

.spacer-70 {
height: 70px; }
.spacer-70::after {
display: block;
content: "";
clear: both; }
.spacer-70 .spacer-90 {
height: 90px; }
.spacer-70 .spacer-90::after {
display: block;
content: "";
clear: both; }
.spacer-70 .spacer-110 {
height: 110px; }
.spacer-70 .spacer-110::after {
display: block;
content: "";
clear: both; }

.spacer-content {
height: 100px; }
.spacer-content::after {
display: block;
content: "";
clear: both; }

.section {
position: relative; }

.section-heading, .rs-feature-box-1 .title {
font-size: 28px;
line-height: 1em;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 5px;
padding-left: 30px;
position: relative;
color: #620303;
position: relative; }
.section-heading:before, .rs-feature-box-1 .title:before {
content: '';
display: block;
width: 5px;
height: 25px;
background-color: #620303;
position: absolute;
left: 0;
top: 0; }
.section-heading:after, .rs-feature-box-1 .title:after {
content: '';
display: block;
width: 5px;
height: 25px;
background-color: #666666;
position: absolute;
left: 7px;
top: 5px; }
.section-heading.light, .rs-feature-box-1 .light.title {
color: #620303; }
.section-heading.light span, .rs-feature-box-1 .light.title span {
color: #ffffff; }
.section-heading.light:after, .rs-feature-box-1 .light.title:after {
background: #ffffff; }
.section-heading.text-center, .rs-feature-box-1 .text-center.title {
padding-left: 0; }
.section-heading.text-center:after, .rs-feature-box-1 .text-center.title:after, .section-heading.text-center:before, .rs-feature-box-1 .text-center.title:before {
display: none; }
@media (max-width: 767px) {
.section-heading, .rs-feature-box-1 .title {
font-size: 24px; } }

.supheading {
font-size: 18px;
color: #620303;
letter-spacing: 1px;
margin-bottom: 10px; }

.subheading {
margin-top: -20px;
margin-bottom: 30px;
color: #666666;
font-size: 16px; }
.subheading.text-center {
width: 60%;
margin-left: auto;
margin-right: auto; }

.title-heading {
font-family: "Poppins", sans-serif;
font-size: 38px;
font-weight: 600;
color: #222;
line-height: 1.2; }

.section-border {
border-bottom: 1px solid rgba(102, 102, 102, 0.2); }

.font-primary {
font-family: "Poppins", sans-serif; }

.font-secondary {
font-family: "Poppins", sans-serif; }

.bgi-cover-center {
background-size: cover;
background-position: center; }

.bgi-cover-center {
background-size: cover;
background-position: center; }

.bgi-cover-fixed {
background-size: cover;
background-position: center;
background-attachment: fixed; }

.bgi-repeat {
background-repeat: repeat; }

.bgi-right {
background-position: right;
background-size: auto;
background-repeat: no-repeat; }

.bgi-left {
background-position: left;
background-size: auto;
background-repeat: no-repeat; }

.bgi-overlay-primary {
position: relative; }
.bgi-overlay-primary:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }


blockquote {
padding: 15px 20px;
background-color: #f6f6f6;
margin: 0 0 20px;
border-left: 5px solid #620303;
font-style: italic; }

blockquote.quote {
padding: 15px 0;
background-color: transparent;
margin: 0 0 20px;
border-left: 0;
/*font-family: $font-heading;*/
font-style: italic;
font-size: 24px;
color: #620303; }
blockquote.quote .blockquote-footer {
color: #222; }
blockquote.quote cite {
/*display: block;*/
font-family: "Poppins", sans-serif;
font-size: 15px;
font-style: normal;
color: #666666; }

@media (max-width: 767px) {
.bgi-hide-xs {
background-image: none !important; } }
/* OWL */
.owl-theme .owl-dots .owl-dot span {
width: 7px;
height: 7px;
background: gray;
margin: 5px 3px; }
.owl-theme .owl-dots .owl-dot.active span {
width: 20px;
background-color: #620303; }
.owl-theme .owl-dots .owl-dot:hover span {
background-color: #620303; }
.owl-theme .owl-controls {
margin-top: 50px; }

.owl-light .owl-dots .owl-dot span {
width: 7px;
height: 7px;
background: #ffffff;
margin: 5px 3px; }
.owl-light .owl-dots .owl-dot.active span {
width: 20px;
background-color: #666666; }
.owl-light .owl-dots .owl-dot:hover span {
background-color: #666666; }
.owl-light .owl-controls {
margin-top: 50px; }

#carousel3 .owl-dots {
margin-top: 50px !important; }

/* END OWL */
.font-primary {
font-family: "Poppins", sans-serif; }

.bg-primary {
background-color: #620303 !important; }

.bg-secondary {
background-color: #990000 !important; }

.bg-tertiary {
background-color: transparent !important; }

.bg-gray {
background-color: #222222; }

.bg-gray-light {
background-color: rgba(34, 34, 34, 0.1); }

.bg-overlay-primary {
position: relative; }
.bg-overlay-primary:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #620303;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }

.bg-overlay-secondary {
position: relative; }
.bg-overlay-secondary:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #ccc;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30); }

.bg-dark {
background-color: #000 !important; }

.lh-1 {
line-height: 1.3; }

.text-primary {
color: #620303 !important; }
.text-primary a {
color: #620303; }
.text-primary a:hover {
color: #666666; }

.text-secondary {
color: #666666 !important; }

.text-white a {
color: #ffffff; }

.text-black, .rs-team-1 .title {
color: #222 !important; }
.text-black a, .rs-team-1 .title a {
color: #222; }

.pos-relative {
position: relative; }

.banner-page {
display: block;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
background-position: center;
background-image:url(../images/page-banners/page-banner.jpg");
/*&:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba($color-primary, .5);
}*/ }
.banner-page .content-wrap {
padding: 100px 0 80px 0; }
.banner-page .title-page {
text-align: center;
margin-bottom: 0;
color: #fff; }
.banner-page .breadcrumb-container {
background-color: transparent; }
.banner-page .breadcrumb {
padding: 0;
margin: 0;
text-align: center;
background-color: transparent;
font-family: "Poppins", sans-serif;
font-style: italic;
color: #ffffff; }
.banner-page .breadcrumb > .active,
.banner-page .breadcrumb a {
color: #620303!important;
	text-decoration: none!important;
font-weight: 900;}
.banner-page .breadcrumb > .active:hover,
.banner-page .breadcrumb a:hover {
color: #620303; }
.breadcrumb-item:after{
content: "/";
color: #620303!important; 

margin-left: 8px;
margin-right: 8px;
color: #fff;
font-weight: normal;
}
.breadcrumb-item-final:after{
	content: "";}
.overlap {
margin-top: -70px;
position: relative;
z-index: 2; }
@media (max-width: 767px) {
.overlap {
margin-top: 0; } }

.gutter-5 {
margin-right: 0;
margin-left: 0; }
.gutter-5 > [class^="col-"],
.gutter-5 > [class*=" col-"],
.gutter-5 [class*='col-'],
.gutter-5 [class*=" col-"] {
padding-right: 5px;
padding-left: 5px; }

.pagination {
margin-left: 0; }
.pagination .page-item .page-link {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding: 15px 20px;
margin-right: 5px;
margin-bottom: 5px;
color: #666666;
display: inline-block;
border-color: 1px solid #b3b3b3;
background: #ffffff; }
.pagination .page-item .page-link:hover, .pagination .page-item .page-link.active {
color: #ffffff;
background: #620303; }
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }
.pagination .page-item.active .page-link {
color: #ffffff;
background: #620303;
border-color: #620303; }

.p-check {
padding-left: 40px;
position: relative;
margin-bottom: 0.25rem;
font-size: 18px; }
.p-check:before {
content: "\f00c";
font-family: FontAwesome;
padding-top: 2px;
position: absolute;
color: #620303;
left: 0;
width: 30px;
height: 30px;
background: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
text-align: center; }

hr.content {
margin-top: 100px;
margin-bottom: 100px; }

.jumbo-heading {
font-weight: 600;
font-size: 20px;
position: relative;
font-size: 50px;
line-height: 1;
}
@media (max-width: 767px) {
.jumbo-heading {
font-size: 40px; } }

.cre-gutters {
margin-right: -15px;
margin-left: -15px; }

ul.bull {
margin: 0 0 20px;
list-style: none;
padding: 0; }
ul.bull li {
position: relative;
padding: 0 0 0 26px;
margin: 0 0 14px; }
ul.bull li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
left: 0;
top: 2px;
display: inline-block;
vertical-align: top;
font-size: 16px;
color: #620303; }

ul.checklist {
margin: 0 0 20px;
list-style: none;
padding: 0; }
ul.checklist li {
list-style: none;
margin: 10px 0 10px 35px; }
ul.checklist li:before {
font-family: FontAwesome;
content: "\f00c";
font-size: 20px;
color: #620303;
margin-left: -35px;
margin-right: 15px; }

.cre-gutters > .col,
.cre-gutters > [class*="col-"] {
padding-right: 30px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 60px;
border-left: 1px solid #ccc; }

.cre-gutters > .col:last-child,
.cre-gutters > [class*="col-"]:last-child {
border-right: 1px solid #ccc; }

.single-page .title,
.single-news .title {
font-size: 28px;
font-weight: 700;
color: #222;
margin-bottom: 10px; }

.zero-row {
margin-left: -15px;
margin-right: -15px; }
.zero-row > .col, .zero-row > [class*="col-"] {
padding-right: 0;
padding-left: 0; }

/**
* 3. - COMPONENTS
* -----------------------------------------------------------------------------
*/
.anim-media .media-box, .rs-image-box .media-box, .rs-class-box .media-box, .box-image-1 .media-box, .box-image-2 .media-box, .box-image-3 .media-box, .feature-box-8 .media-box, .rs-team-2 .media-box, .rs-team-single .media-box, .feature-box-7 .media-box {
width: 100%;
/*margin-bottom: 30px;*/
position: relative;
background-color: #ffffff;
overflow: hidden; }
.anim-media .media-box img, .rs-image-box .media-box img, .rs-class-box .media-box img, .box-image-1 .media-box img, .box-image-2 .media-box img, .box-image-3 .media-box img, .feature-box-8 .media-box img, .rs-team-2 .media-box img, .rs-team-single .media-box img, .feature-box-7 .media-box img {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.anim-media:hover .media-box, .rs-image-box:hover .media-box, .rs-class-box:hover .media-box, .box-image-1:hover .media-box, .box-image-2:hover .media-box, .box-image-3:hover .media-box, .feature-box-8:hover .media-box, .rs-team-2:hover .media-box, .rs-team-single:hover .media-box, .feature-box-7:hover .media-box {
background-color: #620303; }
.anim-media:hover .media-box img, .rs-image-box:hover .media-box img, .rs-class-box:hover .media-box img, .box-image-1:hover .media-box img, .box-image-2:hover .media-box img, .box-image-3:hover .media-box img, .feature-box-8:hover .media-box img, .rs-team-2:hover .media-box img, .rs-team-single:hover .media-box img, .feature-box-7:hover .media-box img {
opacity: 0.8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }

.anim-shadow, .rs-shop-box, .rs-class-box {
-webkit-box-shadow: 4px 5px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 4px 5px 0 rgba(0, 0, 0, 0);
box-shadow: 4px 5px 0 rgba(0, 0, 0, 0); }
.anim-shadow:hover, .rs-shop-box:hover, .rs-class-box:hover {
-webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2); }

.gradasi-primary, .bgi-overlay-primary:before {
background: -webkit-gradient(linear, left center, right center, from(#1d609b), color-stop(100%, #666666));
background: -webkit-linear-gradient(left, #1d609b, #666666 100%);
background: linear-gradient(to right, #1d609b, #666666 100%); }

/* ==========================
2.1 - Buttons
============================= */
.btn, .btn-primary, .btn-secondary, .btn-primary.disabled, .btn-light, .btn-ghost-primary, .btn-ghost-secondary, .btn-ghost-light {
font-size: 14px;
color: #ffffff;
padding: 10px 20px;
border: 0;
min-width: 150px;
font-family: "Poppins", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
font-size: 16px;
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1); }



.btn-default {
background-color: #620303;
color: #ffffff;
padding: 15px 20px;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }

.btn-default:hover {
background-color: #990000; 
color: #ffffff!important;}

.btn-primary {
background-color:#990000!important;
color: #ffffff; 
}
.btn-primary:hover{
background-color: #666666!important;
color: #ffffff!important; 
}

.btn-secondary {
background-color: #666666!important;
color: #ffffff; }
.btn-secondary:hover {
background-color: #990000!important;
color: #ffffff!important; }

.btn-primary.disabled {
background-color: #620303;
color: #ffffff; }
.btn-primary.disabled:hover {
background-color: #05101a;
color: #ffffff; }

.btn-secondary.disabled {
background-color: #666666;
border-color: #666666; }
.btn-secondary.disabled:hover {
background-color: #eeb200;
color: #ffffff; }

.btn-light {
background-color: #ffffff;
color: #620303;
border: 1px solid #ffffff; }
.btn-light:hover {
background-color: #222;
color: #ffffff;
border-color: #222; }

.btn-ghost-primary {
background-color: transparent;
color: #620303;
border: 1px solid #620303; }
.btn-ghost-primary:hover {
background-color: #620303;
color: #ffffff;
border-color: #620303; }

.btn-ghost-secondary {
background-color: transparent;
color: #666666;
border: 1px solid #666666; }
.btn-ghost-secondary:hover {
background-color: #666666;
color: #ffffff;
border-color: #666666; }

.btn-ghost-light {
background-color: transparent;
color: #ffffff;
border: 1px solid #ffffff; }
.btn-ghost-light:hover {
background-color: #ffffff;
color: #620303;
border-color: #ffffff; }

.btn-icon {
font-size: 18px; }
.btn-icon .fa {
margin-right: 10px;
vertical-align: middle;
width: 50px;
height: 50px;
border: 1px solid #666666;
border-radius: 30px;
padding-left: 5px;
padding-top: 10px;
font-size: 1.5em; }
.btn-icon:hover .fa {
border-color: #620303; }

.btn-rect {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }

.btn-video {
color: #ffffff; }
.btn-video i {
width: 80px;
height: 80px;
background-color: #620303;
color: #222;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding: 22px;
font-size: 34px;
text-align: center; }

/* ==========================
SOSMED-ICON
============================= */
.sosmed-icon a {
color: #620303;
background-color: transparent;
width: 40px;
height: 40px;
font-size: 18px;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
margin: 0; }
.sosmed-icon a:hover {
/*color: $color-body;*/
color: #ffffff; }
@media (max-width: 991px) {
.sosmed-icon a {
width: 30px; } }
.sosmed-icon.icon-bg-primary a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
background-color: #620303;
margin: 0 2px; }
.sosmed-icon.icon-bg-primary a:hover {
color: #666666; }
.sosmed-icon.icon-bg-secondary a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
color: #620303;
background-color: #666666;
margin: 0 2px; }
.sosmed-icon.icon-bg-secondary a:hover {
color: #666666;
background-color: #620303; }

/* ==========================
FEATURE ICON
============================= */
.rs-feature-1 {
position: relative;
background-color: #F8F8F8;
border: 1px solid #F0F0F0;
padding: 20px 20px;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.rs-feature-1 .no {
position: absolute;
top: 0;
right: 20px;
font-size: 72px;
font-family: "Poppins", sans-serif;
font-weight: 700;
opacity: 0.15;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
filter: alpha(opacity=15); }
.rs-feature-1 .media {
width: 100%;
margin-bottom: 30px;
background-color: transparent; }
.rs-feature-1 .icon {
font-size: 48px;
color: #620303; }
.rs-feature-1 .body {
position: relative; }
.rs-feature-1 .title {
color: #222; }
.rs-feature-1:hover {
background-color: #666666;
color: #ffffff;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.15) !important; }
.rs-feature-1:hover .title {
color: #ffffff; }

/* ==========================
IMAGE BOX
============================= */
.rs-image-box {
margin-bottom: 30px;
overflow: hidden;
position: relative;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.rs-image-box .media-box {
margin-bottom: 10px; }
.rs-image-box:hover .media {
background-color: #ffffff; }
.rs-image-box .text-box {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.rs-image-box .price {
color: #620303; }

.rs-shop-box {
background-color: #ffffff;
margin-bottom: 30px;
overflow: hidden;
position: relative;
border: 1px solid #b3b3b3; }
.rs-shop-box .media {
text-align: center; }
.rs-shop-box .media a {
width: 100%; }
.rs-shop-box .body-text {
padding: 20px 20px;
border-top: 1px solid #b3b3b3; }
.rs-shop-box .body-text .title {
font-weight: 400;
color: #666666;
font-size: 16px;
margin-bottom: 10px; }
.rs-shop-box .body-text .title a {
color: #666666; }
.rs-shop-box .body-text .title a:hover {
color: #620303; }
.rs-shop-box .body-text .price {
color: #620303;
font-weight: 700;
font-size: 18px;
float: left; }
.rs-shop-box .body-text .meta {
display: -ms-flexbox;
display: flex;
justify-content: space-between !important; }

.title-blok {
font-weight: 400;
color: #666666;
font-size: 16px;
margin-bottom: 10px; }
.title-blok a {
color: #666666; }
.title-blok a:hover {
color: #620303; }

.rating, .shop-item-sidebar .body-text, .single-shop {
unicode-bidi: bidi-override;
direction: rtl; }
.rating span:before, .shop-item-sidebar .body-text span:before, .single-shop span:before {
color: #620303;
content: "\2605";
display: inline-block;
position: relative;
font-size: 1.2em;
width: .6em; }

.shop-item-sidebar {
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
align-items: center !important; }
.shop-item-sidebar .media {
width: 90px;
height: 90px;
border: 1px solid #b3b3b3;
margin-right: 20px; }
.shop-item-sidebar .body-text .title {
font-weight: 400;
color: #666666;
font-size: 16px;
margin-bottom: 10px; }
.shop-item-sidebar .body-text .title a {
color: #666666; }
.shop-item-sidebar .body-text .title a:hover {
color: #620303; }
.shop-item-sidebar .body-text .price {
color: #620303;
font-weight: 700;
font-size: 18px; }

.single-shop .price {
color: #620303;
font-weight: 700;
font-size: 18px; }

/* ==========================
ICON 2
============================= */
.box-icon-1 {
margin-bottom: 15px;
text-align: center;
height: 100%;
background-color: transparent;
border-bottom: 4px solid #620303;
padding: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); }
.box-icon-1 .icon {
background-color: transparent;
color: #620303;
display: inline-block;
font-size: 50px;
line-height: 2.2;
width: 85px;
height: 85px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
margin-bottom: 20px; }
.box-icon-1 .body-content h1, .box-icon-1 .body-content h2, .box-icon-1 .body-content .banner-page .title-page, .banner-page .box-icon-1 .body-content .title-page, .box-icon-1 .body-content h3, .box-icon-1 .body-content h4, .box-icon-1 .body-content .rs-team-2 .title, .rs-team-2 .box-icon-1 .body-content .title, .box-icon-1 .body-content .rs-team-single .title, .rs-team-single .box-icon-1 .body-content .title, .box-icon-1 .body-content h5 {
color: #222; }
.box-icon-1 .readmore {
color: #620303;
padding: 20px 0;
clear: both; }
.box-icon-1:hover {
background-color: #ffffff;
border-bottom-color: #666666;
-moz-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-o-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); }
.box-icon-1:hover .icon,
.box-icon-1:hover h1, .box-icon-1:hover h2, .box-icon-1:hover .banner-page .title-page, .banner-page .box-icon-1:hover .title-page, .box-icon-1:hover h3, .box-icon-1:hover h4, .box-icon-1:hover .rs-team-2 .title, .rs-team-2 .box-icon-1:hover .title, .box-icon-1:hover .rs-team-single .title, .rs-team-single .box-icon-1:hover .title, .box-icon-1:hover h5 {
/*color: $color-secondary;*/ }

.box-icon-2 {
margin-bottom: 5px;
height: 100%; }
.box-icon-2 .icon {
background-color: #620303;
color: #ffffff;
display: block;
font-size: 36px;
line-height: 2;
width: 85px;
height: 85px;
border: 4px solid #b3b3b3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin-right: 20px;
margin-bottom: 20px;
float: left;
text-align: center; }
.box-icon-2 .body-content {
margin-left: 105px; text-decoration: none!important;}


.box-icon-2 .body-content h1, .box-icon-2 .body-content h2, .box-icon-2 .body-content .banner-page .title-page, .banner-page .box-icon-2 .body-content .title-page, .box-icon-2 .body-content h3, .box-icon-2 .body-content h4, .box-icon-2 .body-content .rs-team-2 .title, .rs-team-2 .box-icon-2 .body-content .title, .box-icon-2 .body-content .rs-team-single .title, .rs-team-single .box-icon-2 .body-content .title, .box-icon-2 .body-content h5 {
color: #222; }

.box-icon-3 {
margin-bottom: 40px;
text-align: center;
position: relative; }
.box-icon-3 .num {
font-size: 100px;
color: #dedede;
position: absolute;
top: 0;
left: 0;
line-height: .6; }
.box-icon-3 .icon {
font-size: 36px;
line-height: 1;
color: #620303; }
.box-icon-3 .body-content {
font-size: 14px;
line-height: 1.4; text-decoration: none!important;}
.box-icon-3 .body-content h4, .box-icon-3 .body-content .rs-team-2 .title, .rs-team-2 .box-icon-3 .body-content .title, .box-icon-3 .body-content .rs-team-single .title, .rs-team-single .box-icon-3 .body-content .title {
clear: none;
text-transform: uppercase; }
.box-icon-3 .body-content h4:after, .box-icon-3 .body-content .rs-team-2 .title:after, .rs-team-2 .box-icon-3 .body-content .title:after, .box-icon-3 .body-content .rs-team-single .title:after, .rs-team-single .box-icon-3 .body-content .title:after {
content: '';
height: 2px;
width: 30px;
display: block;
margin: 7% auto;
background: #dedede; }

.rs-icon-2 {
margin-bottom: 15px; }
.rs-icon-2 .info-icon {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.rs-icon-2 .fa {
color: #620303;
text-align: center;
font-size: 42px;
line-height: 1.8;
width: 80px;
height: 80px;
border: 2px solid rgba(102, 102, 102, 0.2);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin-right: 20px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.rs-icon-2 .body-content {
position: relative;
margin-top: 20px; }
.rs-icon-2::after {
display: block;
content: "";
clear: both; }
.rs-icon-2.text-center {
text-align: center; }
.rs-icon-2.text-center .fa {
width: 80px;
height: 80px;
padding-top: 22px;
margin-bottom: 20px; }
.rs-icon-2.text-center .info-icon {
display: block; }
.rs-icon-2:hover .info-icon .fa {
background-color: #666666;
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }

@-webkit-keyframes hvr-icon-push {
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); } }
@keyframes hvr-icon-push {
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); } }
.rs-icon-info {
margin-bottom: 15px;
color: #ffffff; }
.rs-icon-info .info-icon {
display: table-cell;
position: relative; }
.rs-icon-info h1, .rs-icon-info h2, .rs-icon-info .banner-page .title-page, .banner-page .rs-icon-info .title-page, .rs-icon-info h3, .rs-icon-info h4, .rs-icon-info .rs-team-2 .title, .rs-team-2 .rs-icon-info .title, .rs-icon-info .rs-team-single .title, .rs-team-single .rs-icon-info .title, .rs-icon-info h5 {
margin-bottom: 10px; }
.rs-icon-info .fa {
width: 80px;
height: 80px;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
text-align: center;
padding-top: 17px;
font-size: 50px;
color: #ffffff; }
.rs-icon-info .info-text {
display: table-cell;
padding-left: 20px;
position: relative;
vertical-align: middle;
color:}
.rs-icon-info::after {
display: block;
content: "";
clear: both; }

.rs-icon-info-2 {
display: flex;
align-items: flex-start; }
.rs-icon-info-2 .info-icon {
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center; }
.rs-icon-info-2 .fa {
width: 70px;
height: 70px;
margin-right: 20px;
color: #620303;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding-top: 7px;
font-size: 30px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; }
.rs-icon-info-2 .body-text {
position: relative; }
.rs-icon-info-2 h1, .rs-icon-info-2 h2, .rs-icon-info-2 .banner-page .title-page, .banner-page .rs-icon-info-2 .title-page, .rs-icon-info-2 h3, .rs-icon-info-2 h4, .rs-icon-info-2 .rs-team-2 .title, .rs-team-2 .rs-icon-info-2 .title, .rs-icon-info-2 .rs-team-single .title, .rs-team-single .rs-icon-info-2 .title, .rs-icon-info-2 h5, .rs-icon-info-2 h6 {
margin-bottom: 10px;
color: #333333; }

/*.rs-icon-info-3{
margin-bottom: 15px;
.info-icon{
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.fa{
width: 60px;
height: 60px;
margin-right: 10px;
color: $white;
background-color: $color-primary;
@include border-radius(10px);
padding-top: 14px;
font-size: 28px;

-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.info-text{
position: relative;
margin-top: 20px;
}

@include clearfix();

&.text-center{
text-align: center;
.fa{
width: 80px;
height: 80px;
padding-top: 22px;
margin-bottom: 20px;
}
.info-icon{
display: block;
}
}

&:hover{
.info-icon{
.fa{
color: $white;
background-color: $color-primary;
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
}
}

}*/
@-webkit-keyframes hvr-icon-push {
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); } }
@keyframes hvr-icon-push {
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px); } }
.rs-icon-info-3 {
margin-bottom: 15px; }
.rs-icon-info-3 .info-icon {
display: table-cell;
text-align: center; }
.rs-icon-info-3 .fa {
width: 70px;
height: 70px;
color: #ffffff;
background-color: #990000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding-top: 17px;
font-size: 35px; }
.rs-icon-info-3 .info-text {
display: table-cell;
padding-left: 20px;
position: relative;
vertical-align: middle; }
.rs-icon-info-3::after {
display: block;
content: "";
clear: both; }
.rs-icon-info-3:hover .fa {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1; }

.rs-icon-info-4 {
text-align: center;
overflow: hidden;
position: relative;
margin-top: 20px; }
.rs-icon-info-4 .info-icon {
padding-bottom: 10px; }
.rs-icon-info-4 .fa {
/*width: 70px;
height: 70px;
background-color: $color_primary;
@include border-radius(50%);
padding-top: 17px;*/
color: #620303;
font-size: 24px; }
.rs-icon-info-4 h1, .rs-icon-info-4 h2, .rs-icon-info-4 .banner-page .title-page, .banner-page .rs-icon-info-4 .title-page, .rs-icon-info-4 h3, .rs-icon-info-4 h4, .rs-icon-info-4 .rs-team-2 .title, .rs-team-2 .rs-icon-info-4 .title, .rs-icon-info-4 .rs-team-single .title, .rs-team-single .rs-icon-info-4 .title, .rs-icon-info-4 h5 {
margin-bottom: 10px; }
.rs-icon-info-4 .title {
color: #666666; }

.box-news-1 {
position: relative;
margin-bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/*height: 100%;*/
border: 1px solid rgba(102, 102, 102, 0.4); }
.box-news-1::after {
display: block;
content: "";
clear: both; }
.box-news-1 .meta-date {
color: #ffffff;
background-color: #222;
padding: 10px 20px;
position: absolute;
top: 20px;
left: 0;
z-index: 2; }
.box-news-1 .media {
width: 45%;
position: relative;
z-index: 1;
overflow: hidden;
background-color: #620303; }
.box-news-1 .media img {
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.box-news-1 .media a:before {
content: "\f0c1";
font-family: FontAwesome;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
text-align: center;
z-index: 9;
color: #ffffff;
font-size: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .25s;
transition: all ease .25s; }
.box-news-1 .body {
width: 55%;
padding: 20px 30px;
position: relative;
color: #666666;
z-index: 2; }
.box-news-1 .body .title {
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.box-news-1 .body .title a {
font-size: 18px;
color: #620303; }
.box-news-1 .body .title a:hover {
color: #666666; }
.box-news-1 .body .title:after {
content: '';
display: block;
vertical-align: bottom;
width: 90px;
height: 1px;
margin-bottom: 10px;
margin-top: 20px;
background-color: #666666; }
.box-news-1:hover .body:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }

@media (max-width: 767px) {
.box-news-1 {
display: block; }
.box-news-1 .media, .box-news-1 .body {
width: 100%; } }
/* ==========================
FACT
============================= */
.rs-icon-funfact {
/*color: $white;*/ }
.rs-icon-funfact .icon {
display: block;
font-size: 28px;
line-height: 2.2;
float: left;
width: 60px;
height: 60px;
background-color: #620303;
color: #ffffff;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.rs-icon-funfact .body-content {
margin-left: 75px; }
.rs-icon-funfact .body-content h1, .rs-icon-funfact .body-content h2, .rs-icon-funfact .body-content .banner-page .title-page, .banner-page .rs-icon-funfact .body-content .title-page, .rs-icon-funfact .body-content h3, .rs-icon-funfact .body-content h4, .rs-icon-funfact .body-content .rs-team-2 .title, .rs-team-2 .rs-icon-funfact .body-content .title, .rs-icon-funfact .body-content .rs-team-single .title, .rs-team-single .rs-icon-funfact .body-content .title, .rs-icon-funfact .body-content h4, .rs-icon-funfact .body-content .rs-team-2 .title, .rs-team-2 .rs-icon-funfact .body-content .title, .rs-icon-funfact .body-content .rs-team-single .title, .rs-team-single .rs-icon-funfact .body-content .title, .rs-icon-funfact .body-content h5, .rs-icon-funfact .body-content h6 {
clear: none;
margin-bottom: 0; }

.rs-icon-funfact-2 {
text-align: center; }
.rs-icon-funfact-2 .icon {
display: block;
font-size: 50px;
line-height: 2.2;
margin: 0 auto;
width: 100px;
height: 100px;
background-color: #620303;
color: #666666;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.rs-icon-funfact-2 .body-content {
display: block; }
.rs-icon-funfact-2 .body-content h1, .rs-icon-funfact-2 .body-content h2, .rs-icon-funfact-2 .body-content .banner-page .title-page, .banner-page .rs-icon-funfact-2 .body-content .title-page, .rs-icon-funfact-2 .body-content h3, .rs-icon-funfact-2 .body-content h4, .rs-icon-funfact-2 .body-content .rs-team-2 .title, .rs-team-2 .rs-icon-funfact-2 .body-content .title, .rs-icon-funfact-2 .body-content .rs-team-single .title, .rs-team-single .rs-icon-funfact-2 .body-content .title, .rs-icon-funfact-2 .body-content h4, .rs-icon-funfact-2 .body-content .rs-team-2 .title, .rs-team-2 .rs-icon-funfact-2 .body-content .title, .rs-icon-funfact-2 .body-content .rs-team-single .title, .rs-team-single .rs-icon-funfact-2 .body-content .title, .rs-icon-funfact-2 .body-content h5, .rs-icon-funfact-2 .body-content h6 {
clear: none;
margin-bottom: 0;
color: #ffffff; }
.rs-icon-funfact-2 .body-content p {
color: #ffffff; }
.rs-icon-funfact-2:hover .icon {
color: #666666; }

.rs-funfact {
text-align: center;
color: #ffffff;
background-color: transparent !important; }
.rs-funfact .box-fun {
position: relative;
height: 130px; }
.rs-funfact .box-fun:before {
background-color: transparent;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
margin: 0 auto;
content: '';
width: 100px;
height: 100px;
display: block;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.rs-funfact .box-fun h2, .rs-funfact .box-fun .banner-page .title-page, .banner-page .rs-funfact .box-fun .title-page {
position: absolute;
top: 0;
width: 100%;
text-align: center; }
.rs-funfact.bg-primary .box-fun:before {
background-color: #620303; }
.rs-funfact.bg-secondary .box-fun:before {
background-color: #666666; }
.rs-funfact.bg-tertiary .box-fun:before {
background-color: transparent; }
.rs-funfact.bg-quaternary .box-fun:before {
background-color: transparent; }
.rs-funfact .title {
font-weight: 700;
font-size: 18px; }

/* ==========================
CLASSES
============================= */
.rs-class-box {
overflow: hidden;
background-color: #f8f8f8; }
.rs-class-box .title {
font-size: 18px;
font-family: "Poppins", sans-serif;
color: #222;
font-style: italic;
background-color: #620303;
padding: 15px 30px; }
.rs-class-box .price {
font-size: 24px;
color: #666666;
font-weight: 700; }
.rs-class-box .detail {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
background-color: #222;
color: #ffffff;
font-size: 13px;
font-style: italic;
font-weight: 400; }
.rs-class-box .detail {
margin-left: -15px;
margin-right: -15px;
padding: 10px 30px; }
.rs-class-box .detail .fa {
color: #620303;
margin-right: 7px; }
.rs-class-box .sosmed-icon a {
font-size: 14px; }

/* ==========================
FACT
============================= */
.counter-1 .counter-number {
display: block;
vertical-align: middle;
padding: 0;
width: 70px;
padding-right: 14px;
letter-spacing: -.5px;
font-weight: 700;
font-size: 48px;
color: #ffffff; }
.counter-1 .counter-title {
display: table-cell;
vertical-align: middle;
padding: 0;
text-align: left;
line-height: 18px;
margin-bottom: 0;
color: #ffffff; }

/* ==========================
CTA QUOTE
============================= */
.cta-quote {
text-align: center;
color: #ffffff; }
.cta-quote .title {
font-size: 72px; }
.cta-quote footer {
font-size: 24px; }
.cta-quote footer:before, .cta-quote footer:after {
content: "\2014"; }

/* ==========================
BOX IMAGE
============================= */
.box-image-1 {
margin-bottom: 15px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.box-image-1 .media-img {
margin-bottom: 20px;
width: 70px;
margin-right: 15px; }
.box-image-1 .media-img img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 70px;
height: 70px;
border: 2px solid #620303; }
.box-image-1 .body-content h1, .box-image-1 .body-content h2, .box-image-1 .body-content .banner-page .title-page, .banner-page .box-image-1 .body-content .title-page, .box-image-1 .body-content h3, .box-image-1 .body-content h4, .box-image-1 .body-content .rs-team-2 .title, .rs-team-2 .box-image-1 .body-content .title, .box-image-1 .body-content .rs-team-single .title, .rs-team-single .box-image-1 .body-content .title, .box-image-1 .body-content h5 {
color: #620303;
font-size: 18px; }

.box-image-2 {
margin-bottom: 15px;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start; }
.box-image-2 .media-img {
margin-bottom: 20px;
width: 100px;
margin-right: 15px; }
.box-image-2 .media-img img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 100px;
height: 100px;
border: 2px solid #620303; }
.box-image-2 .body-content h1, .box-image-2 .body-content h2, .box-image-2 .body-content .banner-page .title-page, .banner-page .box-image-2 .body-content .title-page, .box-image-2 .body-content h3, .box-image-2 .body-content h4, .box-image-2 .body-content .rs-team-2 .title, .rs-team-2 .box-image-2 .body-content .title, .box-image-2 .body-content .rs-team-single .title, .rs-team-single .box-image-2 .body-content .title, .box-image-2 .body-content h5 {
color: #620303;
margin-top: 0; }

.box-image-3 {
margin-bottom: 15px;
text-align: center;
height: 100%; }
.box-image-3 .media-box {
margin-bottom: 20px; }
.box-image-3 .body-content h1, .box-image-3 .body-content h2, .box-image-3 .body-content .banner-page .title-page, .banner-page .box-image-3 .body-content .title-page, .box-image-3 .body-content h3, .box-image-3 .body-content h4, .box-image-3 .body-content .rs-team-2 .title, .rs-team-2 .box-image-3 .body-content .title, .box-image-3 .body-content .rs-team-single .title, .rs-team-single .box-image-3 .body-content .title, .box-image-3 .body-content h5 {
font-weight: 400;
color: #222; }
.box-image-3 .body-content h1:after, .box-image-3 .body-content h2:after, .box-image-3 .body-content .banner-page .title-page:after, .banner-page .box-image-3 .body-content .title-page:after, .box-image-3 .body-content h3:after, .box-image-3 .body-content h4:after, .box-image-3 .body-content .rs-team-2 .title:after, .rs-team-2 .box-image-3 .body-content .title:after, .box-image-3 .body-content .rs-team-single .title:after, .rs-team-single .box-image-3 .body-content .title:after, .box-image-3 .body-content h5:after {
margin-left: auto;
margin-right: auto;
content: '';
display: block;
vertical-align: bottom;
width: 50px;
height: 1px;
margin-bottom: 10px;
margin-top: 20px;
background-color: gray; }

.box-image-4 {
position: relative;
/*disini*/ }
.box-image-4 .body-content {
background-color: #ffffff;
/*@include border-radius(10px);*/
margin-left: 20px;
margin-right: 0;
margin-top: -20px;
margin-bottom: 40px;
position: relative;
padding: 20px 20px 20px 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
border-left: 8px solid #990000; 
	
}

.box-image-4 .body-content h1, .box-image-4 .body-content h2, .box-image-4 .body-content .banner-page .title-page, .banner-page .box-image-4 .body-content .title-page, .box-image-4 .body-content h3, .box-image-4 .body-content h4, .box-image-4 .body-content .rs-team-2 .title, .rs-team-2 .box-image-4 .body-content .title, .box-image-4 .body-content .rs-team-single .title, .rs-team-single .box-image-4 .body-content .title, .box-image-4 .body-content h5 {
color: #222; }
.box-image-4 .btn, .box-image-4 .btn-primary, .box-image-4 .btn-secondary, .box-image-4 .btn-light, .box-image-4 .btn-ghost-primary, .box-image-4 .btn-ghost-secondary, .box-image-4 .btn-ghost-light {
-moz-transform: translateY(25px);
-webkit-transform: translateY(25px);
-o-transform: translateY(25px);
-ms-transform: translateY(25px);
transform: translateY(25px); }
.box-image-4:hover .body-content {
-moz-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
-o-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
border-bottom-color: #666666;
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2); }
.box-image-4:hover .body-content h1 a, .box-image-4:hover .body-content h2 a, .box-image-4:hover .body-content .banner-page .title-page a, .banner-page .box-image-4:hover .body-content .title-page a, .box-image-4:hover .body-content h3 a, .box-image-4:hover .body-content h4 a, .box-image-4:hover .body-content .rs-team-2 .title a, .rs-team-2 .box-image-4:hover .body-content .title a, .box-image-4:hover .body-content .rs-team-single .title a, .rs-team-single .box-image-4:hover .body-content .title a, .box-image-4:hover .body-content h5 a {
color: #666666; }

.box-image-5 {
position: relative;
margin-bottom: 10px; }
.box-image-5 .media {
overflow: hidden;
background-color: #620303;
position: relative; }
.box-image-5 .media img {
opacity: 1;
max-width: 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition: 0.1s all linear;
transition: 0.1s all linear; }
.box-image-5 .body {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
background-color: rgba(13, 43, 69, 0.5);
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out; }
.box-image-5 .body .content {
position: absolute;
width: 80%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center; }
.box-image-5 .title {
color: #ffffff;
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
-webkit-transform: translateY(200px);
-moz-transform: translateY(200px);
-ms-transform: translateY(200px);
-o-transform: translateY(200px);
transform: translateY(200px);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.box-image-5 .category {
color: #ffffff;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
display: block; }
.box-image-5:hover .media img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
box-shadow: none;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
.box-image-5:hover .body {
opacity: 1; }
.box-image-5:hover .title, .box-image-5:hover .category {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }

/* Process Workflow */
.box-image-6 {
position: relative;
text-align: center;
color: #ffffff; }
.box-image-6 .media {
position: relative; }
.box-image-6 .media .no {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 20%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
font-size: 24px;
font-family: "Poppins", sans-serif; }
.box-image-6 img {
width: 80%;
height: 80%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
margin: 0 auto; }

.box-widget {
padding: 30px;
color: #ffffff; }
.box-widget .info-text {
padding-left: 30px !important; }

/* ==========================
PRICING TABLE
============================= */
.rs-pricing-1 {
position: relative;
text-align: center;
padding: 30px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: #F6F6F6;
/*border-top: 5px solid $color-primary;*/
/*@extend .anim-shadow;*/
-webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2); }
.rs-pricing-1 .price {
font-size: 40px;
font-weight: 700;
line-height: 1;
padding: 10px 0;
position: relative;
color: #ffffff;
background-color: #620303; }
.rs-pricing-1 .price span {
display: inline-block;
font-size: 28px;
margin: 7px 3px 0 0;
vertical-align: top; }
.rs-pricing-1 .price span.mon {
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin: 0 0 0 8px;
vertical-align: baseline;
letter-spacing: 0; }
.rs-pricing-1 .features ul {
list-style: outside none none;
margin: 0;
padding: 35px 0; }
.rs-pricing-1 .features ul li {
padding: 8px 0; }
.rs-pricing-1 .title {
color: #222;
font-weight: 300; }
.rs-pricing-1.popular {
background-color: #620303;
color: #ffffff;
padding: 50px 0;
-moz-transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-o-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px); }
.rs-pricing-1.popular .price {
color: #ffffff; }
.rs-pricing-1.popular .price span {
color: #ffffff; }
.rs-pricing-1.popular .price span.mon {
color: #ffffff; }
.rs-pricing-1.popular .title {
color: #ffffff; }
.rs-pricing-1.popular .btn-primary {
background-color: #05101a;
color: #ffffff; }

/* ==========================
TESTIMONIALS
============================= */
.testimonial-2 {
position: relative;
margin-bottom: 30px; }
.testimonial-2 .media {
float: left;
margin: 0 30px 0 0;
display: block;
position: relative;
background-color: #620303;
overflow: hidden;
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.testimonial-2 .media img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.testimonial-2 .media:hover img {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
.testimonial-2:hover .media img {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
.testimonial-2 .body {
overflow: hidden;
color: #666666; }
.testimonial-2 .title {
color: #620303;
font-weight: 600;
font-size: 16px; }
.testimonial-2 .position {
color: #e6e6e6; }
.testimonial-2 .company {
color: #e6e6e6;
margin-bottom: 20px;
font-size: 12px; }
@media (max-width: 768px) {
.testimonial-2 .media {
float: none;
margin-left: auto;
margin-right: auto;
clear: both;
text-align: center; }
.testimonial-2 .body {
text-align: center; } }

.rs-feature-box-1 {
position: relative;
padding: 50px 30px;
background-size: cover;
background-position: center;
height: 100%;
color: #ffffff; }
.rs-feature-box-1 .body {
position: relative; }
.rs-feature-box-1 a {
float: right; }
.rs-feature-box-1.bg-primary {
background-color: #620303;
color: #222; }
.rs-feature-box-1.bg-primary .title {
color: #222; }
.rs-feature-box-1.bg-secondary {
background-color: #666666; }
.rs-feature-box-1:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); }

.feature-box-8 {
position: relative;
/*padding-bottom: 20px;*/
background-size: cover;
background-position: center;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
background-color: #666666;
padding: 40px 30px;
height: 100%;
overflow: hidden; }
.feature-box-8:before {
content: '';
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(255, 192, 3, 0.9); }
.feature-box-8.active:before {
background-color: rgba(13, 43, 69, 0.9); }
.feature-box-8 .media {
width: 100%;
margin-bottom: 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px; }
.feature-box-8 .media img {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px; }
.feature-box-8 .body {
position: relative;
padding-right: 50px;
color: #ffffff; }
.feature-box-8 .icon {
display: inline-block;
color: rgba(255, 255, 255, 0.2);
font-size: 70px;
position: absolute;
right: 0px;
bottom: -20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.feature-box-8:hover {
background-color: #620303;
color: #ffffff; }
.feature-box-8:hover .title {
color: #ffffff; }
.feature-box-8:hover .body-content {
color: #ffffff; }
.feature-box-8:hover .icon {
right: 20px; }
.feature-box-8:hover .more {
background-color: #666666;
color: #620303;
border-color: #666666; }
.feature-box-8 p {
margin-bottom: 0; }
.feature-box-8 .title {
margin-bottom: 15px; }
.feature-box-8 .title a {
font-weight: 600;
font-size: 16px;
color: #620303; }
.feature-box-8.active .title a {
color: #666666; }
.feature-box-8 .more {
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 45px;
display: block;
border: 1px solid #666666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
font-size: 24px;
text-align: center; }
.feature-box-8:hover {
-webkit-transform: translateY(-6px);
transform: translateY(-6px); }
.feature-box-8:hover:before {
background-color: rgba(0, 0, 0, 0.8); }
.feature-box-8:hover .title a {
color: #ffffff; }
.feature-box-8:hover .more {
background-color: #620303;
color: #ffffff;
border-color: #620303; }

.rs-box-testimony {
position: relative;
box-sizing: border-box;
display: flex; }
.rs-box-testimony .media-box {
margin-right: 20px; }
.rs-box-testimony .media-box img {
width: 130px;
height: 130px; }
.rs-box-testimony .quote-box {
align-items: center; }
.rs-box-testimony blockquote.quote {
color: #222;
font-size: 18px; }
.rs-box-testimony .quote-name {
color: #620303;
font-size: 18px;
font-family: "Poppins", sans-serif; }
.rs-box-testimony .quote-name span {
font-size: 13px;
font-style: italic;
display: block;
color: #222; }
.rs-box-testimony .quote-name span:before {
content: '\2014 \00A0'; }
@media (max-width: 575px) {
.rs-box-testimony {
display: block; } }

.rs-experience {
position: relative; }
.rs-experience .fa {
position: absolute;
top: 10px;
right: 0;
font-size: 45px;
color: #b3b3b3; }
.rs-experience .position {
font-family: "Poppins", sans-serif; }
.rs-experience .title {
color: #620303;
margin-top: 5px; }


.rs-news-1 {
position: relative;
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
border-bottom: 6px solid #620303;
padding-bottom: 20px;
background-color: #ffffff; 
height: 620px;}
.rs-news-1 .media {
width: 100%;
margin-bottom: 20px;
position: relative;
z-index: 1;
overflow: hidden;
background-color: #620303; }
.rs-news-1 .media img {
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.rs-news-1 .media:before {
content: "\f0c1";
font-family: FontAwesome;
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
text-align: center;
z-index: 9;
color: #ffffff;
font-size: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .25s;
transition: all ease .25s; }
.rs-news-1 .body {
position: relative;
padding: 10px 20px; }
.rs-news-1 .body .title a {
font-size: 18px;
font-weight: 700;
color: #222; }
.rs-news-1 .body .title a:hover {
color: #620303; }
.rs-news-1 .body .title {
margin-bottom: 10px; }
.rs-news-1 .body .meta-date {
color: #620303;
font-size: 12px;
font-style: italic;
margin-bottom: 20px; }
.rs-news-1:hover .body:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }

.rs-news-1:hover .media img {
opacity: 0.4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
.rs-news-1:hover .media:before {
top: 50%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }

/* ==========================
BOX TEAM
============================= */
.rs-team-1 {
position: relative;
text-align: center;
background-color: #ffffff;
-webkit-box-shadow: 4px 5px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 4px 5px 0 rgba(0, 0, 0, 0);
box-shadow: 4px 5px 0 rgba(0, 0, 0, 0);
border-bottom: 2px solid #620303;
padding-bottom: 30px; }
.rs-team-1 .media {
display: block;
position: relative;
background-color: rgba(255, 192, 3, 0);
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-bottom: 20px;
position: relative; }
.rs-team-1 .media img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.rs-team-1 .sosmed-icon {
display: flex;
justify-content: center;
flex-direction: column;
position: absolute;
left: 0;
bottom: 0;
width: 100%; }
.rs-team-1 .sosmed-icon a {
width: 50px;
height: 50px;
background-color: #620303;
color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0; }
.rs-team-1 .sosmed-icon a:hover {
background-color: #666666; }
.rs-team-1:hover {
-webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2); }
.rs-team-1 .title {
font-weight: 700;
font-size: 18px;
color: #666666; }

.rs-team-2 {
position: relative;
text-align: center;
margin-left: 15px;
padding: 0 15px; }
.rs-team-2 .body {
color: #666666; }
.rs-team-2 .title {
margin-bottom: 5px;
color: #222; }
.rs-team-2 .title a {
color: #222; }
.rs-team-2 .position {
margin-bottom: 20px;
font-style: italic;
color: #620303; }
.rs-team-2 .position:before, .rs-team-2 .position:after {
content: ' - '; }
.rs-team-2 .media-box {
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
border: 3px solid #ffffff; }
.rs-team-2 .sosmed-icon a:hover {
color: #666666; }

.rs-team-single .media-box {
position: relative; }
.rs-team-single .body {
overflow: hidden;
color: #666666; }
.rs-team-single .title {
margin-bottom: 5px;
color: #666666; }
.rs-team-single .title a {
color: #666666; }
.rs-team-single .position {
font-size: 14px;
color: #620303;
margin-bottom: 20px;
font-family: "Poppins", sans-serif;
font-style: italic; }
.rs-team-single .overlap-btn {
text-align: center;
position: relative;
top: -80px; }

/* ==========================
BOX ICON
============================= */
.rs-icon-1 .icon {
display: table-cell;
color: #620303;
font-size: 27px;
line-height: 2.2;
width: 60px;
height: 60px;
background: #F8F8F8;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
text-align: center; }
.rs-icon-1 .icon.no-bg {
background-color: transparent; }
.rs-icon-1 .body-content {
display: table-cell;
padding-left: 10px;
vertical-align: middle;
font-weight: 400;
color: #fff3cf; }
.rs-icon-1 .body-content .heading {
font-weight: 700;
color: #666666; }

/* ==========================
FORM CONTACT
============================= */
.form-comment .form-control,
.form-contact .form-control,
.contact .form-control {
height: 45px;
background-color: #ffffff;
border: 1px solid rgba(102, 102, 102, 0.2);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }
.form-comment textarea.form-control,
.form-contact textarea.form-control,
.contact textarea.form-control {
height: auto; }
.form-comment .btn.disabled, .form-comment .disabled.btn-primary, .form-comment .disabled.btn-secondary, .form-comment .disabled.btn-light, .form-comment .disabled.btn-ghost-primary, .form-comment .disabled.btn-ghost-secondary, .form-comment .disabled.btn-ghost-light, .form-comment .btn[disabled], .form-comment [disabled].btn-primary, .form-comment [disabled].btn-secondary, .form-comment [disabled].btn-light, .form-comment [disabled].btn-ghost-primary, .form-comment [disabled].btn-ghost-secondary, .form-comment [disabled].btn-ghost-light, .form-comment fieldset[disabled] .btn, .form-comment fieldset[disabled] .btn-primary, .form-comment fieldset[disabled] .btn-secondary, .form-comment fieldset[disabled] .btn-light, .form-comment fieldset[disabled] .btn-ghost-primary, .form-comment fieldset[disabled] .btn-ghost-secondary, .form-comment fieldset[disabled] .btn-ghost-light,
.form-contact .btn.disabled,
.form-contact .disabled.btn-primary,
.form-contact .disabled.btn-secondary,
.form-contact .disabled.btn-light,
.form-contact .disabled.btn-ghost-primary,
.form-contact .disabled.btn-ghost-secondary,
.form-contact .disabled.btn-ghost-light,
.form-contact .btn[disabled],
.form-contact [disabled].btn-primary,
.form-contact [disabled].btn-secondary,
.form-contact [disabled].btn-light,
.form-contact [disabled].btn-ghost-primary,
.form-contact [disabled].btn-ghost-secondary,
.form-contact [disabled].btn-ghost-light,
.form-contact fieldset[disabled] .btn,
.form-contact fieldset[disabled] .btn-primary,
.form-contact fieldset[disabled] .btn-secondary,
.form-contact fieldset[disabled] .btn-light,
.form-contact fieldset[disabled] .btn-ghost-primary,
.form-contact fieldset[disabled] .btn-ghost-secondary,
.form-contact fieldset[disabled] .btn-ghost-light,
.contact .btn.disabled,
.contact .disabled.btn-primary,
.contact .disabled.btn-secondary,
.contact .disabled.btn-light,
.contact .disabled.btn-ghost-primary,
.contact .disabled.btn-ghost-secondary,
.contact .disabled.btn-ghost-light,
.contact .btn[disabled],
.contact [disabled].btn-primary,
.contact [disabled].btn-secondary,
.contact [disabled].btn-light,
.contact [disabled].btn-ghost-primary,
.contact [disabled].btn-ghost-secondary,
.contact [disabled].btn-ghost-light,
.contact fieldset[disabled] .btn,
.contact fieldset[disabled] .btn-primary,
.contact fieldset[disabled] .btn-secondary,
.contact fieldset[disabled] .btn-light,
.contact fieldset[disabled] .btn-ghost-primary,
.contact fieldset[disabled] .btn-ghost-secondary,
.contact fieldset[disabled] .btn-ghost-light {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }

.form-contact-dark .form-control {
height: 45px;
background-color: #222;
border: 1px solid rgba(34, 34, 34, 0.2);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: none;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }
.form-contact-dark textarea.form-control {
height: auto; }
.form-contact-dark .btn.disabled, .form-contact-dark .disabled.btn-primary, .form-contact-dark .disabled.btn-secondary, .form-contact-dark .disabled.btn-light, .form-contact-dark .disabled.btn-ghost-primary, .form-contact-dark .disabled.btn-ghost-secondary, .form-contact-dark .disabled.btn-ghost-light, .form-contact-dark .btn[disabled], .form-contact-dark [disabled].btn-primary, .form-contact-dark [disabled].btn-secondary, .form-contact-dark [disabled].btn-light, .form-contact-dark [disabled].btn-ghost-primary, .form-contact-dark [disabled].btn-ghost-secondary, .form-contact-dark [disabled].btn-ghost-light, .form-contact-dark fieldset[disabled] .btn, .form-contact-dark fieldset[disabled] .btn-primary, .form-contact-dark fieldset[disabled] .btn-secondary, .form-contact-dark fieldset[disabled] .btn-light, .form-contact-dark fieldset[disabled] .btn-ghost-primary, .form-contact-dark fieldset[disabled] .btn-ghost-secondary, .form-contact-dark fieldset[disabled] .btn-ghost-light {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }

.form-subscribe [type="search"] {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
min-height: 52px;
padding-left: 20px;
padding-right: 20px;
border-color: transparent; }
.form-subscribe .btn, .form-subscribe .btn-primary, .form-subscribe .btn-secondary, .form-subscribe .btn-light, .form-subscribe .btn-ghost-primary, .form-subscribe .btn-ghost-secondary, .form-subscribe .btn-ghost-light {
min-height: 52px; }

/* ==========================
ACCORDION
============================= */
.rs-accordion .card {
/*margin-top: 10px;*/
border-color: transparent; }
.rs-accordion .card .card-header {
color: #666666;
padding: 0;
border-color: transparent; }
.rs-accordion .card .card-header:first-child {
border-radius: 0; }
.rs-accordion .card .btn, .rs-accordion .card .btn-primary, .rs-accordion .card .btn-secondary, .rs-accordion .card .btn-light, .rs-accordion .card .btn-ghost-primary, .rs-accordion .card .btn-ghost-secondary, .rs-accordion .card .btn-ghost-light {
display: block;
width: 100%;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: #620303;
color: #ffffff;
font-size: initial;
font-weight: 700; }
.rs-accordion .card .btn.collapsed, .rs-accordion .card .collapsed.btn-primary, .rs-accordion .card .collapsed.btn-secondary, .rs-accordion .card .collapsed.btn-light, .rs-accordion .card .collapsed.btn-ghost-primary, .rs-accordion .card .collapsed.btn-ghost-secondary, .rs-accordion .card .collapsed.btn-ghost-light {
color: #ffffff;
background-color: #154670; }
.rs-accordion .card .btn:focus, .rs-accordion .card .btn-primary:focus, .rs-accordion .card .btn-secondary:focus, .rs-accordion .card .btn-light:focus, .rs-accordion .card .btn-ghost-primary:focus, .rs-accordion .card .btn-ghost-secondary:focus, .rs-accordion .card .btn-ghost-light:focus {
text-decoration: none; }
.rs-accordion .card:first-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.rs-accordion .card:last-of-type {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.rs-accordion .title {
font-size: 16px;
margin: 0;
padding: 0; }
.rs-accordion .title .btn, .rs-accordion .title .btn-primary, .rs-accordion .title .btn-secondary, .rs-accordion .title .btn-light, .rs-accordion .title .btn-ghost-primary, .rs-accordion .title .btn-ghost-secondary, .rs-accordion .title .btn-ghost-light {
padding: 10px 30px;
position: relative; }
.rs-accordion .title .btn:hover, .rs-accordion .title .btn-primary:hover, .rs-accordion .title .btn-secondary:hover, .rs-accordion .title .btn-light:hover, .rs-accordion .title .btn-ghost-primary:hover, .rs-accordion .title .btn-ghost-secondary:hover, .rs-accordion .title .btn-ghost-light:hover, .rs-accordion .title .btn:active, .rs-accordion .title .btn-primary:active, .rs-accordion .title .btn-secondary:active, .rs-accordion .title .btn-light:active, .rs-accordion .title .btn-ghost-primary:active, .rs-accordion .title .btn-ghost-secondary:active, .rs-accordion .title .btn-ghost-light:active {
text-decoration: none; }
.rs-accordion .title .btn:before, .rs-accordion .title .btn-primary:before, .rs-accordion .title .btn-secondary:before, .rs-accordion .title .btn-light:before, .rs-accordion .title .btn-ghost-primary:before, .rs-accordion .title .btn-ghost-secondary:before, .rs-accordion .title .btn-ghost-light:before {
content: "\29BE";
font-family: Arial;
color: #ffffff;
font-size: 24px;
position: absolute;
top: 7px;
right: 20px;
line-height: 1; }
.rs-accordion .title .btn.collapsed:before, .rs-accordion .title .collapsed.btn-primary:before, .rs-accordion .title .collapsed.btn-secondary:before, .rs-accordion .title .collapsed.btn-light:before, .rs-accordion .title .collapsed.btn-ghost-primary:before, .rs-accordion .title .collapsed.btn-ghost-secondary:before, .rs-accordion .title .collapsed.btn-ghost-light:before {
content: "\29BF";
color: #ffffff; }

.rs-accordion-2 .card {
/*margin-top: 10px;*/
border-color: transparent; }
.rs-accordion-2 .card .card-header {
color: #666666;
padding: 0;
border-color: transparent;
background-color: transparent; }
.rs-accordion-2 .card .card-header:first-child {
border-radius: 0; }
.rs-accordion-2 .card .btn, .rs-accordion-2 .card .btn-primary, .rs-accordion-2 .card .btn-secondary, .rs-accordion-2 .card .btn-light, .rs-accordion-2 .card .btn-ghost-primary, .rs-accordion-2 .card .btn-ghost-secondary, .rs-accordion-2 .card .btn-ghost-light {
display: block;
width: 100%;
text-align: left;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: transparent;
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
color: #620303;
font-size: initial;
font-weight: 700; }
.rs-accordion-2 .card .btn.collapsed, .rs-accordion-2 .card .collapsed.btn-primary, .rs-accordion-2 .card .collapsed.btn-secondary, .rs-accordion-2 .card .collapsed.btn-light, .rs-accordion-2 .card .collapsed.btn-ghost-primary, .rs-accordion-2 .card .collapsed.btn-ghost-secondary, .rs-accordion-2 .card .collapsed.btn-ghost-light {
color: #222;
/*background-color: $color-primary;*/ }
.rs-accordion-2 .card .btn:focus, .rs-accordion-2 .card .btn-primary:focus, .rs-accordion-2 .card .btn-secondary:focus, .rs-accordion-2 .card .btn-light:focus, .rs-accordion-2 .card .btn-ghost-primary:focus, .rs-accordion-2 .card .btn-ghost-secondary:focus, .rs-accordion-2 .card .btn-ghost-light:focus {
text-decoration: none; }
.rs-accordion-2 .card:first-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.rs-accordion-2 .card:last-of-type {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.rs-accordion-2 .title {
font-size: 16px;
margin: 0;
padding: 0; }
.rs-accordion-2 .title .btn, .rs-accordion-2 .title .btn-primary, .rs-accordion-2 .title .btn-secondary, .rs-accordion-2 .title .btn-light, .rs-accordion-2 .title .btn-ghost-primary, .rs-accordion-2 .title .btn-ghost-secondary, .rs-accordion-2 .title .btn-ghost-light {
padding: 10px 20px;
position: relative; }
.rs-accordion-2 .title .btn:hover, .rs-accordion-2 .title .btn-primary:hover, .rs-accordion-2 .title .btn-secondary:hover, .rs-accordion-2 .title .btn-light:hover, .rs-accordion-2 .title .btn-ghost-primary:hover, .rs-accordion-2 .title .btn-ghost-secondary:hover, .rs-accordion-2 .title .btn-ghost-light:hover, .rs-accordion-2 .title .btn:active, .rs-accordion-2 .title .btn-primary:active, .rs-accordion-2 .title .btn-secondary:active, .rs-accordion-2 .title .btn-light:active, .rs-accordion-2 .title .btn-ghost-primary:active, .rs-accordion-2 .title .btn-ghost-secondary:active, .rs-accordion-2 .title .btn-ghost-light:active {
text-decoration: none; }
.rs-accordion-2 .title .btn:before, .rs-accordion-2 .title .btn-primary:before, .rs-accordion-2 .title .btn-secondary:before, .rs-accordion-2 .title .btn-light:before, .rs-accordion-2 .title .btn-ghost-primary:before, .rs-accordion-2 .title .btn-ghost-secondary:before, .rs-accordion-2 .title .btn-ghost-light:before {
content: "\29BE";
font-family: Arial;
color: #ffffff;
font-size: 24px;
position: absolute;
top: 7px;
right: 20px;
line-height: 1; }
.rs-accordion-2 .title .btn.collapsed:before, .rs-accordion-2 .title .collapsed.btn-primary:before, .rs-accordion-2 .title .collapsed.btn-secondary:before, .rs-accordion-2 .title .collapsed.btn-light:before, .rs-accordion-2 .title .collapsed.btn-ghost-primary:before, .rs-accordion-2 .title .collapsed.btn-ghost-secondary:before, .rs-accordion-2 .title .collapsed.btn-ghost-light:before {
content: "\29BF";
color: #ffffff; }

.box-gallery {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 10px; }
.box-gallery a, .box-gallery a img {
display: block;
max-width: 100%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
cursor: pointer;
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.box-gallery a:hover img, .box-gallery a img:hover img {
-webkit-transform: scale(1.05, 1.07);
-ms-transform: scale(1.05, 1.07);
transform: scale(1.05, 1.07);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
transition-duration: 250ms; }
.box-gallery a:hover .project-info, .box-gallery a img:hover .project-info {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.box-gallery a:hover .project-icon, .box-gallery a img:hover .project-icon {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.box-gallery a:hover .project-icon .fa:hover, .box-gallery a img:hover .project-icon .fa:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.box-gallery a:hover .details, .box-gallery a img:hover .details {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
bottom: 0; }
.box-gallery .project-info {
position: absolute;
left: 0px;
top: 0;
right: 0px;
bottom: 0px;
background: rgba(13, 43, 69, 0.5);
/*padding-top: 50%;*/
text-align: center;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .25s;
transition: all ease .25s; }
.box-gallery .project-info .project-icon {
position: relative;
top: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all ease .25s;
transition: all ease .25s;
width: 100%;
color: #666666; }
.box-gallery .project-info .project-icon .fa {
font-size: 50px;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }

/* ==========================
TABS
============================= */
.rs-tabs ul.nav {
margin-left: 0; }
.rs-tabs .nav-tabs .nav-link {
border: 1px solid #b3b3b3;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #620303;
font-size: 18px;
font-weight: 700;
padding: 0.5rem 3rem; }
.rs-tabs .nav-tabs .nav-link.active {
background-color: #620303;
color: #ffffff;
border-color: #620303; }
.rs-tabs .tab-content {
padding: 30px;
background-color: #fafafa;
border: 1px solid #b3b3b3; }

.review-item {
display: flex;
margin-bottom: 20px;
align-items: center; }
.review-item .image {
width: 90px;
height: 90px;
margin-right: 20px; }
.review-item .image img {
border: 2px solid #620303;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }

.media-review img {
width: 90px;
height: 90px;
border: 2px solid #620303;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }

/* ==========================
TESTIMONIAL
============================= */
.rs-testimonial-1 {
position: relative;
margin-bottom: 30px; }
.rs-testimonial-1 .media {
float: left;
margin: 0 30px 30px 0;
width: 200px;
height: 200px;
display: block;
position: relative;
background-color: #ffffff;
border: 5px solid #F8F8F8;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.rs-testimonial-1 .media img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: 0.4s all linear;
transition: 0.4s all linear; }
.rs-testimonial-1 blockquote {
background-color: transparent;
border-left: 0;
font-size: 21px; }
.rs-testimonial-1 .body {
overflow: hidden;
color: #666666; }
.rs-testimonial-1 .title {
color: #222;
font-family: "Poppins", sans-serif;
font-weight: 700;
font-size: 16px; }
.rs-testimonial-1 .title:before {
content: '\2014 \00A0'; }
.rs-testimonial-1 .position {
color: #e6e6e6; }
.rs-testimonial-1 .company {
margin-bottom: 20px; }

.rs-testimonial-2 {
position: relative;
padding: 30px;
border: 1px solid rgba(102, 102, 102, 0.1);
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.rs-testimonial-2 .media {
width: 60px;
height: 60px;
float: left; }
.rs-testimonial-2 .rs-testimonial-footer {
font-weight: 700;
margin-left: 75px; }
.rs-testimonial-2 .rs-testimonial-footer::before {
content: "\2014 \00A0"; }
.rs-testimonial-2 .rs-testimonial-footer cite {
display: block;
font-weight: normal; }

.rs-testimonial-3 {
position: relative;
box-sizing: border-box;
text-align: center; }
.rs-testimonial-3 .quote-box blockquote {
font-size: 24px;
padding: 0;
background-color: transparent;
margin: 0;
border-left: 0; }
.rs-testimonial-3 .quote-box .quote-name {
margin-top: 30px;
font-size: 21px;
line-height: 34px;
color: #222; }
.rs-testimonial-3 .quote-box .quote-name:before {
content: '\2014 \00A0';
color: #666666; }
.rs-testimonial-3 .quote-box .quote-name span {
font-size: 12px;
font-style: italic;
font-weight: normal;
display: block; }
.rs-testimonial-3 .quote-box .media {
margin: 40px 0 20px 0;
text-align: center; }
.rs-testimonial-3 .quote-box .media img {
border: 3px solid #620303;
margin: 0 auto;
width: 150px;
height: 150px; }

.rs-box-widget {
position: relative;
background-color: #F8F8F8;
padding: 30px;
display: block; }
.rs-box-widget .icon {
position: absolute;
bottom: 20px;
right: 20px; }
.rs-box-widget .icon .fa {
font-size: 50px;
color: rgba(102, 102, 102, 0.3); }
.rs-box-widget .body {
position: relative; }
.rs-box-widget h1, .rs-box-widget h2, .rs-box-widget .banner-page .title-page, .banner-page .rs-box-widget .title-page, .rs-box-widget h3, .rs-box-widget h4, .rs-box-widget .rs-team-2 .title, .rs-team-2 .rs-box-widget .title, .rs-box-widget .rs-team-single .title, .rs-team-single .rs-box-widget .title, .rs-box-widget h5, .rs-box-widget h6 {
color: #620303;
margin-top: 0;
margin-bottom: 0; }
.rs-box-widget.bg-primary {
display: block; }
.rs-box-widget.bg-secondary {
background-color: #666666;
color: #ffffff; }

/* ==========================
Back To Top Section
============================= */
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 50px;
right: 10px;
z-index: 999;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #620303 url("../images/cd-top-arrow.svg") no-repeat center 50%;
visibility: hidden;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px; }
.cd-top:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); }
.cd-top.cd-fade-out {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50); }

.progress-bar {
background-color: #620303; }

.rs-progress {
font-family: "Poppins", sans-serif; }
.rs-progress .name {
color: #222;
font-size: 18px;
display: inline-block; }
.rs-progress .name span {
font-size: 16px;
color: #666666; }
.rs-progress .persen {
font-style: italic;
float: right;
padding-top: 14px;
font-weight: 700;
color: #620303; }
.rs-progress .progress {
clear: both;
background-color: #999999;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
height: 5px; }
.rs-progress.progress-right .progress {
flex-direction: row-reverse; }
.rs-progress.progress-right .name {
float: right; }
.rs-progress.progress-right .persen {
float: left; }

.bg-gradient-primary {
background-color: #620303; }

.navfilter {
text-align: left;
/*padding-top: 50px;*/
padding-bottom: 50px; }

.portfolio_filter {
margin: 0;
padding: 0; }
.portfolio_filter li {
display: inline-block;
list-style: none;
padding: 0 2px;
text-decoration: none; }
.portfolio_filter li a {
padding: 14px 25px;
color: #620303;
font-weight: 700;
font-family: "Poppins", sans-serif;
text-transform: none; }
.portfolio_filter li a.active {
color: #666666; }

.item-menu {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between; }
.item-menu .body-text {
width: 80%; }
.item-menu .title {
margin-top: 0;
margin-bottom: 15px;
color: #620303; }
.item-menu .title:after {
content: '';
border-bottom: 2px dotted #666666;
margin-bottom: 10px;
margin-top: 5px;
display: block;
height: 2px;
vertical-align: bottom;
margin-bottom: 5px;
margin-top: 10px; }
.item-menu .price {
color: #222;
font-size: 28px; }

.rs-step {
text-align: left; }
.rs-step .num {
font-size: 60px;
color: rgba(13, 43, 69, 0.4); }
.rs-step:hover .num {
color: #620303; }

.feature-box-7 {
position: relative;
overflow: hidden;
margin-bottom: 30px;
/*.media{
width: 100%;
}*/ }
.feature-box-7 .body {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(13, 43, 69, 0.9);
padding: 20px;
height: 100%;
border-left: 4px solid #666666;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateY(75%);
transform: translateY(75%); }
.feature-box-7 .body .info-box .text {
color: #fff; }
.feature-box-7 .body .info-box .title {
color: #fff;
font-size: 16px;
font-weight: 700;
margin-bottom: 24px;
line-height: 2; }
.feature-box-7:hover .body {
transform: translateY(0%); }
.feature-box-7:hover .body .title:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
.feature-box-7 a {
color: #666666; }

.box-stat {
padding: 0 20px;
border-left: 3px solid #666666;
margin-bottom: 30px;
clear: both; }
.box-stat .icon {
display: inline-block;
color: #666666;
font-size: 48px;
float: right; }
.box-stat .counter {
display: inline-block;
color: #fff;
margin-top: 5px;
margin-bottom: 5px; }
.box-stat p {
display: block;
text-align: left;
color: #fff;
font-size: 18px; }

/* 2.11. BOX HISTORY */
.history-1 .timeline__item {
display: flex;
justify-content: space-between; }
.history-1 .timeline__item .media {
/*display: table-cell;*/
width: 45%; }
.history-1 .timeline__item .media img {
margin-bottom: 80px; }
.history-1 .timeline__item .year {
font-size: 3rem;
font-weight: 700;
color: #002e5b;
letter-spacing: -.04em;
margin-top: -15px;
line-height: normal; }
.history-1 .timeline__item .aksen {
position: relative;
/*display: table-cell;*/
width: 80px; }
.history-1 .timeline__item .aksen:before {
content: '';
position: absolute;
left: 50%;
top: 20px;
bottom: -5px;
width: 1px;
background: rgba(34, 34, 34, 0.1);
border-radius: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.history-1 .timeline__item .aksen:after {
content: '';
position: absolute;
left: 50%;
top: 8px;
width: 15px;
height: 15px;
background: #666666;
border-radius: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.history-1 .timeline__item .text {
/*display: table-cell;*/
/*padding: 0 0 50px;*/
vertical-align: top;
width: 45%; }
.history-1 .timeline__item .text .title {
font-size: 20px;
margin: 0 0 16px;
padding: 0;
font-weight: 700; }
@media (max-width: 767px) {
.history-1 .timeline__item {
display: block; }
.history-1 .timeline__item .media, .history-1 .timeline__item .text {
width: 100%; }
.history-1 .timeline__item .media img, .history-1 .timeline__item .text img {
margin-bottom: 20px; }
.history-1 .timeline__item .aksen {
display: none; } }
.history-1 .timeline__item:nth-child(2n) {
flex-direction: row-reverse; }

.box-partner .item {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
display: flex;
align-items: center; }
.box-partner .item .box-image {
/*float: left;*/
width: 40%;
font-size: 18px; }
.box-partner .item .box-image img {
width: 100%;
border: 1px solid #eee;
padding: 20px; }
.box-partner .item .box-info {
/*float: left;*/
width: 60%;
position: relative;
padding-left: 50px; }
.box-partner .item .box-info .heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px; }
.box-partner .item:after {
content: '';
clear: both;
display: block; }
.box-partner .item:first-child {
padding-top: 0; }
.box-partner .item:last-child {
border-bottom: 0; }
@media (max-width: 767px) {
.box-partner .item {
display: block; }
.box-partner .item .box-image, .box-partner .item .box-info {
width: 100%; } }

/**
* 4. - LOGO & NAVIGATION
* -----------------------------------------------------------------------------
*/
/* 4.1 - NAVBAR */
.topbar {
background-color: #620303;
color: #ffffff;
font-family: "Poppins", sans-serif;
border-bottom: 1px solid #999999; }
.topbar .row {
min-height: 40px; }
.topbar .info .info-item {
display: inline-table;
padding-left: 20px;
padding-right: 20px;
/*border-left: 1px solid $white;*/
border-right: 1px solid #999999;
padding-top: 9px;
height: 40px; }
.topbar .info .info-item:first-child {
border-left: 1px solid #999999; }
@media (max-width: 991px) {
.topbar .info .info-item {
margin-right: 10px; } }
.topbar .info .info-item:last-child {
margin-right: 0; }
.topbar .info .info-item .fa {
margin-right: 7px;
font-size: 18px;
color: #620303; }
.topbar .sosmed-icon a {
color: #ffffff; }
.topbar .sosmed-icon a:hover {
color: #620303;
background-color: #ffffff; }
.topbar a {
color: #ffffff; }
.topbar a:hover {
color: #620303; }

.middlebar {
/*.row{*/
min-height: 90px;
/*}*/ }

/* 4.1 - NAVBAR */
.navbar-brand img {
padding-top: 0;
padding-bottom: 0;
margin-left: -1.5rem; 
width: 70%!important;}

.navbar-main {
font-family: "Poppins", sans-serif;
-webkit-transition: padding .2s ease-in-out;
transition: padding .2s ease-in-out;
/*==========Sub Menu=v==========*/
/******************************Drop-down menu work on hover**********************************/ }
.navbar-main .navbar {
padding: 0rem 1rem; }
.navbar-main ol, .navbar-main li{
margin: 0 0;
font-size: 20px; 
}
.navbar-main ul {
margin-left: 0; }
.navbar-main .navbar-toggler {
color: #620303;

border-color: transparent; }
.navbar-main .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 87, 97, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-main .dropdown-toggle::after {
margin-left: 0.6em;
color: #222; }
.navbar-main .dropdown:hover > .dropdown-menu {
display: block; }
.navbar-main .dropdown-menu {
min-width: 200px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
/*padding: 0.2rem 0;*/
padding: 0 0;
margin-top: 0;
border-width: 0;
background-color: #ffffff;
color: #ffffff;
font-size: 20px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.navbar-main .dropdown-item {
color: #222;
padding: 0.5rem 1.5rem;
border-bottom: 1px solid rgba(34, 34, 34, 0.1); }
.navbar-main .dropdown-item:hover, .navbar-main .dropdown-item:focus {
color: #ffffff;
text-decoration: none!important;
background-color: #620303; }
.navbar-main.stiky .navbar-brand img {
width: 80%; }
.navbar-main.stiky .navbar {
padding-top: 8px;
padding-bottom: 8px; }
.navbar-main.open .navbar-nav {
display: none; 
}
.nav-item {
text-transform: uppercase!important;

}
.navbar-main .dropdown-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.navbar-main .dropdown-item:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.navbar-main .collapse ul > li:hover > a {
color: #620303; }
.navbar-main .collapse ul ul > li:hover > a,
.navbar-main .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-main .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover {
background: #620303;
color: #ffffff; }
.navbar-main .collapse ul ul ul > li:hover > a {
background: #620303;
color: #ffffff; }
@media only screen and (min-width: 767px) {
.navbar-main {
/*******/
/*******/ }
.navbar-main .collapse ul li:hover > ul {
display: block; }
.navbar-main .collapse ul ul {
position: absolute;
top: 100%;
left: 0;
display: none; }
.navbar-main .collapse ul ul li {
position: relative; }
.navbar-main .collapse ul ul li:hover > ul {
display: block; }
.navbar-main .collapse ul ul ul {
position: absolute;
top: 0;
left: 100%;
display: none; }
.navbar-main .collapse ul ul ul li {
position: relative; }
.navbar-main .collapse ul ul ul li:hover ul {
display: block; }
.navbar-main .collapse ul ul ul ul {
position: absolute;
top: 0;
left: -100%;
min-width: 200px;
display: none;
z-index: 1; } }
@media only screen and (max-width: 767px) {
.navbar-main .navbar-nav .show .dropdown-menu .dropdown-menu > li > a {
padding: 16px 15px 16px 35px; }
.navbar-main .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a {
padding: 16px 15px 16px 45px; } }

/* end navbar-main global */
/* END NAVBARMAIN */
.contact-info {
float: right;
margin-top: 5px; }
.contact-info > div {
display: inline-block;
margin-right: 40px;
margin-top: 6px; }
.contact-info > div:last-child {
margin-right: 0; }

.header-1 {
/*position: relative;*/ }
.header-1 .navbar-main {
/*background-color: $navbar_bg;*/
/*position: fixed;
z-index: 1030;
border-bottom: 1px solid rgba($white, .5);
background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,0) 100%);
top: 0;
left: 0;
right: 0;
width: 100%;*/
/* END NAVBAR NAV */
/* END STIKY */ }
.header-1 .navbar-main .nav-link.active,
.header-1 .navbar-main .active > .nav-link {
color: #620303;
background-color: transparent;
/*border-color: $navbar-active-color;*/ }
.header-1 .navbar-main .nav-link {
font-family: "Poppins", sans-serif;
color: #222;
font-weight: 600;
padding: 1.5rem 1.2rem;
background-color: transparent;
border-bottom: 3px solid transparent; }
@media (max-width: 767px) {
.header-1 .navbar-main .nav-link {
padding-top: .7rem;
padding-bottom: .7rem; } }
.header-1 .navbar-main .nav-link:hover {
color: #620303;
background-color: transparent;
/*border-color: $color-primary;*/ }
.header-1 .navbar-main.stiky {
height: auto;
background: #ffffff;
background-color: #ffffff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
padding-top: 40px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
bottom: initial; }
.header-1 .navbar-main.stiky .navbar {
padding-top: 0;
padding-bottom: 0; }
.header-1 .btn-nav {
margin-right: -1rem;
padding: 16px 40px; }
@media (max-width: 991px) {
.header-1 .btn-nav {
margin-right: 0; } }

@media (max-width: 767px) {
.header-1 .navbar-main {
/*background-color: $white;*/ }
.header-1 .navbar-main .navbar-brand {
position: relative;
top: 0; }

.navbar-collapse {
padding-bottom: 20px; }

.btn-nav {
display: block; } }
/**
* 5. - SECTION
* -----------------------------------------------------------------------------
*/
/* 1.1 - Banner */
.banner {
height: 110%;
max-height: 700px;
overflow: hidden;
padding: 0 0;
position: relative; }
.banner .overlay-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(13, 43, 69, 0.5);
z-index: 1; }
.banner .owl-theme {
height: 100%; }
.banner .owl-theme div:not(.owl-controls) {
height: 100%;
overflow: hidden; }
.banner .owl-theme .wrap-caption {
height: auto !important; }
.banner .owl-theme .owl-dots {
height: auto !important;
margin-top: -50px; }
.banner .owl-theme.banner-nav {
height: auto !important; }
.banner .owl-theme.banner-nav .custom-nav {
height: 100px !important; }
.banner .owl-theme .item {
background-repeat: no-repeat;
background-size: cover;
background-position: center; }

@media (max-width: 640px){
.banner .owl-theme .item  {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 540px!important;
}
.banner .owl-theme .item p{font-size: 13px;}
.about{
margin-top:-280px!important;
margin-bottom: -50px!important;
}
}
.banner .owl-theme .item img {
display: none; }
.banner .custom-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
height: auto; }
.banner .custom-nav .owl-prev, .banner .custom-nav .owl-next {
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100;
cursor: pointer; }
.banner .custom-nav .owl-prev i, .banner .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece; }
.banner .custom-nav .owl-prev {
left: 0; }
.banner .custom-nav .owl-next {
right: 0; }
@media (max-width: 767px) {
.banner .custom-nav {
display: none; } }

.counter-slide {
text-align: center;
position: absolute;
z-index: 10;
bottom: 160px;
width: 100%;
color: #ffffff; }

.carousel-thumbs {
margin-top: -90px; }

.wrapCarouselThumbs .owl-item {
border: 3px solid #666666; }
.wrapCarouselThumbs .owl-item.current {
border-color: #620303; }

.main-content {
position: relative; }
.main-content .owl-theme .custom-nav {
position: absolute;
top: 20%;
left: 0;
right: 0; }
.main-content .owl-theme .custom-nav .owl-prev, .main-content .owl-theme .custom-nav .owl-next {
position: absolute;
height: 100px;
color: inherit;
background: none;
border: none;
z-index: 100; }
.main-content .owl-theme .custom-nav .owl-prev i, .main-content .owl-theme .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece; }
.main-content .owl-theme .custom-nav .owl-prev {
left: 0; }
.main-content .owl-theme .custom-nav .owl-next {
right: 0; }

.banner-full {
height: 100%;
position: relative; }

.banner .wrap-caption {
width: 60%;
position: relative;
z-index: 2; }
.banner .wrap-caption .caption-heading {
font-size: 60px;
margin-bottom: 20px;
margin-top: 20px;
font-family: "Poppins", sans-serif;
font-weight: 900;
color: black;
line-height: 1; }

h2.caption-heading.text-white.text-uppercase.shadow-black {
    font-size: 50px;
}

.banner .wrap-caption .caption-heading span {
font-weight: 400; }
.banner .wrap-caption .caption-subheading {
color: black;
font-size: 24px;
font-style: italic; }
.banner .wrap-caption .caption-subheading:after {
content: '';
display: block;
vertical-align: bottom;
width: 100px;
height: 1px;
background-color: #620303;
margin-bottom: 10px;
margin-top: 15px; }
.banner .wrap-caption .bg {
background-color: rgba(102, 102, 102, 0.5);
padding: 20px; }
.banner .wrap-caption p {
/*font-size: 24px;*/
padding: 0;
color: black; }
.banner .wrap-caption p.bg {
background-color: rgba(102, 102, 102, 0.5);
padding: 20px;
/*color: $color_secondary;*/ }
@media (max-width: 991px) {
.banner .wrap-caption {
width: 100%; }
.banner .wrap-caption .caption-heading {
font-size: 45px; }
.banner .wrap-caption .btn, .banner .wrap-caption .btn-primary, .banner .wrap-caption .btn-secondary, .banner .wrap-caption .btn-light, .banner .wrap-caption .btn-ghost-primary, .banner .wrap-caption .btn-ghost-secondary, .banner .wrap-caption .btn-ghost-light {
padding: 13px 20px;
margin-top: 5px;
margin-bottom: 5px; } }
@media (max-width: 575px) {
.banner .wrap-caption {
width: 100%; }
.banner .wrap-caption .caption-heading {
font-size: 30px; }
.banner .wrap-caption .caption-supheading {
font-size: 14px; } }
.banner .h-right {
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.banner .h-right > .wrap-caption {
width: 50%; }
@media (max-width: 991px) {
.banner .h-right > .wrap-caption {
width: 100%; } }
.banner .h-center > .wrap-caption {
width: 80%;
margin: 0 auto;
text-align: center; }
@media (max-width: 991px) {
.banner .h-center > .wrap-caption {
width: 100%; } }

.img-video {
position: relative; }
.img-video .play-video {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 65px;
height: 65px;
background-color: transparent;
border: 3px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: table-cell;
padding-top: 13px;
padding-left: 7px;
text-align: center;
vertical-align: middle;
line-height: 2;
color: #ffffff;
z-index: 2; }
.img-video .play-video:hover {
background-color: #ffffff;
color: #620303; }
.img-video:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background-color: rgba(255, 192, 3, 0.1); }
.img-video img {
border: 8px solid #ffffff; }

.ripple {
position: absolute;
top: 50%;
left: 50%;
height: 65px;
width: 65px;
transform: translateX(-50%) translateY(-50%);
transform-origin: center center;
border-radius: 50%;
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
animation: ripple 2s infinite; }

.ripple:before {
animation-delay: .9s;
content: "";
position: absolute; }

.ripple:after {
animation-delay: .9s;
content: "";
position: absolute; }

@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); }
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.client-img {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #cccccc; }
.client-img:hover {
-webkit-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2);
box-shadow: 4px 5px 30px rgba(0, 0, 0, 0.2); }

/* Google Maps */
.maps-wraper {
position: relative; }

.maps {
width: 100%;
height: 350px;
display: block;
background: #ccc;
position: relative;
overflow: hidden; }
.maps iframe {
width: 100%;
height: 100%;
border: 0;
overflow: hidden;
margin: 0;
padding: 0; }

#google-container {
position: relative;
width: 100%;
height: 500px;
background-color: #fff; }

#cd-google-map {
position: relative;
overflow: hidden; }

#cd-google-map .col-md-12 {
padding: 0; }

#cd-google-map .address {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
padding: 20px 0;
background-color: rgba(5, 5, 5, 0.9); }

#cd-google-map .address .address-item {
position: relative;
padding-left: 44px; }

#cd-google-map .address .address-item i {
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 4px;
color: #fcfcfc;
font-size: 22px;
text-align: center;
line-height: 24px; }

#cd-zoom-in,
#cd-zoom-out {
height: 32px;
width: 32px;
cursor: pointer;
margin-left: 10px;
background-color: #620303;
background-repeat: no-repeat;
background-size: 32px 64px;
background-image: url("../images/cd-icon-controller.svg"); }

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
background-color: #666666; }

#cd-zoom-in {
background-position: 50% 0;
margin-top: 10px;
margin-bottom: 1px; }

#cd-zoom-out {
background-position: 50% -32px; }

.img-cta {
position: relative; }
.img-cta img {
margin-top: -50px;
margin-bottom: 0; }

.cta-1 .body-text {
max-width: 70%;
float: left; }
@media (max-width: 768px) {
.cta-1 .body-text {
max-width: 100%;
text-align: center; } }
.cta-1 .body-action {
max-width: 30%;
float: right;
margin-top: 15px; }
@media (max-width: 768px) {
.cta-1 .body-action {
max-width: 100%;
float: none;
margin: 0 auto;
display: table; } }
.cta-1 .body-action .btn, .cta-1 .body-action .btn-primary, .cta-1 .body-action .btn-secondary, .cta-1 .body-action .btn-light, .cta-1 .body-action .btn-ghost-primary, .cta-1 .body-action .btn-ghost-secondary, .cta-1 .body-action .btn-ghost-light {
display: inline-block;
overflow: hidden;
backface-visibility: hidden;
position: relative;
padding: 15px 35px; }

.cta-overlap {
margin-top: -80px;
position: relative;
z-index: 2;
padding: 30px;
background-color: #666666; }
@media (max-width: 767px) {
.cta-overlap {
margin-top: -10px; } }
.cta-overlap .body-text {
max-width: 70%;
float: left; }
@media (max-width: 768px) {
.cta-overlap .body-text {
max-width: 100%;
text-align: center; } }
.cta-overlap .body-action {
max-width: 30%;
float: right;
margin-top: 15px; }
@media (max-width: 768px) {
.cta-overlap .body-action {
max-width: 100%;
float: none;
margin: 0 auto;
display: table; } }
.cta-overlap .body-action .btn, .cta-overlap .body-action .btn-primary, .cta-overlap .body-action .btn-secondary, .cta-overlap .body-action .btn-light, .cta-overlap .body-action .btn-ghost-primary, .cta-overlap .body-action .btn-ghost-secondary, .cta-overlap .body-action .btn-ghost-light {
display: inline-block;
overflow: hidden;
backface-visibility: hidden;
position: relative;
padding: 15px 35px; }

.bg-breadcrumb {
background-color: #EEEEEE; }
.bg-breadcrumb .breadcrumb {
background-color: #EEEEEE; }

/* WIDGET */
.widget {
margin-bottom: 50px;
clear: both; }

.widget-title {
font-size: 21px;
font-weight: 700;
color: #222;
font-family: "Poppins", sans-serif;
margin-bottom: 30px;
position: relative; }
.widget-title:after {
content: '';
display: block;
vertical-align: bottom;
width: 60px;
height: 1px;
background: #620303;
margin-bottom: 10px;
margin-top: 15px; }

.category-nav {
margin-left: 0;
margin-bottom: 30px;
padding: 0; }

.category-nav {
margin-left: 0;
margin-bottom: 30px;
padding: 0; }
.category-nav li {
list-style: none;
margin: 0;
font-family: "Poppins", sans-serif; }
.category-nav li a {
color: #222;
display: block;
padding: 15px 20px;
margin-bottom: 5px;
background-color: #e6e6e6; }
.category-nav li a:hover {
color: #ffffff;
background-color: #666666; }
.category-nav li.active a {
background-color: #620303;
color: #ffffff; }

.latest-post-item {
position: relative;
padding: 0 20px 10px 100px;
background-color: #ffffff;
border-bottom: 1px solid rgba(102, 102, 102, 0.2);
margin-bottom: 20px; }
.latest-post-item .meta-date {
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
background-color: #620303;
color: #ffffff;
text-align: center;
line-height: 1.2;
padding-top: 10px; }
.latest-post-item .meta-date span {
display: block;
font-size: 24px;
font-weight: 900; }
.latest-post-item .title {
font-family: "Poppins", sans-serif; }
.latest-post-item .title a {
color: #222; }
.latest-post-item .title a:hover {
color: #620303; }
.latest-post-item .meta-hour {
font-size: 12px;
color: #620303;
margin-top: 10px; }
.latest-post-item .meta-author {
font-size: 12px;
font-style: italic; }
.latest-post-item .more-detail {
color: #620303;
font-weight: 900; }
.latest-post-item .more-detail:before {
content: '\f105';
font-family: FontAwesome;
margin-right: 5px; }
.latest-post-item .more-detail:hover {
color: #666666; }

.single-news .media-box {
margin-bottom: 20px;
position: relative; }
.single-news .media-box .meta-date {
color: #ffffff;
background-color: #620303;
padding: 10px 20px;
position: absolute;
bottom: 0;
left: 0;
z-index: 2; }
.single-news .title {
font-size: 28px;
font-weight: 700;
color:#222;
margin-bottom: 10px; }
.single-news .meta-author {
/*color: $color-body;
font-size: 14px;
font-style: italic;
margin-bottom: 20px;*/ }
.single-news .meta {
font-size: 13px;
color: #999999; }
.single-news .meta > div {
margin-right: 20px; }
.single-news .meta .fa {
color: #620303; }

.widget.tags a {
display: inline-block;
vertical-align: top;
padding: 5px 8px 6px;
font-size: 13px !important;
color: rgba(102, 102, 102, 0.8);
border: 1px solid #ccc;
margin: 0 6px 7px 0;
text-decoration: none !important;
text-transform: lowercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
.widget.tags a:hover {
background-color: #620303;
color: #ffffff;
border-color: #620303; }

.author-box {
background-color: rgba(102, 102, 102, 0.1);
padding: 20px;
margin-top: 60px; }
.author-box .media {
display: table-cell;
vertical-align: top;
width: 120px; }
.author-box .media img {
width: 100px;
height: 100px; }
.author-box .body {
margin-left: 20px;
display: table-cell;
vertical-align: top; }
.author-box .media-heading {
color: #222;
font-weight: 600;
font-size: 15px;
margin-bottom: 10px;
font-family: "Poppins", sans-serif; }
.author-box .media-heading span {
font-weight: 400;
display: block;
color: rgba(34, 34, 34, 0.3);
margin-bottom: 8px; }
.author-box:after {
@extent .clrfix; }

.comments-box {
padding-bottom: 30px;
/*border-bottom: 1px solid #E9E9E9;*/ }
.comments-box .media {
/*padding: 20px;*/
padding-bottom: 30px;
border-bottom: 1px solid #E9E9E9;
background-color: #fff;
margin-bottom: 30px; }
.comments-box .media img {
width: 64px; }
.comments-box .media.comment {
background-color: #fff; }
.comments-box .media.reply-comment {
/*background-color:#F6F6F6;*/
margin-left: 40px; }
.comments-box .media:after {
display: table;
content: " ";
clear: both; }
.comments-box .media-heading {
color: #222;
font-weight: 600;
font-family: "Poppins", sans-serif; }
.comments-box .comments-box .media-left img {
width: 100px;
height: 100px; }
.comments-box .date {
float: right;
color: rgba(34, 34, 34, 0.7); }
.comments-box .reply {
margin-top: 5px; }
.comments-box .reply a {
color: rgba(34, 34, 34, 0.7); }
.comments-box .reply a:hover {
color: #666666; }

.similar-box .title-heading,
.comments-box .title-heading,
.leave-comment-box .title-heading {
font-size: 21px;
line-height: 2;
color: #222;
margin-top: 40px;
margin-bottom: 40px; }

/* end single blog */
.promo-ads {
padding: 25px;
background-color: #666666;
border-bottom: 2px solid #620303; }

.page404 .title {
font-size: 150px;
color: #620303;
margin-top: 0;
margin-bottom: 0;
line-height: 1; }

.media-detail {
text-align: center;
border: 1px solid #b3b3b3; }

.border-img {
border: 1px solid #b3b3b3; }

/* 5 columns, percentage width */
.grid-item,
.grid-sizer {
width: 33.33333333%; }

@media (max-width: 425px) {
.grid-item,
.grid-sizer {
width: 100%; } }
.grid-item {
float: left;
background: transparent; }
.grid-item a {
background-color: #620303;
display: block;
margin: 8px; }
.grid-item a img {
width: 100%;
display: block;
margin-bottom: 0; }
.grid-item a:hover img {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }

.gutter-sizer {
width: 2%; }

.sideleft-img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 50%;
margin-left: -15px;
margin-right: 15px;
background-repeat: no-repeat;
background-size: cover; }
.sideleft-img img {
display: none; }
@media (max-width: 991px) {
.sideleft-img {
position: static;
margin-right: 0;
-webkit-transition: all 0.4s ease 0s !important;
transition: all 0.4s ease 0s !important; }
.sideleft-img:hover {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }
.sideleft-img img {
display: block; } }

.sideright-img {
position: absolute;
top: 0;
left: 50%;
bottom: 0;
right: 0;
margin-left: 15px;
margin-right: 0;
background-repeat: no-repeat;
background-size: cover; }
.sideright-img img {
display: none; }
@media (max-width: 767px) {
.sideright-img {
position: static;
-webkit-transition: all 0.4s ease 0s !important;
transition: all 0.4s ease 0s !important; }
.sideright-img:hover {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90); }
.sideright-img img {
display: block; } }

.events-widget {
border: 1px solid #eee;
background-color: #ffffff;
padding: 10px 30px 30px 30px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
overflow: hidden; }
.events-widget .widget-title {
font-size: 20px;
background-color: #620303;
margin: 20px -30px 30px -30px;
padding: 5px 30px;
color: #ffffff; }
.events-widget .widget-title:after {
content: none; }
.events-widget .widget-title:first-child {
margin-top: -10px; }

.p-30 {
padding: 30px; }

.cta-info {
color: #222;
text-align: center;
margin-left: auto;
margin-right: auto; }
.cta-info .title {
font-style: italic; }
.cta-info p {
margin-bottom: 0; }
.cta-info a {
color: #222; }
.cta-info.bordered {
border-left: 1px solid #222;
border-right: 1px solid #222; }

.row-reset {
margin-left: -15px;
margin-right: -15px; }

.contact-info-detail {
position: relative;
padding: 30px;
height: 100%; }
.contact-info-detail:before {
content: '';
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
background-color: #666666;
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60); }

.about-img {
position: relative;
min-height: 300px;
border: 4px solid #333333;
margin-top: 50px;
margin-left: 50px;
margin-right: 50px; }
.about-img .about-img-top {
position: absolute;
width: 50%;
top: -10%;
left: -30px;
z-index: 1;
border: 4px solid #999999; }
.about-img .about-img-bottom {
position: absolute;
width: 50%;
bottom: -10%;
right: -30px;
border: 4px solid #999999; }

.img-box {
position: relative;
margin-bottom: 20px; }
.img-box:before {
content: '';
background: rgba(13, 43, 69, 0.3);
/*@extend .gradasi-primary;*/
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
border-radius: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2; }
.img-box .play-vid {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: block;
padding-top: 24px;
padding-left: 7px;
text-align: center;
z-index: 3; }
.img-box .play-vid a {
color: #620303; }
.img-box .play-vid:hover {
background-color: #666666; }
.img-box img {
border-radius: 5px; }

.vid-box {
position: relative;
padding: 0;
background-size: contain;
background-repeat: no-repeat;
/*&:before{
content: '';
@extend .gradasi-primary;
@include opacity(.6);
border-radius: 5px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}*/ }
.vid-box .play-vid {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
display: block;
padding-top: 24px;
padding-left: 7px;
text-align: center;
z-index: 3; }
.vid-box .play-vid a {
color: #620303; }
.vid-box .play-vid:hover {
background-color: #620303; }
.vid-box .play-vid:hover a {
color: #ffffff; }

.services-nav {
position: relative; }
.services-nav .custom-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
height: auto; }
.services-nav .custom-nav .owl-prev, .services-nav .custom-nav .owl-next {
position: absolute;
width: 50px;
height: 50px;
color: inherit;
background-color: rgba(255, 255, 255, 0.2);
border: none;
z-index: 100;
cursor: pointer; }
.services-nav .custom-nav .owl-prev i, .services-nav .custom-nav .owl-next i {
font-size: 2.5rem;
color: #cecece; }
.services-nav .custom-nav .owl-prev:hover, .services-nav .custom-nav .owl-next:hover {
background-color: #620303; }
.services-nav .custom-nav .owl-prev {
left: 20px; }
.services-nav .custom-nav .owl-next {
right: 20px; }

.author {
position: relative;
padding-left: 35px;
margin-bottom: 35px;
font-size: 16px; }
.author:before {
content: '';
width: 20px;
height: 2px;
position: absolute;
left: 0;
top: 14px;
background: #233D63; }
.author .name {
font-size: 20px; }

.overlap-bottom {
position: relative;
z-index: 100;
margin-bottom: -125px; }

/**
* 6. - FOOTER
* -----------------------------------------------------------------------------
*/
.footer {
background-image: url("../images/background-img-1920x900.jpg");
color:#620303!important;
font-weight: 600!important;
background-size: cover;
background-position: center;
/*border-top: 2px solid $color-primary;*/
position: relative; }
.footer .sosmed-icon a {
font-size: 20px;
margin-left: 5px;
margin-right: 5px; }
.footer .sosmed-icon a {
color: #990000; }
.footer .sosmed-icon a:hover {
color: #666666; }
.footer .footer-item .logo-bottom {
margin-bottom: 10px;
width: 70%!important;}
.footer .footer-item .footer-title {
font-size: 21px;
padding: 10px 0 10px 0;
margin-bottom: 0;
position: relative;
color: #620303;
font-family: "Poppins", sans-serif;
font-weight: 700;
border-bottom: 3px solid #990000;
margin-bottom: 30px;
position: relative; }
.footer .footer-item .footer-title:before {
content: '';
display: block;
width: 80%;
border-top: 3px solid #cccccc;
position: absolute;
left: 0;
bottom: -3px; }
.footer .footer-item .list {
margin: 0;
padding: 0; }
.footer .footer-item .list li {
list-style: none;
padding-bottom: 5px;
padding-top: 5px; }
.footer .footer-item .list li:first-child {
padding-top: 0; }
.footer .footer-item .list li a {
position: relative;
color: #620303!important;
padding-left: 25px; }
.footer .footer-item .list li a:before {
list-style: none;
left: 0;
position: absolute;
color: #620303; }
.footer .footer-item .list li a:hover {
color: #620303; }
.footer .footer-item .footer-subscribe {
position: relative; }
.footer .footer-item .footer-subscribe input[type=email] {
width: 100%;
background: #fff;
padding: 10px 57px 10px 17px;
min-height: 38px;
max-width: 480px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: 0; }
.footer .footer-item .footer-subscribe input[type=email]:focus {
background: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 0 2px #620303;
-moz-box-shadow: 0 0 0 2px #620303;
box-shadow: 0 0 0 2px #620303;
border-color: transparent; }
.footer .footer-item .footer-subscribe input[type=submit] {
position: absolute;
left: 0;
top: 0;
visibility: hidden; }
.footer .footer-item .footer-subscribe label {
position: absolute;
right: 0;
top: 0;
border: 0;
width: 40px;
height: 38px;
line-height: 40px;
padding: 0;
cursor: pointer;
text-align: center;
font-size: 13px;
background: none;
color: #ffffff;
outline: 0 !important;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
background: #620303; }
.footer .footer-item .footer-subscribe .icon {
font-size: 18px; }
.footer .footer-item .footer-subscribe p {
font-size: 13px;
margin-top: 16px; }
.footer .footer-item .apps {
margin: 0;
padding: 0; }
.footer .footer-item .apps li {
list-style: none;
margin: 0 0 30px; }
.footer .footer-item .apps li a {
color:#620303!important;
line-height: 20px;
display: inline-block;
vertical-align: top;
margin: 0 0 14px; }
.footer .footer-item .apps li a:hover {
color: #620303; }
.footer .footer-item .apps li .date {
display: block;
font-size: 12px;
padding: 0;
color: #620303; }
.footer .footer-item .apps li .date i {
margin-right: 5px; }
.footer .fcopy {
padding: 20px 0;
font-size: 14px;
background-color: #091e30; }

.list-info {
margin: 0;
padding: 0; }
.list-info li {
margin-bottom: 20px;
list-style: none;
font-size: 16px; }
.list-info li .info-icon {
display: table-cell;
color: #620303; }
.list-info li .info-text {
/*margin-left: 30px;*/
padding-left: 20px;
display: table-cell;
vertical-align: top; }

.ftex {
margin-bottom: 0; }


.copyright-footer {
	font-weight: 300;
    font-size: 10px; 
	color: #ffffff !important;
}

.copyright-footer a, .email a {
	color: #ffffff !important;
}

td {
	text-align: center;
}

/**
* 7. - RESPONSIVE
* -----------------------------------------------------------------------------
*/

/*# sourceMappingURL=style.css.map */