/*------------------------------------------------------------------
OPC Overnight Parcel Courier Theme
Version: 1.0;
Author: -
Copyright: -

/*-----------------------------------------------------------------*/

/*------------------------------------------------------------------
[ General]
*/
html {
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}
html, body {
	max-width: 100%;
}
body { 
	margin:0;
	padding:0;
	color: #474747;
    font-family: 'Arial', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.2rem;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
    background: #dfdfdf;
    overflow-x: hidden;
	overflow-y: scroll;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
.divider, hr {
	border: none;
	border-bottom: 0px solid #eaeaea;
	padding: 4rem 0;
	height: 0;
}

/*------------------------------------------------------------------
[ Grid ]
*/
.container {
	width: 100%;
	max-width: 123rem;
	margin: 0 auto;
	position: relative;
    background: #e9e9e9;
}
.grid {
	display: block;
    clear: both;
    width: 100%;
    margin: 0 auto;
}
.grid .col,
[class*="content-grid"] .grid-item {
	float: left;
	width: 100%;
	padding: 0;
}
.grid .grid {
	width: auto;
}

/* Kill nested padding */
.col .col:not(.pull-right):first-child { padding-left: 0;}
.col .col:not(.pull-left):last-child { padding-right: 0;}
.col .col:only-child {
    padding-right: 2rem !important;
}
.col[class*='offset-']:only-child {
    padding-left: 2rem !important;
    padding-right: 0 !important;
}

/* No gutter */
.no-gutter .col,
.col.no-gutter {
	padding: 0 !important;
}

/* Column Widths */
.grid .span-1	{width: 8.33333%;}
.grid .span-2	{width: 16.66667%;}
.grid .span-3	{width: 25%;}
.grid .span-4	{width: 33.33333%;}
.grid .span-5	{width: 41.66667%;}
.grid .span-6	{width: 50%;}
.grid .span-7	{width: 58.33333%;}
.grid .span-8	{width: 66.66667%;}
.grid .span-9	{width: 75%;}
.grid .span-10	{width: 83.33333%;}
.grid .span-11	{width: 91.66667%;}
.grid .span-12	{width: 100%;}

/* Rearrange Columns */
.col.pull-left    { float: left;}
.col.pull-right   { float: right;}
.col .col.pull-left    { padding-left: 0;}
.col .col.pull-right   { padding-right: 0;}

/* Offset */
.grid .offset-1    {margin-left: 8.33333%;}
.grid .offset-2	   {margin-left: 16.66667%;}
.grid .offset-3	   {margin-left: 25%;}
.grid .offset-4	   {margin-left: 33.33333%;}
.grid .offset-5	   {margin-left: 41.66667%;}
.grid .offset-6	   {margin-left: 50%;}
.grid .offset-7	   {margin-left: 58.33333%;}
.grid .offset-8	   {margin-left: 66.66667%;}
.grid .offset-9    {margin-left: 75%;}
.grid .offset-10   {margin-left: 83.33333%;}
.grid .offset-11   {margin-left: 91.66667%;}

/* Clearfix*/
.grid {
 	*zoom: 1;
}
.grid:before, .grid:after {
	display: table;
	content: "";
	line-height: 0;
}
.grid:after {
	clear: both;
}
[class*="content-grid"] {
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
}
[class*="content-grid"] .grid-item {
	margin: 0 0 4rem;
	float: left;
}
[class*="content-grid"] .thumbnail {
	float: none;
    margin: 0;
}

/* Item Widths */
.content-grid-1 .grid-item {
	width: 100%;
}
.content-grid-2 .grid-item {
	width: 50%;
}
.content-grid-3 .grid-item {
	width: 33.33333%;
}
.content-grid-4 .grid-item {
	width: 25%;
}
.content-grid-5 .grid-item {
	width: 20%;
}
.content-grid-6 .grid-item {
	width: 16.66667%;
}
[class*="content-grid"].no-gutter,
[class*="content-grid"].no-gutter .grid-item {
    margin: 0;
    padding: 0;
}

/*------------------------------------------------------------------
[ Typography ]
*/
h1, .elementor-widget-heading h1.elementor-heading-title
h2, .elementor-widget-heading h2.elementor-heading-title,
h3, .elementor-widget-heading h3.elementor-heading-title,
h4, .elementor-widget-heading h4.elementor-heading-title,
h5, .elementor-widget-heading h5.elementor-heading-title,
h6, .elementor-widget-heading h6.elementor-heading-title {
	color: #474747;
    font-weight: normal;
    line-height: 1.2;
	margin: 0 0 1rem 0;
}
h1,
.elementor-widget-heading h1.elementor-heading-title {
	font-size: 1.9rem;
    line-height: 3.2rem;
    color: #E93BAE;
}
h2,
.elementor-widget-heading h2.elementor-heading-title {
	font-size: 1.8rem;
    line-height: 3.2rem;
}
h3,
.elementor-widget-heading h3.elementor-heading-title {
	font-size: 1.6rem;
}
h4,
.elementor-widget-heading h4.elementor-heading-title {
	font-size: 1.5rem;
}
h5,
.elementor-widget-heading h5.elementor-heading-title {
	font-size: 1.4rem;
}
h6,
.elementor-widget-heading h6.elementor-heading-title {
	font-size: 1.2rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
    color: inherit;
}
p {
    color: #474747;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.2;
	margin: 0 0 3rem 0;
}
a, p a {
	color: #E93BAE;
	text-decoration: none;
	outline: none;
    transition: all 0.25s ease-out;
}
a:hover, 
p a:hover{
	text-decoration: underline;
}
a:focus {
   outline: none;
}
strong, b {
    font-weight: bold;
}
.multi-column {
    margin: 0 auto;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    max-width: 100rem;
}
.highlight.elementor-widget-heading h1.elementor-heading-title {
    padding: 1.5rem 2rem;
    color: #fff;
    background: #ea3bae;
    box-shadow: 4px 4px 0px 0px #A32777;
}

/* Text Highlight */
::selection {
	background: #333;
	color: #fff;
}
::-moz-selection {
	background: #333;
	color: #fff;
}

/*------------------------------------------------------------------
[ Lists ]
*/
ul, ol {
	margin: 0 0 3rem 0;
	padding: 0;
}
ul {
	list-style: disc outside;
    padding: 0 2rem;
}
ol {
	list-style: decimal inside;
}
ul ul, ul ol,
ol ol, ol ul {
	margin: 0.3rem 0 0.3rem 2rem;
	list-style: inherit;
}
ol ul {
	list-style: disc inside;
}
body:not(.elementor-editor-active) .content ul li {
    position: relative;
    llist-style: disc inside;
    font-size: 1.2rem;
    color: #474747;
}

/*------------------------------------------------------------------
[ Top Bar ]
*/
/* regular styling (for scrolling up) */
.top {
	position: absolute;
    top: 3rem;
    width: 100%;
    margin: 0;
	padding: 0;
    z-index: 1010;
    height: 11rem;
    visibility: visible;
    opacity: 1;
    /*
    transition: all 0.25s ease-out;
    */
}
body.admin-bar .top {
    top: 6.2rem;
}
.top .container {
    height: 100%;
    transition: all 0.25s ease-out;
}
.logo {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 40%;
    padding: 4rem 4rem 1rem 1.8rem;
    opacity: 1;
    transition: opacity 0.25s ease-out;
    background-color: #fefefe;
    box-shadow: 4px 0px 0px 0px #d9dadc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    user-select: none;  
}
.logo img {
    width: 29rem;
    transition: all 0.25s ease-out;
}
/* styling for scrolling past header section */
.top.down {
    position: fixed;
    top: 0;
    padding: 0;
    height: 11rem;
}
body.admin-bar .top.down {
    top: 3.2rem;
}
.top.down .container {
    background: #e9e9e9;
}
.top.down .logo {
    box-shadow: 2px 2px 0px 2px #d9dadc;
}
.top.down .logo img {
    width: 23rem;
}
/* styling for scrolling down */
.top.shrink {
    /*
    opacity: 0;
    visibility: hidden;
    */
}
/* styling for opened overlay */
.top.force {
    opacity: 1 !important;
    visibility: visible !important;
}
.top.force #nav-icon span {
    background: #E93BAE !important;
}

