/*
Author       : Themes_mountain.
Template Name: Inspinia - Complete Landing Page Solution
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START PORTFOLIO DESIGN
    07. START PROMOTION DESIGN
    08. START TEAM DESIGN
    09. START TESTIMONIAL DESIGN
    10. START PRICING DESIGN
    11. START NEWSLETTER DESIGN
    12. START PARTNER DESIGN
    13. START BUY NOW DESIGN
    14. START CONTACT ADDRESS DESIGN
    15. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #555;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #71b100;
    border-right: 8px solid #71b100;
    border-bottom: 8px solid #71b100;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

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

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #edf3fe;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 60px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
font-size: 40px;
font-weight: 500;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
h1.section-title-white{
font-size: 60px;
font-weight: 900;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #71b100 none repeat scroll 0 0;
border-radius: 2px;
display: block;
height: 4px;
margin: 20px auto;
width: 60px;
}
.section-title-white-span{background: #fff !important;}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #71b100 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BTN STYLES*/
.app-btn {
  background: #71b100 none repeat scroll 0 0;
  border-radius: 30px;
  border: 1px solid #71b100;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  margin-right: 15px;
  padding: 15px 40px;
  transition: all 0.2s ease 0s;
}
.app-btn i{ margin-right: 5px;}
.app-btn:hover,
.app-btn:focus{box-shadow:none;}
.app-btn-two {
  background: #fff none repeat scroll 0 0;
  border-radius: 30px;
  border: 1px solid #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  color: #333;
  margin-right: 15px;
  padding: 15px 40px;
  transition: all 0.2s ease 0s;
}
.app-btn-two i{ color:#333;margin-right: 5px;}
.app-btn-two:hover,
.app-btn-two:focus{color:#333;box-shadow:none;}

.google-btn {
background: #005bbc none repeat scroll 0 0;
border: 1px solid #005bbc;
border-radius: 30px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
margin-right: 15px;
padding: 15px 40px;
transition: all 0.2s ease 0s;
}
.google-btn i{ margin-right: 5px;}
.google-btn:hover,
.google-btn:focus{box-shadow:none;}
/*END BTN STYLES*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.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: #71b100 !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: #71b100 !important;
    background-color: transparent;
}
.navbar-nav {
  float: left;
  margin: 7px 0 0;
}
.navbar-brand {
height: auto;
padding: 0;
 }
.navbar-brand img {
	width: 150px;
}
@media only screen and (max-width:768px) { 
.navbar-brand img {
    margin-left: 10px;
}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
margin-top: 0px;
}
.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }
.menu-top li a {
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a {color:#333  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #222 !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #71b100 !important }
.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: #71b100 }

.block-menu{
background: #71b100 none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff;
display: inline-block;
margin-top: 0;
padding:14px 30px!important;
transition: all 0.3s ease 0s;
}
.block-menu:hover{
background: #fff none repeat scroll 0 0!important;
color: #333!important;}
.navbar-default.menu-shrink li a.block-menu { color:#fff !important; }

.navbar-default.menu-shrink li a.block-menu:hover { color:#333 !important; }
@media only screen and (max-width:480px) { 
    .navbar-default .navbar-nav > li > a.block-menu{color:#fff  !important }
    .navbar-default .navbar-nav > li > a.block-menu:hover{color:#333  !important }
}
.block-menu-two{
background: #005bbc none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff!important;
display: inline-block;
margin-top: 0;
margin-left:10px;
padding:14px 30px!important;
transition: all 0.3s ease 0s;
}
.block-menu-two:hover{
background: #333 none repeat scroll 0 0!important;
color: #fff!important;}
.navbar-default.menu-shrink li a.block-menu-two { color:#fff !important; }

.navbar-default.menu-shrink li a.block-menu-two:hover { color:#fff !important; }
@media only screen and (max-width:480px) { 
    .navbar-default .navbar-nav > li > a.block-menu-two{color:#fff  !important }
    .navbar-default .navbar-nav > li > a.block-menu-two:hover{color:#fff  !important }
	.block-menu-two{margin-left:0px;}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_parallax{height: 900px;position:relative;}
@media only screen and (max-width:768px) { 
.home_parallax{height: 800px;}
}
.home_parallax:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}

.hero-text h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
letter-spacing: 0;
line-height: 64px;
padding-top: 200px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 200px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #fff;

}

.newsletter_form {
margin-top:40px;
}
.newsletter input {
	background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius:0px !important;
box-shadow: none;
color: #333;
font-size: 14px;
height: 50px !important;
}
.newsletter input:hover,
.newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.newsletter_form_border{
background: #fff none repeat scroll 0 0;
display: block;
position: relative;
height: 2px;
margin: auto auto 30px;
width: 100px;	
}
.btn-newsletter-bg {
background: #71b100 none repeat scroll 0 0;
border: 2px solid #71b100;
border-radius: 0;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
font-weight:600;
letter-spacing: 0.5px;
margin-left: 20px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {padding: 7px 20px;}
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
.software_home_img {
margin-top:182px;
}
@media only screen and (max-width:768px) { 
.software_home_img {margin-top:99px;}
}
@media only screen and (max-width:480px) { 
.software_home_img {margin-top:186px;}
}
@media only screen and (max-width:414px) { 
.software_home_img {margin-top:171px;}
}
@media only screen and (max-width:375px) { 
.software_home_img {margin-top:186px;}
}
@media only screen and (max-width:360px) { 
.software_home_img {margin-top:210px;}
}
@media only screen and (max-width:320px) { 
.software_home_img {margin-top:226px;}
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT ONE AND ABOUT TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about-one{}
.single_about_img{text-align: center;}
.single_about_img img{display: inline-block;}
.single_about_one{padding-top: 10px;}
@media only screen and (max-width:768px) { 
.single_about_one{padding-top: 50px;}
}
.single_about_one h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_about_one p{margin: 20px 0 40px;}
@media only screen and (max-width:360px) { 
.single_about_one a{
margin-right: 0px;
display: block;
margin-bottom: 20px;
text-align: center;	
}
}
/*START FEATURE TWO DESIGN*/
.about-two{}
.single_about_two{padding-top: 170px;}
@media only screen and (max-width:768px) { 
.single_about_two{padding-top: 0;
margin-bottom: 60px;}
}
@media only screen and (max-width:480px) { 
.single_about_two{padding-bottom: 50px;padding-top: 0px;}
}
.single_about_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_about_two p{margin: 30px 0;}
.single_about_two_img{}

.single_about_two_img img{}
/*END FEATURE TWO DESIGN*/
.single_feature_btn_light{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #ff5f83;
    color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT ONE AND ABOUT TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_feature{
background:#edf3fe;
padding-top:60px;
padding-bottom:30px;
}
 .featurebox{
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 30px;
padding: 60px 30px;
position: relative;
}
.featurebox .feature-icon{
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    background: #71b100;
    font-size: 36px;
    color: #fff;
    margin: 0 auto 30px;
    position: relative;
    transition: all 500ms ease 0s;
}
.featurebox:hover .feature-icon{
    transform: scale(0.8, 0.8);
}
.featurebox .feature-icon:after{
    content: "";
    width: 111px;
    height: 111px;
    border-radius: 50%;
    border: 4px solid #71b100;
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0;
    transform: scale(0.8, 0.8);
    transition: all 500ms ease 0s;
}
.featurebox:hover .feature-icon:after{
    opacity: 1;
    transform: scale(1, 1);
}
.featurebox .number{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    color: #123a06;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

 
 /*
* ----------------------------------------------------------------------------------------
* 06.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.sin-screenshot { z-index: 9 }
.sin-screenshot a {
    display: block;
    position: relative;
}
.sin-screenshot a:before {
    background: #24141e none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
}
.sin-screenshot a:hover:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.screenshot-carousel { z-index: 9 }
.screenshot-carousel img { width: 100% }
/*
* ----------------------------------------------------------------------------------------
* 06.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/ 
.video_section {
position: relative;
background-position: center top;
background-repeat: repeat-y;
padding: 200px 0;}
.video_section:before {
    background:rgba(0,0,0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.company_video h2{
color: #fff;
margin-bottom: 30px;}
.company_video a{
background: #fff none repeat scroll 0 0;
border-radius: 100px;
color: #71b100;
display: block;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: auto;
padding-left: 5px;
padding-top: 2px;
text-align: center;
width: 100px;	
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TESTOMINIALS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial{
    background: #f9f9f9;
    padding: 20px 40px 20px 70px;
    margin: 0 10px 60px;
    position: relative;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #eee;
    border-left: 50px solid #fff;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .testimonial-title{
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}

.testimonial .post{
color: #71b100;
display: block;
font-weight: 400;
margin-top: 10px;
}
.testimonial .pic{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -35px;
    right: 23px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #71b100 none repeat scroll 0 0;
border-radius: 0;
opacity: 1;
padding: 5px 15px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 25px 20px 25px;
    }
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TESTOMINIALS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
*/
.template_faq{background:#edf3fe;}
.panel-group {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 0;
padding: 30px;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 20px 12px 50px;
    background: #71b100;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #71b100;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f105";
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    box-shadow: none;
}
#accordion .panel-body{
    padding: 20px 25px 10px 9px;
    background: transparent;
    border-top: none;
    position: relative;
}
#accordion .panel-body p{
    padding-left: 25px;
    border-left: 1px dashed #8c8c8c;
}

/*
 * ----------------------------------------------------------------------------------------
 * 09.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.download_app {
background:#71b100;
padding-top:60px;
}
.get_app{padding-top: 60px;}
@media only screen and (max-width:768px) { 
.get_app{padding-top:0px;}
}
.get_app h2{color: #fff;
font-weight: 600;
font-size: 50px;
margin-bottom: 20px;}
.get_app span{
background: #fff none repeat scroll 0 0;
display: block;
height: 4px;
margin: 30px 0 40px;
width: 100px;
}
.get_app p{color:#fff;margin-bottom: 30px;}
.download_icon{}
@media only screen and (max-width:768px) { 
.download_icon{margin-bottom:60px;}
}
.download_icon a{}
.download_icon a i{}
.get_app_img {
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature{background:#edf3fe;}
.counter {
background:#fff;
border-radius: 3px;
padding: 30px;
position: relative;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .counter { padding: 20px }
}
.counter i {
color: #71b100;
font-size: 40px;
margin-bottom: 15px;
}
.counter h1 {
    margin-top: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:320px) { 
    .counter h1 { font-size: 30px }
}
.counter p {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 500;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-plan{background:#edf3fe ;}
.pricingTable{
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
padding: 0 30px 30px;
text-align: center;
transition: all 0.5s ease 0s;
}
@media only screen and (max-width:768px) { 
.pricingTable{margin-bottom:40px; }
}
.pricingTable .pricingTable-header{
    width: 210px;
    background: #71b100 ;
    color: #fff;
    margin: -15px auto 95px;
    padding-top: 35px;
    position: relative;
}
.pricingTable .pricingTable-header:before{
    content: "";
    border-width: 0 0 15px 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #71b100;
    position: absolute;
    top: 0;
    left: -10px;
}
.pricingTable .pricingTable-header:after{
    content: "";
    border-width: 15px 0 0 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #71b100 ;
    position: absolute;
    top: 0;
    right: -10px;
}
.pricingTable .heading{
color: #fff;
font-size: 22px;
margin: 5px 0;
position: relative;
text-transform: uppercase;
}
.pricingTable .heading:after{
    content: "";
    border-width: 68px 105px 0;
    border-style: solid;
    border-color: #71b100 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    bottom: -68px;
    left: 0;
}
.pricingTable .currency,
.pricingTable .month{
    font-size: 20px;
}
.pricingTable .price-value{
    font-size: 30px;
}
.pricingTable .pricing-content ul{
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.pricingTable .pricing-content ul li{
line-height: 40px;
}

@media only screen and (max-width:480px){
    .pricingTable{ margin-bottom: 40px; }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
.partner img {
border: 1px solid #eee;
display: inline-block;
width: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact-address{}
.contact-address i {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
}
.contact-address h1{
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;	
}
.contact-address-content {
  margin-bottom: 20px;
}
.contact-address p{}
.contact-address a{color: #333;
font-weight: 600;}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #161616;
	padding-top:60px;
	padding-bottom:30px;
}
.footer_social h4 {
color: #fff;
margin-top: 0;
font-size: 30px;
}
.footer_social span {
    background: #71b100 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 60px;
}
.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: #333 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 45px;
}
@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 }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:480px) { 
    .footer_social ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.footer_social ul li a:hover {
    background: #71b100;
    color: #fff;
}
.brtop {
border-top: 1px solid #333;
margin-top: 60px;
padding-top: 30px;
}
.footer_copyright p {
    color: #fff;
    margin: 0;
    text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
    .footer_copyright p {text-align: center; }
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) { 
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.footer_menu ul li a:hover { color: #71b100; }
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content {
border-radius: 0;
display: block;
margin-top: 80px;
overflow: hidden;
padding: 10px 30px;
}
.modal-header {
  border-bottom: 1px solid #eee;
  padding: 15px;
  padding-bottom: 0;
}
.modal-body{
	margin-bottom: 15px;
}
.login_register_title{
color: #333;
font-weight: 500;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.login input{
border: 1px solid #eee;
box-shadow: none;
color: #333;
height: 50px;	
}
.login input:focus{
border: 1px solid #71b100;
box-shadow: none;	
}
.login button {
  padding: 10px 40px;
}
.register input{
border: 1px solid #eee;
box-shadow: none;
color: #333;
height: 50px;	
}
.register input:focus{
border: 1px solid #71b100;
box-shadow: none;	
}
.register button {
  padding: 10px 40px;
}
/*End project modal*/