.input100 {
	margin-top: 10px;
	margin-bottom: 5px;
	height: 40px;
	line-height: 1.2;
	font-size: 20px;
	font-family: 'Ubuntu', sans-serif !important;
	border: 1px solid #e6e6e6;
}

input.input100 {
	padding: 0 26px;
}
.login100-form-btn, .register100-form-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    background: #6675df;
    font-family: Montserrat-Bold;
    font-size: 12px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

button {
    outline: none !important;
    border: none;
    background: transparent;
}

.purbleBg{ 
	background-color:#794cff;
}

 .validate-form {
            margin-top: 25px;
            margin-bottom: 25px;
            width: auto;
        }
        
        .color_white {
            color: #fff !important;
        }
        
        .color_dark_grey {
            color: #111;
        }
        
        .register100-form {
            min-height: unset;
        }
        
        .rc-anchor-checkbox-label {
            font-size: 20px !important;
        }
        
        .input100,
        .register100-form-subtitle,
        .register100-form-btn {
            font-family: 'Ubuntu', sans-serif !important;
            font-size: 20px !important;
        }
        
        body {
            font-size: 20px;
            font-family: 'Ubuntu', sans-serif;
        }
        
        .font20 {
            font-size: 20px;
        }
        
        .font18 {
            font-size: 18px;
        }
        
        .font36 {
            font-size: 36px;
        }
        
        label.error,
        .captcha-error,
        .register-error {
            color: red;
            font-size: 13px;
        }
        
        input.input100 {
            background-color: #fff;
            border: 1px solid #e6e6e6;
            border-radius: 5px;
        }
        
        select.wrap-input100 {
            /* height: 25px!important;
            padding-bottom: 3px; */
            height: 40px!important;
            padding-bottom: 6px;
        }
        
        @supports (-webkit-overflow-scrolling: touch) {
            select.wrap-input100 {
                float: left;
                padding-bottom: 6px !important;
                height: 35px!important;
            }
            select {
                display: table-cell;
                vertical-align: middle;
                line-height: 0.9em;
            }
        }
        
        select {
            width: 100%
        }
        
        .pb5 {
            padding-bottom: 5px;
        }
        
        div.title_line {
            background: #fff none repeat scroll 0 0;
            display: block;
            height: 4px;
            /* margin: 30px 0 40px; */
            width: 100px;
        }
        
        .bold-text {
            font-weight: bold;
        }
        
        .reg-text {
            margin-top: 45px;
            padding-left: 50px;
            padding-right: 50px;
        }
        
        .register100-form {
            padding: 20px 10% 20px 10%;
        }
        
        .ttg_backcolor {
            background-color: #55aaa5;
            color: #fff !important;
        }
        
        .pb10 {
            padding-bottom: 10px;
        }
        
        .mt20 {
            margin-top: 20px;
        }
        
        .register100-form-subtitle {
            /* width: unset; */
            display: block;
            font-family: Poppins-Regular;
            font-size: 20px;
            /* color: #333333; */
            line-height: 1.2;
            /* text-align: left; */
            /* margin-top: 20px; */
            font-size: 14px;
            color: #555555;
            font-weight: bold;
        }
        
        .wrap-input100 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            /* display: flex; */
            /* flex-wrap: wrap; */
            align-items: flex-end;
            width: 100%;
            height: 40px;
            position: relative;
            border: 1px solid #e6e6e6;
            border-radius: 5px;
            margin-bottom: 15px;
        }

/*
Author       : Theme_ocean.
Template Name: Fury - Product Landing Page
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
  =============================================================*/

#review{
background-color:#f5f3f1;
}


/*@font-face {
font-family: 'Ubuntu', sans-serif;
font-display:fallback;
src:url(https://fonts.googleapis.com/css?family=Ubuntu&display=swap);
}
*/