/*------------------------------------------------------------------
[ Contact Bar ]
*/
.meta {
    position: absolute;
	top: -2.5rem;
	right: 0;
	display: block;
	width: auto;
    height: 2.5rem;
    background: #E9E9E9;
}
.meta ul {
    list-style: none;
    margin: 0;
    padding: 0 .8rem;
}
.meta ul li {
    display: inline-block;
}
.meta ul li a {
    color: #E93BAE;
    padding: 0 .4rem;
    font-size: 1.2rem;
    text-decoration: none;
}
.meta ul li a:hover {
    text-decoration: underline;
}

/*------------------------------------------------------------------
[ Navigation ]
*/
.menu,
.menu ul {
	margin: 0;
	padding: 0;
}
.menu {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    padding-top: 3rem;
	display: block;
	width: 271px;
    height: 260px;
    background: url('../images/navigation_bg.png') no-repeat;
    z-index: 1;
}
.menu a:focus {
   outline: none;
}
.menu li {
	display: block;
	position: relative;
	z-index: 100;
}
.menu > li {
	margin-left: 1px;
}
.menu > li > a {
    
}
.menu li a {
    position: relative;
	font-size: 1.2rem;
	font-weight: 400;
	text-decoration: none;
    text-transform: uppercase;
    margin-right: .3rem;
	padding: .5rem 1rem .2rem 3rem;
	display: block;
	color: #fff;
    /*text-shadow: #555 1px 1px 0px;*/
}
.menu li:not(:last-child) a {
    border-bottom: 1px dashed #e18ac3;
}
.menu > li.current-menu-item > a,
.menu > li.current_page_item > a,
.menu > li.current-page-parent > a,
.menu > li.current_page_ancestor > a,
.menu > li.current-page-ancestor > a,
.menu > li.current-menu-ancestor > a,
.menu li.current > a,
.menu li > a:hover,
.menu li:hover > a {
	color: #fff;
    background: #c12d8e;
}
.menu > li.current-menu-item > a:after,
.menu > li.current_page_item > a:after,
.menu > li.current-page-parent > a:after,
.menu > li.current_page_ancestor > a:after,
.menu > li.current-page-ancestor > a:after,
.menu > li.current-menu-ancestor > a:after,
.menu > li:hover:after,
.menu > li.current > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #a52278;
    z-index: 1;
}
.menu li.has-child > a:after {
    content: '';
    position: absolute;
    bottom: 1rem;
    left: 50%;
    margin-left: -.3rem;
    width: .6rem;
    height: .6rem;
    background: url(../images/sub-indicator.png) no-repeat center center;
}
.menu ul { 
	display: none;
	position: absolute;
	top: 5rem;
	left: 0;
    padding: 0;
	width: 26rem;
    border-radius: 2rem;
}
.menu li:hover > ul { 
	display: block;
    opacity: 1;
	-webkit-animation: fadeIn .5s both;
    animation: fadeIn .5s both;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
.menu ul li { 
	display: block;
	float: none;
}
.menu ul li a {
	display: block;
    padding: .3rem 1rem;
    font-size: 1.6rem;
	color: #4d4d4d;
    background: rgba(255,255,255,.95);
}
.menu ul li a:hover,
.menu ul li:hover > a {
	color: #111;
}
.menu ul ul {
	top: 0;
	left: 26rem;
}

/*------------------------------------------------------------------
[ Overlay Navigation]
*/
.navigation {
    display: none;
	position: absolute;
    z-index: 1002;
    right: 0;
    top: 3.4rem;
    height: 6rem;
    background: #fff;
    box-shadow: 2px 2px 0px 2px #d9dadc;
    padding: 1.8rem 3.6rem 1.8rem;
	cursor: pointer;
}
#nav-icon {
	width: 3rem;
	height: 3rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	float: right;
}
#nav-icon span {
	display: block;
	position: absolute;
	height: .2rem;
	width: 100%;
	background: #E93BAE;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
	top: 0;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(2) {
	top: .8rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon span:nth-child(3) {
	top: 1.6rem;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
	left: 4px;
}
#nav-icon.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}
#nav-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 2.2rem;
	left: .4rem;
}
#nav-icon span:nth-child(2) {
	width: 80%;
    margin-left: 20%;
}
#nav-icon:not(.open):hover span:nth-child(2) {
    width: 100%;
    margin-left: 0;
}
#nav-icon:not(.open):hover span:nth-child(1),
#nav-icon:not(.open):hover span:nth-child(3) {
    width: 80%;
    margin-left: 20%;
}
.mainnavigation {
    position: relative;
	display: none;
	margin: 0;
	padding: 0;
    background: #e841ad;
    box-shadow: 2px 2px 0px 2px #a32777;
}
ul.mainnavigation {
    padding: 2rem 0 .2rem;
    margin-top: 0;
}
#meta-menu-side {
    padding: 0 0 2rem;
}
#meta-menu-side {
    margin-bottom: 2rem;
}
.mainnavigation li {
    position: relative;
	display: block;
	margin:0;
	padding:0;
}
.mainnavigation li a {    
    position: relative;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    padding: .5rem 1rem .2rem 3rem;
    display: block;
    color: #fff;
}
#primary-menu-side li a,
#meta-menu-side li:not(:last-child) a {
    border-bottom: 1px dashed #e18ac3;
}
.mainnavigation li.current-menu-item > a,
.mainnavigation li.current_page_item > a,
.mainnavigation li.current-page-parent > a,
.mainnavigation li.current_page_ancestor > a,
.mainnavigation li.current-page-ancestor > a,
.mainnavigation li.current-menu-ancestor > a,
.mainnavigation li a:hover,
.mainnavigation li.active > a,
.mainnavigation li:hover > a {
	color: #fff;
    background: #c12d8e;
}
.mainnavigation > li.current-menu-item > a:after,
.mainnavigation > li.current_page_item > a:after,
.mainnavigation > li.current-page-parent > a:after,
.mainnavigation > li.current_page_ancestor > a:after,
.mainnavigation > li.current-page-ancestor > a:after,
.mainnavigation > li.current-menu-ancestor > a:after,
.mainnavigation > li:hover:after,
.mainnavigation > li.current > a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #a52278;
    z-index: 1;
}
.mainnavigation ul {
    display: none;
	margin: 0;
	padding: 0;
    padding-left: 1rem;
}
.mainnavigation ul li { 
	display: block;
	margin: 0;
    width: 100%;
}
.mainnavigation ul li a {
	display: block;
    font-weight: 300;
	color: #4b586a;
    padding: 1rem .5rem;
	transition: all 0.2s linear;
}
.mainnavigation ul ul li a {
    font-size: 1.4rem;
    font-weight: 400;
}
.mainnavigation ul li.current-menu-item > a,
.mainnavigation ul li.current_page_item > a,
.mainnavigation ul li.current-page-parent > a,
.mainnavigation ul li.current_page_ancestor > a,
.mainnavigation ul li.current-page-ancestor > a,
.mainnavigation ul li.current-menu-ancestor > a,
.mainnavigation ul li.current_page_ancestor > a,
.mainnavigation ul li a:hover,
.mainnavigation ul li.active > a,
.mainnavigation ul li:hover > a {
	color: #aaa;
}
.mainnavigation .expand {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: .4rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #4b586a;
    line-height: 1;
    font-size: 2.5rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mainnavigation ul .expand {
    padding-top: .8rem;
}
.mainnavigation .expand:after {
    content: '+';
}
.mainnavigation .expand.active:after {
    content: '-';
}

/*------------------------------------------------------------------
[ Overlay / Navigation ]
*/
.overlay {
    position: fixed;
    top: 4rem;
    right: -100%;
    z-index: 1001;
    overflow: auto;
    width: 90%;
    min-width: 32rem;
    height: 100%;
    background: rgba(255,255,255,.8);
    opacity: 0;
    transition: right .5s, opacity 0.5s ease;
}
.overlay.active {
    right: 0;
    opacity: 1;
    transition: right .3s, opacity .5s cubic-bezier(.14,.62,0,1);
}
.overlay .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    padding-top: 14rem;
    background: none;
}
.overlay .grid .col {
    padding: 0 2rem;
}
.overlay .grid.navigations {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    opacity: 0;
}
.overlay.active .grid.navigations {
    padding-top: 0;
    opacity: 1;
    transition: padding 1s cubic-bezier(.14,.62,0,1), opacity .4s linear;
    transition-delay: .3s;
}

