/*
Author       :Syed Ekram   
Theme Name:  :Bahubali - Responsive Business Template
Version      :1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. NAVIGATION
    03. START HOME DESIGN
    04. START ABOUT CONTENT DESIGN
    05. START ABOUT US DESIGN
    06. START ABOUT SECTION DESIGN
    07. START COUNT TIMER
    08. START SERVICE DESIGN
    09. START FEATURES DESIGN 
    10. START TESTIMONIAL DESIGN  
    11. START PORTFOLIO DESIGN
    12. START CASE STUDY DESIGN
    13. START PROJECT DESIGN    
    14. START TEAM DESIGN
    15. START PROMOTION DESIGN
    16. START PRICING DESIGN
    17. START PARTNER COMPANY DESIGN
    18. START BLOG DESIGN
    19. START CONTACT FORM DESIGN
    20. START CONTACT ADDRESS DESIGN
    21. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;  
	font-family: Lato,sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 300;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Merriweather",sans-serif;
margin-top: 0px }
p {
    line-height: 28px;
}
a {	font-family: "Merriweather",sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
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: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    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: #222;
    margin-top: 30px;
}
/*END PRELOADER DESIGN*/
.no-padding { padding: 0px }
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 50px }
.section-title h1 {
    color: #00c03f;
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h1 { 
	font-size: 30px;
	text-align: center; }
}
@media only screen and (max-width:360px) { 
    .section-title h1 { 
	font-size: 24px;
	text-align: center; }
}
@media only screen and (max-width:320px) { 
    .section-title h1 { 
	text-align: center; }
}
.section-title h4 { line-height: 30px }
.section-title span {
    background: #00c03f none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 50px;
}
@media only screen and (max-width:768px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:480px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:360px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
@media only screen and (max-width:320px) { 
    .section-title span {
        margin: 0 auto;
        width: 50px;
    }
}
.section-title p {
    letter-spacing: 1px;
}
/*END SECTION TITLE DESIGN*/
/*BTN STYLE*/
.btn-theme-bg {
background: #56cc02 none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 0;
color: #fff;
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
padding: 10px 20px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.btn-theme-bg:hover,
.btn-theme-bg:focus {
    background: #00c03f;
	border: 1px solid #e8e8e9;
    color: #ddd;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(0,147,184,0.8) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 02.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: #56cc02 !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: #56cc02 !important;
    background-color: transparent;
}
.navbar-brand { padding: 4px }
.navbar-brand img {
    height: 40px;
}
@media only screen and (max-width:768px) { 
.navbar-brand img {
    height: 40px;
	width:135px;
}
}
.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    font-size: 12px;
}
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
.menu-top {
    background-color: transparent;
    width: 100%;
}
@media only screen and (max-width:768px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
@media only screen and (max-width:360px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
@media only screen and (max-width:320px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #333 !important }
}
.navbar-default.menu-shrink {
    padding: 10px 0;
    background-color: #fff;
    width: 100%;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
}
.menu-top li a {
    color: #f3f3f3 !important;
    text-transform: uppercase;
}
.menu-top {
    color: #f3f3f3 !important;
    text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #f3f3f3 !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink { color: #56cc02 !important }
.navbar-default.menu-shrink li a { color: #323A45 !important }
.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #56cc02 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
.hero {
    height: 635px;
}
.two_page {
    height: 235px;
}
.home_overlay {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
height: 100%;
}
.hero-text h2 {
    color: #fff;
    font-size: 60px;
    line-height: 84px;
    padding-top: 200px;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 { font-size: 54px }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 54px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
.header_social { margin-top: 30px }
.header_social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.header_social ul li { display: inline-block }
.header_social ul li { }
.header_social ul li a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    display: block;
}
.header_social ul li a:hover { color: #00c03f }


/*HOME SHIDESHOW*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-repeat: no-repeat;
    background-size: cover;
    height: 635px;
}
.carousel-fade .carousel-inner .item:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
}
.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-control { z-index: 2 }
.caption {
    position: absolute;
    top: 50%;
    margin-top: -104px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 15;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
.caption h2 {
    color: #fff;
    font-size: 60px;
    line-height: 84px;
    text-transform: capitalize;
}

/*END HOME SHIDESHOW*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START ABOUT CONTENT DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_about {
    padding: 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_about i {
border-radius: 100px;
color: #fff;
font-size: 30px;
padding-bottom: 25px;
transition: all 0.4s ease 0s;
}
.single_about_one { background: #0093b8 }
.single_about_two { background: #00a38f }
.single_about_three { background: #00aa81 }
.single_about h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.single_about p { color: #fff;margin-bottom:0; }

/*
 * ----------------------------------------------------------------------------------------
 *  04.END ABOUT CONTENT DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  05.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about_single i {
border: 8px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 36px;
height: 100px;
line-height: 90px;
margin-bottom: 15px;
width: 100px;
}
.color-icon-one{background:#FC3950;}
.color-icon-two{background:#FFA800;}
.color-icon-three{background:#00AEFF;}
.color-icon-four{background:#D2A855;}

.about_single h4 {
    margin-top: 10px;
    font-weight: 600;
}
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .about_single { margin-bottom: 20px }
}
@media only screen and (max-width:320px) { 
    .about_single { margin-bottom: 20px }
}
.about_single h4 { text-transform: capitalize }
@media only screen and (max-width:768px) { 
    .about_single h4 { font-size: 15px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  06.START ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_service { margin-bottom: 40px }
.single_service i {
border: 5px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 26px;
height: 80px;
padding: 22px;
width: 80px;
}

.color-icon-eleven{background:#349993;}
.color-icon-twelve{background:#F1501A;}
.color-icon-thirteen{background:#332A4B;}

@media only screen and (max-width:480px) { 
.single_service_img{margin-bottom:20px;}
}
.single_service h4 {
    font-weight: 700;
    text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 *  06.END ABOUT SECTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  07.START COUNT TIMER
 * ----------------------------------------------------------------------------------------
 */
.counter_feature {
    border-top: 1px solid #e8e8e9;
    border-bottom: 1px solid #e8e8e9;
}
.counter { padding: 30px }
.counter:last-child { border-right: 1px solid #e8e8e9 }
.counter i {
    border: 1px solid #fff;
    color: #fff;
    padding: 22px;
    border-radius: 100px;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    font-size: 22px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.counter h1 {
    font-weight: 700;
    color: #fff;
}
.counter p {
    text-transform: capitalize;
    color: #fff;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 17px }
}
.color-bg-one { background: #0093b8 }
.color-bg-two { background: #34A0F1 }
.color-bg-three { background: #00a38f }
.color-bg-four { background: #00aa81 }
.counter_feature .slider-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.about_line {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 50px;
}
/*
 * ----------------------------------------------------------------------------------------
 *  07.END COUNT TIMER
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  08.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.service-section{padding-top:60px;}
  .single_feature {
  margin-bottom: 25px;
}
.single_feature i {
border: 5px solid #fff;
border-radius: 50px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 26px;
height: 80px;
margin-bottom: 20px;
padding: 22px;
transition: all 0.3s ease 0s;
width: 80px;
}

.color-icon-five{background:#01B59A;}
.color-icon-six{background:#FF4C83;}
.color-icon-seven{background:#9E70FC;}
.color-icon-eight{background:#35424F;}
.color-icon-nine{background:#3CCD0F;}
.color-icon-ten{background:#FC3950;}

.single_feature h4 {
    font-weight: 700;
    text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .single_feature h4 { font-size: 15px }
}
.single_feature p { text-align: justify }
/*
 * ----------------------------------------------------------------------------------------
 *  08.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  09.START FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */

.single_why {padding: 10px 0; }
.single_why i {
    border: 1px solid #e8e8e9;
    border-radius: 100px;
    font-size: 22px;
    height: 80px;
    padding: 27px;
    width: 80px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.single_why:hover i {
    background: #00c03f;
    color: #fff;
}
.single_why h4 {
    text-transform: uppercase;
    font-weight: 700;
}
/*
 * ----------------------------------------------------------------------------------------
 *  09.END FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 *  10.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */

.about_single_service {
    padding: 30px;
    border: 1px dashed #fff;
}
.about_single_service img {
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
    border: 5px solid #fff;
}
@media only screen and (max-width:768px) { 
    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:480px) { 
    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .about_single_service { margin-bottom: 20px }
}
@media only screen and (max-width:320px) { 
    .about_single_service { margin-bottom: 20px }
}
.about_single_service h4 {
    text-transform: capitalize;
    color: #fff;
}
.about_single_service p {
    color: #fff;
    text-align: justify;
}
/*
 * ----------------------------------------------------------------------------------------
 *  10.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  11.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.isotope-item {
    width: 24.96%;
    background: rgba(92,205,0, 0.8) none repeat scroll 0 0;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 2;
}

	
@media only screen and (max-width:480px) { 
.isotope-item {width: 100%;}
}
@media only screen and (max-width:360px) { 
.isotope-item {width: 100%;}
}
@media only screen and (max-width:320px) { 
.isotope-item {width: 100%;}
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.info-work {
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
    left: 0;
    width: 100%;
    height: 100%;
}
.info-work .tb-cell { height: 100% }
.text-work {
    top: -100%;
    position: relative;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.info-work h4 {
    color: #fff;
    font-weight: 700;
}
.icon-work {
    background-color: #fff;
    border-radius: 50%;
    color: #56cc02;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    margin: 0 auto 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.2s ease-in 0.2s;
            transition: opacity 0.2s ease-in 0.2s;
    width: 55px;
    margin-top: 90px;
}
.isotope-item:hover > a .icon-work {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.isotope-item > a img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: relative;
    z-index: 2;
}
.isotope-item:hover > a img {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.project_single{background:#F9F9F9;}
.project_single h2, .project_single p{margin-bottom:50px;}

.project_single img{margin-bottom:10px;}
/*
 * ----------------------------------------------------------------------------------------
 *  11.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  12.START CASE STUDY DESIGN
 * ----------------------------------------------------------------------------------------
 */
.case_study { padding-bottom: 60px }
.case h2 {
    font-weight: 700;
    text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 *  12.END CASE STUDY DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  13.START PROJECT DESIGN
 * ----------------------------------------------------------------------------------------
 */

.project {
    background-color: #56cc02;
    padding: 20px;
}
.project h2 {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.project p {
    color: #fff;
    text-align: justify;
}
.btn-project-bg {
    background: none;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-project-bg:hover,
.btn-project-bg:focus {
    background: #fff;
    color: #00c03f;
    border: 1px solid #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 *  13.END PROJECT DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  14.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
.tema-member .team-thumbnail {
    margin-bottom: 0px;
    position: relative;
}
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
@media only screen and (max-width:480px) { 
    .tema-member { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .tema-member { margin-bottom: 20px }
}
@media only screen and (max-width:320px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: rgba(0,147,184,0.8);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.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%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
    font-size: 20px;
    color: #fff;
    width: 48px;
    margin: -2px;
    line-height: 48px;
    height: 48px;
    -webkit-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.tema-member .team-thumbnail .social-media a.facebook:hover i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter:hover i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google:hover i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin:hover i { background: #90CADD }
.tema-member .info { padding-top: 60px }
.tema-member .info h4 {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}
.tema-member .info p { color: #fff }
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
 * ----------------------------------------------------------------------------------------
 *  14.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  15.START PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
.promotion { background: #56cc02 }
.promotion { }
.promotion p {
    color: #fff;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.promotion h3 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 30px;
}
/*
 * ----------------------------------------------------------------------------------------
 *  15.END PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  16.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-section { background: #f5f5f5 }
.pricing-content {
    border: 1px solid #e8e8e9;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
}
@media only screen and (max-width:768px) { 
.pricing-content {margin-bottom: 20px;}
}
@media only screen and (max-width:480px) { 
.pricing-content {margin-bottom: 20px;}
}
@media only screen and (max-width:360px) { 
.pricing-content {margin-bottom: 20px;}
}
@media only screen and (max-width:320px) { 
.pricing-content {margin-bottom: 20px;}
}

.pricing-title {
    margin-bottom: 0px;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.pricing-price {
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    background: #f5f5f5 none repeat scroll 0 0;
}
.pricing-content:hover .pricing-price {
    background: #00c03f none repeat scroll 0 0;
    color: #fff;
}
.pricing-content:hover .pricing-price h4 { color: #fff }
.pricing-title h3 {
    margin-bottom: 0px;
    margin-top: 0;
    padding: 20px 0;
    background: #00c03f;
    color: #fff;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-content:hover .pricing-title h3 {
    background: none;
    color: #00c03f;
}
.pricing-content:hover .pricing-title i { color: #00c03f }
.pricing-price h4 {
    color: #222;
    font-size: 40px;
    height: 100px;
    margin: 0 auto;
    padding: 26px 13px;
    width: 100px;
}
.pricing-data p {
border-bottom: 1px solid #e8e8e9;
padding: 10px 0;
margin-bottom: 0;
}
.pricing-order { margin: 20px 0 }
.btn-pricing-bg {
    background: #00c03f none repeat scroll 0 0;
    border: 1px solid #00c03f;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 20px;
    outline: 1px solid #e8e8e9;
    outline-offset: 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    outline: 1px solid #e8e8e9;
    outline-offset: 2px;
    background: #00c03f;
    color: #ddd;
    border: 1px solid #00c03f;
}
/*
 * ----------------------------------------------------------------------------------------
 *  16.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 17.START PARTNER COMPANY DESIGN
 * ----------------------------------------------------------------------------------------
 */

.partner_title { margin-bottom: 50px }
.partner_title h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.item_img { text-align: center }
.item_img img { height: 150px }
/*
 * ----------------------------------------------------------------------------------------
 * 17.END PARTNER COMPANY DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 18.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog-section { background: #F5F5F5 }
.single_blog {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 0 3px #f5f5f5;
}
.single_blog_title {
    border-bottom: 1px solid #e8e8e9;
    padding-bottom: 10px;
}
.single_blog_title img {
    border: 7px solid #f0f0f0;
    border-radius: 100px;
    height: 80px;
    width: 80px;
}
.single_blog_title h5 { padding-top: 15px;color:#333; }
@media only screen and (max-width:768px) { 
.single_blog_title h5 {font-size: 12px;}
}
.single_blog_title h5 a{color:#333; }
.single_blog_title a strong {
    font-size: 18px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.single_blog_title a strong:hover { color: #56cc02 }
.single_blog_title p { }
.single_blog_content h4 {
color: #333;
font-weight: 700;
line-height: 26px;
margin-top: 10px;
text-transform: capitalize;
transition: all 0.6s ease 0s;
margin-bottom: 0;
}
.single_blog_content img {
  padding-top: 10px;
}
.single_blog_content h4:hover { color: #56cc02 }
.single_blog_content p { }
.single_blog_comment {
    border-top: 1px solid #e8e8e9;
    padding-top: 10px;
}
.single_blog_comment i {
    color: #56cc02;
    margin-right: 10px;
}
.single_blog_comment div { display: inline }
.comment { margin-left: 90px }
@media only screen and (max-width:768px) { 
.comment { margin-left: 30px }
}
@media only screen and (max-width:480px) { 
.comment { margin-left:130px }
}
@media only screen and (max-width:360px) { 
.comment { margin-left: 80px }
}
@media only screen and (max-width:320px) { 
.comment { margin-left: 65px }
}
.single_blog img { display: inline }
/*
 * ----------------------------------------------------------------------------------------
 * 18.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 19.START CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
 */
input.form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #222;
    height: 45px;
    box-shadow: none;
}
textarea.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    color: #222;
    border-radius: 0;
    box-shadow: none;
}
.form-control:focus {
    border: 1px solid #00c03f;
    box-shadow: none;
    outline: 0 none;
}
.btn-theme-bg i { margin-right: 5px }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 20.START CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_address i {
border: 8px solid #ffffff;
border-radius: 100px;
box-shadow: 0 0 1px 0 rgba(1, 1, 1, 0.4);
color: #fff;
font-size: 36px;
height: 100px;
line-height: 90px;
margin-bottom: 15px;
width: 100px;
}
.color-icon-fifteen{background:#f54c54 none repeat scroll 0 0;}
.color-icon-sixteen{background:#222 none repeat scroll 0 0;}
.color-icon-seventeen{background:#269abc none repeat scroll 0 0;}

.single_address p {
    font-weight: 400;
}
/*
 * ----------------------------------------------------------------------------------------
 * 20.END CONTACT ADDRESS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.map{height:450px;}
/*
 * ----------------------------------------------------------------------------------------
 * 21.START FOOTER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.footer { padding-top: 60px }
.footer-copyright { }
.footer-copyright p { padding-bottom: 30px }
@media only screen and (max-width:320px) { 
.footer-copyright p {font-size:12px; }
}
.footer-copyright a {
    background: #56cc02 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 15px 25px;
    background: #56cc02 none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding: 15px 25px;
	 -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.footer-copyright a:hover{
background: #333 none repeat scroll 0 0;
color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 21.END FOOTER DESIGN
 * ----------------------------------------------------------------------------------------
 */