/**
 * @version		1.1.1
 * @package		Hue template for Joomla! 3.x
 * @author		JoomlaXTC http://www.joomlaxtc.com
 * @copyright	Copyright (C) 2017 Monev Software LLC. All rights reserved.
 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License
 */
/* ----------------------------------------------*/
/* 01 - BODY
/* ----------------------------------------------*/

/* Body Homepage Background */
body.frontpage { background:transparent;background-size:cover}


/* Body Innerpage Background */
body.innerpage { background:#fff ;background-size:auto}

/* Overlay Background */
.overlay {
background:transparent;background-size:cover;}

/* Background Video */
video#bgvid {
position: fixed;
opacity:0.2;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
/* ----------------------------------------------*/
/* 02 - TYPOGRAPHY
/* ----------------------------------------------*/
/* Basecolor classes used in HTML mark up */
.basecolor_1 {
 color:#215BAB;}
.basecolor_2 {
 color:#B39D6B;}
.basecolor_3 {
 color:#aa658f;}
.basecolor_4 {
 color:#fff;}
.basecolor_5 {
 color:#000;}
.bgbasecolor_1 {
 background:#215BAB;}
.bgbasecolor_2 {
 background:#B39D6B;}
.bgbasecolor_3 {
 background:#aa658f;}
.bgbasecolor_4 {
 background:#fff;}
.bgbasecolor_5 {
 background:#000;}
 
/* Global Fonts */
body,.ul,.ol,.li,legend,.dl,.dd {
color:#5f5f5f;}
a {
 color:#B39D6B;}
a:hover {
 color:#B39D6B;text-decoration:none;}
h1, h2, h3, h4, h5, h6 {
 color:#215AAB;}

/* Custom Gradient H Classes */
h1.gradient1,h2.gradient1,h3.gradient1,h4.gradient1,h5.gradient1,h6.gradient1,p.gradient1,i.gradient1 {
   background: -webkit-linear-gradient(#cd0de4, #0de49a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Default Button */
.btn {background:#215AAB!important;
}

/* BaseColor Buttons */
.btn.basecolor_1,.btn.basecolor_2,.btn.basecolor_3,.btn.basecolor_4,.btn.basecolor_5 {
color: #fff;
text-shadow: none;
box-shadow: none;
border-radius: 0px;
font-weight: 700;
border: 0!important;
padding: 8px 12px!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn.basecolor_1 {
background:#215BAB!important;
}
.btn.basecolor_2 {
background:#B39D6B!important;
}
.btn.basecolor_3 {
background:#aa658f!important;	
}
.btn.basecolor_4 {
background:#fff!important;
}
.btn.basecolor_5 {
background:#000!important;
}

/* Bootstrap Button Overrides */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled,.btn-primary[disabled] {
background:#215AAB!important;
}
.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background: #215AAB!important;
}
.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.disabled, .btn-success[disabled] {
background: #215AAB!important;
}
.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.disabled, .btn-warning[disbaled] {
background: #215AAB!important;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.disabled, .btn-danger[disabled] {
background: #215AAB!important;
}
.btn-inverse, .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.disabled, .btn-inverse[disabled] {
background: #215AAB!important;
}

/* Basecolor Blog Bubbles */
.blog-basecolor1 {
background: #215BAB;
}
.blog-basecolor1:after {
border-color: transparent #215BAB;
}
.blog-basecolor2 {
background: #B39D6B;
}
.blog-basecolor2:after {
border-color: transparent #B39D6B;
}
.blog-basecolor3 {
background: #aa658f;
}
.blog-basecolor3:after {
border-color: transparent #aa658f;
}
.blog-basecolor4 {
background: #fff;
}
.blog-basecolor4:after {
border-color: transparent #fff;
}
.blog-basecolor5 {
background: #000;
}
.blog-basecolor5:after {
border-color: transparent #000;
}

/* ----------------------------------------------*/
/* 03 - Header,logo,menu
/* ----------------------------------------------*/
/* Header Top Background */
#headertop {
background:#FFFFFF;
}

/* Header Wrap Background */
#headerwrap {
 background:#FFFFFF ;background-size:auto;}
 
 #headerwrap.stickyscroll {
 background:#FFFFFF ;background-size:auto;}

#headerwrap:hover {
 background:#FFFFFF ;background-size:auto;}


#headerwrap.stickyscroll{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;-webkit-transition-duration:2.0s,2s;-moz-transition-duration:2.0s,2s;-o-transition-duration:2.0s,2s;-ms-transition-duration:2.0s,2s;transition-duration:2.0s,2s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;-ms-transition-timing-function:linear;transition-timing-function:linear}

/* Header Background */
#header {
background:transparent ;background-size:auto;}

 .innerpage #headerwrap {
 background:#FFFFFF ;background-size:auto;}

/* Logo  */
#logo {
float: left;
}

#logo img {
padding:0px 6px;
}

#logo a p {
color:#FFFFFF;
padding:4px 0 0 0;
float:right;
display:inline;
margin:0px;
}

#logo a p span {font-weight:100;}


/* Mobile Logo */
#logomobile {display:none;
float: left;
text-align:center;}


#logomobile img {
padding:0px 6px;
}

#logomobile a p {
color:#FFFFFF;
padding:4px 0 0 0;
float:right;
display:inline;
margin:0px;
}

#logomobile  a p span {font-weight:100;}


/* Menu */
/* Menu Background */
#menu {
background: transparent;
}
/* BOOTSTRAP MENU RESET */

/* Menu Top Level */
#menuwrap #menu ul.nav > li a, #menu ul.nav > li span.separator {
background-color: transparent;
color:#000000;
position:relative;
z-index:13;
}
#menuwrap #menu ul.nav > li , #menu ul.nav > li span.separator {border-bottom: 0px dotted #000;
border-radius: 0px}
#menuwrap #menu ul.nav > li:hover a, #menuwrap #menu ul.nav > li span.separator:hover a {
background-color: transparent;}
#menuwrap #menu ul.nav > li a:hover, #menuwrap #menu ul.nav > li.parent:hover > a, #menu ul.nav > li span.separator:hover {
color:#215BAB;
}
#menuwrap #menu ul.nav > li:hover, #menuwrap #menu ul.nav > li.parent:hover, #menu ul.nav > li span.separator:hover {border-color:#79d5e4;
}
#menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active:hover {
 background-color: transparent!important;
}
#menuwrap #menu ul.nav > li.active a, #menuwrap #menu ul.nav > li.active a:hover {
color:#215BAB;
}
#menuwrap #menu ul.nav > li.active, #menuwrap #menu ul.nav > li.active:hover {
border-color:#79d5e4;
}
#menuwrap ul.nav li.parent a:after  {
content: "\f105";
font-family: 'FontAwesome';
margin-left:8px;
position: absolute;
display: inline;
font-weight:100;
font-size:85%;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
#menuwrap ul.nav li.parent a:hover:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#menuwrap ul.nav li.parent:hover > a:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#menu ul.nav li {
	padding: 0px;
}
/* Menu Drop Level */
/* BOOTSTRAP MENU RESET */
#menuwrap #menu .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
background: transparent!important;
}
#menuwrap ul.dropdown-menu li a:after,#menuwrap ul.dropdown-menu li.dropdown.parent ul.dropdown-menu a:after{
	content: ""!important;
}
#menuwrap ul.dropdown-menu li.dropdown.parent a:after {
content: "\f101"!important;
font-family: 'FontAwesome';
position: absolute;
right: 8%;
display: inline;
font-weight:100;
-webkit-transition: -webkit-transform .3s ease-in-out;
          transition:transform .3s ease-in-out;
}
#menuwrap #menu ul.nav ul.dropdown-menu li {
	margin-left:0px!important;
}
#menuwrap ul.dropdown-menu li.dropdown.parent a:hover:after {
-webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menuwrap ul.dropdown-menu li.dropdown.parent:hover > a:after {
-webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#menuwrap #menu ul.nav ul.dropdown-menu {
background-color: #FFFFFF!important;
border-radius: 0px}
#menuwrap #menu ul.nav ul.dropdown-menu li {
float: none;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a, #menu ul.nav ul.dropdown-menu li span.separator {
text-align: left;
background: transparent!important;
color:#000000;
border-radius: 0px}
#menuwrap .dropdown-menu li, #menuwrap ul.nav .dropdown-menu li span.separator {border-bottom: 1px solid #000!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menu ul.nav ul.dropdown-menu li span.separator:hover {
background:transparent!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:hover, #menuwrap #menu ul.nav ul.dropdown-menu li a:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover {
color:#215BAB!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li:hover, #menuwrap #menu ul.nav ul.dropdown-menu li:hover:after, #menu ul.nav ul.dropdown-menu li li span.separator:hover {border-color:#034E59!important;}
#menuwrap #menu ul.nav ul.dropdown-menu li:active a {
background: transparent!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li a:active {
color:#215BAB!important;
}
#menuwrap #menu ul.nav ul.dropdown-menu li:active {border-color:#034E59!important;}
/* Mobile Menu */
.navbar .btn-navbar .icon-bar {
background-color: #000000!important;
}
/* NAV PILLS */
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
background:#215BAB;
 }
