/*
Theme Name: supportsite Template
Version: 1.9
*/

@import url('css/contact.css');
@import url('fonts/almoni/almoni.css');
@import url('fonts/apollo/apollo.css');

* {
	margin: 0;
	padding: 0;
}
html,
body {
    font-family: Almoni;
	margin:0;
	padding:0;
	height:100%;
}
.ofont {
    font-family: APOLLO;
}
header {
    background:#fff;
}
header .container {
    align-items: flex-end;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:480px;
}
.logo {
    width:26%;
}
.logo img {
    max-width:100%;
}
.logo a {
	display:inline-block;
}
.container {
	width:96%;
    max-width:1024px;
    margin:0 auto;
}
.center {
    text-align: center;
}
.relative {
    position:relative;
}
.circlebox {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.clear {
	clear: both;
}
.inrowf {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.inrow {
    font-size:0;
}
div {
    font-size:18px;
}
.col2 {
    width:50%;
}
.inrowf .col2 {
    width:calc(50% - 5px);
}
.col3 {
    width:33.33%;
}
.inrowf .col3 {
    width:calc(33.33% - 5px);
}
.col4 {
    width:25%;
}
.inrowf .col4 {
    width:calc(25% - 10px);
}
.col5 {
    width:20%;
}
.inrowf .col5 {
    width:calc(20% - 5px);
}
.col6 {
    width:16%;
}
.col7 {
    width:14%;
}
.col8 {
    width:12%;
}
.col9 {
    width:11%;
}
.col10 {
    width:9%;
}
.col25 {
    width:calc(25% - 9px);
}
.col30 {
    width:calc(30% - 5px);
}
.col70 {
    width:calc(70% - 5px);
}
.col75 {
    width:calc(75% - 4px);
}
.col10 {
    width:9%;
}
.inline {
    vertical-align: top;
    display: inline-block;
}
.inlinem {
    vertical-align: middle;
    display: inline-block;
}
.inlineb {
    vertical-align: bottom;
    display: inline-block;
}
.abscenter {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.imgfix {
    line-height: 0;
}
h1 ,
h2 ,
h3 {
	font-weight: normal;
	margin: 0 0 0 0;
}

p {
	margin: 0 0 0 0;
}
a {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration:none;
}
ul {
	margin: 0 0 0 0;
	list-style:none;
}
#MobBtns,
#MobNavBtn {
    display: none;
}
nav {
	width:100%;
    position:relative;
}
.menu-main-menu-container {
    font-size: 0;
}
nav > ul {
	display:flex;
    justify-content: space-between;
    align-items: center;
    font-size:0;
}
nav .menu > li {
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
nav .menu li > a {
	display:inline-block;
	vertical-align:middle;
    font-family:almoni;
    font-size:23px;
	color:#000;
	transition:all .5s ease-out;
    border-bottom:1px solid transparent;
    padding:5px;
}
nav .menu li.current_page_item > a ,
nav .menu li.current-menu-item > a ,
nav .menu li:hover > a {
    border-color:#000;
}
.sub-menu {
    background:#fff;
    z-index:999;
    width:250px;
    position:absolute;
    top:100%;
    right:0;
    border:1px solid #000;
    opacity:0;
    z-index:-1;
    transition: opacity .5s ease;
}
.sub-menu li {
	display:block;
}
.menu-item-has-children:hover .sub-menu {
    opacity:1;
    z-index: 10;
}
.sub-menu li {
    display:block;
}
footer {
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	min-height:50px;
    background: #;
    width:100%;
}

#leos{
    position:absolute;
    bottom:0;
	width:100%;
	background-color:#000;
	text-align:center;
}
#leos img{
	padding-top: 10px;
    height:50px;
    width:auto;
}
#leos a{
        position:relative;
}
#leos span{
        opacity:0;
        position: absolute;
        right: 0;
        color: white;
        font-size: 22px;
        bottom: 10px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        transition:.3s;
}
#leos a:hover span{
        right: -100px;
        opacity:1;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.acf-map {
	width: 100%;
	height: 366px;
    pointer-events:none;
}
.entry {
    font-size:21px;
    line-height:1.3;
    color:#000;
}
.entry img {
    max-width: 100%;
    height: auto;
}
.entry ul {
    margin:0 20px;
    list-style: inherit;
}
.entry table {
    border:1px solid #000;
}
.entry table td {
    border:1px solid #000;
}
.entry table tr:nth-child(1) > td {
    text-align:center;
    background:#ccc;
}
div.wpcf7 img.ajax-loader {
    display: none;
}
svg g ,
svg path {
    fill: inherit !important;
}
svg ,
img.svg {
    opacity: 0;
    transition: all .4s ease;
}
svg.replaced-svg {
    opacity:1;
}
img.svg {
    width:0;
    height:0;
}
.bgimg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.topleft {
    width:calc(74% - 15px);
}
.socials svg {
    width:30px;
    height:30px;
    fill:#000;
}
.tinfo {
    text-align: left;
    margin-bottom: 15px;
}
.tphone {
    margin:0 15px;
}
.tphone a {
    font-size:35px;
    font-weight:bold;
}
header h2 {
    padding: 10px 0;
    text-align:center;
    font-size:50px;
}
.footerbox {
    background:#fff;
    padding:10px 0;
}
.ftxt {
    font-size:22px;
}
.mpages {
    text-align:center;
    padding:20px 0;
}
#content > .container {
    padding-bottom:20px;
}
.mpages a {
    height:85px;
    width:calc(100% - 4px);
    border:2px solid transparent;
    transition: all .5s ease;
    font-size:35px;
    display:block;
    position:relative;
}
.rcolor {
    color:#541f14;
}
.mpages a span {
    width:96%;
}
.mpages .col4:nth-child(1) a {
    border-color: #9ac65f;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(154,198,95,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(154,198,95,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(154,198,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#9ac65f',GradientType=0 );
}
.mpages .col4:nth-child(2) a {
    border-color: #8cc8fe;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(140,200,254,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(140,200,254,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(140,200,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#8cc8fe',GradientType=0 );
}
.mpages .col4:nth-child(3) a {
    border-color: #e7ca06;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(231,202,6,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(231,202,6,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(231,202,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#e7ca06',GradientType=0 );
}
.mpages .col4:nth-child(4) a {
    border-color: #fd5ded;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(253,93,237,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(253,93,237,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(253,93,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#fd5ded',GradientType=0 );
}
.rborder {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.maincontent {
    background:#fff;
    padding:20px;
    width:calc(100% - 40px);
}
.imgsside img {
    max-width:100%;
    height:auto;
    margin-top:5px;
}
.textside {
    font-size: 22px;
    line-height: 1.2;
}
.sidebtns {
    display:block;
    width:calc(100% - 4px);
    height:180px;
    position:relative;
    border:2px solid transparent;
    transition: all .5s ease;
    text-align:center;
}
.sidebtns span {
    width:96%;
    font-size:40px;
}
.sidebtn1 {
    margin-bottom:10px;
}
.sidebtn1 a {
    border-color: #8177ec;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(129,119,236,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(129,119,236,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(129,119,236,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#8177ec',GradientType=0 );
}
.sidebtn2 a {
    border-color: #31a0f6;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(49,160,246,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(49,160,246,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(49,160,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#31a0f6',GradientType=0 );
}
.newsbox .box {
    width:calc(100% - 24px);
    padding:20px 10px;
    border:2px solid #ed145b;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(237,20,91,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(237,20,91,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(237,20,91,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#ed145b',GradientType=0 );
    height:100%;
}
.gblock {
    padding:20px 0;
}
.gbox h2,
.newsbox h3 {
    font-size:31px;
    text-align:center;
}
.newsbox .wbox {
    height:80%;
    padding:20px;
    background:#fff;
}
.gbox .box {
    width:calc(100% - 24px);
    padding:20px 10px;
    border:2px solid #f26522;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(242,101,34,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(242,101,34,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(242,101,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#f26522',GradientType=0 );
    height:100%;
}
.news h3,
.gbox h2 {
    margin-bottom:10px;
}
.news .new {
    font-size:20px;
    line-height:1.2;
}
.gbox .slick-slider {
    margin-bottom:30px;
}
.gbox .slick-slide {
    margin: 0 10px;
}
.cfpagecf .box ,
.cfblock {
    width:calc(100% - 24px);
    padding:20px 10px;
    border:2px solid #7cc576;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(124,197,118,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(124,197,118,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(124,197,118,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#7cc576',GradientType=0 );
}
.cfpagecf .box h2 ,
.cfblock h2 {
    text-align:center;
    color:#e2424c;
    font-size:32px;
    margin-bottom:15px;
}
.cfblock .cfdiv {
    width:calc(33.33% - 10px);
    margin:10px auto;
}
.cfpagecf .cfdiv {
    margin-bottom:15px;
    width:100%;
}
.cfpagecf .cfdiv:last-of-type {
    margin-bottom:0;
}
.cfblock .messdiv {
    display:none;
}
.your-name input {
    background: #fff url(images/cfuser.svg) calc(100% - 5px) center no-repeat;
    background-size:auto 70%;
}
.your-phone input {
    background: #fff url(images/cfphone.svg) calc(100% - 5px) center no-repeat;
    background-size:auto 70%;
}
.your-email input {
    background: #fff url(images/cfmail.svg) calc(100% - 5px) center no-repeat;
    background-size:auto 70%;
}
.footerbox svg {
    width:auto;
    height:25px;
    fill: #d23d47;
}
.zpage {
    width:calc(100% - 24px);
    padding:20px 10px;
    border:2px solid #8cc8fe;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(140,200,254,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(140,200,254,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(140,200,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#8cc8fe',GradientType=0 );
}
.sidebar {
    width:calc(20% - 5px);
}
.mainwrap {
    width:calc(80% - 5px);
}
.mainbox {
    padding-bottom:20px;
}
.zpage h1 {
    margin-bottom:10px;
    font-weight: bold;
}
.pagegallery {
    padding: 20px 0;
}
.pagegallery img {
    min-height:100%;
}
.pagegallery ul li {
    opacity: 0.6;
    transition:all .5s ease;
    position:relative;
}
.pagegallery ul li:hover,
.pagegallery ul li.active {
    opacity: 1;
}
.lSSlideOuter {
    width:calc(100% - 205px);
}
#sidebar {
    width:calc(100% - 24px);
    padding:20px 10px;
    border:2px solid #630460;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(99,4,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(99,4,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(99,4,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#630460',GradientType=0 );
}
.wcircle {
    width:70px;
    height:70px;
    background:#fff;
    position:relative;
    margin: 0 auto 10px auto;

}
.wcircle img {
    max-width:60%;
    max-height:60%;
    width:auto;
    height:auto;
}
.sidepage {
    text-align:center;
    margin-bottom:20px;
}
.sidepage:last-of-type {
    margin-bottom:0;
}
.sidepage a {
    display:inline-block;
}
.sidepage h4 {
    font-weight:400;
    font-size:21px;
    color:#fff;
}
.prices {
    padding-top: 20px;
}
.pricebox {
    width:calc(28% - 24px);
    padding:20px 10px;
    border:2px solid #630460;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(99,4,96,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(99,4,96,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(99,4,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#630460',GradientType=0 );
    text-align:center;
    margin-bottom: 15px;
}
.pricebox h3 {
    color:#972097;
    margin-bottom:10px;
}
.pricebox ul li {
    display:block;
    padding:2px 0;
    font-size:19px;
}
.contactpage {
    width:calc(55% - 5px);
}
.cfpagecf {
    width:calc(45% - 5px);
}
.contactpage .inlinem.imgfix {
    width:40px;
    height:30px;
    position:relative;
}
.contactpage .inlinem.imgfix svg {
    max-width:90%;
    max-height:100%;
    width:auto;
    height:auto;
    fill:#e5434d;
}
.msp {
    margin-bottom: 30px;
}
.msp:last-of-type {
    margin-bottom: 0;
}
.mpp:last-of-type {
    display:none;
}
.contactpage .ftxt {
    font-size: 25px;
}
.contactpage h1 {
    margin-bottom:30px;
}
a.colbtn {
    transition: all .5s ease;
}
a.colbtn:hover {
    color:#fff;
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.socials a {
    display: inline-block;
    line-height:0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.socials a:hover {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.socials {
    line-height:0;
}
.wcircle ,
.sidepage a h4 {
    transition: all .5s ease;
}
.sidepage a:hover .wcircle {
    opacity:.8;
}
.sidepage a:hover h4 {
    color:#000;
}
.onepost {
    width:28%;
    margin:20px 0;
    text-align:center
}
.onepost h2 {
    margin-bottom:15px;
    text-align: right;
}
.onepost .entry {
    text-align: right;
}
.rmbtn {
    display:inline-block;
    padding:5px 15px;
    color:#fff;
    background: #ed145b;
    transition: all .5s ease;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:10px;
}
.rmbtn:hover {
    background:#c30118;
}