/*------------------------------------------------------------------
[ Buttons ]
*/

.button,
button,
.content .elementor-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
    margin: 1rem .5rem 0 .5rem;
	padding: 1.2rem 2rem;
	color: #002f64;
	text-align: center;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2rem;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 1px solid #002f64;
	cursor: pointer;
	transition: all 0.25s ease-out;
    border-radius: 2rem;
}
.content .elementor-button:focus,
.content .elementor-button:visited {
     color: #002f64;
}
.button:hover,
button:hover,
.content .elementor-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
.content .elementor-button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #00aee1;
	border-color: #00aee1;
    background-color: transparent;
	outline: 0; 
}

/*------------------------------------------------------------------
[ Forms ]
*/
input {
	transition: all 0.25s ease-out;
}
input[type="text"], 
textarea {
	width: 100%;
	padding: 1.3rem 2.5rem;
	margin:0 0 1.5rem 0;
	font-family:inherit;
	font-size: 1.3rem;
}
input[type="text"]:focus, 
textarea:focus {
	outline:none;
}
.form-element, 
textarea {
	line-height: normal !important;
	background: #f9f9f9;
	color: #666;
	border: 1px solid #eee;
	-webkit-appearance: none;
	-moz-appearance:	none;
	appearance:			none;
	transition: all 0.25s ease-out;
}
.form-element:focus, 
textarea:focus {
	background: #fff;
	color: #333;
	border: 1px solid #ccc;
	box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.2);
}
textarea {
	min-width: 10rem;
	min-height: 10rem;
}
.no-resize {
	resize: none;
}
label {
	margin-bottom: 0.8rem;
	color: #666;
	font-size: 1.2rem;
	display: block;
}
.elementor-widget-form input[type="text"],
.elementor-widget-form textarea {
    margin-bottom: .8rem;
}