.nav>li>a:hover, .nav>li>a:focus {
background:#215BAB;
color: #fff;
}
/* SIDE MENU */
.sidemenu .nav-pills > li > span.separator, .sidemenu ul.dropdown-menu>li>a:hover, .sidemenu ul.dropdown-menu>li>a:focus, .sidemenu ul.dropdown-menu .dropdown-submenu:hover>a, .sidemenu ul.dropdown-menu .dropdown-submenu:focus>a {
	background: transparent!important;
	display: block;
}
/* CANVAS MENU */
#jxtc_canvasslide_left a:hover, #jxtc_canvasslide_right a:hover {
color: #fff;
border-left:4px solid #aa658f;}
#jxtc_canvasslide_left label.close, #jxtc_canvasslide_right label.close {
background:#aa658f;
opacity: 1;
}
label.open.xtccanvas {
background:#215BAB!important;
color: #fff;
padding: 8px 10px;
font-size: 22px!important;
position: fixed;
top: 15%;
right: 0%;
z-index: 1200;
}
/* Bottom menu */
ul.menu.bottom a {color:#fff;}

/* ----------------------------------------------*/
/* 04 - Region Layout
/* ----------------------------------------------*/
/* REGION 1 */
/* Region outerwrap */
#region1wrap {background:#fff ; background-size:auto;}
 /* Region innerwrap */
#region1 { background:transparent ;background-size:auto; }

/* REGION 2*/
/* Region outerwrap */
#region2wrap {background:#fff ;background-size:cover;}
/* Region innerwrap */
#region2 {background:#fff ;background-size:auto;}

/* REGION 3*/
/* Region outerwrap */
#region3wrap {background:#fff ;background-size:auto;}
/* Region innerwrap */
#region3 {background:transparent ;background-size:auto;}

/* Component */
#component {
 background:transparent}
