/*-------------------------------------------------------------------------------------
Theme Name:	Saasapp
Theme URI: 	http://pentathemes.com
Version:	1.0
Author: Pentathemes
-------------------------------------------------------------------------------------*/
/**
*****************************************
@File: Saasapp Theme Styles

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


    00. GENERAL
    01. BUTTON
    02. HEADER
    03. NAVIGATIONS
    04. CONTENT
    05. INNER PAGES
    06. RESPONSIVE STYLE

*****************************************
**/


/*===================================
GENERAL
===================================*/
body{
    padding:0px;
    margin:0px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
    color: #092e6e;
    font-weight: 400;
}
/*-----------------------
elements styles
-----------------------*/
a{
    transition: all 0.3s ease;
    outline: 0;
}
a:hover, a:active, a:focus {
    transition: all 0.3s ease;
    text-decoration: none;
    outline: 0;
}
label{
    font-weight: 400;
    color: #333333;
}


img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #092e6e;
}

h3 span{
    font-weight: 300;
}
p{
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
    color: #233a69;
    font-weight: 400;
    font-size: 14px;
}
p.lead{
    font-weight: 600;
    color: #777777;
    font-size: 14px;
}


h1{
    font-size: 36px;
    line-height: 40px;
}
h2{
    font-size: 30px;
    line-height: 36px;
}
h2 span, h3 b{font-weight: bold; color: #3ab4e5;}
h3{
    font-size: 24px;
    line-height: 30px;
}
h4{
    font-size: 20px;
    line-height: 24px;
}
h5{
    font-size: 18px;
    line-height: 22px;
}
h6{
    font-size: 14px;
    line-height: 18px;
}
.white-bg{
    background: #fff !important;
}
.text-muted{
    color: #ccc !important;
}
.no-padding{
    padding: 0px !important;
    transition : all 0.3s ease-out;
}
.hide{
    display:none;
}

.logoChat{
	display: inline-block;
	width: 200px;
	height: 76px;
	background-image: url(../images/logoChat.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.logoChat-O{
	display: inline-block;
	width: 289px;
	height: 46px;
	background-image: url(../images/logoChat-O.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.logoChat-OW{
	display: inline-block;
	width: 289px;
	height: 46px;
	background-image: url(../images/logoChat-OW.png);
	background-repeat: no-repeat;
	background-size:contain;
}
.fullhw{
width:100%;
height:100%;
}

.default-bg{
    background: #fff;
}
.heading-alt,.para-alt{
    color: #fff;
}

.p-10{
    padding: 10px;
}
.p-20{
    padding: 20px;
}
.p-30{
    padding: 30px;
}
.p-30{
    padding: 40px;
}
.pt-10{
    padding-top: 10px;
}
.pt-20{
    padding-top: 20px;
}
.pt-30{
    padding-top: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pt-60{
    padding-top: 60px;
}
.pt-70{
    padding-top: 70px;
}
.pt-80{
    padding-top: 80px;
}
.pt-90{
    padding-top: 90px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-40{
    padding-bottom: 40px;
}
.pb-50{
    padding-bottom: 50px;
}
.pb-60{
    padding-bottom: 60px;
}
.pb-70{
    padding-bottom: 70px;
}
.pb-80{
    padding-bottom: 80px;
}
.pb-90{
    padding-bottom: 90px;
}
.ptb-10{
    padding: 10px 0px
}
.ptb-20{
    padding: 20px 0px
}
.ptb-30{
    padding: 30px 0px
}
.ptb-40{
    padding: 40px 0px
}
.ptb-50{
    padding: 50px 0px
}
.ptb-60{
    padding: 50px 0px
}
.ptb-70{
    padding: 70px 0px
}
.ptb-80{
    padding: 80px 0px
}
.ptb-90{
    padding: 80px 0px
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-40{
    margin-bottom: 40px;
}
.br-1{
    border-right: 1px solid #ccc;
}
.bb-1{
    border-bottom: 1px solid #ccc;
}
.bl-1{
    border-left: 1px solid #ccc;
}
.bt-1{
    border-top: 1px solid #ccc;
}
.b-1{
    border: 1px solid #ccc;
}
.modal-content {
    border-radius: 0px !important;
}
.modal-header .modal-title{
    color: #fff !important;
}
.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
@font-face {
    font-family: "Flaticon";
    src: url("font/Flaticon.eot");
    src: url("font/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("font/Flaticon.woff") format("woff"),
        url("font/Flaticon.ttf") format("truetype"),
        url("font/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
.seperator{
    background-image: url(../images/logoTipo.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-family: "Flaticon";
    font-size: 25px;
    height: 50px;
    margin-bottom: 10px;
}
.seperator:before{
    /*content: "\f100";*/

}
.mejs-offscreen{
    display: none !important;
}
.error{
    color: #c4020b;
    font-size: 10px;
}
.clear-fix{
    clear: both;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
/*-----------------------
cards styles
-----------------------*/
.card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/*-----------------------
box styles
-----------------------*/
.box-style-1.right .icon-container {
    float: right;
}

.box-style-1 .icon-container,
.box-style-2 .icon-container{
    border: 1px solid transparent;
    height: 50px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 50px;
    border-radius: 50%;
    color: #fff;
}
.box-style-2 .icon-container{
    display: block;
    margin: 0 auto;
}
.box-style-1 .icon-container{
    float: left;
}
.box-style-1 .image-container {
    float: left;
    height: 80px;
    transition: all 0.2s ease-in-out 0s;
    width: 80px;

}

.box-style-1 i,
.box-style-2 i{
    font-size: 22px;
    line-height: 45px;
}
.box-style-1.right .body {
    margin-left: 0;
    margin-right: 70px;
    text-align: right;
}
.box-style-1 .body {
    margin-left: 70px;
}
.box-style-1 .body h4 a,.box-style-2 .body h4 a{
    color: #333333;
}
.size-30{
    font-size: 40px !important;
}

/*-----------------------
list styles
-----------------------*/
ul{
    list-style: square;
}
ul.list{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul.list li {
    line-height: 30px;
    overflow: hidden;
	font-weight: 800;
}
ul.list li i{
    font-size: 15px;
    height: 22px;
    line-height: 21px;
    margin-right: 8px;
    text-align: center;
    width: 22px;
    display: inline-block;
}
/*-----------------------
accordion style
-----------------------*/

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #fff;
    border-color: #eee;
}

.panel-title {
    font-size: 14px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}
.panel-title > a:hover{
    color: #fff;
}

.more-less {
    float: right;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #eee;
}

.pagination li a{
    border-radius: 0px !important;

}
/*-----------------------
form styles
-----------------------*/
.form-control{
    border: 1px solid #ccc !important;
    border-radius: 0px;
    height: 40px;
    box-shadow: none !important;
}
.form-control:focus{
    border: 1px solid #777 !important;
}
.form-control::-webkit-input-placeholder {
    color:    #ccc;
}
.form-control:-moz-placeholder {
    color:    #ccc;
}
.form-control::-moz-placeholder {
    color:    #ccc;
}
.form-control:-ms-input-placeholder {
    color:    #ccc;
}
/*-----------------------
pageloader styles
-----------------------*/
#page-loader {
    position : fixed;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    z-index : 99999;
}
#page-loader .loader {
    /*display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    border: 4px solid #Fff;
    top: 50%;
    left : 50%;
    animation: loader 2s infinite ease;
    -webkit-animation: loader 2s infinite ease;*/
	display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left : 50%;
    margin-left: -32px;
}

#page-loader .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    animation: loader-inner 2s infinite ease-in;
    -webkit-animation: loader-inner 2s infinite ease-in;

}

@keyframes loader {
    0% {
        transform: rotate(0deg);
        -webkit-transform:: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}
@-webkit-keyframes loader{
    0% {
        transform: rotate(0deg);
        -webkit-transform:: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}
@-moz-keyframes loader{
    0% {
        transform: rotate(0deg);
        -webkit-transform:: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}
.hash{
    background-color: #eef1f4;
}
/*FULL WIDTH TABS*/
.full-width-tabs > ul.nav.nav-tabs {
    position: relative;
    border: none !important;

}
.full-width-tabs > ul.nav.nav-tabs > li {
    width: 25%;
}
.full-width-tabs > ul.nav.nav-tabs > li.active > a:before {
    position: absolute;
    top: -12px;
    left: 47%;
    display: inline-block;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom-color: transparent;
    content: '';
}

.full-width-tabs > ul.nav.nav-tabs > li.active > a:after {
    position: absolute;
    top: -11px;
    left: 47%;
    display: inline-block;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    content: '';
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    border: none !important;
    border-color: transparent;
    border-radius: 0px;
    color: #fff;
    padding-top: 20px;
    margin-right: 0px;
	height: 112px;
}

.full-width-tabs > ul.nav.nav-tabs > li > a > i{
    border: 2px solid #fff;
    display: block;
    height: 50px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    float: left;
    font-style: normal;
    font-weight: 300;
}
.full-width-tabs > ul.nav.nav-tabs > li > a > h5{
    margin-left: 70px;
}
.full-width-tabs > ul.nav.nav-tabs > li > a > h5 >span{
    font-weight: 300;
}
.full-width-tabs > .nav-tabs > li.active > a,
.full-width-tabs > .nav-tabs > li.active > a:hover,
.full-width-tabs > .nav-tabs > li.active > a:focus{
    border: none !important;
    border-color: transparent;
    border-radius: 0px;

}
.full-width-tabs > .tab-content{
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
}

.full-width-tabs > .tab-content .main-content h3 span{
    font-weight: 300;
}
/*===================================
BUTTONS
===================================*/
.btn{

    border-radius: 0px;
    padding: 10px 25px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-small{

    border-radius: 0px;
    padding: 7px 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.btn-ghost-default{
    border: 2px solid #fff !important;
    color: #fff;
}
.btn-ghost-default:hover,
.btn-ghost-default:active,
.btn-ghost-default:focus{
    color: #fff;
}
.btn-ghost-black{
    border: 2px solid #777777 !important;
    color: #777777;
}
.btn-ghost-black:hover,
.btn-ghost-black:active,
.btn-ghost-black:focus{
    color: #777;
}

.btn-theme-default,
.btn-theme-default:hover,
.btn-theme-default:active,
.btn-theme-default:focus{
    background: #fff;
    color: #777;
    border: 2px solid #fff !important;
}
.btn-appstore,.btn-appstore:focus,.btn-appstore:active {
    background : url('../images/app-store.png') no-repeat;
    width : 131px;
    height : 41px;
}
.btn-googleplay,.btn-googleplay:focus,.btn-googleplay:active {
    background : url('../images/google-play.png') no-repeat;
    width : 131px;
    height : 41px;
}

/*===================================
NAVIGATION
===================================*/
#main-navigation.navbar-default{
    background: none;
    border: none !important;
    padding: 20px;
    transition : all 0.2s ease-in;
}
#main-navigation.scrolled {
    background : #fff !important;
    box-shadow : 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 10px 20px;
    transition : all 0.2s ease-in;
}
#main-navigation .navbar-brand img{
    margin-top: -20px;
}
#main-navigation .nav,
#main-navigation .collapse,
#main-navigation .dropup,
#main-navigation .dropdown {
    position: static;
}

#main-navigation .dropdown-menu {
    left: auto;
}

#main-navigation .nav a,
#main-navigation .nav a:active,
#main-navigation .nav a:hover {
    padding : 0 10px;
    margin-top : 12px;
    font-size : 14px;
    line-height : 28px;
    font-weight : 500;
    background : transparent;
    color : #fff;
    text-transform : uppercase;
    transition : color 0.2s ease-in;
}

#main-navigation .nav li{
    margin: 0px 10px;
}
#main-navigation .nav li.menu-alt{
    margin-top: -5px;
}

#main-navigation .nav li.menu-alt a{
    padding: 3px 15px;
    background: #fff;
    border-radius: 15px;
    transition : all 0.2s ease-in;

}
#main-navigation .navbar-right .dropdown-menu{
    right: auto !important
}

#main-navigation ul.dropdown-menu{
    text-align: center !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 0px;

}
#main-navigation ul.dropdown-menu li:last-child{
    padding-bottom: 10px;
}
#main-navigation.scrolled ul.dropdown-menu li a,
#main-navigation.scrolled ul.dropdown-menu li a:hover{
    color: #fff !important;
}

#main-navigation ul.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

#main-navigation ul.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

#main-navigation  .navbar-collapse,
#main-navigation  .navbar-form {
    border-color: transparent !important;
}


#main-navigation .navbar-toggle {

    background-color: transparent;
    background-image: none;
    border-radius: 0px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}
