/*
Author       : Theme_Ocean.
Template Name: Salmon - One Page App Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US DESIGN
    05. START FEATURES DESIGN
    06. START APP DOWNLOAD DESIGN
    07. START SCREENSHOT SLIDER DESIGN
    08. START COUNTER DESIGN
    09. START HOW IT WORKS DESIGN
    10. START CONTACT DESIGN
    11. START TESTIMONIAL DESIGN
    12. START TEAM DESIGN
    13. START PRICING DESIGN
    14. START FOOTER TOP DESIGN
    15. START FOOTER BOTTOM DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #ffffff;
    color: #666;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 24px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
	letter-spacing: 1px;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	color: #666;
}
a:hover,
a:focus {
	color: #03a9f4 ;
    outline: none;
    text-decoration: none;
}

ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {

    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
@media only screen and (max-width:991px) { 

	#topcontrol{
		margin-right: 10px;
	}
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}
.section-title-white {
    color: #fff !important;
    position: relative;
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-fixed-top .navbar-brand{
	margin-left: 0!important;
}
.navbar-default .navbar-nav > li > a{
	color: #fff;
	padding: 18px 15px;
}

.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #03a9f4  !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #03a9f4  !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px; }
.navbar-brand img { width: 150px }
@media only screen and (max-width:480px) { 
    .navbar-brand img { margin-left: 10px }
	.navbar-default .navbar-toggle{
		margin-right: 30px;
	}
	#topcontrol{
		display: none;
	}
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.menu-top li a {
    color: #fff;
    font-family: source sans pro,sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}
.menu-top li a:hover ,
.menu-top li.current a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.current a { color: #03a9f4 ; }

@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 25px;
        padding: 5px;
    }
	
}

@media only screen and (max-width:480px) { 
    .menu-top {
        background-color: #fff;
    }
    .navbar-default .navbar-nav > li > a { 
		color: #313131  !important;
		padding: 5px 5px 5px 20px;
	}
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 15px 0 20px;
    width: 100%;
    margin-top: 0px;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color: #313131; }
.navbar-default.menu-shrink li a:hover ,
.navbar-default.menu-shrink li.current a{ color: #03a9f4; }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #03a9f4; }

@media only screen and (max-width:767px) { 
	.navbar-fixed-top.menu-top,
	.navbar-default.menu-shrink{
		padding-left: 30px;
		padding-right: 30px;
	}

}

/*-------------------------------
# dropdwon menu 
--------------------------------*/