/*------------------------------------------------------------------
[ Images ]
*/
img {
    display: inline-block;
	max-width: 100%;
	height: auto;
    vertical-align: middle;
    border: none;
    outline: 0;
}
img.float-left,
.thumbnail.float-left {
    margin: 0 2rem 1rem 0;
}
img.float-right,
.thumbnail.float-right {
    margin: 0 0 1.5rem 2rem;
}
.thumbnail {
    margin-bottom: 3rem;
    position: relative;
    overflow: hidden;
}

/*------------------------------------------------------------------
[ Helper Utilities ]
*/

/* Text Alignments */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }

/* Element Floats */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* Clearfix */
.clearfix:before,
.clearfix:after {
	height: 0;
	content: ".";
	display: block;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clear {
	width: 0;
	height: 0;
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

/* Kill Margin */
.no-margins { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }

/* Kill Padding */
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }

/*------------------------------------------------------------------
[ Theme Stuff ]
*/
.wrapper {
    padding-top: 12rem;
}
.content {
    margin-bottom: 8rem;
	padding: 2rem;
    line-height: 1.2;
}
.header {
    position: relative;
    height: 37rem;
    margin: 1rem;
    top: 1rem;
    display: flex;
    align-items: flex-end;
    background-color: #fefefe;
    box-shadow: 2px 2px 0px 2px #d9dadc, inset 0px 0px 0px 20px #fff;
    
    background-image: url('../images/header.png');
    background-position: top 1.8rem left 2rem;
    background-repeat: no-repeat;
}
.header::after {
    content: '';
    position: absolute;
    top: -2.4rem;
    left: 2rem;
    width: 105%;
    height: 100%;
    background-image: url('../images/header.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}
.header .text {
    position: relative;
    left: 38.5rem;
    padding: 4.5rem 2rem;
    z-index: 1;
}
.header h2 {
    margin: 0;
    font-size: 3.9rem;
    line-height: 1;
    color: #fff;
    text-shadow: 0px 0px 1px #fff;
}
.pdf_link {
    background: url('../images/PDF-Icon_small.png') no-repeat;
    display: block;
    line-height: 19px;
    padding-left: 21px;
    margin-bottom: -14px;
}
.bubble {
  background: #fff;
  box-shadow: 4px 4px 0 #dfdfdf;
  font-size: 1.8rem;
  line-height: 1.0;
  margin: 0 -1.5rem 2.5rem;
  max-width: 40rem;
  padding: .5rem 1.5rem;
  position: relative;
}
.bubble_arrow {
  border-right: 15px solid transparent;
  border-top: 14px solid #dfdfdf;
  bottom: -3.3rem;
  position: absolute;
  left: 20%;
}
.bubble_arrow::after {
  border-right: 16px solid transparent;
  border-top: 16px solid #fff;
  bottom: 1.7rem;
  content: "";
  position: absolute;
  left: -1px;
}
.bubble a,
.bubble a:active,
.bubble a:visited {
    display: block;
    padding: .5rem 0;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #2F5EA4;
}
.bubble a:hover {
    color: #ea3bae;
    text-decoration: none;
}
.bubble p {
    margin: 0;
    padding: 0;
}
/* Custom Tabs */
.custom.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
    border: 3px solid #EA3BAE !important;
    padding: .5rem 1rem 1rem;
    background-color: #FAFAFA;
    min-height: 26rem;
    height: 100%;
}
.custom.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper .bubble p {
    padding: .5rem 0;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #2F5EA4;
}
.custom.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}
.custom.elementor-widget-tabs .elementor-tab-desktop-title {
    position: inherit;
    padding: .2rem 0 .2rem 2rem;
    font-weight: normal;
    color: #E93BAE;
    background: url('../images/open_small_turned.png') no-repeat;
}
/* Hides the first accordion item */
.elementor-accordion .elementor-accordion-item:first-child {
    display: none;
}
  
/* Custom Accordion */
.custom.elementor-widget-accordion .elementor-tab-title {
    background-color: #fff;
    box-shadow: 4px 4px 0 #dfdfdf;
    margin-top: 2rem;
    padding: 2.5rem 2rem;
    position: relative;
}
.custom.elementor-widget-accordion .elementor-tab-title span {
    color: #444;   
}
.custom.elementor-widget-accordion .elementor-tab-title {
    background: #fff url('../images/open.png') no-repeat top 50% right 1rem;
}
.custom.elementor-widget-accordion .elementor-tab-title.elementor-active {
    background-image: url('../images/close.png');
}
.custom.elementor-widget-accordion .elementor-tab-title::after {
    content: 'ausklappen';
    float: right;
    margin-right: 3rem;
    font-size: 1.3rem;
    color: #EA3BAE;
}
.custom.elementor-widget-accordion .elementor-tab-title.elementor-active::after {
    content: 'einklappen';
}
.elementor-tab-content .image-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.elementor-tab-content .image-container a:not(:last-child) {
    margin-right: 2rem;
}

/*------------------------------------------------------------------
[ Forms ]
*/
.infofenster {
    position: absolute;
    border: 3px solid #EA3BAE;
    z-index: 1100;
    padding: 10px;
    display: none;
}
.infofenster a:hover {
    text-decoration: none !important;
}
.infofensterClose {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 8px;
}
#info {
    position: absolute;
    left: 13rem;
    background:url('../images/info_sign.png') no-repeat scroll 0 0 transparent;
    display:block;
    height: 16px;
    margin-right: 185px !important;
    width: 16px !important;
}
#login_container {
    color: #e93bae;
    font-family: arial;
    font-size: 18px;
    height: 100px;
    padding: 15px 0 0 15px;
    width: 410px;
}
#login_container a {
    right: 96px;
    font-size: 11px;
    color: #E93BAE;
}
#kunde input {
    width: 165px;
}
.top .regLink {
    position: absolute;
    top: 1rem;
    right: 3rem;
    text-align: right;
}
.regLink a {
    margin: 0 5px;
    display: inline-block;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
}
.regLink a.registrieren {
    background: url('../images/icon-registrieren.png') right top no-repeat;
    min-height: 15px;
    margin-right: 0;
    padding-right: 25px;
}
form {
    width:100%;
    margin-bottom:25px;
}
fieldset {
    border:none;
    margin:0 0 5px;
}
legend {
    font-size:12px;
    margin:0 0 10px;
    padding:0;
}
label {
    float:left;
    width:121px;
    margin:3px 0 0;
    color:#000;
}
input,
select,
textarea {
    margin:0 0 6px;
    padding:5px;
    border:1px solid #888;
    background:#E9E9E9;
    color:#666666;
}
input,
textarea {
    width:330px;
}
select {
    width:198px;
}
textarea {
    height:80px;
    font-family:Arial, sans-serif;
    font-size:12px;
}
#login_form {
     width:300px;
     height:100px;
     width:310px;
     background:url('../images/box.png') no-repeat;
     padding:20px 0 0 15px;
     margin:0 auto;
}
#login_form label {
     width:96px;
     color:#888;
     font-size:12px;
}
#login_form input {
     width:144px;
     background:#fff;
     -webkit-box-shadow:inset 0 0 5px#999;
     -moz-box-shadow:inset 0 0 5px #999;
     box-shadow:inner 0 0 5px #999;
     border:1px solid #888;
     color:#888;
}
#login_form input:hover,
#login_form input:focus {
}
#login_form input#submit,
input#sende,
input#costumer {
     margin-left:108px;
     background:url('../images/submit.png') no-repeat;
     height:25px;
     width:25px!important;
     border:0!important;
     text-indent:-9999px;
}
#login_form input#submit {
     float:right;
     margin:-47px 27px 0 0;
}
h1#login_h1 {
     text-align:center;
     margin:0 auto;
}
#login_form input#submit,
input#sende,
input#costumer {
     margin-left:3px!important;
     cursor:pointer;
     background:url('../images/submit.png') no-repeat!important;
     -webkit-box-shadow:none!important;
     -moz-box-shadow:none!important;
     box-shadow:none!important;
}
.top #login_container,
.top #send_container {
    position: absolute;
    left: calc(40% + 2rem);
    top: 1rem;
    height: 9rem;
    width: 400px;
    font-size: 18px;
    color: #E93BAE;
    padding: 10px 0 0 15px;
    background-color: #fefefe;
    box-shadow: 2px 2px 0px 2px #d9dadc;
}
.top #login_container p,
.top #send_container p {
    margin: 0;   
}
.info_js {
    background: url('../images/info_sign.png') no-repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    margin-right: 230px !important;
    position: absolute;
    width: 16px !important;
}
#login_container_js {
     color:#E93BAE;
     font-size:18px;
     height:80px;
     padding:15px 0 0 15px;
     text-align:left;
     display:none;
}
#login_container_js a {
     color:#E93BAE;
     font-size:11px;
     position:absolute;
     right:-4px;
     top:20px;
     width:100px;
}
.top #send_container {
     margin-left: 410px;
     width: 298px;
}
#kunde input,
#verfolgung input {
    width: 44%;
    border:0;
    -webkit-box-shadow:inset 0 0 5px#999;
    -moz-box-shadow:inset 0 0 5px #999;
    box-shadow:inner 0 0 5px #999;
    border:1px solid #888;
    float:left;
    font-size:11px;
    color:#999;
    padding:7px 0 7px 8px;
    margin-top:5px;
    background:#fff;
    border-radius: 0;
}
#send_container input {
 width:247px;
}
#un {
     margin-right:8px;
}
#un_js {
     margin-right:8px;
}
#login_container a {
 font-size:11px;
 color:#E93BAE;
 position:absolute;
 width:100px;
 top:20px;
 right:-4px;
}
.edit-link {
    display: none;
}
#login_container_js .info_js {
    position: relative !important;
    top: 0 !important;
    background: url('../images/info_sign.png') no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 16px;
    margin-right: 0 !important;
    width: 16px !important;
}
#login_container_js #kunde input,
#login_container_js #verfolgung input {
    width: 80%;
}