#main-navigation .navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;

}

#header{

    background: #fff;
}
/*===================================
CONTENTS
===================================*/
#main-banner{
    max-width : 100% !important ;
    height:100vh;
}
#main-banner h1{
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
#main-banner .bg-animation{
    background: url('../images/intro-bg.gif') 0 0 repeat;
    -webkit-animation: animate_background 10s linear 0s infinite;
    -moz-animation: animate_background 10s linear 0s infinite;
    -o-animation: animate_background 10s linear 0s infinite;
    animation: animate_background 10s linear 0s infinite;
    height:100vh;
}
@-webkit-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -200px;
    }
}
@-moz-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -200px;
    }
}
@-o-keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -200px;
    }
}
@keyframes animate_background {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -200px;
    }
}
#main-banner .video-overlay,
#main-banner .banner-content{

    height:100vh;
    position: relative;


}
#main-banner .banner-info{
    padding: 20% 0;
}

#main-banner .banner-content img{
    display: block;
    max-width: 100%;
    position: absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);

}
/*-----------------------
slider styles
-----------------------*/
#slider{
    background: #fff;
}
#slider .flexslider {
    width: 100%;
    margin: 0 auto;
    box-shadow: none;
    border: none !important;
}
#slider .flexslider li {
    position: relative;
}