#navigation li ul.sub-menu, #navigation ul li ul.sub-menu li ul.sub-menu{
	opacity: 0;
	position: absolute;
	top: 115%;
	transition: all 0.3s ease 0s;
	width: 228px;
	z-index: -99;
	visibility:hidden;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.2);
	padding: 15px;  
	left: 10px;
	background: #f5f5f5;
	list-style: none;
}
#navigation ul li ul.sub-menu li ul.sub-menu{
	top: 0;
	left: 100%;
	transition: all 0.5s ease 0s;
}
#navigation ul li ul.sub-menu li{
	padding: 0;
	width: 100%;
}
#navigation ul li:hover ul.sub-menu{
	top:100%;
	opacity:1;
	z-index:999;
	visibility:visible;
}
#navigation ul.nav > li ul li:hover ul.sub-menu{
	opacity:1;
	visibility:visible;	
}
#navigation ul li ul.sub-menu li a {
	color: #333;
	cursor: pointer;
	display: block;
	padding: 13px 10px;
	font-weight: 400;
	text-transform: none;
	font-size: 14px;
}
#navigation ul li:hover ul.sub-menu li a:hover{
	color: #fff;
	background: #03a9f4;
	text-decoration: none;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.slider_parallax {
    height: 700px;
    position: relative;
}
.slider_parallax:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    width: 100%;
}
.hero-text h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    line-height: 80px;
    margin: 0;
    padding-top: 200px;
    text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 40px;
        line-height: 56px;
    }
}
@media only screen and (max-width:375px) { 
    .hero-text h2 {
        padding-top: 150px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
.hero-text p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0 auto;
    padding-bottom: 35px;
    padding-top: 15px;
    text-transform: capitalize;
}
.btn-home-bg-one {
    background: #03a9f4 none repeat scroll 0 0;
    border: 2px solid #03a9f4;
    border-radius: 4px;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    margin-right: 10px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
    .btn-home-bg-one { margin: 20px 20px 0 0 }
}
@media only screen and (max-width:480px) { 
    .btn-home-bg-one { margin: 20px 10px 0 0 }
}
@media only screen and (max-width:414px) { 
    .btn-home-bg-one { margin: 20px 20px 0 0 }
}
@media only screen and (max-width:375px) { 
    .btn-home-bg-one { margin: 0px }
}
.btn-home-bg-one:hover,
.btn-home-bg-one:focus {
    background: #fff;
    border: 2px solid #fff;
    color: #333;
}
.btn-home-bg-two {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #333;
    font-family: "Montserrat",sans-serif;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
    .btn-home-bg-two { margin: 20px 20px 0 0 }
}
@media only screen and (max-width:480px) { 
    .btn-home-bg-two { margin: 20px 0px 0 0 }
}
@media only screen and (max-width:375px) { 
    .btn-home-bg-two { margin: 30px 0px 0 0 }
}
.btn-home-bg-two:hover,
.btn-home-bg-two:focus {
    background: #03a9f4;
    border: 2px solid #03a9f4;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-us { background: #f6f6f6 }
.about-us-content { margin-top: 100px }
@media only screen and (max-width:768px) { 
    .about-us-content { margin-top: 0px }
	.about-us-content { margin-bottom: 40px }
}
@media only screen and (max-width:480px) { 
    
}
.about-us-content h2 {
    margin-top: 0;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.about-us-content p { margin-bottom: 20px }
.btn-about-bg {
    background: #03a9f4 none repeat scroll 0 0;
    border: 1px solid #03a9f4;
    border-radius: 4px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    margin-top: 20px;
    padding: 12px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-about-bg:hover,
.btn-about-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
@media only screen and (max-width:480px) { 
    .about-slider { margin-bottom: 60px }
}
.about-slider img { display: inline-block }
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-feature {
    padding-top: 60px;
    padding-bottom: 30px;
}
.feature-icon-box {
    padding: 30px 20px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-bottom: 30px;
    border-radius: 4px;
}
.feature-icon-box:hover {
    background: #03a9f4;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
    box-shadow: 0px 12px 15px 0px rgba(0,0,0,0.24), 0px 17px 50px 0px rgba(0,0,0,0.19);
}
.icon-box-icon {
    color: #03a9f4;
    float: left;
    font-size: 34px;
    margin-right: 20px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.feature-icon-box:hover .icon-box-icon { color: #fff }
.desc { overflow: hidden }
.feature-icon-box h4 {
    margin-top: 0;
    text-transform: uppercase;
    color: #333;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.feature-icon-box:hover h4 { color: #fff }
.feature-icon-box p {
    margin-bottom: 0;
    color: #999;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.feature-icon-box:hover p { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 05.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-download {
    
    padding: 100px 0;
}
.download_app {
    color: #333;
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 50px;
    text-transform: uppercase;
}
.single_download {
    background-color: #fff;
    border: 1px solid #dadada;
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
    padding: 25px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width:480px) { 
    .single_download { margin-bottom: 40px }
}
.single_download:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) }
.single_download a {
    color: #333;
    text-transform: capitalize;
    font-size: 20px;
}
.single_download i {
    color: #03a9f4;
    font-size: 40px;
    margin-right: 15px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END APP DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START SCREENSHOT SLIDER DESIGN
* ----------------------------------------------------------------------------------------
*/
.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 20px;
    background-color: #379bbc   !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 07.END SCREENSHOT SLIDER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter {
    border-radius: 4px;
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0);
    padding: 50px 30px;
}
@media only screen and (max-width:768px) { 
    .counter { margin-bottom: 30px }
}
.counter h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    margin-top: 0;
}
.counter p {
    color: #fff;
    font-family: montserrat,sans-serif;
    margin-bottom: 0;
    text-transform: uppercase;
}
.counter-color-one { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, #03a9f4, #24c5e5) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #03a9f4, #24c5e5) repeat scroll 0 0 }
.counter-color-two { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, #cd47ef, #ef476f) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #cd47ef, #ef476f) repeat scroll 0 0 }
.counter-color-three { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, #70ae6e, #beee62) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #70ae6e, #beee62) repeat scroll 0 0 }
.counter-color-four { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, #8200fb, #c000ff) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #8200fb, #c000ff) repeat scroll 0 0 }
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
    height: 500px;
    position: relative;
}
.about_video:before {
    background: rgba(15, 22, 30, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
}
.video-container h3 {
    color: #fff;
    font-size: 70px;
    font-weight: 400;
    margin-top: 100px;
    text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
    .video-container h3 { font-size: 50px }
}
.video-container p {
    color: #fff;
    margin-bottom: 45px;
}
.play-video {
    background-color: rgba(255, 255, 255, 0.3);
    border: 7px solid #fff;
    border-radius: 500px;
    cursor: pointer;
    height: 150px;
    left: 50%;
    margin-left: -76px;
    position: absolute;
    top: 85%;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 150px;
}
.video-container a { display: inline-block }
.video-container a:hover .play-video {
    background: #03a9f4;
    color: #fff;
}
.video-container a:hover .fa-play { color: #fff }
.play-video .fa-play {
    color: #fff;
    font-size: 70px;
    left: 50px;
    position: absolute;
    top: 30px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe { border: none }
/*
* ----------------------------------------------------------------------------------------
* 09.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area { background: #f6f6f6 }
.contact input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    font-family: montserrat,sans-serif;
    height: 52px;
    padding: 10px;
}
.contact textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    font-family: montserrat,sans-serif;
    padding: 10px;
  	height: 160px;
}
.contact input:hover,
.contact input:focus {
    border: 1px solid #03a9f4;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border: 1px solid #03a9f4;
    box-shadow: none;
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #03a9f4;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.btn-contact-bg {
    background: #03a9f4 none repeat scroll 0 0 !important;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    border-radius: 0px!important;
    padding: 10px 30px !important;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
.contact_address { padding-left: 80px }
@media only screen and (max-width:480px) { 
    .contact_address {
        padding-left: 0px;
        margin-top: 60px;
    }
}
.single_address { margin-bottom: 34px }
.single_address h4 {
    color: #333;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: capitalize;
}
.single_address p {
    color: #333;
    margin-bottom: 0px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.app-testimonial { background: #03a9f4 }
.single_testimonial {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border-radius: 0px;
    padding: 30px;
	margin-left: 15px;
	margin-right: 15px;
}
@media only screen and (max-width:768px) { 
    .single_testimonial { margin-bottom: 30px }
}
.single_testimonial img {
    border: 4px solid #fff;
    border-radius: 50px;
    float: left;
    height: 100px;
    margin-right: 10px;
    width: 100px;
  	max-width: inherit;
}
.single_testimonial h3 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.single_testimonial p { color: #fff }
.single_testimonial i { color: #ffeb3b }
/*
* ----------------------------------------------------------------------------------------
* 11.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
	
    .tema-member { margin-bottom: 20px }
	#secondary {
		margin-top: 40px;
	}
}
.tema-member .team-thumbnail {
    border: 1px solid #eee;
    position: relative;
}
.tema-member .team-thumbnail .overlay {
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left top, #03a9f4, #24c5e5) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #03a9f4, #24c5e5) repeat scroll 0 0;
    bottom: -1px;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}
.info { padding: 80px 10px 10px 10px }
.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    margin: 1px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 48px;
}
.tema-member .team-thumbnail .social-media a i:hover { color: #fff }
.tema-member .team-thumbnail .social-media a.facebook i:hover { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter i:hover { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google i:hover { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin i:hover { background: #0077B5 }
.tema-member .info h4 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tema-member .info h5 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.tema-member .info p {
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
}
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=100);
}
/*
* ----------------------------------------------------------------------------------------
* 12.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.plan {
    background: #f8f8f8 none repeat scroll 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    min-height: 100px;
    padding-bottom: 25px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.plan:hover { box-shadow: 0 0 22px rgba(10, 10, 10, 0.42) }
@media only screen and (max-width:480px) { 
    .plan { margin-bottom: 30px }
}
.plan .head {
    background: #03a9f4 none repeat scroll 0 0;
    padding: 25px 0;
    text-transform: uppercase;
}
.head h3 { color: #fff; letter-spacing: 1px; }
.plan .head h1,
.plan .head h2,
.plan .head h3 {
    padding: 0;
    margin: 0;
    font-weight: 300;
}
.plan .price { border-top: 1px solid #eee; }
.plan .price h3 {
    color: #333;
    font-size: 60px;
    line-height: 1;
    vertical-align: top;
	font-family: "Source Sans Pro",sans-serif;	
}
.plan .price h3 span {
    font-size: 38px;
    vertical-align: top;
    position: relative;
    margin: 6px 0 0 -7px;
    display: inline-block;
}
.plan .price h4 {
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
}
.plan ul {
    list-style-type: none;
    padding: 20px 0;
}
.plan ul li {
	border-bottom: 1px solid #ddd;
	color: #333;
	font-weight: 300;
	padding-bottom: 15px;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.plan ul li a {
    text-decoration: underline;
    color: #e6e9ed;
}
.plan.recommended {
    box-shadow: 0 0 22px rgba(10, 10, 10, 0.42);
    position: relative;
    z-index: 99;
}
.plan.recommended .btn { margin-bottom: 10px }
.btn-pricing-bg { }
.btn-pricing-bg {
    background: #03a9f4;
    border: 2px solid #03a9f4;
    border-radius: 0;
    color: #fff;
    margin-right: 10px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background: #333;
    border: 2px solid #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.app_img_show { padding-top: 60px }
.app_image { }
.app_image img { margin: auto }
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer { background: #171B1E }
.footer_logo img {
    margin-bottom: 30px;
}
/*START FOOTER SOCIAL DESIGN*/
.footer_social { margin-bottom: 10px }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
    background: #1f2428 none repeat scroll 0 0;
    border: 1px solid #1f2428;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin: 2px;
    padding: 9px 12px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
/*START NEWSLETTER DESIGN*/
.newsletter_bg {
    margin-top: 30px;
    overflow: hidden;
}
.newsletter_title {
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}
.signup_form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #1f2428;
    border-radius: 0;
    box-shadow: none !important;
    color: #fff;
    float: left;
    font-weight: 400;
    height: 45px;
    margin-bottom: 20px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.signup_form input:focus { border: 1px solid #03a9f4;
	background: #1f2428 none repeat scroll 0 0;
}
.btn-newsletter-bg {
    background: #1f2428 none repeat scroll 0 0;
    border-radius: 4px !important;
    color: #fff;
    font-family: montserrat,sans-serif;
    padding: 12px 40px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #03a9f4;
    color: #fff;
}
/*END NEWSLETTER DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_copyright { background: #171B1E none repeat scroll 0 0 }
.copyright {
    color: #fff;
    font-family: montserrat,sans-serif;
}
.copyright p {
    border-top: 1px solid #1f2428;
    font-size: 14px;
    margin-bottom: 0;
    padding: 30px 0;
}
.copyright a {
    color: #03a9f4;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.copyright a:hover { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.VC Code
* ----------------------------------------------------------------------------------------
*/

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
	margin-bottom: 0px!important;
}