/* Left */
#left {
 background:#eeeeee}
/* Right */
#right {
 background:#eeeeee}

/* REGION 4*/
/* Region outerwrap */
#region4wrap {background:#fff ;background-size:auto;}
/* Region innerwrap */
#region4 {background:#fff ;background-size:auto;}

/* REGION 5*/
/* Region outerwrap */
#region5wrap {background:#fff ;background-size:auto;}
/* Region innerwrap */
#region5 {background:transparent  url('https://chillinproducts.com/templates/hue/images/backgrounds/r5.png') repeat ;background-size:auto;}

/* REGION 6 */
/* Region outerwrap */
#region6wrap {background:#fff ;background-size:auto;box-shadow: 
        inset 0px 11px 8px -10px #CCC,
        inset 0px -11px 8px -10px #CCC;}
/* Region innerwrap */
#region6 {background:transparent ;background-size:auto;}

/* REGION 7 */
/* Region outerwrap */
#region7wrap {background:#fff ;background-size:cover;}
/* Region innerwrap */
#region7 {background:transparent ;background-size:auto;}

/* REGION 8*/
/* Region outerwrap */
#region8wrap {background:#fff ;background-size:cover;}
/* Region innerwrap */
#region8 {background:transparent ;background-size:cover;}

/* REGION 9*/
/* Region outerwrap */
#region9wrap {background:#fff ;background-size:auto;}
/* Region innerwrap */
#region9 {background:transparent ;background-size:auto;}