/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #b3aa9b;
font-family: 'Ubuntu', sans-serif;
font-size: 20px;
/*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: #b3aa9b;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
 
    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 #55aaa5;
    border-right: 8px solid #55aaa5;
    border-bottom: 8px solid #55aaa5;
    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: 90px 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.title_line{
background: #55aaa5 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: #55aaa5 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: #55aaa5 none repeat scroll 0 0;
border: 1px solid #55aaa5;
border-radius: 30px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
color: #fff;
margin-right: 15px;
padding: 15px 40px;
text-transform: capitalize;
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: #55aaa5 !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: #55aaa5 !important;
    background-color: transparent;
}
.navbar-nav {
  float: left;
  margin: 7px 0 0;
}
.navbar-brand {
height: auto;
padding: 0;
 }
.navbar-brand img {
	width: auto;
}
@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.block-menu{
color:#fff !important;
}
.menu-top li a.block-menu:hover{
	color:#b3aa9b !important;
}

.menu-top li a {
    color: #b3aa9b !important;
    font-size: 20px;
    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:#b3aa9b !important; }
.navbar-default.menu-shrink li a:hover { color: #55aaa5 !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: #55aaa5 }
.block-menu{
background: #55aaa5 none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #b3aa9b;
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: #b3aa9b!important;}
.navbar-default.menu-shrink li a.block-menu {background: #fff none repeat scroll 0 0!important; color:#b3aa9b !important; }

.navbar-default.menu-shrink li a.block-menu:hover { color:#b3aa9b !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:#fff  !important }
}*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home-parallax {position: relative;height:750px;}
@media only screen and (max-width:768px) { 
.home-parallax {height: 1150px;
padding-bottom:20px;
}
}
@media only screen and (max-width:480px) { 
.home-parallax {height: 1300px;}
}
@media only screen and (max-width:360px) { 
.home-parallax {height: 1300px;}
}
@media only screen and (max-width:320px) { 
.home-parallax {height: 1300px;}
}
.home-parallax:before {
   /* background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;*/
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pt250{padding-top:250px;}
@media only screen and (max-width:480px) { 
.pt250{padding-top:120px;}


}
.hero-text h2 {
color: #58a9a4;
font-size: 50px;
font-weight: 600;
line-height: 64px;
margin: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 45px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
    }
}
.hero-text p {
    color: #58a9a4;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 15px;
}
.home_btn {
  margin-left: -10px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
display: inline-block;
font-weight: 500;
letter-spacing: 0;
margin: 0 10px 15px;
padding: 10px 35px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background:#55aaa5;color:#fff;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}
.hero-text-img {
    padding-top: 200px;
}
.hero-text-img img {
  width: 406px;
}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top: 58px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
padding-top: 112px;
}
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:414px) { 
.hero-text-img{padding-top: 138px; }
}
@media only screen and (max-width:375px) { 
.hero-text-img{padding-top: 128px; }
}
@media only screen and (max-width:360px) { 
.hero-text-img{padding-top: 116px; }
}
@media only screen and (max-width:320px) { 
.hero-text-img{padding-top: 171px; }
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_about{}
.single_about h1{
font-size: 40px;
font-weight: 600;
margin-bottom:15px;
/*text-transform: capitalize; */
}
.single_about p{margin-bottom:40px;}
.single_about ul{list-style:none;}
.single_about ul li{font-size: 18px;
margin-bottom: 10px;}
.single_about ul li i{
border: 1px solid #55aaa5;
border-radius: 30px;
color: #55aaa5;
height: 35px;
line-height: 35px;
margin-right: 10px;
text-align: center;
width: 35px;
}
.single_about_img {
display: inline-block;
text-align: center;
}
@media only screen and (max-width:768px) { 
.single_about_img {margin-bottom:60px;margin-top:60px;}
}
.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 {
background-color: #55aaa5 !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {

  margin-top: 20px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */


/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.main_feature {position: relative;}
.main_feature:before {
    
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single-feature {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
margin-bottom: 60px;
padding: 30px 20px;
}
@media only screen and (max-width:480px) { 
.single-feature {margin-bottom:60px;}
}
.single-feature i{
background: #55aaa5 none repeat scroll 0 0;
border: 1px solid #55aaa5;
border-radius: 100px;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 24px;
height: 60px;
left: 0;
line-height: 56px;
margin: -30px auto auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
width: 60px;
}
.single-feature h4{
font-size:22px;
font-weight: 500;
margin-top: 20px;
text-transform: uppercase;
}
.single-feature p{}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 06.START FEATURE TWO & THEEE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single-feature-two{margin-bottom: 30px;}
.single-feature-two i{
color: #55aaa5 ;
font-size: 24px;
margin-bottom: 20px;
}
.single-feature-two h4{
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.single-feature-two p{}
.main_feature_three{border-top:1px solid #eee;}
.single_future_img_one {
display: inline-block;
text-align: center;
margin-top:80px;
}
@media only screen and (max-width:768px) { 
.single_future_img_one{margin-top:60px;}
}
.single_future_img_two{
display: inline-block;
text-align: center;
margin-top:80px;	
}
.single_future_img_two{
	
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE TWO & THEEE DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 06.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: #55aaa5;
display: block;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: auto;
padding-left: 5px;
padding-top: 2px;
text-align: center;
width: 100px;	
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START PRODUCT OVERVIEW DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_overview_img{}
.single_overview_img img{
margin: auto;	
}
@media only screen and (max-width:768px) { 
.single_overview_img img{
width: 100%;
margin: auto;
margin-bottom:60px;	
}
}
.single_overview{
padding-top: 80px;	
}
@media only screen and (max-width:768px) { 
.single_overview{padding-top:0px;}
.single_overview_m {margin-bottom:100px;}
}
.single_overview h3{
font-size: 40px;
font-weight: 600;
margin-bottom: 20px;
text-transform: capitalize;	
}
.single_overview p{}
.overview_btn{margin-top: 30px;}
.overview_btn a{}
.overview-two{border-top:1px solid #eee;}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END PRODUCT OVERVIEW DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START PRODUCTS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.products-features{background:#edf3fe;}
.single_product_features{
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(42, 111, 199, 0.2);
margin: 15px 15px 10px;
padding: 20px;
}
.single_product_features h2{
border-bottom: 1px solid #eee;
font-size: 26px;
font-weight: 600;
margin-bottom: 15px;
padding-bottom: 10px;
text-transform: uppercase;	
}
.single_product_features h3{
color: #55aaa5;
font-size: 30px;
font-weight: 600;
margin-bottom: 30px;
}
.single_product_features img{display: inline-block;}
.products_overview_btn{margin: 40px 0 20px;}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END PRODUCTS DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 09.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial{
    background: #f9f9f9;
    padding: 20px 20px 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: #55aaa5;
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 {

  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #55aaa5 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;
    }
}
/*
 * ----------------------------------------------------------------------------------------
 * 09.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_faq{background:#f5f3f1;}
.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: #55aaa5;
    font-size: 18px;
    font-weight: 600;
    color: #b3aa9b;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #b3aa9b;
    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: #55aaa5;
    font-size: 25px;
    color: #b3aa9b;
    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: #b3aa9b;
    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;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter_form {}
.newsletter_form {
position: relative;
padding: 60px 30px;
}
.newsletter_form:before {
    background:rgba(0,0,0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.newsletter-title {
color: #fff;
font-weight: 600;
margin-bottom: 30px;
position: relative;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.newsletter-title {
font-size: 22px;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
}
}
.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: #55aaa5 none repeat scroll 0 0;
border: 2px solid #55aaa5;
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;  }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 12. START TECHNICAL DETAILS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.technical_details{
background:#edf3fe;
padding-top:60px;
padding-bottom:30px;
}
 .technicalbox{
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;
}
.technicalbox .technical-icon{
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 50%;
    background: #55aaa5;
    font-size: 36px;
    color: #fff;
    margin: 0 auto 30px;
    position: relative;
    transition: all 500ms ease 0s;
}
.technicalbox:hover .technical-icon{
    transform: scale(0.8, 0.8);
}
.technicalbox .technical-icon:after{
    content: "";
    width: 111px;
    height: 111px;
    border-radius: 50%;
    border: 4px solid #55aaa5;
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0;
    transform: scale(0.8, 0.8);
    transition: all 500ms ease 0s;
}
.technicalbox:hover .technical-icon:after{
    opacity: 1;
    transform: scale(1, 1);
}
.technicalbox .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;
}
/*
 * ----------------------------------------------------------------------------------------
 * 12.END TECHNICAL DETAILS DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 13.START DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.download_app {
background:#55aaa5;
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.title_line{
background: #fff none repeat scroll 0 0;
display: block;
height: 4px;
margin: 30px 0 40px;
width: 100px;
}
.get_app p{color:#fff;}
.download_icon{}
@media only screen and (max-width:768px) { 
.download_icon{margin-bottom:60px;}
}
.download_icon a{}
@media only screen and (max-width:375px) { 
.download_icon a {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}
}
.download_icon a i{}
.get_app_img {
margin-top: 70px;
text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #edf3fe  none repeat scroll 0 0; }
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
/*
* ----------------------------------------------------------------------------------------
* 14.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 22.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #161616;
	padding-top:60px;
	padding-bottom:30px;
}
@media only screen and (max-width:480px) { 
.footer_social {margin-bottom:60px;}
}
.footer_social h4 {
color: #fff;
margin-top: 0;
font-size: 30px;
}
.footer_social span {
background: #55aaa5 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px 0;
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;
transition: all 0.2s ease 0s;
width: 45px;
text-align: center;
}
@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: #55aaa5;
    color: #fff;
}
.brtop {
border-top: 1px solid #333;
margin-top: 60px;
padding-top: 30px;
}
.footer_address{}
.footer_address h4 {
color: #fff;
margin-top: 0;
font-size: 30px;
}
.footer_address span {
background: #55aaa5 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px 0;
width: 60px;
}
.footer_address ul{
list-style: outside none none;
    margin: 0;
    padding: 0;	
}
.footer_address ul li{color:#fff;}
.footer_address{}
.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: #55aaa5 }
/*
* ----------------------------------------------------------------------------------------
* 22.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/