/*
Theme Name: MellowThemes
Theme URI: 
Author: MellowThemes
Author URI: https://www.MellowThemes.com/
Description: Multi-Purpose Responsive Theme
Version: 3.6.0
Text Domain: flatsome
License: https://www.MellowThemes.com/
License https://www.MellowThemes.com/
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
.button span {

    display: inline-block;
    line-height: 1.6;
    font-weight: 300;
    font-size: 16px;

}
body.home{
	background-color:#fff !important;
}
body.home #wrapper{
	background:none !important;
}
body.home #wrapper, #main{
	background:none !important;
}
.btn-1.primary.is-outline:hover {
    background: none;
}
::-moz-selection{background:#46beea;color:#fff;text-shadow:none}
::selection{background:#46beea;color:#fff;text-shadow:none}
a{text-decoration:none;outline:none!important}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
li,ul{padding:0;margin:0;list-style:none}
h4{margin:0;padding:0;font-weight:normal}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.btn-1{position:relative;cursor:pointer;overflow:hidden;z-index:9; text-transform:uppercase;}
.btn-1:before{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;content:'';border-radius:50%;display:block;width:300px;height:300px;line-height:20em;left:50%;margin-left:-150px;text-align:center;-webkit-transition:-webkit-box-shadow 0.5s ease-out;transition:-webkit-box-shadow 0.5s ease-out;-o-transition:box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out;transition:box-shadow 0.5s ease-out, -webkit-box-shadow 0.5s ease-out;z-index:-1}
.btn-1:hover{color:#fff}
.btn-1:hover:before{-webkit-box-shadow:inset 0 0 0 10em #00aeef;box-shadow:inset 0 0 0 10em #00aeef !important}
.btn-1.btn-white:hover{color:#000}
.btn-1.btn-white:hover:before{-webkit-box-shadow:inset 0 0 0 10em #fff;box-shadow:inset 0 0 0 10em #fff !important}
.container{margin-right:auto;margin-left:auto}
.col-sm-3{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
@media (min-width:640px){.col-sm-3{float:left}
.col-sm-3{width:25%}
}
.clearfix:after,.clearfix:before{content:" ";display:table}
.container:after,.container:before{content:" ";display:table}
.clearfix:after,.container:after{clear:both}
a{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.btn-1, .button{display:inline-block;height:44px;line-height:40px;padding:0 20px;border-radius:25px;color:#00aeef;font-size:15px;border:2px solid #00aeef;text-align:center;}
.btn-1:hover{border:2px solid transparent}
.btn-1.btn-white{color:#fff;border:2px solid #fff}

.home-section-1 .container{position:relative;z-index:20;overflow:hidden}
p{font-size:16px;color:#6f7a82;line-height:24px;margin-bottom:15px}
.home-services{padding:30px 0 40px 0}
.home-services .col-3{padding:0;float:left;width:100%}
.home-services .box{position:relative;width:50%;background:#4eccff;float:left;background-size:cover!important}
.home-services .box:before{content:"";display:block;padding-top:100%}
.home-services .box .service-tilte{display:block;position:absolute;top:0;left:0;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.home-services .icon{width:80px;height:70px;margin:0 auto 10px auto;background:url(images/service-icon.png) no-repeat center 0}
.home-services h4{font-size:20px;color:#fff; padding-top:18px;}
.home-services .b-1 .service-expand{background:#4ECCFF;right:0;top:0}
.home-services .b-2{background:#00aeef}
.home-services .b-2 .icon{background-position:center -67px}
.home-services .b-2 .service-expand{background:#00AEEF;left:0;bottom:0}
.home-services .b-3{background:url(images/mobile-bg.jpg) no-repeat 0 -40px;width:100%}
.home-services .b-3:before{padding-top:50%}
.home-services .b-3 .icon{background-position:center -143px}
.home-services .b-3 .service-expand{background:url(images/mobile-bg.jpg) no-repeat 0 0px;right:0;bottom:0}
.home-services .b-4{background:#efefef}
.home-services .b-4 h4{color:#6f7a82}
.home-services .b-4 .icon{background-position:center -218px}
.home-services .b-4 .service-expand{background:#EFEFEF;top:0;left:0}
.home-services .b-4 .service-expand a,.home-services .b-4 .service-expand p,.home-services .b-4 .service-expand span{color:#2e3235}
.home-services .b-4 .service-expand .close{color:#0d556f}
.home-services .b-5{background:url(images/emerging-bg.jpg) no-repeat center}
.home-services .b-5 .icon{background-position:center -451px}
.home-services .b-5 .service-expand{background:url(images/emerging-bg-1.jpg) no-repeat center;background-size:cover;right:0;bottom:0}
.home-services .b-6{background:url(images/marketing-bg.jpg) no-repeat center}
.home-services .b-6 .icon{background-position:center  -370px}
.home-services .b-6 .service-expand{background:url(images/marketing-bg-1.jpg) no-repeat center;background-size:cover;left:0;top:0}
.home-services .b-7{background:#9bc23c}
.home-services .b-7 .icon{background-position:center -291px}
.home-services .b-7 .service-expand{background:#9bc23c;right:0;top:0}
.home-services p{margin:25px 0;color:#2e3235;line-height:26px;}
.service-expand{position:absolute;width:100%;height:100%;z-index:9;-webkit-transition:all 0.4s ease-out 0s;-moz-transition:all 0.4s ease-out 0s;-ms-transition:all 0.4s ease-out 0s;-o-transition:all 0.4s ease-out 0s;transition:all 0.4s ease-out 0s;overflow:hidden}
.service-expand .close{position:absolute;top:0;right:0;padding:10px;z-index:99;font-size:22px;color:#fff;cursor:pointer;display:none;-webkit-transition:all 0.6s ease-out 0s;-moz-transition:all 0.6s ease-out 0s;-ms-transition:all 0.6s ease-out 0s;-o-transition:all 0.6s ease-out 0s;transition:all 0.6s ease-out 0s}
.service-expand .close:hover{color:#fff}
.service-expand p{font-size:20px;color:#fff;display:none}
.service-expand ul span{font-size:16px;color:#fff;line-height:24px;margin-bottom:10px;display:block;cursor:auto;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.service-expand ul span:hover{-webkit-transform:translatex(5px);-ms-transform:translatex(5px);transform:translatex(5px)}
.service-expand .more-cnt{display:none;width:0;overflow:hidden}
@media (max-width:640px){.hide-in-mob{display:none}
}
@media only screen and (min-width:480px){
.home-services .b-3 .service-expand{background-size:cover}
.service-expand p{display:block}
}
@media only screen and (min-width:767px){
p{line-height:30px;font-size:18px}
.home-services{margin-top:30px}
.home-services .col-3{width:25%}
.home-services .box{width:100%;background-size:cover;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.home-services .box h4{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.home-services .box .icon{-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s}
.home-services .box:hover .icon{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.home-services .b-3{background-size:cover;background-position:0}
.home-services .b-3:before{padding-top:200%}
.home-services .b-1 .service-expand{top:auto;right:auto;left:0;bottom:0}
.home-services .b-3 .service-expand:hover{height:100%}
.home-services .b-7 .service-expand{top:auto;right:0;bottom:0}
.home-services .b-6 .service-expand{top:0;right:0;left:auto;bottom:auto}
.home-services .b-2 .service-expand{left:auto;right:0;bottom:auto;top:0}
.service-expand:hover{width:200%;height:200%;padding:20px;z-index:99}
.service-expand:hover .service-tilte{position:relative;top:auto;text-align:left;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);margin-bottom:5px}
.service-expand:hover .icon{margin:0;float:left;-webkit-transform:translateY(0px)!important;-ms-transform:translateY(0px)!important;transform:translateY(0px)!important}
.service-expand:hover h4{float:left;margin-left:15px;}
.service-expand:hover .more-cnt{display:block;width:100%;overflow:visible}
}
@media only screen and (min-width:1024px){
.service-expand:hover{padding:60px}
.service-expand:hover h4{font-size:30px}
.home-services h4{font-size:24px}
.home-section-1 .container{overflow:visible;margin-bottom:73px}
}
@media only screen and (min-width:1250px){
.service-expand{overflow:hidden}
.service-expand p{width:470px}
}
p:empty{display:none !important;}
.home3 {
    text-align: center;
}
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline {
    border-color: transparent !important;
    background-color: transparent;
}
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline:hover {
    border-color: transparent !important;
    background-color: transparent;
}
.home4 {
    text-align: center;
}
.home4 a {
    color: red;
    font-size: 16px;
    color: #00b3e9;
}
#headet {
    z-index: 999 !important; background:url(images/header_bg.png) repeat-x; background-size:contain; border-bottom:7px solid #4BBCF7;
}
body.home .wpb_raw_html {
    position: relative;
    z-index: 0;
}
.nav-top-link,
.btn-link{
	position:relative;
	transition:all 0.3s ease-out 0s
}
.nav-top-link:after,
.btn-link:after{
	content: '';
	display: block;
	width: 0;
	left: 50%;
	height: 1px;
	background: #00aeef;
	position: absolute;
	bottom: 2px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.nav-top-link:hover:after,
.btn-link:hover:after {
    width: 100%;
	left: 0;
}
.btn-link:after{
	bottom:-4px;
}
.home5 *{
    color: #fff !important;
}
.home5 h2 {
    text-align: center;
    position: relative;
	margin-bottom:35px;
}
.home5 h2:after {
    position: absolute;
    width: 80px;
    height: 2px;
    background: #4cc6f8;
    content: "";
    bottom: -13px;
    left: 50%;
    margin-left: -40px;

}
/*============================================================*/