#slider .flexslider li .meta {
    width: 530px;
    position: absolute;
    top: 25%;
    right: 50%;
    margin-right: -500px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
	.meta h1{
        position: relative;
        z-index: 2;
        padding-left: 35px;
    }

    .meta .slide_text{
        background-color: rgba(0, 174, 239, 0.75);
        color: #fff;
        padding: 35px;
        position: relative;
        top: -40px;
        z-index: 0;
		font-size: 18px;
    }

    .meta a{
        position: relative;
        left: 35px;
        top: -65px;
    }
#slider .flexslider li h1,
#slider .flexslider li span,
#slider .flexslider li p,
#slider .flexslider li a{
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#slider .flexslider li.flex-active-slide .meta h1,
#slider .flexslider li.flex-active-slide .meta span,
#slider .flexslider li.flex-active-slide .meta p,
#slider .flexslider li.flex-active-slide .meta a {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#slider .flexslider li.flex-active-slide .meta h2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

#slider .flexslider li.flex-active-slide .meta p {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

#slider .flexslider li.flex-active-slide .meta a {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

#slider .flex-direction-nav {
    position: absolute;
    bottom: 0;
    right: 0px;

}

#slider .flex-direction-nav a {
    animation: none !important;
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    margin-left: -60px;
    margin-top: -32px;
    position: absolute;
    top: 0.5px;
    z-index: 10;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    color: #fff;

}

#slider .flex-direction-nav .flex-prev {
    text-align: left;
    left: -10px;
}

#slider .flex-direction-nav .flex-next {
    text-align: right;
    left: 30px;
}

#slider .flexslider:hover .flex-prev {
    left: -10px;
}

#slider .flexslider:hover .flex-next {
    left: 30px;
}

#slider .flexslider:hover .flex-next:hover,
#slider .flexslider:hover .flex-prev:hover {
    opacity: 1;
}

#slider .flex-direction-nav a:before {
    font-family: FontAwesome;
    content: '\f104';
    font-size: 18px;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 1px;
    padding: 2px;
}

#slider .flex-direction-nav a.flex-next:before {
    content: '\f105';
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}
.feature {
    overflow: hidden;
}
.feature .feature-desc .feature-info {
    position: absolute;
}
.feature .feature-desc .row {
    position: relative;
}
.feature .feature-desc article{
    padding: 60px 0px;
}
.browser {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d5dadf;
    border-radius: 3px;
    box-shadow: 0 13px 35px rgba(98, 100, 112, 0.25);
    display: inline-block;
    margin: auto;
    min-height: 200px;
    overflow: hidden;
    position: relative;
}

.browser .top-bar {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d5dadf;
    border-radius: 4px 4px 0 0;
    height: 43px;
}
.browser .top-bar .lights {
    left: 18px;
    top: 9px;
}
.browser .top-bar .lights {
    left: 12px;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    top: 5px;
}

.browser .top-bar .lights li {
    margin-right: 8px;
    width: 10px;
    border: 1px solid #da4b47;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12) inset;
    display: inline-block;
    height: 10px;
    margin-right: 6px;
    width: 10px;
}
.browser .top-bar .lights li:nth-child(1) {
    background: #f66560 none repeat scroll 0 0;
}
.browser .top-bar .lights li:nth-child(2) {
    background: #f9c964 none repeat scroll 0 0;
    border-color: #dcac47;
}
.browser .top-bar .lights li:nth-child(3) {
    background: #30c75d none repeat scroll 0 0;
    border-color: #1fa748;
}
.browser .frame img{
    width: 100% !important;
}

#mobile-app .mobile-app-image img{
    position: absolute;
    bottom: 0px;
    margin-bottom: -418px;
}

#testimonials figure.testimonial-card {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    min-width: 220px;
    width: 100%;
    text-align: left;
    box-shadow: none !important;
}

#testimonials figure.testimonial-card * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#testimonials figure.testimonial-card img {
    max-width: 100%;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin-right: 5px;
    display: block;
    z-index: 1;
    position: absolute;
    right: 50%;
}

#testimonials figure.testimonial-card blockquote {
    margin: 0;
    display: block;
    border-radius: 8px;
    position: relative;
    background-color: #fff;
    padding: 65px 50px 35px 50px;
    font-size: 14px;
    margin: -40px 0 0;
    box-shadow: none;

}

#testimonials figure.testimonial-card blockquote:before,
#testimonials figure.testimonial-card blockquote:after {
    font-family: 'FontAwesome';
    content: "\201C";
    position: absolute;
    font-size: 60px;
    opacity: 0.3;
    font-style: normal;
}

#testimonials figure.testimonial-card blockquote:before {
    top: 55px;
    left: 20px;
}

#testimonials figure.testimonial-card blockquote:after {
    content: "\201D";
    right: 20px;
    bottom: 5px;
}

#testimonials figure.testimonial-card .author {
    margin: 0;
    height: 80px;
    display: block;
    text-align: left;
    padding: 0 35px;
    position: relative;
    z-index: 1;
}

#testimonials figure.testimonial-card .author h5,
#testimonials figure.testimonial-card .author span {
    left: 50%;
    position: absolute;
    opacity: 0.8;
    padding: 3px 5px;
}

#testimonials figure.testimonial-card .author h5 {
    text-transform: uppercase;
    bottom: 50%;
    margin: 0;
    font-weight: 600;
}

#testimonials figure.testimonial-card .author span {
    font-size: 14px;
    color: #000000;
    top: 50%;
    font-weight: 400;
}
#testimonials-carousel .item{
    margin: 0px 5px !important;
}
#footer .footer-menu{
    margin: 0px;
    padding: 0px;
}
#footer .footer-menu li{
    list-style: none;

}
#footer p.policy{
    font-size: 12px;
    line-height: 20px;
}
#footer .footer-level-2 .min-height{
    /*min-height: 200px;*/
}
#footer .social-links{
    margin: 0px;
    padding: 0px;
    list-style: none;

}
#footer .social-links li{
    float: left;
    padding-right: 10px;
}
#footer .social-links li a{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
}
#footer .form-group{
    padding-right: 15px;
}
#footer .footer-contact i{
    font-size: 25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    margin: 10px 10px 10px 0px;
    vertical-align: middle;
}
#footer .footer-contact .contact-item{
    padding-bottom: 10px;
}
#footer .footer-contact i.fa-envelope{
    font-size: 17px;
    line-height: 38px;
}

