/*
Author       : lissalibson.
Template Name: Sheila - Material Design Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #777;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
a {
    font-family: "Montserrat",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 0 }
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: #333;
    margin-top: 30px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #00bff3 none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title  h2 {
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) { 
    .section-title  h2 { font-size: 24px }
}
.section-title h2 span { color: #00bff3 }
.section-title-white { color: #fff!important }
.section-title div {
    background: #00bff3  none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px auto 60px;
    width: 80px;
}
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
    background: #00bff3 none repeat scroll 0 0;
    border: 2px solid #00bff3;
    border-radius: 3px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #03aad7;
    color: #fff;
    border: 2px solid #03aad7;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 }
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 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: #00bff3 !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: #00bff3 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { width: 130px;margin-left:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }
.menu-top li a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.menu-top li a:hover { color: #00bff3!important }
@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: #313131  !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: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color: #313131!important }
.navbar-default.menu-shrink li a:hover { color: #00bff3 !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: #00bff3 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.slider {
background:url(../img/bg/slide1.jpg)no-repeat;
background-size:cover;
background-position: center;
height: 700px }
.slider_overlay {
    background: rgba(0,0,0,0.4) none repeat scroll 0 0;
    height: 100%;
}
.hero { height: 700px }
.hero-text {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    margin-top: 200px;
    padding: 40px 10px 47px;
}
.hero-text h2 {
    color: #333;
    font-size: 30px;
    line-height: 44px;
    margin: 0;
    text-transform: uppercase;
}
.hero-text h2 span { color: #00bff3 }
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 28px;
        line-height: 36px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .hero-text h2 span {
        font-size: 20px;
    }
}
.hero-text p {
    color: #333;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 35px;
    padding-top: 15px;
    width: 80%;
    margin: 0 auto;
}
@media only screen and (max-width:768px) { 
    .hero-text p { width: 100% }
}
.btn-home-bg-one {
    background: #00bff3;
    border: 2px solid #00bff3;
    border-radius: 0;
    color: #fff;
    margin-right: 10px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}
.btn-home-bg-one:hover,
.btn-home-bg-one:focus {
    background: #03aad7;
    border: 2px solid #03aad7;
    color: #fff;
}
@media only screen and (max-width:480px) { 
    .btn-home-bg-one { margin-bottom: 15px; }
}
.btn-home-bg-two {
    background: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    color: #333;
    margin-right: 10px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}
.btn-home-bg-two:hover,
.btn-home-bg-two:focus {
    background: #00bff3;
    border: 2px solid #00bff3;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START FEATURE DESIGN*/
