/*
Theme Name: Mysa
Theme URI: https://www.getmysa.com
Version: 1.0
Description: Mysa Smart Thermostats Theme
Author: Andrew Murphy
Author URI: https://www,getmysa.com
Template: Divi
*/

.animate-area {
background: #ffffff;
background: -moz-linear-gradient(-45deg, #74cbf3 0%, #023d58 100%, #023d58 100%);
background: -webkit-linear-gradient(-45deg, #74cbf3 0%,#023d58 100%,#023d58 100%);
background: linear-gradient(135deg, #74cbf3 0%,#023d58 100%,#023d58 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#05abe0',GradientType=1 );
}

.animate-area-2 {
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff, #f8f8f8);
    background: -o-linear-gradient(#ffffff, #f8f8f8);
    background: -moz-linear-gradient(#ffffff, #f8f8f8);
    background: linear-gradient(#ffffff, #f8f8f8);
}

.animate-area-3 {
    background: #ffffff;
    background: -webkit-linear-gradient(#f8f8f8, #f0f0f0);
    background: -o-linear-gradient(#f8f8f8, #f0f0f0);
    background: -moz-linear-gradient(#f8f8f8, #f0f0f0);
    background: linear-gradient(#f8f8f8, #f0f0f0);
}
 
.blurb-hover .et_pb_blurb p {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transition: opacity .2s,-webkit-transform .35s;
 transition: opacity .2s,transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover p {
 color: #ffffff;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 zoom: 1;
 filter: alpha(opacity=1);
 opacity: 1;
}
 
.blurb-hover .et_pb_column:hover h4 {
 color: #ffffff;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb h4 {
 -webkit-transition: -webkit-transform .35s;
 transition: transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column:hover .et-pb-icon {
 background-color: transparent !important;
 color: #eaeaea !important;
 border-color: #fff !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}
 
.blurb-hover .et_pb_blurb .et-pb-icon {
 background: transparent !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}
 
.blurb-hover .et_pb_column {
 position: relative;
}
 
.blurb-hover .et_pb_button {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


.activeBlurb1 {
background-color: #FFFBFF;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
}
.activeBlurb1 h4 {
color: #06a8f3;
}

.activeBlurb2 {
background-color: #FFFBFF;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
}
.activeBlurb2 h4 {
color: #06a8f3;
}

.activeBlurb3 {
background-color: #FFFBFF;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
}
.activeBlurb3 h4 {
color: #06a8f3;
}

.activeBlurb4 {
background-color: #FFFBFF;
box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 1px 18px rgba(23, 23, 23, 0.21); 
}
.activeBlurb4 h4 {
color: #06a8f3;
}


#et-top-navigation .et_pb_button {
    margin-top: 0px;
    background: #06a8f3;
    border: 0px;
    color: #ffffff;
    font-size: inherit;
    font-weight: inherit;
}
 
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}

.workspace {
    background-image: linear-gradient(bottom, #ffffff 65.6%, #f34335 0%);
background-image: -o-linear-gradient(bottom, #ffffff 65.6%, #f34335 34.4%);
background-image: -moz-linear-gradient(bottom, #ffffff 65.6%, #f34335 34.4%);
background-image: -webkit-linear-gradient(bottom, #ffffff 65.6%, #f34335 34.4%);
background-image: -ms-linear-gradient(bottom, #ffffff 65.6%, #f34335 34.4%);

/* Title & Description */
.et-pb-active-slide .et_pb_slide_description {
	-webkit-animation-name: fadeBottom;
	-moz-animation-name: fadeBottom;
	-ms-animation-name: fadeBottom;
	-o-animation-name: fadeBottom;
	animation-name: fadeBottom;
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	-ms-animation-duration: 0.4s;
	-o-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-delay: 0s !important;
	-moz-animation-delay: 0s !important;
	-ms-animation-delay: 0s !important;
	-o-animation-delay: 0s !important;
	animation-delay: 0s !important;

.ds-slider-right.et_pb_slider .et_pb_container {
    float: right !important;
}
.ds-slider-right .et_pb_slide_description  {
	text-align: right !important;
	padding: 35% 8% !important;
}
.ds-slider-right.et_pb_slider .et_pb_button {
    float: right !important;
}
.toggle_custom_1 {
border: none;
}

.toggle_custom_1.et_pb_toggle.et_pb_toggle h5 {
padding-left: 45px;
}

.toggle_custom_1 .et_pb_toggle_title:before {
right: 95% !important;
font-size: 40px;
content: "\45";
-webkit-transition: 0.3s;
transition: 0.3s;
}
.toggle_custom_1.et_pb_toggle_open .et_pb_toggle_title:before {
color: #06a8f3;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.toggle_custom_1.et_pb_toggle_close.et_pb_toggle.et_pb_toggle p {
border-left: 4px solid #06a8f3;
padding-left: 20px !important;
margin: 2% 0 0 2.6%;
}

.toggle_custom_1.et_pb_toggle_open.et_pb_toggle.et_pb_toggle p {
border-left: 4px solid #06a8f3;
padding-left: 20px !important;
margin: 2% 3.2%;
}
.quantity-style {
    border: 1px solid #ccc;
    width: 80px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("http://getmysa.com/developmentsite/wp-content/uploads/sites/5/2017/02/Arrow.png") no-repeat 57px 5px;
}

.quantity-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.quantity-style select:focus {
    outline: none;
}

.fab-bolt .et-pb-icon::after {
    content: "\f0e7";
    font-family: "FontAwesome" !important;
    font-size: 60px;
}

.fab-bolt-2 .et-pb-icon::after {
    content: "\f0e7";
    font-family: "FontAwesome" !important;
    font-size: 30px;
}

.fab-mobile .et-pb-icon::after {
    content: "\f10b";
    font-family: "FontAwesome" !important;
    font-size: 60px;
}

.fab-thermometer-half .et-pb-icon::after {
    content: "\f2c9";
    font-family: "FontAwesome" !important;
    font-size: 30px;
}

.fab-certificate .et-pb-icon::after {
    content: "\f0a3";
    font-family: "FontAwesome" !important;
    font-size: 30px;
}