#footer .footer-contact p{
    display: inline-block;
    vertical-align: middle;
    margin:0;
}

#footer .footer-contact p span{
    display:block;
    font-weight: normal;
    font-size:14px;
    line-height:2;
}

#footer .footer-contact p a{
    text-decoration: none;;
}

/*DARK FOOTER*/

#footer.dark-footer p{
    color: #83929f;
}

#footer.dark-footer .footer-level-1,
#footer.dark-footer .footer-level-2{
    border-bottom: 1px solid #31495f;
}
#footer.dark-footer .fbl-1{
    border-left: 1px solid #31495f;
    padding-left: 15px;
}
#footer.dark-footer .footer-menu li a{
    color: #83929f;
}


#footer.dark-footer .social-links li a{

    background: #152331;
    color: #83929f;
}

#footer.dark-footer .form-control{
    background: #022154;
    color: #fff;
    border: 1px solid #022154 !important;

}

#footer.dark-footer .footer-contact i{
    background-color:  #152331;
    color: #83929f;
}

/*LIGHT FOOTER*/

#footer.light-footer p{
    color: #7f8c8d;
}

#footer.light-footer .footer-level-1,
#footer.light-footer .footer-level-2{
    border-bottom: 1px solid #efefef;
}
#footer.light-footer .fbl-1{
    border-left: 1px solid #efefef;
    padding-left: 15px;
}
#footer.light-footer .footer-menu li a{
    color: #7f8c8d;
}


#footer.light-footer .social-links li a{

    background: #efefef;
    color: #83929f;
}

#footer.light-footer .form-control{
    background: #efefef;
    color: #858585;
    border: 1px solid #efefef !important;

}

#footer.light-footer .footer-contact i{
    background-color:  #efefef;
    color: #83929f;
}

/*===================================
INNER PAGES
===================================*/

#inner-banner{
    min-height: 400px;
    background: url('../images/inner-banner.jpg') no-repeat;
    background-size: cover;

}
#inner-banner .banner-heading{
    padding: 150px 0px;
}
#inner-banner .breadcrumbs{
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#inner-banner .breadcrumbs li{
    float: left;
    padding: 0px;
    color: #fff;
}
#inner-banner .breadcrumbs li:after{
    content: "\f105";
    font-family: FontAwesome;
    padding: 10px;
}
#inner-banner .breadcrumbs li:last-child:after{
    content: "";
    padding: 0px;
}
/*TEAM SECTION*/



#team-section {
    text-align: center;
    padding: 70px 0 80px;
    background: #f0f5f6;
}

#team-section h2 {
    font-weight: normal;
}

#team-section .member {
    background-color: #fff;
}
#team-section .member figure {
    overflow: hidden;
    width: 100%;
    height: 196px;
}

#team-section img {
    width: 100%;
    height: auto;
    margin-top: 0px;
}

#team-section .member .text-content {
    padding: 19px 14px 13px;
}

.member-img{
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;

    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;

    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
}

.team-member:hover .member-img{
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;

    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;

    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1.20, 1.20);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;

    opacity: 0.7;
}
#faq-categories .nav-pills{
    border: 1px solid #eee;
}
#faq-categories .nav-pills li{
    border-bottom: 1px solid #eee;

}
#faq-categories .nav-pills li a{
    border-left: 3px solid #fff;
    border-radius: 0px;
    color: #777777;
    font-size: 14px;
    font-weight: 600;
}
#faq-categories .nav-pills li a:hover,
#faq-categories .nav-pills li a:focus{
    background: none !important;
    border-left: 3px solid #ccc;
}
#faq-categories .nav-pills li:last-child{
    border-bottom: 0px;
}
#faq-categories .nav li.active{
    background: #fff !important;
}
#faq-categories .nav-pills > li.active > a,
#faq-categories .nav-pills > li.active > a:hover,
#faq-categories .nav-pills > li.active > a:focus {
    background: #fff !important;
    color: #777777;
    font-size: 14px;
    font-weight: 600;
}
#terms ol{
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
}
#terms ol li{
    margin-bottom: 20px;
}
#terms ol li strong{

    color: #777777;
}

/*BLOGS*/