.single_feature {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e8e8e9;
    border-right: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
    padding: 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .single_feature { margin-bottom: 40px }
}
.single_feature:last-child { border-right: 0px }
.single_feature:hover { background: #00bff3 }
.single_feature i {
background: #00bff3 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: -50px 0 24px;
text-align: center;
text-decoration: none;
transition: all 0.2s ease-in-out 0s;
width: 100px;
border: 1px solid #00bff3;
}
.single_feature h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.single_feature p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
@media only screen and (max-width:768px) { 
    .single_feature h4 { font-size: 15px }
}
.single_feature:hover i {
    background: #fff;
    color: #00bff3;
    border: 1px solid #e8e8e9;
}
.single_feature:hover h4 { color: #fff }
.single_feature:hover p { color: #fff }
/*END FEATURE DESIGN*/
/*START ABOUT DESIGN*/
.single_about h4 {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}
.single_about p {
    margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
    .about_img { margin: 60px 0 }
}
.single_about a { }
/* START SKILL DESIGN */
.progress-bar-text {
    color: #333;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 4px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #00bff3 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*END ABOUT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_us { padding-top: 60px }
.single_why {
    padding: 60px 30px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why_one {
    background: #00bff3;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why_two {
    background: #09121b;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why_three {
    background: #00bff3;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why_four {
    background: #09121b;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_why h3 {
    color: #fff;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
}
.single_why span {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 60px;
}
.single_why p {
    color: #fff;
    margin-bottom: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_services{
background:url(../img/bg/service-bg.jpg)no-repeat;
background-size:cover;
background-position: center;
background-attachment: fixed;
}
.service_overlay {
    background: rgba(0,0,0,0.6);
    height: 100%;
}
.service {
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
height: 300px;
margin: 20px 0;
padding: 20px;
transition: all 0.4s ease 0s;
}
.icon {
    background: #fff none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    color: #333;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    position: relative;
    text-align: center;
    top: 50px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 60px;
}
.service h4 {
    color: #fff;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    top: 90px;
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
            transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service:hover {background:#00bff3;}
.service:hover .icon {
    top: -50px;
    color: #00bff3;
}
.service:hover h4 {
    color: #fff;
    top: -20px;
}
.service p {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.service:hover p {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature { padding-top: 40px }
.counter {
background:#00bff3;
    padding: 60px 40px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    border-radius: 5px;
}
@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 20px }
}
.counter h1 {
    font-weight: 700;
    color: #fff;
    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:hover h1 { color: #fff }
.counter p {
    font-family: "Montserrat",sans-serif;
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.counter:hover p { color: #fff }
@media only screen and (max-width:768px) { 
    .counter p { font-size: 16px }
}
@media only screen and (max-width:480px) { 
    .counter p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 07.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_portfolio {
    padding-top: 60px;
    padding-bottom: 48px;
}
.work_all_item .mix { display: none }
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
    border: 1px solid #e8e8e9;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin: 0 5px 13px;
    padding: 5px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { margin: 0 2px 13px }
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
    border-color: #00bff3;
    background: #00bff3;
    color: #fff;
}
.grid {
    margin: 0 auto;
    list-style: none;
    text-align: center;
}
.grid li {
    display: inline-block;
    margin: 0;
    padding: 12px;
    position: relative;
    text-align: left;
    width: 386px;
}
@media only screen and (max-width:768px) { 
    .grid li { width: 370px }
}
.grid figure {
    margin: 0;
    position: relative;
}
.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}
.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: rgba(0,191,243,0.8);
    color: #ed4e6e;
}
.grid figcaption h4 {
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
}
.grid figcaption a {
    color: #fff;
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.grid figcaption a:hover { color: #00bff3 }
/* Individual Caption Styles */
/* Caption Style 4 */
.portfolio_project li {
    -webkit-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}
.portfolio_project figure {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.portfolio_project figure > div { overflow: hidden }
.portfolio_project figure img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
.no-touch .portfolio_project figure:hover img,
.portfolio_project figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}
.portfolio_project figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .portfolio_project figure:hover figcaption,
.portfolio_project figure.cs-hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.portfolio_project figcaption a {
background: #fff none repeat scroll 0 0;
bottom: 20px;
color: #333;
padding: 8px 20px;
position: absolute;
right: 20px;
}
@media screen and (max-width: 31.5em) { 
    .grid { padding: 10px 10px 0px 10px }
    .grid li {
        width: 100%;
        min-width: 300px;
    }
}
.portfolio_btn { padding-top: 50px }

/*START SINGLE PROJECT*/
.project_dec { overflow: hidden }
.project_dec img
{
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.about_project {
  margin-bottom: 30px;
}
.about_project h4,
.about_project_details h4 {
border-bottom: 1px solid #e8e8e9;
color: #333;
padding: 10px 0;
margin: 0;
margin-bottom: 10px;
text-transform: uppercase;
}

.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #00bff3;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #00bff3;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
.related_project{
border-bottom: 1px solid #e8e8e9;
color: #333;
margin-bottom: 30px;
padding: 10px 0;
text-transform: uppercase;
}
.project_pb{padding-bottom:40px;}
/*END SINGLE PROJECT*/
/*
* ----------------------------------------------------------------------------------------
* 08.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.tema-member { border: 1px solid #e8e8e9 }
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail { position: relative }
@media only screen and (max-width:480px) { 
    .team-thumbnail img { width: 100% }
}
.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: rgba(0,191,243,0.6);
    -webkit-transition: all 0.2s 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.2s 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 {
    background: #fff none repeat scroll 0 0;
    border-radius: 50px;
    color: #333;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 40px;
}
.tema-member .team-thumbnail .social-media a i:hover { color: #fff }
.tema-member .team-thumbnail .social-media a.team_facebook:hover i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.team_twitter:hover i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.team_google:hover i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.team_linkedin:hover i { background: #0077B5 }
.info { padding: 10px }
.tema-member .info h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.tema-member:hover .info h3 { color: #00bff3 }
.tema-member .info p { margin-bottom: 0 }
.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);
}
.facebook { background: #5D82D1 }
.twitter { background: #40BFF5 }
.google { background: #EB5E4C }
.linkedin { background: #238CC8 }
/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
    background: url(../img/bg/testimonial-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.testimonial_overlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    padding-bottom: 90px;
    padding-top: 60px;
}
.slide_bg{background:#00bff3;}
.cover-container img { display: inline }
.testimonial-image {
    border-radius: 100px;
    width: 100px;
    height: 100px;
}
.testomonial_left {
border-right: 1px solid #03AAD7;
float: left;
padding: 30px;
}
@media only screen and (max-width:480px) { 
    .testomonial_left { float: none }
}
.testomonial_left h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
}
.testimonial_text {
    color: #fff;
    letter-spacing: 1px;
    overflow: hidden;
    padding: 71px 30px;
}
@media only screen and (max-width:768px) { 
    .testimonial_text { padding: 20px 30px }
}
@media only screen and (max-width:480px) { 
    .testimonial_text {
        letter-spacing: 0px;
        text-align: left;
    }
}
.testomonial_left h5 {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #fff;
}
.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0px;
    height: 6px;
    margin: 0 1px;
    width: 20px;
}
.carousel-indicators .active {
    height: 6px;
    margin: 0 1px;
    width: 20px;
    border: 1px solid #00bff3;
    background: #00bff3 none repeat scroll 0 0;
}
#testimonial__carousel { margin-bottom: 0px }
#testimonial__carousel .carousel-indicators { bottom: -40px }
/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner-logo { background: #f9f9f9 none repeat scroll 0 0 }
.partner { text-align: center }
.partner img {
    background: #fff;
    border: 1px solid #e8e8e9;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PARTNER LOGO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-blog {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.single-blog:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) }
@media only screen and (max-width:480px) { 
    .single-blog { margin-bottom: 40px }
}
.single-img {
    position: relative;
    width: 100%;
}
.post-date {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 5%;
}
.post-date  h4 {
    color: #333;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.blog-social {
    background: #fff none repeat scroll 0 0;
    bottom: 5%;
    display: inline-block;
    padding: 20px;
    position: absolute;
    left: 0;
}
.blog-social h4 {
    border-bottom: 1px solid #e8e8e9;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.blog-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.blog-social ul li { float: left }
.blog-social ul li a { }
.blog-social ul li a i {
    color: #fff;
    font-size: 18px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    width: 40px;
}
.blog-social ul li a i:hover {
    background: #00bff3;
    color: #fff;
}
.single_blog_dsc { padding: 20px }
.single_blog_dsc h3 {
    color: #333;
    display: block;
    font-size: 20px;
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_blog_dsc h3 a:hover { color: #00bff3 }
.single_blog_dsc p {
    margin-bottom: 10px;
}
.single_blog_dsc a {
    color: #00bff3;
    font-weight: 400;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    text-transform: uppercase;
    font-size: 14px;
}
.single_blog_dsc a:hover { padding-left: 10px }
.view_more { margin-top: 50px }

.single-blog-mb{margin-bottom:40px;}
.blog_post_left{margin-bottom:30px;}
.home_blog_img iframe{
width:100%;height:400px;
}
/*START PAGINATION*/
ul.blog_pagination li a {
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #333;
    font-size: 18px;
    height: 40px;
    margin: 5px;
    padding: 6px 14px;
    width: 40px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #00bff3;
    border: 1px solid #00bff3;
}
/*END PAGINATION*/

.single-img iframe {
height: 520px;
width: 100%;
border: none;
}

.blog_sidebar_title {
border-bottom: 1px solid #e8e8e9;
color: #00bff3;
font-size: 16px;
margin-bottom: 15px;
padding-bottom: 15px;
text-transform: uppercase;
}
.search input{
background: #333 none repeat scroll 0 0;
border-radius: 0 !important;
color: #fff;
font-family: montserrat,sans-serif;
height: 45px;
}
.search input:hover,
.search input:focus {
    border: 1px solid #00bff3;
    box-shadow: none;
    outline: 0 none;
}
.search,
.video_post,
.categories { margin-bottom: 30px }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
color: #333;
display: block;
font-size: 14px;
padding: 5px 0;
}
.categories ul li a:hover { color: #00bff3 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a{
border: 1px solid #e8e8e9;
color: #333;
display: block;
float: left;
font-size: 11px;
font-weight: 400;
margin: 4px;
padding: 5px 15px;
transition: all 0.2s ease 0s;
text-transform: uppercase;
}
.tag a:hover{
background:#00bff3;
color:#fff;
border: 1px solid #00bff3;}
/*END BLOG SIDEBAR*/
/*
* ----------------------------------------------------------------------------------------
* 12.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.mailchimp_newsletter{
background: rgba(0, 0, 0, 0) url("../img/bg/newsletter-bg.jpg") no-repeat scroll center center / cover ;
background-attachment: fixed;
overflow: hidden;
position: relative;
padding-bottom: 70px;
padding-top: 80px;
}
.mailchimp_newsletter::before{
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    filter: alpha(opacity=80);
    position: absolute;
    top: 0;
    width: 100%;
}
.newsletter-title {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 12px;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
.newsletter-title {
font-size: 22px;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
}
}
@media only screen and (max-width:375px) { 
    .newsletter-title {font-size: 12px; }
}
@media only screen and (max-width:360px) { 
    .newsletter-title {}
}
@media only screen and (max-width:320px) { 
    .newsletter-title { }
}
.newsletter-title i {
    color: #fff;
    margin-right: 10px;
    font-size: 22px;
}
@media only screen and (max-width:375px) { 
.newsletter-title i {font-size: 12px; }
}
.newsletter input {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0 !important;
    box-shadow: none;
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 14px !important;
    height: 45px;
}
.newsletter input:hover,
.newsletter input:focus {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.btn-newsletter-bg {
    background: #00bff3 none repeat scroll 0 0;
    border: 2px solid #00bff3;
    border-radius: 0px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
    margin-left: 20px;
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #03aad7;
    color: #fff;
    border: 2px solid #03aad7;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
/*
* ----------------------------------------------------------------------------------------
* 13.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    border: 1px solid #e8e8e9;
    display: block;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .pricing-table { margin-bottom: 30px }
}
.pricing-table:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    box-shadow: 0px 8px 24px rgba(0,0,0,0.25);
}
.ccr-price-title {
background: #00bff3 none repeat scroll 0 0;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 24px;
height: 120px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.ccr-price {
margin-bottom: 30px;
}
.ccr-price-value {
	border: 4px solid #f9f9f9;
	border-radius: 100%;
	box-shadow: 0 5px 13px -4px #585858 inset;
	color: #fff;
	font-size: 54px;
	height: 120px;
	line-height: 102px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	transition: all 0.4s ease 0s;
	width: 120px;
    background: #00bff3; /* Old browsers */ /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bff3), color-stop(100%,#00bff3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00bff3 0%,#00bff3 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: -webkit-linear-gradient(top, #00bff3 0%, #00bff3 100%);
    background: linear-gradient(to bottom, #00bff3 0%,#00bff3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bff3', endColorstr='#00bff3',GradientType=0 ); /* IE6-9 */
}
.ccr-price-list li {
    border-top: 1px dashed #eaeaea;
    color: #504f4f;
    list-style: outside none none;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.ccr-price-list li:hover { background-color: rgba(0, 0, 0, 0.03) }
.pricing-table button {
    font-family: montserrat,sans-serif;
    margin: 20px 0;
    padding: 4px 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END PRICING TABLE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area{
background: rgba(0, 0, 0, 0) url("../img/bg/contact-bg.jpg") no-repeat scroll center center / cover ;
background-attachment: fixed;
}
.contact_overlay {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    padding-top: 60px;
    padding-bottom: 40px;
}
.contact {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    padding: 46px 30px;
	height:422px;
}
@media only screen and (max-width:1280px) { 
.contact {padding: 54px 30px;}
}
@media only screen and (max-width:768px) { 
.contact { margin-bottom: 30px;height:407px; }
}
.contact input {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    height: 45px;
}
.contact textarea {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 0;
    color: #fff;
    box-shadow: none;
}
.contact input:hover,
.contact input:focus {
    border: 1px solid #00bff3;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border: 1px solid #00bff3;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
    font-family: montserrat,sans-serif;
    font-size: 14px;
	background:#00bff3;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #00bff3;
    border: 1px solid #00bff3!important;
    color: #fff;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #00bff3;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.contact_address {
  height: 422px;
}
.single_address {
background: #00bff3 none repeat scroll 0 0;
border-radius: 2px;
margin-bottom: 20px;
padding: 20px;
}
@media only screen and (max-width:768px) { 
    .single_address { margin-bottom: 12px }
}
.address_icon {
    float: left;
    margin-right: 20px;
}
.address_icon i {
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    text-align: center;
    width: 60px;
}
.single_address h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}
.single_address p {
color: #fff;
overflow: hidden;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
.map { height: 400px }
/*
* ----------------------------------------------------------------------------------------
* 16.END MAP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 17.START SOCIAL PROFILE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.social_profile {
  background: #09121b none repeat scroll 0 0;
}
.single_social_profile a {
    display: block;
    padding: 20px 0;
}
.single_social_profile h2 {
margin: 0;
color:#fff;
text-transform: uppercase;
}
.single_social_profile span {
background: #fff none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px auto auto;
width: 60px;
}

.single_social_profile ul {
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.single_social_profile ul li{display: inline-block;}
.single_social_profile ul li a{}
.single_social_profile ul li a i {
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 22px;
height: 60px;
line-height: 60px;
margin: 3px;
transition: all 0.2s ease 0s;
width: 60px;
}
.single_social_profile ul li a i:hover{background:#00bff3;color:#fff;}
.facebook { background: #5D82D1 }
.twitter { background: #40BFF5 }
.google { background: #EB5E4C }
.linkedin { background: #238CC8 }
.youtube { background: #CC181E }
.instagram { background: #A4785F }
/*
 * ----------------------------------------------------------------------------------------
 * 17.END SOCIAL PROFILE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #09121b;
}
.footer img { padding-bottom: 30px }
.footer_copyright {
border-top: 1px solid #282828;
color: #fff;
font-family: montserrat,sans-serif;
font-size: 14px;
margin: 0;
padding: 30px 0;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{
    background: url(../img/bg/section-bg.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
padding-bottom: 90px;
padding-top: 150px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #00bff3!important }
/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/