/* REGION 10*/
/* Region outerwrap */
#region10wrap {background:#fff ;background-size:auto;}
/* Region innerwrap */
#region10 {background:transparent ;background-size:auto;}

/* REGION 11*/
/* Region outerwrap */
#region11wrap {background:#3158a9 ;background-size:auto;}
/* Region innerwrap */
#region11 {background:transparent ;background-size:auto;}

/* REGION 12*/
/* Region outerwrap */
#region11wrap {background:#3158a9 ;background-size:auto;}
/* Region innerwrap */
#region12 {background:transparent ;background-size:auto;}

/* Footer */
/* Region outerwrap */
#footerwrap {
 background:#000000 ;background-size:auto;}
.footer {
 background:transparent ;background-size:auto;}

/* back to top */
#backtotop-btn {
color:#FFFFFF;
background:rgba(0, 0, 0, 0.6);
padding:12px;
}

.backtotop-fade-out{-webkit-animation-name:backtotop-fade-out-blinker;-webkit-animation-duration:2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:backtotop-fade-out-blinker;-moz-animation-duration:2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:backtotop-fade-out-blinker;animation-duration:2s;animation-timing-function:linear}@-moz-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}@keyframes backtotop-fade-out-blinker{0%{opacity:1}50%{opacity:.8}100%{opacity:1.7}}

/* ----------------------------------------------*/
/* 05 - Module CSS
/* ----------------------------------------------*/
/* Module Background */
.module {
 background: transparent;border-radius:0px;
 }
/* Module Title Background */
h3.moduletitle {
 background: transparent;
 color:#215BAB;
 }
/* Module Title First Word Color */
h1.span.first_word, h2.span.first_word, h3.span.first_word, h4.span.first_word, h5.span.first_word, h6.span.first_word, h1.fa::before, h3.fa::before, h4.fa::before, h5.fa::before, h6.fa::before {
color:#215BAB;
 }
/* Module Title Rest Word Color */
h1.span.rest, h2.span.rest, h3.span.rest, h4.span.rest, h5.span.rest, h6.span.rest {
color:#333;
}
.modulecontent {
color:#5f5f5f!important;
}
/* Base Colors */
.basecolor_1 h1 span, .basecolor_1 h2 span, .basecolor_1 h3 span, .basecolor_1 h4 span, .basecolor_1 h5 span, .basecolor_1 h6 span {
color:#215BAB!important;
}
.basecolor_2 h1 span, .basecolor_2 h2 span, .basecolor_2 h3 span, .basecolor_2 h4 span, .basecolor_2 h5 span, .basecolor_2 h6 span {
color:#B39D6B!important;
}
.basecolor_3 h1 span, .basecolor_3 h2 span, .basecolor_3 h3 span, .basecolor_3 h4 span, .basecolor_3 h5 span, .basecolor_3 h6 span {
color:#aa658f!important;
}
.basecolor_4 h1 span, .basecolor_4 h2 span, .basecolor_4 h3 span, .basecolor_4 h4 span, .basecolor_4 h5 span, .basecolor_4 h6 span {
color:#fff!important;
}
.basecolor_5 h1 span, .basecolor_5 h2 span, .basecolor_5 h3 span, .basecolor_5 h4 span, .basecolor_5 h5 span, .basecolor_5 h6 span {
color:#000!important;
}
/* Basecolor Box Suffixes */
.module.basecolor1.box {
background:#215BAB!important;
}
.module.basecolor2.box {
background:#B39D6B!important;
}
.module.basecolor3.box {
background:#aa658f!important;
}
.module.basecolor4.box {
background:#fff!important;
}
.module.basecolor5.box {
background:#000!important;
}
/* These parameters are controlled by the base colors in the template adaministrator  */
.basecolor1 .moduletitle {
border-color:#215BAB;
}
.basecolor2 .moduletitle {
border-color:#B39D6B;
}
.basecolor3 .moduletitle {
border-color:#aa658f;
}
.basecolor4 .moduletitle {
border-color:#fff;
}
.basecolor5 .moduletitle {
border-color:#000;
}