.blog-card {
    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.blog-card:hover .details {
    left: 0;
}


.blog-card .photo {
    height: 300px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.blog-card .details {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 10px 15px;
    height: 300px;
    /*POSITION*/
    position: absolute;
    top: 0;
    left: -100%;
}
.blog-card .details > li {
    padding: 3px 0;
}
.blog-card .details li:before, .blog-card .details .tags ul:before {
    font-family: FontAwesome;
    margin-right: 10px;
    vertical-align: middle;
}
.blog-card .details .author:before {
    content: "\f007";
}
.blog-card .details .date:before {
    content: "\f133";
}
.blog-card .details .tags ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-card .details .tags ul:before {
    content: "\f02b";
}
.blog-card .details .tags li {
    display: inline-block;
    margin-right: 3px;
}
.blog-card .details a {
    color: inherit;
    border-bottom: 1px dotted;
}

.blog-card .description {
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.blog-card .description h1 {
    font-size: 26px;
    line-height: 1em;
    margin: 0 0 10px 0;
}
.blog-card .description h2 {
    color: #9b9b9b;
    line-height: 1.2em;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 400;
    margin: 1.2% 0;
}
.blog-card .description p {
    position: relative;
    margin: 0;
    padding-top: 20px;
}
.blog-card .description p:after {
    content: "";
    height: 6px;
    width: 40px;
    /*POSITION*/
    position: absolute;
    top: 6px;
    left: 0;
}
.blog-card .description a {
    color: #75D13B;
    margin-bottom: 10px;
    float: right;
}
.blog-card .description a:after {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    content: "\f061";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
}
.blog-card .description a:hover:after {
    margin-left: 5px;
    opacity: 1;
}

@media screen and (min-width: 600px) {
    .blog-card {
        height: 300px;
        max-width: 100%;
    }
    .blog-card:hover .photo {
        -webkit-transform: rotate(5deg) scale(1.3);
        transform: rotate(5deg) scale(1.3);
    }

    .blog-card .photo {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        float: left;
        height: 100%;
        width: 40%;
    }
    .blog-card .details {
        width: 40%;
    }
    .blog-card .description {
        float: left;
        width: 60%;
        z-index: 0;
        height: 300px;
    }
    .blog-card .description:before {

        content: "";
        background: #fff;
        width: 100%;
        z-index: -1;
        /*POSITION*/
        position: absolute;
        left: -15px;
        top: 0;
        bottom: 0;
    }
}
.blog-meta{
    padding: 20px 0px;
}
.blog-meta span{
    margin-left: 10px;
}
.share-social .share-icon{
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    margin-right: 10px;
    color: #fff;
    display: block;
    float: left;
}
.share-social .facebook{
    background: #3b5998;
}
.share-social .twitter{
    background: #00aced;
}
.share-social .googleplus{
    background: #dd4b39;
}
.share-social .linkedin{
    background: #007bb6;
}
.blog-action {
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.blog-author img,
.blog-author-content {
    display: inline-block;
    vertical-align: middle;

}
.blog-author-bio{
    padding-left: 70px;
}
.blog-author img {
    border-radius: 50%;
    margin-right: 0.6em;
}
.comment-list{
    padding: 15px;
}
.comment-list .row {
    margin-bottom: 0px;
}
.comment-list figure.thumbnail{
    border: none !important;
}
.comment-list .panel{
    border-radius: 0px !important;
}
.comment-list .panel .panel-heading .panel-body {
    padding-top: 6px;
}
.comment-list figcaption {
    /*For wrapping text in thumbnail*/
    word-wrap: break-word;
}
/* Portrait tablets and medium desktops */
@media (min-width: 768px) {
    .comment-list .arrow:after, .comment-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
    }
    .comment-list .panel.arrow.left:after, .comment-list .panel.arrow.left:before {
        border-left: 0;
    }
    /*****Left Arrow*****/
    /*Outline effect style*/
    .comment-list .panel.arrow.left:before {
        left: 0px;
        top: 30px;
        /*Use boarder color of panel*/
        border-right-color: inherit;
        border-width: 16px;
    }
    /*Background color effect*/
    .comment-list .panel.arrow.left:after {
        left: 1px;
        top: 31px;
        /*Change for different outline color*/
        border-right-color: #FFFFFF;
        border-width: 15px;
    }
    /*****Right Arrow*****/
    /*Outline effect style*/
    .comment-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        /*Use boarder color of panel*/
        border-left-color: inherit;
        border-width: 16px;
    }
    /*Background color effect*/
    .comment-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        /*Change for different outline color*/
        border-left-color: #FFFFFF;
        border-width: 15px;
    }
}
.comment-list .comment-post {
    margin-top: 6px;
}
.comment-form{
    padding: 15px;
}
#sidebar .categories a,
#sidebar .archives a{
    font-weight: 500;
    font-size: 15px;
    color: #777;
}
#sidebar .tags p{
    line-height: 40px;
}
#sidebar .tags a{
    border: 1px solid #333333;
    padding: 5px;
    margin-right: 10px;
    color: #777;

}
#sidebar .box-style-1 .body {
    margin-left: 90px;
}
#custom-search-input {
    margin:0;
    margin-bottom: 20px;
    padding: 0;
}

#custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;

}

#custom-search-input button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search-query:focus + button {
    z-index: 3;
}

/*PRICING*/



.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.db-button-color-square:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
}


.pricing-content {
    margin-bottom: 15px;
    margin-top: 30px;
    text-align: center;
    color: #777777;
    border: 1px solid #eee;
    line-height: 30px;
}

.pricing-content ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding-left: 0px;
}

.pricing-content ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.pricing-content ul li i {
    margin-right: 5px;
}


.pricing-content .price {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px 20px 20px 20px;
    font-size: 60px;
    font-weight: 900;
    color: #FFFFFF;
}

.pricing-content .price small {
    color: #4d7192;
    display: block;
    font-size: 12px;
    margin-top: 22px;
}

.pricing-content .type {
    padding: 30px 15px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
}

.pricing-content .pricing-footer {
    padding: 20px;
}

.pricing-container > .col-lg-4,
.pricing-container > .col-lg-3,
.pricing-container > .col-md-4,
.pricing-container > .col-md-3,
.pricing-container > .col-sm-4,
.pricing-container > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.pricing-content.popular {
    margin-top: 10px;
}

.pricing-content.popular .price {
    padding-top: 60px;
}
/*-----------------------
MAP
-----------------------*/
#google-container {
    position: relative;
    width: 100%;
    min-height: 400px;
    background-color: #ccc;
}


#cd-google-map {
    position: relative;
}


#cd-zoom-in, #cd-zoom-out {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: rgb(58, 180, 229);
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-image: url("../images/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
    background-color: #d36868;
}

#cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
}
#cd-zoom-out {
    background-position: 50% -32px;
}




.main .staffWidget{
	margin: 50px 0;
}