.overlay #login_container,
.overlay #send_container {
    position: relative;
    left: 0;
    top: 0;
    height: auto;
    width: 100%;
    font-size: 18px;
    color: #E93BAE;
    padding: 10px 0 0 15px;
    background-color: #fefefe;
    box-shadow: 2px 2px 0px 2px #d9dadc;
    overflow: hidden;
}
.overlay #send_container {
    margin-bottom: 2rem;
}
.overlay #login_container p,
.overlay #send_container p {
    margin-bottom: 0;
}
.overlay #kunde input, 
.overlay #verfolgung input,
.overlay #send_container input {
    width: calc(100% - 4rem);
}

/*------------------------------------------------------------------
[ Blog / Posts ]
*/
.elementor-posts .elementor-post__title,
.elementor-posts .elementor-post__meta-data {
    display: inline-block;
    line-height: 1.3em;
}
.elementor-posts .elementor-post__meta-data {
    float: left;
    margin-bottom: .5rem;
}
.elementor-posts .elementor-post__meta-data::after {
    content: '|';
    margin: 0 .3rem 0 .1rem;
}
.elementor-posts .elementor-post__excerpt {
    clear: both;
}
.elementor-posts .elementor-post__read-more {
    float: right;
}
.type-post {
    padding: 10px;
}
.type-post p {
    margin-bottom: 1rem;
}
.type-post .entry-title,
.type-post .entry-meta {
    display: inline-block;
}

