body {
    color: #111;
    font-size: 14px;
    background:#fff;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Lato', sans-serif;
    position:relative;
    -webkit-font-smoothing: antialiased;
}
p,
li,
li a,
label {
    color: #111;
}
p{
    font-size:18px;
    line-height:24px;
    font-family: 'Lato', sans-serif;
    margin-bottom:15px;
}
a {
    color: #111;
    text-decoration: none;  
    -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
    outline:none !important;  
}

a:focus,select:focus{
    outline: none;
}

ul{
    padding:0;
    margin:0;
    list-style:none;
}

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background: #eee;
}
::-webkit-scrollbar-thumb {
    cursor: pointer;
    background:#84c225;
}



::selection {
    background-color: #84c225;
    color: #fff;
}
-webkit-::selection {
    background-color: #84c225;
    color: #fff;
}
::-moz-selection {
    background-color: #84c225;
    color: #fff;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover,
button:focus,
button:active,
.btn:hover,
.btn:focus,
.btn:active{
    outline: 0 !important;
}
a:focus {
    text-decoration: none;
}
a:hover {
    color: #111111;
    text-decoration: none; 
}


.content-xs {
    padding-top: 20px;
    padding-bottom: 20px;
}

.content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.content-sm {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-md {
    padding-top: 80px;
    padding-bottom: 80px;
}

.content-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}

.content-xlg {
    padding-top: 150px;
    padding-bottom: 150px;
}

/*************************
        Margin top 
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }
/*************************
        Margin right  
*************************/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
        Margin bottom 
*************************/
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }
/*************************
        Margin left 
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
        Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }
.pt-160 { padding-top: 160px }
.pt-170 { padding-top: 170px }
.pt-180 { padding-top: 180px }
.pt-190 { padding-top: 190px }
.pt-200 { padding-top: 200px }
/*************************
        Padding right 
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
        Padding bottom  
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }
.pb-160 { padding-bottom: 160px }
/*************************
        Padding left 
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
        Page section padding   
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
.ptb-160 { padding: 160px 0 }
/***************************
        Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-35 { margin: 35px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
.mtb-160 { margin: 160px 0; }
/***************************
        Padding and Margin 0 
****************************/
.pm0{
    padding:0px;
    margin:0px;
}
.p0{
    padding:0px;
}
.m0{
    margin:0px;
}
.p-30{
    padding:30px;
}

.no-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.no-column-space [class^="col-"],
.no-column-space [class*=" col-"] {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.no-margin {
    margin: 0;
}
.no-padding {
    padding: 0;
}

/*Others*/
.overflow-h { overflow: hidden;}
.overflow-a { overflow: auto;}
.overflow-hidden { overflow: hidden;}
.clear-both { clear: both;}
.dp-none { display: none;}
.dp-block { display: block;}
.dp-table { display: table;}
.dp-inline-block { display: inline-block;}
.dp-table-cell {
    display: table-cell;
    vertical-align: middle;
}

/*Layout*/
.wrapper {
    background: #fff;
}


.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}


/*************************
        back to top
*************************/
#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #fff;
    transition:all .5s ease-in-out;
    position:fixed;
    bottom:60px;
    right:15px;
    z-index: 999;
    font-size: 14px;
    background: #212121;
    width: 50px;
    height:50px;
    line-height:50px;
    text-align: center;
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#back-to-top i {
    padding-top: 20px;
    font-size: 20px;
}
#back-to-top .top:hover{
    background: #000 !important;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}






.show-item{
    visibility:visible;
}
.hidden-item{
    visibility:hidden;
    display:none;
}



.show-footer {
    visibility:hidden;
    display:none;
}

#bottom-bar-info{
    background:#231f20;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    padding:0px;
    height:50px;
    line-height:50px;
    font-weight:bold;
    color:#fff;
    z-index:100 !important
}

#bottom-bar-info .col1,
#bottom-bar-info .col2,
#bottom-bar-info .col3,
#bottom-bar-info .col1 a,
#bottom-bar-info .col2 a,
#bottom-bar-info .col3 a{
    line-height:50px;
    font-weight:bold;
    font-size:16px;
    color:#fff;
}


#bottom-bar-info .col1,
#bottom-bar-info .col2,
#bottom-bar-info .col3,
#bottom-bar-info .col4, 
#bottom-bar-info .col1 a,
#bottom-bar-info .col2 a,
#bottom-bar-info .col3 a,
#bottom-bar-info .col4 a {
    line-height:50px;
    font-weight:bold;
    font-size:24px;
    color:#fff;
    width:25%;
    height:50px;
    float:left;
    text-align:center;
    -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;
}

#bottom-bar-info .col1 a .mdi,
#bottom-bar-info .col2 a .mdi,
#bottom-bar-info .col3 a .mdi,
#bottom-bar-info .col4 a .mdi{
    font-size:28px !important
}

#bottom-bar-info .col1 {
    background:#212121;
    -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;
}
#bottom-bar-info .col1:hover {
    background:#404040;
}

#bottom-bar-info .col2 {
    background:#25d366;
    -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;
}
#bottom-bar-info .col2:hover {
    background:#075e54;
}


#bottom-bar-info .col3 {
    background:#212121;
    -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;
}
#bottom-bar-info .col3:hover {
    background:#404040;
}

#bottom-bar-info .col4 {
    background:#84c225;
    -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;
}
#bottom-bar-info .col4:hover {
    background:#2853b8;
}




.btnRightFooter {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 0px solid #fff;
    right: 15px;
    z-index: 1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -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;
    font-size:28px;
}
.btnRightFooter:before {
    position:absolute;
    top:25px;
    left:25px;
    content:'';
    display:block;
    height:2px;
    width:2px;
    background: rgba(255,255,255,0);
    -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;
    content:" ";
    z-index:0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btnRightFooter:hover:before,
.btnRightFooter:focus:before{
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background: rgba(255,255,255,1);
}
.btnRightFooter span{
    position:relative;
    z-index:2
}

.whatsappFooter{
    bottom: 120px;
    color:#fff;
    background: linear-gradient(135deg, #25d366, #128c7e);
    box-shadow: rgba(37, 211, 102, 0.5) 0px 4px 24px;
    -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;
}
.whatsappFooter:focus span,
.whatsappFooter:hover span{
    color:#25d366;
}



.phoneFooter{
    bottom: 180px;
    color:#fff;
    background: linear-gradient(135deg, #568018, #84c225);
    /*background:##84c225;*/
    box-shadow: rgba(35, 71, 158, 0.5) 0px 4px 24px;
    -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;
}
.phoneFooter:focus span,
.phoneFooter:hover span{
    color:#84c225;
}

.emailFooter{
    bottom:240px;
    color:#fff;
    background: linear-gradient(135deg, #212121, #404040);
    /*background:#212121;*/
    box-shadow: rgba(33, 33, 33, 0.5) 0px 4px 24px;
    -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;
}
.emailFooter:focus span,
.emailFooter:hover span{
    color:#212121;
}