.main .staffWidget>div:hover{
	background-color: #f4f4f4;
}

	.main .staffMember{
		text-align: center;
		display: block;
		max-width: 200px;
		margin-bottom: 50px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		border-radius: 5px;
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}


	/*article*/
	.main .staffMember{
	  -webkit-background-size: cover;
	  	background-size: cover;
	  position: relative;

	  transition: box-shadow 0.15s ease-out, transform 0.25s ease;
	  perspective: 500px;
	  perspective-origin: 50% 50%;

	  transform-style: preserve-3d;
	}
	.main .staffMember:hover {
	  transform: scale(1.1);
	  box-shadow: none;
	}
	.main .staffMember.hover--ending {
	  transition: box-shadow 0.5s ease;
	}

	.main .staffWidget > div:hover .staffMember {
		color: #fff;
		background-color: #38b5e6;

	}



		.staffMember .staffMemberDescription{
			padding: 10px;
			padding-top: 45px;
		}

		 .staffWidget > div:hover .staffMemberDescription{
			color: #52BFEA;
		}


			.staffMember .staffMemberDescription h3{
				margin: 10px 0;
				color: #52BFEA;
				font-size: 80%;
				padding-left: 10px;
				padding-right: 10px;
			}

			.staffMember .staffMemberDescription h4{
				height: 38px;
				color: #52BFEA;
				font-size: 50%;
				letter-spacing: 1px;
			}



		.staffMemberAvatar{
			position: relative;
			overflow: hidden;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: center center;
			-webkit-background-size: cover;
			background-size: cover;
			padding-bottom:100%;
			border-radius: 50%;
			box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.2);
			margin-bottom: 40px;

		}

			.eyes{
				position: absolute;
				display: none;
			}

			.eyes.blink{
				display: block;
			}

			.simona_eyes{
				top: 54px;
				left: 48px;
			}

			.raffaella_eyes{
				top: 51px;
				left: 49px;
			}

			.ripa_eyes{
				top: 59px;
				left: 57px;
			}

			.alessandra_eyes{
				top: 60px;
				left: 53px;
			}

			.carmine_eyes{
				top: 58px;
				left: 56px;
			}

			.debora_eyes{
				top: 47px;
				left: 54px;
			}

			.mariella_eyes{
				top: 50px;
				left: 48px;
			}

			.taisa_eyes{
				top: 46px;
				left: 45px;
			}

			.giulia_eyes{
				top: 54px;
				left: 55px;
			}

			/* Smoke container */
			#smoke {
			  position: absolute;
			  z-index: 3;
			  width: 1px;
			  height: 160px;
			  left: 83%;
			  bottom: 32px;
			  opacity: 0.75;
			 -moz-transform: scale(0.8) rotate(45deg);
			-webkit-transform: scale(0.8) rotate(45deg);
			-o-transform: scale(0.8) rotate(45deg);
			-ms-transform: scale(0.8) rotate(45deg);
			transform: scale(0.8) rotate(45deg);
			-webkit-transition: all 500ms ease;
			-moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			-o-transition: all 500ms ease;
			transition: all 500ms ease;
			}

			.staffWidget > div:hover #smoke{
				opacity: 0;
			}

			/* No animations? Display a static smoke image */
			.disableAnimations #smoke,
			.no-cssanimations #smoke {
			  width: 86px;
			  margin-left: -25px;
			  bottom: 146px;
			  /*background: url("../img/smokeNoAni.png") no-repeat center bottom;*/
			}

			/* smoke balls */
			.cssanimations #smoke span {
			  display: block;
			  position: absolute;
			  bottom: -35px;
			  left: 50%;
			  margin-left: -20px;
			  height: 0px;
			  width: 0px;
			  border: 35px solid #4b4b4b;
			  border-radius: 35px;
			  box-shadow: 0 0 40px rgba(0, 0, 0, 0.9);
			  left: -14px;
			  opacity: 0;
			  transform: scale(0.2);
			}

			/* Smoke animation */
			@-webkit-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-moz-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-o-keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@keyframes smokeL {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(-20px, -130px);
			    -ms-transform: scale(1) translate(-20px, -130px);
			    -webkit-transform: scale(1) translate(-20px, -130px);
			    transform: scale(1) translate(-20px, -130px);
			  }
			}
			@-webkit-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@-moz-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@-o-keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			@keyframes smokeR {
			  0% {
			    -moz-transform: scale(0.2) translate(0, 0);
			    -ms-transform: scale(0.2) translate(0, 0);
			    -webkit-transform: scale(0.2) translate(0, 0);
			    transform: scale(0.2) translate(0, 0);
			  }
			  10% {
			    opacity: 1;
			    -moz-transform: scale(0.2) translate(0, -5px);
			    -ms-transform: scale(0.2) translate(0, -5px);
			    -webkit-transform: scale(0.2) translate(0, -5px);
			    transform: scale(0.2) translate(0, -5px);
			  }
			  100% {
			    opacity: 0;
			    -moz-transform: scale(1) translate(20px, -130px);
			    -ms-transform: scale(1) translate(20px, -130px);
			    -webkit-transform: scale(1) translate(20px, -130px);
			    transform: scale(1) translate(20px, -130px);
			  }
			}
			#smoke .s0 {
			  -webkit-animation: smokeL 10s 0s infinite;
			  -moz-animation: smokeL 10s 0s infinite;
			  -o-animation: smokeL 10s 0s infinite;
			  animation: smokeL 10s 0s infinite;
			}

			#smoke .s1 {
			  -webkit-animation: smokeR 10s 1s infinite;
			  -moz-animation: smokeR 10s 1s infinite;
			  -o-animation: smokeR 10s 1s infinite;
			  animation: smokeR 10s 1s infinite;
			}

			#smoke .s2 {
			  -webkit-animation: smokeL 10s 2s infinite;
			  -moz-animation: smokeL 10s 2s infinite;
			  -o-animation: smokeL 10s 2s infinite;
			  animation: smokeL 10s 2s infinite;
			}

			#smoke .s3 {
			  -webkit-animation: smokeR 10s 3s infinite;
			  -moz-animation: smokeR 10s 3s infinite;
			  -o-animation: smokeR 10s 3s infinite;
			  animation: smokeR 10s 3s infinite;
			}

			#smoke .s4 {
			  -webkit-animation: smokeL 10s 4s infinite;
			  -moz-animation: smokeL 10s 4s infinite;
			  -o-animation: smokeL 10s 4s infinite;
			  animation: smokeL 10s 4s infinite;
			}

			#smoke .s5 {
			  -webkit-animation: smokeR 10s 5s infinite;
			  -moz-animation: smokeR 10s 5s infinite;
			  -o-animation: smokeR 10s 5s infinite;
			  animation: smokeR 10s 5s infinite;
			}

			#smoke .s6 {
			  -webkit-animation: smokeL 10s 6s infinite;
			  -moz-animation: smokeL 10s 6s infinite;
			  -o-animation: smokeL 10s 6s infinite;
			  animation: smokeL 10s 6s infinite;
			}

			#smoke .s7 {
			  -webkit-animation: smokeR 10s 7s infinite;
			  -moz-animation: smokeR 10s 7s infinite;
			  -o-animation: smokeR 10s 7s infinite;
			  animation: smokeR 10s 7s infinite;
			}

			#smoke .s8 {
			  -webkit-animation: smokeL 10s 8s infinite;
			  -moz-animation: smokeL 10s 8s infinite;
			  -o-animation: smokeL 10s 8s infinite;
			  animation: smokeL 10s 8s infinite;
			}

			#smoke .s9 {
			  -webkit-animation: smokeR 10s 9s infinite;
			  -moz-animation: smokeR 10s 9s infinite;
			  -o-animation: smokeR 10s 9s infinite;
			  animation: smokeR 10s 9s infinite;
			}



		.staffMemberDescription{

		}

		.flipper {
		  position: relative;
		  margin: 0 auto;
		  width: 150px;
		  height: 150px;
		  margin: 50px auto;
		  border-radius: 100%;
		}
		.staffWidget > div:hover .front {
		  -moz-transform: rotateX(180deg) scale(1.3);
		  -ms-transform: rotateX(180deg) scale(1.3);
		  -webkit-transform: rotateX(180deg) scale(1.3);
		  transform: rotateX(180deg) scale(1.3);

		-moz-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);

		}
		.staffWidget > div:hover .back {
		  -moz-transform: rotateX(0deg) scale(1.3);
		  -ms-transform: rotateX(0deg) scale(1.3);
		  -webkit-transform: rotateX(0deg) scale(1.3);
		  transform: rotateX(0deg) scale(1.3);
		  -moz-box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 35px 110px -19px rgba(0, 0, 0, 0.7);
		}
		.flipper .front, .flipper .back {
		  position: absolute;
		  width: 150px;
		  height: 150px;
		  border-radius: 100%;
		  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
		  -moz-transform: translate3d(0, 0, 0);
		  -ms-transform: translate3d(0, 0, 0);
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  -moz-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -o-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -webkit-transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  transition: all 400ms cubic-bezier(0.6, 0, 0, 1);
		  -moz-backface-visibility: hidden;
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		}
		.flipper .front img, .flipper .back img {

		}
		.flipper .front {
		  z-index: 11;
		  overflow: hidden;
		  -moz-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  -webkit-box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		  box-shadow: 0 25px 70px -19px rgba(0, 0, 0, 0.7);
		}
		.flipper .back {
		  border: 1px solid #fff;
		  overflow: hidden;
		  text-align: center;
		  z-index: 10;
		  -moz-transform: rotateX(180deg);
		  -ms-transform: rotateX(180deg);
		  -webkit-transform: rotateX(180deg);
		  transform: rotateX(180deg);
		}