/*------------------------------------------------------------------
[ Tables ]
*/
table {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table caption { 
    font-size: 2rem; 
    color: #444;
    margin: 1rem;
}
table thead th {
    color: #fff;
    text-align: left;
    background: #444;
    border: none;
}
td, th {
    padding: 0.6rem 0;
	border: none;
    vertical-align: top;
}

/*------------------------------------------------------------------
[ Media Queries ]
*/
@media only screen and (max-width: 1200px) {
    /* Item Widths */
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 25%;
    } 
    .logo {
        width: 30rem;
        box-shadow: 4px 4px 0px 0px #d9dadc;
    }
    .top #login_container,
    .top #send_container {
        left: 32rem;
    }
    .header::after {
        display: none;   
    }
}
@media only screen and (max-width: 1024px) {
    /* Grid */
	.grid .col .grid .col { 
		width: 100%;
		padding-right: 0;
		padding-left: 0;
        margin-left: 0;
	}
    .col .col:only-child,
    .col[class*='offset-']:only-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Item Widths */
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 33.33333%;
    }
}
@media only screen and (max-width: 900px) {
    /* Menu */
    .navigation {
        display: block;
    }
    .header .text {
        left: 30rem;
        width: 30rem;
    }
    .header h1 {
        font-size: 3.4rem;
        line-height: 1;
    }
    .elementor-tab-content .image-container {
        display: block;
    }
    .elementor-tab-content .image-container img {
        max-width: 100%;
        margin-bottom: 2rem;
    }
}
@media screen and (max-width: 782px) {
    body.admin-bar .top {
        top: 7.6rem;
    }
    /* Menu */
    .menu {
        display: none;
    }
    .mainnavigation {
        display: block;
    }
    .header .text {
        left: 2rem;
    }
}
@media only screen and (max-width: 767px) {
	.container {
		max-width: 100%;
	}
    .divider, hr {
        padding: 2rem 0;
    }
	/* Grid */
	.grid .col,
	.grid.no-gutter .col,
	.grid.no-gutter .col.col {
		width: 100%;
	}
    /* Item Widths */
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 50%;
    }
    .content .gform_wrapper ul.gform_fields li.gfield,
    .content .gform_wrapper ul.gform_fields li.gfield.anrede,
    .content .gform_wrapper ul.gform_fields li.gfield.nachricht {
        width: 100%;
        float: left;
        clear: both;
    }
    .custom .elementor-tabs .elementor-tabs-wrapper {
        display: block;
        width: 100% !important;
    }
    .custom .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
        display: none;
    }
    .custom.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
        margin-top: 2rem;
    }
    /* Tables */
    table {
		width: 100%;	
	}
    table thead { 
        display: none; 
    }
    /*
	td, th {
		display: block;
		float: left;
		width: 100% !important;
        height: auto !important;
	}
    */
}
@media only screen and (max-width: 568px) {
    .logo {
        width: 26rem;
    }
    .logo img {
        width: 20rem !important;
    }
}
@media only screen and (max-width: 480px) {
    .header {
        background-image: url(../images/header-mobil.jpg);
        background-size: contain !important;
        background-position: center;
    }
    .header .text{
        display: none;
    }
    .content-grid-2 .grid-item,
    .content-grid-3 .grid-item,
    .content-grid-4 .grid-item,
    .content-grid-5 .grid-item,
    .content-grid-6 .grid-item {
        width: 100%;
    }
    .meta {
        top: 1rem;
    }
    .header h1 {
        font-size: 4rem;
    }
}