/*@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-black-webfont.eot');
  src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-black-webfont.svg#latoblack') format('svg'), url('../fonts/lato-black-webfont.woff') format('woff'), url('../fonts/lato-black-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}*/
@font-face {
    font-family: 'nunito-bold';
    src: url('../fonts/nunito/Nunito-Bold.ttf');
    src: url('../fonts/nunito/Nunito-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/poppins/Poppins-Bold.otf');
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/poppins/Poppins-SemiBold.otf');
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/poppins/Poppins-SemiBold.otf');
}

@font-face {
    font-family: 'Rubik-Regular';
    src: url('../fonts/rubik/Rubik-Regular.ttf');
    src: url('../fonts/rubik/Rubik-Regular.ttf') format('truetype');
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: sans-serif;
  }
}
.callout {
  margin-bottom: 25px;
  padding: 20px;
  border-left: 3px solid #eeeeee;
}
.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.callout p:last-child {
  margin-bottom: 0;
}
.callout-danger {
  background-color: #fdf7f7;
  border-color: #ebccd1;
}
.callout-danger h4 {
  color: #a94442;
}
.callout-warning {
  background-color: #faf8f0;
  border-color: #faebcc;
}
.callout-warning h4 {
  color: #8a6d3b;
}
.callout-info {
  background-color: #f4f8fa;
  border-color: #bce8f1;
}
.callout-info h4 {
  color: #31708f;
}
.callout-success {
  background-color: #f9fdf7;
  border-color: #d6e9c6;
}
.callout-success h4 {
  color: #3c763d;
}
.t-ww {
  word-wrap: break-word;
  word-break: break-word;
}
.border-none {
  border: 0;
}
.pos-r {
  position: relative !important;
}
.pos-a {
  position: absolute !important;
}
.pos-f {
  position: fixed !important;
}
.w-sm {
  width: 25% !important;
}
.w-md {
  width: 50% !important;
}
.w-lg {
  width: 75% !important;
}
.w-full {
  width: 100% !important;
}
.w-50 {
  width: 50px !important;
}
.w-100 {
  width: 100px !important;
}
.w-120 {
  width: 120px !important;
}
.w-130 {
  width: 130px !important;
}
.w-140 {
  width: 140px !important;
}
.w-150 {
  width: 150px !important;
}
.w-200 {
  width: 200px !important;
}
.w-300 {
  width: 300px !important;
}
.w-350 {
  width: 350px !important;
}
.m-a-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-a {
  margin: 20px !important;
}
.m-t {
  margin-top: 20px !important;
}
.m-r {
  margin-right: 20px !important;
}
.m-b {
  margin-bottom: 20px !important;
}
.m-l {
  margin-left: 20px !important;
}
.m-x {
  margin-right: 20px !important;
  margin-left: 20px !important;
}
.m-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-a-xs {
  margin: 5px !important;
}
.m-t-xs {
  margin-top: 5px !important;
}
.m-r-xs {
  margin-right: 5px !important;
}
.m-b-xs {
  margin-bottom: 5px !important;
}
.m-l-xs {
  margin-left: 5px !important;
}
.m-x-xs {
  margin-right: 5px !important;
  margin-left: 5px !important;
}
.m-y-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-a-sm {
  margin: 10px !important;
}
.m-t-sm {
  margin-top: 10px !important;
}
.m-r-sm {
  margin-right: 10px !important;
}
.m-b-sm {
  margin-bottom: 10px !important;
}
.m-l-sm {
  margin-left: 10px !important;
}
.m-x-sm {
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.m-y-sm {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-a-md {
  margin: 30px !important;
}
.m-t-md {
  margin-top: 30px !important;
}
.m-r-md {
  margin-right: 30px !important;
}
.m-b-md {
  margin-bottom: 30px !important;
}
.m-l-md {
  margin-left: 30px !important;
}
.m-x-md {
  margin-right: 30px !important;
  margin-left: 30px !important;
}
.m-y-md {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-a-lg {
  margin: 60px !important;
}
.m-t-lg {
  margin-top: 60px !important;
}
.m-r-lg {
  margin-right: 60px !important;
}
.m-b-lg {
  margin-bottom: 60px !important;
}
.m-l-lg {
  margin-left: 60px !important;
}
.m-x-lg {
  margin-right: 60px !important;
  margin-left: 60px !important;
}
.m-y-lg {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.p-a-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-a {
  padding: 20px !important;
}
.p-t {
  padding-top: 20px !important;
}
.p-r {
  padding-right: 20px !important;
}
.p-b {
  padding-bottom: 20px !important;
}
.p-l {
  padding-left: 20px !important;
}
.p-x {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.p-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p-a-xs {
  padding: 5px !important;
}
.p-t-xs {
  padding-top: 5px !important;
}
.p-r-xs {
  padding-right: 5px !important;
}
.p-b-xs {
  padding-bottom: 5px !important;
}
.p-l-xs {
  padding-left: 5px !important;
}
.p-x-xs {
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.p-y-xs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p-a-sm {
  padding: 10px !important;
}
.p-t-sm {
  padding-top: 10px !important;
}
.p-r-sm {
  padding-right: 10px !important;
}
.p-b-sm {
  padding-bottom: 10px !important;
}
.p-l-sm {
  padding-left: 10px !important;
}
.p-x-sm {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.p-y-sm {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p-a-md {
  padding: 30px !important;
}
.p-t-md {
  padding-top: 30px !important;
}
.p-r-md {
  padding-right: 30px !important;
}
.p-b-md {
  padding-bottom: 30px !important;
}
.p-l-md {
  padding-left: 30px !important;
}
.p-x-md {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.p-y-md {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p-a-lg {
  padding: 60px !important;
}
.p-t-lg {
  padding-top: 60px !important;
}
.p-r-lg {
  padding-right: 60px !important;
}
.p-b-lg {
  padding-bottom: 60px !important;
}
.p-l-lg {
  padding-left: 60px !important;
}
.p-x-lg {
  padding-right: 60px !important;
  padding-left: 60px !important;
}
.p-y-lg {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.navbar-header .navbar-brand {
  padding-left: 55px;
  background-image: url('../images/october.png');
  background-size: auto 60%;
  background-repeat: no-repeat;
  background-position: 7px 50%;
  transition: color 0.2s ease 0.05s;
  color: #ccc;
}
.navbar-header .navbar-brand:hover {
  color: #fff;
}
.navbar-nav li.separator {
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
  height: 30px;
  margin: 20px 10px 0 10px;
}
.navbar-autohide {
  transition: transform .5s;
}
.navbar-autohide.is-hidden {
  transform: translateY(-72px);
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a {
  transition: color 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:after {
  position: absolute;
  height: 4px;
  bottom: -1px;
  content: '';
  border-radius: 4px;
  z-index: 5;
  width: 0;
  left: 50%;
  transition: all 0.2s ease 0.05s;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:after {
  width: 100% !important;
  left: 0 !important;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li:hover > a:after {
  width: 100%;
  left: 0;
}
.navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a {
  background: transparent;
}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:after,
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: #000000;
}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:hover:after {
  background: #000000;
}
.navbar-inverse .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: #e67e22;
}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:after,
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: #64ae5b;
}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li.active > a:hover:after {
  background: #64ae5b;
}
.navbar-default .navbar-collapse:not(.in):not(.collapsing) .navbar-nav li > a:hover:after {
  background: #93dc8a;
}
body {
  padding-top: 70px;
}

/* Magbook */
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
    overflow-y: scroll;
    height: 600px;
    width: auto;
    padding-right: 100px;
}

/* Logo for high resolution screen(Use 2X size image) */
.custom-logo-link .custom-logo {
    height: 80px;
    width: auto;
}

.top-logo-title .custom-logo-link {
    display: inline-block;
}

.top-logo-title .custom-logo {
    height: auto;
    width: 50%;
}

.top-logo-title #site-detail {
    display: block;
    text-align: center;
}
.side-menu-wrap .custom-logo {
    height: auto;
    width:100%;
}

@media only screen and (max-width: 767px) {
    .top-logo-title .custom-logo-link .custom-logo {
        width: 60%;
    }
}

@media only screen and (max-width: 480px) {
    .top-logo-title .custom-logo-link .custom-logo {
        width: 80%;
    }
}
/****************************************************************/
                /*.... Color Style ....*/
/****************************************************************/
/* Nav, links and hover */

a,
ul li a:hover,
ol li a:hover,
.top-bar .top-bar-menu a:hover,
.main-navigation a:hover, /* Navigation */
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after,
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover,
.side-menu-wrap .side-nav-wrap a:hover, /* Side Menu */
.entry-title a:hover, /* Post */
.entry-title a:focus,
.entry-title a:active,
.entry-meta a:hover,
.image-navigation .nav-links a,
a.more-link,
.widget ul li a:hover, /* Widgets */
.widget-title a:hover,
.widget_contact ul li a:hover,
.site-info .copyright a:hover, /* Footer */
#secondary .widget-title,
#colophon .widget ul li a:hover,
#footer-navigation a:hover {
	color: #757575;
}


.cat-tab-menu li:hover,
.cat-tab-menu li.active {
	color: #757575 !important;
}

#sticky-header,
#secondary .widget-title,
.side-menu {
	border-top-color: #757575;
}

#sticky-header {
   /*border-top-color: #A7779D !important;*/
   border-top-color: white !important;
}

/* Webkit */
::selection {
	background: #757575;
	color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
	background: #757575;
	color: #fff;
}

/* Accessibility
================================================== */
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	color: #757575;
}

/* Default Buttons
================================================== */
input[type="reset"],/* Forms  */
input[type="button"],
input[type="submit"],
.main-slider .flex-control-nav a.flex-active,
.main-slider .flex-control-nav a:hover,
.go-to-top .icon-bg,
.search-submit,
.btn-default,
.widget_tag_cloud a {
	background-color: #111111;
}

/* Top Bar Background
================================================== */
.top-bar {
	/* background-color: #1a1216; */
	background-color: #A7779D !important;
}

/* Breaking News
================================================== */
.breaking-news-header,
.news-header-title:after {
	background-color: #1a1216;
}

.breaking-news-slider .flex-direction-nav li a:hover,
.breaking-news-slider .flex-pauseplay a:hover {
	background-color: #1a1216;
	border-color: #1a1216;
}

/* Feature News
================================================== */
.feature-news-title {
	border-color: #111111;
}

.feature-news-slider .flex-direction-nav li a:hover {
	background-color: #111111;
	border-color: #111111;
}

/* Tab Widget
================================================== */
.tab-menu,
.mb-tag-cloud .mb-tags a {
	background-color: #5e5e5e;
}

/* Category Box Widgets
================================================== */
.widget-cat-box .widget-title {
	color: #111111;
}

.widget-cat-box .widget-title span {
	border-bottom: 1px solid #111111;
}

/* Category Box two Widgets
================================================== */
.widget-cat-box-2 .widget-title {
	color: #111111;
}

.widget-cat-box-2 .widget-title span {
	border-bottom: 1px solid #111111;
}

/* #bbpress
================================================== */
#bbpress-forums .bbp-topics a:hover {
	color: #111111;
}

.bbp-submit-wrapper button.submit {
	background-color: #111111;
	border: 1px solid #111111;
}

/* Woocommerce
================================================== */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-demo-store p.demo_store,
.top-bar .cart-value {
	background-color: #111111;
}

.woocommerce .woocommerce-message:before {
	color: #111111;
}

/* Category Slider widget */
.widget-cat-slider .widget-title {
	color: #111111;
}

.widget-cat-slider .widget-title span {
	border-bottom: 1px solid #111111;
}

/* Category Grid widget */
.widget-cat-grid .widget-title {
	color: #111111;
}

.widget-cat-grid .widget-title span {
	border-bottom: 1px solid #111111;
}

.cats-links .cl-16{

    border-color:#2462d3;
    color:#2462d3;

}
.menu-item-object-category.cl-16 a, .widget-cat-tab-box .cat-tab-menu .cl-16{
    color:#2462d3;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-17{

    border-color:#f65656;
    color:#f65656;

}
.menu-item-object-category.cl-17 a, .widget-cat-tab-box .cat-tab-menu .cl-17{
    color:#f65656;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-18{

    border-color:#50b36c;
    color:#50b36c;

}
.menu-item-object-category.cl-18 a, .widget-cat-tab-box .cat-tab-menu .cl-18{
    color:#50b36c;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-19{

    border-color:#f6c100;
    color:#f6c100;

}
.menu-item-object-category.cl-19 a, .widget-cat-tab-box .cat-tab-menu .cl-19{
    color:#f6c100;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-20{

    border-color:#ef6527;
    color:#ef6527;

}
.menu-item-object-category.cl-20 a, .widget-cat-tab-box .cat-tab-menu .cl-20{
    color:#ef6527;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-22{

    border-color:#00bfbd;
    color:#00bfbd;

}
.menu-item-object-category.cl-22 a, .widget-cat-tab-box .cat-tab-menu .cl-22{
    color:#00bfbd;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-23{

    border-color:#d90866;
    color:#d90866;

}
.menu-item-object-category.cl-23 a, .widget-cat-tab-box .cat-tab-menu .cl-23{
    color:#d90866;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-24{

    border-color:#752cd9;
    color:#752cd9;

}
.menu-item-object-category.cl-24 a, .widget-cat-tab-box .cat-tab-menu .cl-24{
    color:#752cd9;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-25{

    border-color:#3f342f;
    color:#3f342f;

}
.menu-item-object-category.cl-25 a, .widget-cat-tab-box .cat-tab-menu .cl-25{
    color:#3f342f;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}.cats-links .cl-26{

    border-color:#7d629e;
    color:#7d629e;

}
.menu-item-object-category.cl-26 a, .widget-cat-tab-box .cat-tab-menu .cl-26{
    color:#7d629e;

}li.menu-item-object-category[class*="cl-"] a {
    color: #222;
}














/* THEME */

#header {
	margin-top: 30px;
}

#footer {
	margin-top: 30px;
	border-top: 1px solid #eeeeee;
	padding-top: 30px;
	color: #777777;
}

.gallery-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}



/* Tab Latest */

.mb-latest .mb-post {
	clear: both;
	margin-bottom: 15px;
	display: inline-block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
	width: 100%;
}

.mb-latest .mb-post:last-child {
	border-bottom: none;
}

.mb-latest .mb-featured-image {
	float: left;
	width: calc(45% - 15px);
	margin-right: 15px;
	margin-bottom: 10px;
}

.mb-latest .has-post-thumbnail .mb-content {
	width: 55%;
	float: right;
}

.mb-content .mb-title {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 10px;
}

#colophon .mb-content .mb-title a {
	color: #999;
}

.mb-entry-meta span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

.mb-entry-meta,
.mb-entry-meta a {
	color: #949494;
	font-size: 11px;
	letter-spacing: 0.2px;
	line-height: 20px;
}

.mb-entry-meta .author {
	display: none;
}

/* Youtube Embed */
.youtube-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.youtube-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.embed-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-audio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Container */
.container-content {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* Text Alignment */
.text-center {
	text-align: center;
}

/* Section Date */
.widget-title .section-date {
	color: #111;
	font-size: 13px;
	float: right;
	margin-right: 6px;
}

/* Remove server additional iframe */
#ifrm {
    display: none;
}

/* Date adjustment position */
.top-bar-date {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Header */
@font-face {
  font-family: 'RobotoCondensed';
  src: url('../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Venturis';
  src: url('../fonts/VenturisADFNo2Cd-Regular.ttf.woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'LHFRoyal';
  src: url('../fonts/LHF_Royal_Script_Extended.ttf');
  font-weight: 300;
  font-style: normal;
}
/*
@font-face {
  font-family: 'Cinzel';
  src: url('../fonts/Cinzel/Cinzel-Regular.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'KozMinPro';
  src: url('../fonts/KozMinPro-Bold.otf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'EBGaramond';
  src: url('../fonts/EB_Garamond/EBGaramond-Medium.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lora';
  src: url('../fonts/Lora/Lora-Regular.ttf');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansCondensed';
  src: url('../fonts/Open_Sans_Condensed/OpenSansCondensed-Light.ttf');
  font-weight: 300;
  font-style: normal;
}
*/

/* Liturgi Embed */
.embed-liturgi {
    width: 100%;
}

.click-through {
    pointer-events: none;
}

/* Go to Home */
.go-to-home {
	background-color: transparent;
	top: 12px;
	right: 12px;
	height: 30px;
	width: 30px;
	margin: 0;
	position: fixed;
	z-index: 10000;
}

/* Banner */
/* https://codepen.io/mrotaru/pen/Gydrp */
.image-slider a span {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left: 0;

    /* edit: added z-index */
    z-index: 1;
}

/* Table */
.no-border {
    border: 0px;
    border-width: 0px;
    border-color: transparent;
}

.no-border tr td {
    border: 0px;
    border-width: 0px;
    border-color: transparent;
}

/* Search Result */
.ss-result {
    margin-bottom: 2em;
}
.ss-result__aside {
    float: right;
    margin-left: .5em;
}
.ss-result__title {
    display: inline-block;
    font-weight: bold;
    margin-bottom: .5em;
}
.ss-result__badge {
    font-size: .7em;
    padding: .2em .5em;
    border-radius: 4px;
    margin-left: .75em;
    background: #eee;
    display: inline-block;
}
.ss-result__text {
    margin-bottom: .5em;
}
.ss-result__url {
}
ul.pagination {
    display: block;
}

/* Title */
.header-block {
    display: inline-block;
    text-align: left;
    border-left: 1px;
}
.header-title {
    margin: 0px;
    font-family: Venturis;
}
.header-subtitle {
    margin: 0px;
    color: #53852B;
    font-family: LHFRoyal;
    font-size: 16px;
}
.header-vertical-line {
    margin-left: 10px;
    margin-right: 10px;
    border-left: 2px solid #A7779D;
    height: 80px;
}
.header-svg {
    height: 60px;
}
@media only screen and (max-width: 640px) {
    .header-logo {
        max-width: 20%;
    }
    .header-svg {
        max-width: 70%;
    }
    .header-vertical-line {
        height: 40px;
        border-left: 1px solid #A7779D;
    }

}

.go-to-top .icon-bg {
    background-color: darkgreen !important;
}