/*===================================
RESPONSIVE STYLES
===================================*/
@media only screen and (max-width: 1199px) {
    #mobile-app .mobile-app-image img{
        margin-bottom: -475px;
    }
    #main-navigation .nav a,
    #main-navigation .nav a:active,
    #main-navigation .nav a:hover {
        padding : 0 5px;
    }
}
@media only screen and (max-width: 991px) {
    .feature .feature-desc .feature-info {
        position: relative;
    }
    .full-width-tabs > ul.nav.nav-tabs > li {
        width: 50%;
    }
    #footer.dark-footer .fbl-1{
        border-left: 0px;
        padding-left: 0px;
    }
    #mobile-app .mobile-app-image img{
        margin-bottom: -505px;
    }
    #main-navigation .nav a,
    #main-navigation .nav a:active,
    #main-navigation .nav a:hover {
        padding : 0px;
    }

}
@media only screen and (max-width: 767px) {
    #main-navigation .drop-collapsed a{
        width: 100%;
    }
    #main-navigation .navbar-nav a .caret{
        float: right !important;
    }
    #main-navigation .navbar-nav li{
        text-align: center;
        padding-bottom: 10px;
    }
    #main-navigation.scrolled .navbar-nav li a,#main-navigation.scrolled .navbar-nav li a:hover{
        color: #fff;
    }
    #main-navigation .navbar-nav li:last-child{
        border-bottom: none !important;
    }
    #main-navigation .navbar-nav .dropdown-menu{
        padding-top: 10px;
    }
    #footer .row{
        padding-left: 10px;
    }



}
@media only screen and (max-width: 570px) {
    .full-width-tabs > ul.nav.nav-tabs > li {
        width: 100%;
    }


}



.form_offcanvas{
    width: 450px;
    min-height: 230px;
    background-color: #fff;
    border-radius: 4px;

    position: fixed;
    z-index: 99;
    left: -450px;
    bottom: 10px;

    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

.form_offcanvas.translate_offcanvas{
    -moz-transform: translateX(450px);
    -webkit-transform: translateX(450px);
    -o-transform: translateX(450px);
    -ms-transform: translateX(450px);
    transform: translateX(450px);

    -webkit-box-shadow: 0 20px 80px -15px rgba(0,0,0,0.9);
    box-shadow: 0 20px 80px -15px rgba(0,0,0,0.9);
}

    .form_offcanvas__container{
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 75px 15px 15px 15px;
    }

        .form_offcanvas_logo{
            height: 40px;
            position: absolute;
            left: 108px;
            top: 15px;
        }

        .form_offcanvas_number{
            position: absolute;
            left: 230px;
            top: 15px;
        }

            .form_offcanvas_number img{
                height: 39px;
            }


        .form_offcanvas__close{
            position: absolute;
            width: 32px;
            height: 32px;
            right: 15px;
            top: 15px;
            cursor: pointer;
            text-align: center;

            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -ms-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            transition: all 400ms ease;

            border-radius: 50%;
            font-size: 20px;
            padding-top: 3px;
        }

        .form_offcanvas__close:hover{
            background-color: rgba(0, 0, 0, 0.1);
        }

        .form_offcanvas__close:active{
            background-color: rgba(0, 0, 0, 0.2);
        }

        .form_offcanvas__container p{
            color: #092f6f;
            font-size: 120%;
            text-align: center;
        }

        #form_offcanvas{
            padding-top: 10px;
        }

            #form_offcanvas button{
                text-transform: uppercase;
                letter-spacing: 2px;
                margin-bottom: 0;
                font-weight: 700;
                outline: none;
                background-color: #38b5e6;
                color: #fff !important;
                border: none !important;
                -webkit-box-shadow: 0 12px 30px -10px rgba(0,0,0,0.7);
                box-shadow: 0 12px 30px -10px rgba(0,0,0,0.7);
            }

            #form_offcanvas button:hover{
                background-color: #2d90b7;
                -webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);
                box-shadow: 0 10px 20px -10px rgba(0,0,0,0.8);
            }

.form_offcanvas__label{
    cursor: pointer;
    width: 180px;
    height: auto;

    background-color: #38b5e6;
    color: #fff;

    display: block;
    text-align: center;
    border-radius: 40px;
    padding-top: 8px;
    padding-bottom: 8px;

    -webkit-box-shadow: 0 20px 60px -10px rgba(0,0,0,0.8);
    box-shadow: 0 20px 60px -10px rgba(0,0,0,0.8);

    position: fixed;
    z-index: 98;
    left: 10px;
    bottom: 10px;

    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}