/* Border Module background color - Covers the border behind the text with the background color */
#region1wrap .border h3.moduletitle span {
background:transparent!important;
}
#region2wrap .border h3.moduletitle span {
background:#fff!important;
}
#region3wrap .border h3.moduletitle span {
background:transparent!important;
}
#region4wrap .border h3.moduletitle span {
background:#fff!important;
}
#region5wrap .border h3.moduletitle span {
background:transparent!important;
}
#region6wrap .border h3.moduletitle span {
background:transparent!important;
}
#region7wrap .border h3.moduletitle span {
background:transparent!important;
}
#region8wrap .border h3.moduletitle span {
background:transparent!important;
}
#region9wrap .border h3.moduletitle span {
background:transparent!important;
}
#region10wrap .border h3.moduletitle span {
background:transparent!important;
}
#region11wrap .border h3.moduletitle span {
background:transparent!important;
}
#region12wrap .border h3.moduletitle span {
background:transparent!important;
}

/* ----------------------------------------------*/
/* 06 - Content Overrides
/* ----------------------------------------------*/
/* Joomla Content */
h1.pagetitle span {
color:#215BAB!important;
}
.contentheading {
color:#215BAB;
}
.page-header h1, .componentheading, .componentheadingnowrap, .pagetitle, span.subheading-category {
color:#215BAB;
}
.com_content .item-page .page-header h2 a, .com_content .item-page .page-header h2 {
color:#215BAB!important;
}
.com_content .blog .page-header h2 a, .com_content .blog .page-header h2 {
color:#215BAB!important;
}
.com_content p.readmore {text-align:right}
.com_content p.readmore a.btn {
color:#fff!important;
background:#215BAB!important;
border:1px solid #215BAB!important;
border-radius:0px!important;
}
.com_content p.readmore a.btn:hover {
color:#fff!important;
background:#215AAB!important;
border:1px solid #4E77AB!important;
}
.btn,btn {border-radius:0px!important;} 
.label-info, .badge-info {background:#215BAB!important;
color: #fff;}
/* Category Blog */
.item-image img {opacity:1;outline: 1px solid #fff;
outline-offset: -12px;}
.item-image img:hover {opacity:1;}
.item-image {background:transparent}
.com_content .blog .item {background:transparent;color:#215BAB;padding:0px;border-radius:0px}
.com_content .blog .item .article-info.muted {color:#215BAB;}
/* FAQ Category Blog */
.com_content .faqblog .faq-blog_item:hover {
border-color:#215BAB;
 }
.com_content .faqblog .faq-blog_item span .page-header h2::before {
color:#215BAB;
 }
/* Pricing Table Category Blog */
.pricetbl-title {
background:#B39D6B;
 }
.pricetbl-price {
background:#215BAB;
color: #fff;
}
.com_content .blog .item .pricetbl-wrap .j2store-product {
background:#aa658f;
color: #fff;
}
/* COM User */
input.button.subbutton.btn.btn-primary, #form-login-submit.control-group .btn.btn-primary, .logout-button .btn.btn-primary {
background:#215BAB;
}
.loginpagetitle {
color:#215BAB}

/* ----------------------------------------------*/
/* 07 - Custom Template Style
/* ----------------------------------------------*/
/* FRONT PAGE STYLE */
/* Custom HTML - Inset */
.insethero{position:absolute;left:35%;top:29%}
.insethero h1{color:#fff;font-size:194px;font-weight:700;line-height:60%;text-shadow:0 3px 8px rgba(0,0,0,0.5);opacity:.9}
.insethero span{font-size:52px;font-weight:100}
.insetcons i{color:#fff;font-size:48px;padding:0 12px}
#jparticle1{position:absolute;top:13%;left:33%}
@media (min-width: 1800px) {
.insethero{left:40%}
#jparticle1{left:38%}
}
@media (max-width: 1280px) {
.insethero{left:30%}
#jparticle1{left:28%}
}
@media (max-width: 1024px) {
.insethero{left:25%}
#jparticle1{left:26%}
}
@media (max-width: 768px) {
.insethero{left:20%}
#jparticle1{left:18%}
}
@media (max-width: 640px) {
.insethero{left:18%}
#jparticle1{left:16%}
}
@media (max-width: 480px) {
#jparticle1{left:0;width:400px}
.insethero h1{font-size:146px}
.insethero span{font-size:42px}
.insetcons i{font-size:28px}
}
@media (max-width: 320px) {
.insethero{left:10%}
#jparticle1{left:0;width:300px}
.insethero h1{font-size:126px}
.insethero span{font-size:32px}
.insetcons i{font-size:28px}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.insethero{top:50%;left:10%}
#jparticle1{left:8%;width:320px}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
.insethero{top:50%;left:22%}
#jparticle1{left:20%;width:320px}
}

/* Custom HTML - User 1 */
hr.motitle {width:8%;color:#fff;border-color:#fff;}
.aboutext {background: url('https://chillinproducts.com/templates/hue/images/backgrounds/yellowcircle.png') 1% 4% no-repeat;padding-top:100px;z-index:8;}
.aboutext:hover {background: url('https://chillinproducts.com/templates/hue/images/backgrounds/yellowcircle2.png') 8% 4% no-repeat;}
.aboutext h2 {font-size:48px;letter-spacing:-2px;color:#fff;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);font-weight:900;}
.aboutext p {font-size:18px;color: #fff;}

/* Custom HTML - User 25 */
/* CIRCLE */
.circle{position:relative;display:block;margin:2em 0;background-color:transparent;color:#222;text-align:center;max-width:100%;width:520px}
.circle:after{display:block;padding-bottom:100%;width:100%;height:0;border-radius:50%;background-color:rgba(255,0,99,0.6);content:"";border:12px solid rgba(255,255,255,0.6)}
.circle__inner{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%}
.circle__wrapper{display:table;width:100%;height:100%}
.circle__content{display:table-cell;padding:1em 1em 1em 1.3em;vertical-align:middle;color:#fff;line-height:80%;font-weight:700;font-size:4em}
.circle:hover:after{background:#e92b89}
.circleeround{border-radius:50%;width:75%}

@-moz-keyframes ibounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes ibounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes ibounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.ibounce{-moz-animation:ibounce 2s infinite;-webkit-animation:ibounce 2s infinite;animation:ibounce 2s infinite}

@media (max-width: 768px) {
.circle__content {font-size: 2em;}
.circle {width:300px;}
}

/* Custom HTML - User 31 */
.mteam.span6 {margin-bottom:48px;}
.mteam img {opacity:0.7;border:12px solid rgba(0, 0, 0, 0.3);width:90%;margin-top:22px;}
.mteam h2 {color:#fff;font-weight:900;}
.mteam p {color:#fff;}
.contactwrapright input,.contactwrapright textarea,.contactwrapright .button {background:rgba(0, 0, 0, 0.5);border:0px solid rgba(0, 0, 0, 0.5)!important;color:#fff;}
.contactwrapright .button {font-weight:100;padding:12px 12px;}
.contactcons i {color:#fff;font-size:28px;padding:0 12px;}
hr.motitle2 {width:14%;color:#fff;border-color:#fff}
@media (max-width: 1200px) {
.mteam.span6 {max-width:100%;width:100%;float:none;margin-left:0px;}
.ctwhalf.span6 {float:none!important;width:100%!important;max-width:100%!important;margin-left:0px!important;}
.mteam img {width:95%;}
}

textarea#jform_contact_message {width:630px}
@media (max-width: 1400px) {
textarea#jform_contact_message {width:480px}
}

@media (max-width: 1200px) {
textarea#jform_contact_message {width:100%}
}

@media (max-width: 768px) {
textarea#jform_contact_message {width:208px}
}

/* IMAGE GALLERY PLUGIN CUSTOM CSS */
.imagegalleryplg img {border:0px;background:transparent;box-shadow: 0px 0px 0px!important;padding:0;}

/* ----------------------------------------------*/
/* 08 - Responsive CSS  Parameters 
/* ----------------------------------------------*/
/* Check to see if the Responsive parameter is on */
/* Body Frontpage Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
body.frontpage {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/body_979.jpg');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body.frontpage {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/body_768.jpg');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
body.frontpage {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/body_480.jpg');}
}
/* End Device Swap Parameter  */

/* Body Frontpage No Background Images Parameter  */

/* Body Innerpage Background Swap Breakpoints */

/* Body Innerpage No Background Images Parameter  */

/* Headerwrap Background Swap Breakpoints */

/* Headerwrap No Background Images Parameter  */
	
/* Header Background Swap Breakpoints */

/* Headerwrap No Background Images Parameter  */
	
/* Mobile Logo */
@media (max-width: 767px) {
#logo {display:none;}
#logomobile {display:block;}
}
	
/* Region1Wrap Background Swap Breakpoints */

/* Region1 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region1wrap {background-image:none;}}
	
/* Region1  Background Swap Breakpoints */
	
/* Region1 No Background Images Parameter  */

/* Region2 Wrap Background Swap Breakpoints */

/* Region2 Wrap No Background Images Parameter  */
	
/* Region 2 Background Swap Breakpoints */

/* Region 2 No Background Images Parameter  */
	
/* Region 3 Wrap Background Swap Breakpoints */

/* Region 3 Wrap No Background Images Parameter  */

/* Region 3 Background Swap Breakpoints */

/* Region 3 No Background Images Parameter  */
	
/* Region 4 Wrap Background Swap Breakpoints */

/* Region 4 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region4wrap {background-image:none;}}

/* Region 4 Background Swap Breakpoints */

/* Region 4 No Background Images Parameter  */
@media (max-width: 767px) {#region4 {background-image:none;}}

/* Region 5 Wrap Background Swap Breakpoints */

/* Region 5 Wrap No Background Images Parameter  */
	
	
/* Region 5 Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region5 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_979.png');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region5 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_979.png');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region5 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_979.png');}
}
/* End Device Swap Parameter  */

/* Region 5 No Background Images Parameter  */

/* Region 6 Wrap Background Swap Breakpoints */

/* Region 6 Wrap No Background Images Parameter  */
	
/* Region 6 Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region6 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r6_979.png');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region6 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r6_768.png');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region6 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r6_480.png');}
}
/* End Device Swap Parameter  */

/* Region 6 No Background Images Parameter  */
	
/* Region 7 Wrap No Background Images Parameter  */
	
/* Region 7 Wrap Background Swap Breakpoints */
	
/* Region 7 Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region7 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_979.png');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region7 {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_768.png');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region7 {background-image:  url('https://chillinproducts.com/templates/hue/images/backgrounds/r5_480.png');}
}

/* End Device Swap Parameter  */

/* Region 7 No Background Images Parameter  */

	
/* Region 8 Wrap Background Swap Breakpoints */
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
#region8wrap {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/');}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
#region8wrap {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/');}
}
/* Landscape phones and down */
@media (max-width: 480px) {
#region8wrap {background-image: url('https://chillinproducts.com/templates/hue/images/backgrounds/');}
}
/* End Device Swap Parameter  */

/* Region 8 Wrap No Background Images Parameter  */
	
/* Region 8 Background Swap Breakpoints */

/* Region 8 No Background Images Parameter  */
@media (max-width: 767px) {#region8 {background-image:none;}}
	
/* Region 9 Wrap Background Swap Breakpoints */

/* Region 9 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region9wrap {background-image:none;}}

 /* Region 9 Background Swap Breakpoints */

/* Region 9 No Background Images Parameter  */
@media (max-width: 767px) {#region9 {background-image:none;}}

/* Region 10 Wrap Background Swap Breakpoints */

/* Region 10 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region10wrap {background-image:none;}}

 /* Region 10 Background Swap Breakpoints */

/* Region 10 No Background Images Parameter  */
@media (max-width: 767px) {#region10 {background-image:none;}}

/* Region 11 Background Swap Breakpoints */

/* Region 11 No Background Images Parameter  */
@media (max-width: 767px) {#region11 {background-image:none;}}

 /* Region 11 Background Swap Breakpoints */

/* Region 11 No Background Images Parameter  */
@media (max-width: 767px) {#region11 {background-image:none;}}
	
/* Region 12 Wrap Background Swap Breakpoints */

/* Region 12 Wrap No Background Images Parameter  */
@media (max-width: 767px) {#region12wrap {background-image:none;}}

/* Region 12 Background Swap Breakpoints */

/* Region 12 No Background Images Parameter  */
@media (max-width: 767px) {#region12 {background-image:none;}}

/* Footer Wrap No Background Images Parameter  */
	
/* Footer Wrap Background Swap Breakpoints */
	
/* Footer  No Background Images Parameter  */
	
/* Footer Background Swap Breakpoints */
/* End Responsive Parameters */