.form_offcanvas__label.translate_offcanvas{
    background-color: #1f2c35;
    border-color: #1f2c35;
    box-shadow: none;
    -moz-transform: translateX(250px);
    -webkit-transform: translateX(250px);
    -o-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

    .form_offcanvas__label span{
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;

        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .form_offcanvas__label i{
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        font-size: 16px;
        background-color: #fff;
        color: #1f2c35;

        border-radius: 50%;

        padding-top: 8px;
        margin-right: 10px;

        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .form_offcanvas__label.translate_offcanvas i,
    .form_offcanvas__label.translate_offcanvas span{
        border-color: #1f2c35;
        color: #1f2c35;
    }

.mod-switch {
    margin: auto;
    width: 100%;
    display: none
}

@media (max-width: 900px) {
    .mod-switch {
        display:block
    }
}


.mod-table {
    width: 1050px;
    margin: 40px auto
}

.mod-table .mod-row {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.27);
    font-size: 14px;
    min-height: 45px;
    overflow: hidden;
    display: table;
}


.mod-table .mod-row:hover .mod-cl-value {
    background-color: #f9f9f9
}

.mod-table .mod-header {
    height: 70px;
    border-top: none
}

.mod-table .mod-header.fixed-top {
    position: fixed;
    top: 51px;
    z-index: 20;
    border-bottom: 1px solid #dcdfe0
}

.mod-table .mod-header .mod-cl {
    height: 70px;
    font-size: 20px;
    text-transform: uppercase;
    color: #3ab4e5;
}

.mod-table .mod-header .mod-cl-title {
    cursor: inherit
}

.mod-table .mod-header:hover .mod-cl-value {
    background-color: #fff
}

.mod-table .mod-cl {
    display: table-cell;
    vertical-align: middle;
    color: #555
}

.mod-table .mod-cl .fa {
    color: #3598dc
}

.mod-table .mod-cl-title {
    width: 330px;
    padding: 15px 0 8px;
    color: #383838;
}

.mod-table .mod-cl-title .fa {
    color: #092e6e
}

.mod-table .mod-cl-value {
    width: 180px;
    padding: 12px 0;
    background-color: #fff;
        border-left: 10px solid rgba(58, 180, 229, 0.18);
    text-align: center
}

.mod-table .mod-cl-no-tip {
    cursor: default
}

.mod-table .mod-section {
    padding: 30px 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    color: #2c2c2c
}

.mod-table .mod-section+.mod-row {
    border-top: none
}

@media (min-width: 901px)and (max-width:1051px) {
    .mod-table {
        width:900px
    }

    .mod-table .mod-cl-title {
        width: 320px;
        padding: 5px
    }

    .mod-table .mod-cl-value {
        width: 145px
    }
}

@media (max-width: 900px) {
    .mod-table {
        width:450px
    }

    .mod-table .mod-cl-title {
        width: 300px
    }

    .mod-table .mod-cl-value {
        width: 150px
    }

    .mod-table .mod-cl-value.mod-cl-hidden {
        display: none
    }
}

@media (max-width: 460px) {
    .mod-table {
        width:100%;
        padding: 0 10px
    }

    .mod-table .mod-cl-title {
        padding: 5px;
        width: auto
    }
}

.mod-table-new .mod-cl-title {
    width: 450px
}

.mod-table-new .mod-cl-value {
    width: 200px
}

@media (min-width: 901px)and (max-width:1051px) {
    .mod-table-new .mod-cl-title {
        width:360px
    }

    .mod-table-new .mod-cl-value {
        width: 180px
    }
}

@media (max-width: 900px) {
    .mod-table-new .mod-cl-title {
        width:300px
    }

    .mod-table-new .mod-cl-value {
        width: 150px
    }
}

@media (max-width: 460px) {
    .mod-table-new .mod-cl-title {
        width:auto
    }

    .mod-table-new .mod-cl-value {
        width: 120px
    }
}



span.tip{
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.popover-title{
    font-size: 12px;
        line-height: 1.4;
}

.fetures_s{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #cee9f3;
}
#demo{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,38b5e6+100 */
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(240,249,255,1) 0%, rgba(56,181,230,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(240,249,255,1) 0%,rgba(56,181,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(240,249,255,1) 0%,rgba(56,181,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#38b5e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.access_demo_div{
    max-width: 300px;
    display: block;
    margin: 60px auto;
    padding: 30px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 20px 50px -19px rgba(0, 0, 0, 0.68);
}


.access_demo_div > a{
    display: block;
    max-width: 240px;
    padding: 20px 20px;
    background-color: #38b5e6;
    color: #092f70;
    margin: 30px auto;
    border-radius: 60px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.payment_form{
    display: block;
    max-width: 680px;
    margin: 5px auto;
}

label.pagamento{
    display: block;
    border-radius: 6px;
    background-color: #f4f4f4;
    padding: 5px 15px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 40px;
    position: relative;
}

label.pagamento i.fa{
    position: absolute;
    font-size: 350%;
    right: 10px;
    bottom: 30px;
    color: #38b5e6;
    transform: rotateZ(-45deg);
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
}

label.pagamento.selected i.fa{
    color: #65f164;
    transform: rotateZ(315deg);
}

label.pagamento:hover{
    background-color: #eaeaea;
}

label.pagamento.selected{
    background-color: #092f70;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    color: #fff;
}

    label.pagamento strong:before{
        content: "\f10c";
        display: inline-block;
        margin-right: 6px;
        font-family: "FontAwesome";
    }

    label.pagamento.selected strong:before{
        color: #65f164;
    }

    label.pagamento.selected strong:before{
        content: "\f058";
    }

label.pagamento input{
    display: none;
}

.price input{
    display: none;
}

.pricing-content_payment{
    margin-bottom: 10px;
    margin-top: 10px;
}

.pricing-content_payment.selected{

}

    .pricing-content_payment .price{
        font-size: 30px;
        padding: 20px 10px 10px 10px;
        background-color: #f4f4f4 !important;
        color: #555;
        cursor: pointer;
        display: block;
        margin: 0;
    }


    .pricing-content_payment .price:hover{
        background-color: #eaeaea !important;
        color: #444;
    }

    .pricing-content_payment.selected .price{
        color: #65f164;
        background-color: #092f70 !important;
        -webkit-transition: all 350ms ease;
        -moz-transition: all 350ms ease;
        -ms-transition: all 350ms ease;
        -o-transition: all 350ms ease;
        transition: all 350ms ease;
    }

    .pricing-content_payment .price:before{
        content: "\f05d";
        position: absolute;
        font-family: "FontAwesome";
        left: 12px;
        top: 12px;
        opacity: 0;
        transform: scale(0.2) rotateZ(180deg);
        transform-origin: 50% 50%;
        color: #65f164;
        font-weight: normal;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
    }

    .pricing-content_payment.selected .price:before{
        opacity: 1;
        transform: scale(1.4) rotateZ(0deg);
    }

    .pricing-content_payment .price small{
        margin-top: 2px;
    }

    .pricing-content_payment.selected .price small{
        color: #65f164;
    }

    .pricing-content_payment .price b{
        font-size: 12px;
    }

    .pricing-content_payment .type {
        padding: 10px 5px;
        font-size: 16px;
        margin-bottom: 0px;
    }


@media (max-width: 767px) {

    #main-navigation.scrolled{
        padding-left: 5px;
        padding-right: 5px;
    }

    .col-pricing{
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .pricing-content_payment .price:before{
        left: 50%;
        margin-left: -9px;
        top: -5px;
    }

}

.hosted_fields {
   height:40px;
   padding:6px;
   border:1px solid #ccc;
}

.stai_pagando {
   font-weight: 800;
}