/*
Author       : Syed Ekram.
Template Name: Accede - Consultancy HTML5 Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US DESIGN
    05. START OUR MISSION AND COUNTER DESIGN
    06. START OUR SERVICE DESIGN
    07. START WHY CHOOSE US DESIGN
    08. START PORTFOLIO DESIGN
    09. START PROMOTION DESIGN
    10. START TEAM DESIGN
    11. START TESTIMONIAL DESIGN
    12. START BLOG DESIGN
    13. START PRICING TABLE DESIGN
    14. START COMPANY PARTNER LOGO DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START NEWSLETTER DESIGN
    18. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

.preloader,
body {
    background: #fff;
}
.no-padding,
fieldset,
li,
ul {
    padding: 0;
}
.caption,
.counter i,
.single_feature i,
.slider-caption,
.topcontrol,
.why_choose h3,
.why_choose p {
    text-align: center;
}
.flex-direction-nav a,
a,
a:focus,
a:hover {
    text-decoration: none;
}
.contact_address ul,
.footer_social ul,
.pricing-list,
.team_social ul {
    list-style: none;
}
body {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #777;
    overflow-x: hidden;
    margin: auto;
}
.counter p,
.menu-top li a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
}
body,
html {
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
}
a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    color: #333;
}
li,
ul {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0 auto;
}
.preloader {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #42c0d9;
    border-radius: 50%;
    -webkit-animation: spinner 0.7s infinite linear;
    animation: spinner 0.7s infinite linear;
    z-index: 10000;
}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.topcontrol {
    background: #42c0d9;
    border-radius: 50%;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 45px;
    line-height: 45px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
.section-padding {
    padding: 60px 0;
}
.section-title {
    margin-bottom: 60px;
}
.section-title h2 {
    background: #42c0d9;
    border: 4px double #fff;
    font-size: 26px;
    color: #fff;
    margin: auto;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    width: 350px;
}
@media only screen and (max-width: 480px) {
    .section-title h2 {
        font-size: 24px;
        width: 300px;
    }
}
@media only screen and (max-width: 320px) {
    .section-title h2 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .section-title p {
        font-size: 12px;
        padding: 0 2px;
    }
}
@media only screen and (max-width: 375px) {
    .section-title p {
        margin-bottom: 0;
        padding: 0 15px;
    }
}
.section-title span {
    background: #42c0d9;
    display: block;
    position: relative;
    height: 2px;
    margin: 20px auto;
    width: 70px;
}
.section-title-white {
    position: relative;
    color: #fff !important;
}
h2.section-title-white {
    background: #fff;
    border: 4px double #ddd;
    color: #333 !important;
}
.overlay {
    background: rgba(0, 0, 0, 0.6);
}
.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:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #42c0d9 !important;
    background-color: transparent;
}
.navbar-brand {
    padding: 0;
}
.navbar-brand img {
    width: 150px;
    margin-left: 10px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff;
}
.menu-top li a {
    color: #333 !important;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.menu-top li a:hover {
    color: #42c0d9 !important;
}
@media only screen and (max-width: 768px) {
    .navbar-brand img {
        width: 130px;
    }
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
    .menu-top li a {
        font-size: 11px;
    }
}
@media only screen and (max-width: 480px) {
    .navbar-default .navbar-nav > li > a {
        color: #313131 !important;
    }
    .menu-top {
        background-color: #fff;
        color: #fff !important;
        margin-left: 0;
    }
}
.navbar-default.menu-shrink {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    margin-top: 0;
    width: 100%;
}
.navbar-default.menu-shrink li a {
    color: #313131 !important;
}
.navbar-default.menu-shrink li a:hover {
    color: #42c0d9 !important;
}
.navbar-default .navbar-toggle {
    background: #fff;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #42c0d9;
}
#navigation li ul.sub-menu,
#navigation ul li ul.sub-menu li ul.sub-menu {
    opacity: 0;
    position: absolute;
    top: 115%;
    transition: all 0.3s ease 0s;
    width: 228px;
    z-index: -99;
    visibility: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    padding: 15px;
    left: 10px;
    background: #f5f5f5;
    list-style: none;
}
#navigation ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    transition: all 0.5s ease 0s;
    right: auto;
}
#navigation ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
    position: relative;
}
#navigation ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    z-index: 999;
    visibility: visible;
}
#navigation ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
}
#navigation ul li ul.sub-menu li a {
    color: #333 !important;
    cursor: pointer;
    display: block;
    padding: 13px 10px;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
}
.about_single h4,
.btn-light-bg,
.btn-light-bg-two,
.caption h2,
.counter p,
.hero-text h2,
.single_feature h3,
.single_service h4,
.why_choose h3 {
    text-transform: uppercase;
}
#navigation ul li:hover ul.sub-menu li a:hover {
    color: #fff !important;
    background: #42c0d9;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .navbar-collapse {
        margin-top: 15px;
    }
    #navigation ul li a {
        position: inherit;
        color: #333;
    }
    #navigation li ul.sub-menu,
    #navigation ul li ul.sub-menu li ul.sub-menu {
        opacity: 1;
        position: inherit;
        top: 0;
        transition: all 0.3s ease 0s;
        z-index: 1;
        visibility: visible;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        padding: 15px;
        left: 0;
        background: #f5f5f5;
        list-style: none;
        width: 100%;
    }
    #navigation ul li ul.sub-menu li ul.sub-menu {
        box-shadow: inherit !important;
        padding: 0 0 0 15px !important;
    }
    #navigation ul li ul.sub-menu li {
        z-index: 1;
    }
    #navigation ul li:hover ul.sub-menu {
        top: 0;
        opacity: 1;
        z-index: 999;
        visibility: visible;
    }
}
#home-slider {
    overflow: hidden;
    position: relative;
}
.caption {
    color: #fff;
    left: 0;
    margin-top: -104px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 15;
}
@media only screen and (max-width: 375px) {
    .caption {
        top: 42%;
    }
}
@media only screen and (max-width: 360px) {
    .caption {
        top: 40%;
    }
}
.caption h2 {
    color: #fff;
    font-size: 44px;
    margin-bottom: 20px;
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
    .caption h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 480px) {
    .caption h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 320px) {
    .caption h2 {
        font-size: 24px;
    }
}
.caption p {
    margin: auto auto 0;
    width: 60%;
}
.caption a {
    margin: 30px 0 0 30px;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition-property: opacity;
    transition-property: opacity;
    background-repeat: no-repeat;
    background-size: cover;
    height: 750px;
}
.carousel-fade .carousel-inner .item:after {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    content: " ";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.left-control,
.right-control {
    background: #42c0d9;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    height: 51px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 51px;
    z-index: 20;
}
@media only screen and (max-width: 480px) {
    .caption a {
        margin: 30px 0 0;
    }
    .left-control,
    .right-control {
        display: none;
    }
}
.left-control {
    left: -51px;
}
.right-control {
    right: -51px;
}
.left-control:hover,
.right-control:hover {
    background-color: #fff;
    color: #42c0d9;
}
#home-slider:hover .left-control {
    left: 30px;
}
#home-slider:hover .right-control {
    right: 30px;
}
#home-slider .fa-angle-down {
    position: absolute;
    left: 50%;
    bottom: 50px;
    color: #fff;
    display: inline-block;
    width: 24px;
    margin-left: -12px;
    font-size: 24px;
    line-height: 24px;
    z-index: 999;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}
.btn-light-bg {
    background: #42c0d9;
    border: none;
    border-radius: 0;
    color: #fff;
    padding: 13px 35px;
    transition: all 0.2s ease 0s;
}
.btn-light-bg-two,
.btn-light-bg:focus,
.btn-light-bg:hover {
    background: #fff;
    color: #333;
}
.about_single,
.btn-light-bg-two {
    -webkit-transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 375px) {
    .btn-light-bg {
        padding: 13px 45px;
    }
}
.btn-light-bg-two {
    padding: 13px 35px;
    border: none;
    border-radius: 0;
    transition: all 0.2s ease 0s;
}
.btn-light-bg-two:focus,
.btn-light-bg-two:hover {
    background: #42c0d9;
    color: #fff;
}
.home_video {
    height: 750px;
    position: relative;
}
.home_video:before,
.why_choose_us:before {
    content: "";
    height: 100%;
    left: 0;
}
.home_video:before {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
}
.html-video {
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    z-index: 15;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slider-caption p {
    width: 60% !important;
}
video {
    min-width: 100%;
}
.hero-text {
    padding-top: 250px;
}
.hero-text h2 {
    color: #fff;
    font-size: 44px;
    margin-bottom: 20px;
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
    .hero-text h2 {
        font-size: 26px;
    }
}
@media only screen and (max-width: 480px) {
    .hero-text h2 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 320px) {
    .hero-text h2 {
        font-size: 24px;
    }
}
.hero-text p {
    margin: auto auto 0;
    width: 90%;
    color: #fff;
}
.hero-text a {
    margin: 30px 0 0 30px;
}
.carousel-indicators .active {
    border: 1px solid #42c0d9;
    background: #42c0d9;
}
.carousel-indicators {
    bottom: -220px;
}
@media only screen and (max-width: 480px) {
    .hero-text a {
        margin: 30px 0 0;
    }
    .carousel-indicators {
        bottom: -60px;
    }
}
#testimonial_slide .carousel-indicators,
#why_choose .carousel-indicators {
    bottom: -80px;
}
.about_single {
    padding: 0 13px;
    transition: all 0.2s ease 0s;
}
.about_single h4,
.single_service {
    -webkit-transition: all 0.2s ease 0s;
}
@media only screen and (max-width: 768px) {
    .about_single {
        margin-bottom: 30px;
    }
}
.about_single h4 {
    color: #333;
    font-weight: 600;
    margin-top: 0;
    transition: all 0.2s ease 0s;
}
.about_single h4 span {
    color: #eaeaea;
    font-size: 74px;
    margin-right: 10px;
}
.about_single p {
    margin-bottom: 0;
}
.about_image {
    margin-top: 60px;
}
.why_choose_us {
    position: relative;
}
.why_choose_us:before {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    width: 100%;
}
.single_feature {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    padding: 30px;
}
.single_feature i {
    background: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    height: 60px;
    line-height: 62px;
    position: relative;
    width: 60px;
    z-index: 3;
}
.single_feature:hover i {
    color: #fff;
}
.single_feature h3 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}
.single_feature span {
    background: #fff;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 80px;
}
.single_feature p {
    margin-bottom: 0;
    color: #fff;
}
.carousel-indicators li {
    border: 1px solid #fff;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
    background: #fff;
}
.carousel-indicators .active {
    background-color: #42c0d9;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}
.site-wrapper {
    margin-bottom: 65px;
}
#testimonial_slide,
#why_choose {
    margin-bottom: 70px;
}
.carousel-control {
    display: none;
}
.counter_feature {
    margin-top: 60px;
}
.counter {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    padding: 30px 18px;
    position: relative;
}
@media only screen and (max-width: 768px) {
    .counter {
        margin-bottom: 20px;
    }
}
.counter_icon {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-top: 12px;
}
.counter i {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    color: #fff;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.counter h2 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 8px;
    overflow: hidden;
}
@media only screen and (max-width: 320px) {
    .counter h1 {
        font-size: 30px;
    }
}
.counter p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 0;
    overflow: hidden;
}
@media only screen and (max-width: 768px) {
    .counter p {
        font-size: 13px;
    }
}
@media only screen and (max-width: 360px) {
    .counter {
        padding: 20px;
    }
    .counter p {
        font-size: 12px;
    }
}
@media only screen and (max-width: 320px) {
    .counter p {
        font-size: 14px;
    }
}
.our_service {
    background: #f7f7f7;
}
.single_service {
    background: #fff;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    transition: all 0.2s ease 0s;
    position: relative;
}
.single_service h4,
.single_service i {
    padding-bottom: 20px;
    -webkit-transition: all 0.2s ease 0s;
}
.single_service:hover {
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.single_service i {
    font-size: 40px;
    color: #42c0d9;
    transition: all 0.2s ease 0s;
}
.single_service h4 {
    color: #333;
    margin: 0;
    font-size: 16px;
    transition: all 0.2s ease 0s;
}
.single_service p {
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.why_choose {
    margin-bottom: 60px;
}
@media only screen and (max-width: 480px) {
    .why_choose {
        margin-top: 60px;
    }
}
.why_choose h3 {
    background: #42c0d9;
    border: 4px double #eee;
    color: #fff;
    margin: 0 auto;
    padding: 10px;
    width: 250px;
}
.why_choose p {
    margin-bottom: 0;
}
.according-area {
    margin-top: 120px;
}
.panel-default .panel-heading {
    background-color: #42c0d9;
    border-bottom: 1px solid #2fb3cd;
    border-color: #2fb3cd;
    color: #fff;
    font-size: 16px;
    padding: 16px;
}
.panel-group .panel + .panel {
    margin: 0;
    border: none;
    border-bottom: 0;
}
.panel-title a.collapsed:after,
.panel-title a:after {
    margin-right: 25px;
    background: rgba(0, 0, 0, 0);
    height: 49px;
    width: 49px;
    margin-left: -16px;
    margin-top: -16px;
    color: #fff;
    float: left;
    text-align: center;
}
.panel-group .panel {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}
.panel-body,
.panel-heading {
    border-radius: 0;
}
.panel-body {
    padding: 30px;
}
.panel-title a {
    color: #fff;
    display: block;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-transform: capitalize;
}
@media only screen and (max-width: 360px) {
    .panel-title {
        font-size: 12px;
    }
}

.panel-title a:after {
    content: "\f068";
    font: 18px fontAwesome;
    line-height: 55px;
}
.panel-title a.collapsed:after {
    content: "\f067";
    font: 18px fontAwesome;
    line-height: 55px;
}
.promotions:before,
.testimonial:before {
    content: "";
}
.portfolio-filters {
    margin-bottom: 60px;
}
.portfolio-filters li.active {
    background-color: #42c0d9;
    border-color: #42c0d9;
    color: #fff;
}
.portfolio-filters li {
    border: 1px solid #eee;
    color: #161616;
    cursor: pointer;
    display: inline-block;
    font-family: montserrat;
    font-weight: 400;
    margin-right: 5px;
    padding: 8px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width: 480px) {
    .portfolio-filters li {
        padding: 8px 24px;
        margin-bottom: 10px;
    }
}
.portfolio-filters li:hover {
    background: #42c0d9;
    color: #fff;
    border: 1px solid #42c0d9;
}
.portfolio-items-list {
    margin: 0;
}
.portfolio-item {
    position: relative;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 30px;
}
.portfolio-item a {
    cursor: url(../img/pointer.png), crosshair;
}
.hover-overlay {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.item-overlay,
.overlay-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: 100%;
    left: 0;
}
.hover-overlay img {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.overlay-content {
    bottom: 0;
    z-index: 20;
    text-align: center;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.overlay-content h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.overlay-content h5 {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.item-overlay {
    -moz-opacity: 0;
    top: 0;
    height: 100%;
    background: rgba(66, 192, 217, 0.75);
    -webkit-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
.btn-portfolio-bg,
.promotion_content a {
    transition: all 0.2s ease 0s;
    text-transform: uppercase;
}
.hover-overlay:hover > img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.hover-overlay:hover .item-overlay {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
}
.portfolio-item:hover .overlay-content {
    bottom: 42%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
}
.btn-portfolio-bg {
    border: 1px solid #eee;
    border-radius: 30px;
    color: #333;
    padding: 10px 30px;
}
.btn-portfolio-bg:focus,
.btn-portfolio-bg:hover {
    background: #42c0d9;
    border: 1px solid #42c0d9;
    color: #fff;
}
.promotions {
    padding: 100px 0;
    position: relative;
}
.promotions:before {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.promotion_content h1 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.promotion_content p {
    color: #fff;
    margin-bottom: 26px;
}
.promotion_content a {
    background: #42c0d9;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    overflow: hidden;
    padding: 14px 40px;
}
.promotion_content a:focus,
.promotion_content a:hover {
    color: #333;
    background: #fff;
}
.our_team {
    background: #f9f9f9;
}
.flexslider {
    border: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    margin: 0;
}
.flexslider .testi-slider-item {
    padding: 30px 60px;
}
.team_img {
    float: left;
    margin-right: 20px;
    width: 250px;
}
@media only screen and (max-width: 480px) {
    .team_img {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }
}
.team_img img {
    border: 4px solid #eee;
}
.flexslider .testi-slider-item h6 {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}
.flexslider .testi-slider-item p {
    margin-bottom: 0;
}
@media only screen and (max-width: 360px) {
    .flexslider .testi-slider-item p {
        line-height: 24px;
        font-size: 14px;
    }
}
.flex-viewport {
    max-height: 350px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.flex-direction-nav a {
    background: #42c0d9;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 0;
    margin: -20px 0 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    overflow: hidden;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-shadow: none !important;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.progress-bar,
.testimonial {
    position: relative;
}
.flex-direction-nav a i {
    display: inline-block;
    font-size: 20px;
}
.flex-control-nav,
.flex-direction-nav a.flex-next:before,
.flex-direction-nav a:before {
    display: none;
}
.skills {
    margin-top: 10px;
    overflow: hidden;
    width: 500px;
}
@media only screen and (max-width: 768px) {
    .flex-viewport {
        max-height: 500px;
    }
    .skills {
        width: 320px;
    }
}
@media only screen and (max-width: 480px) {
    .flex-viewport {
        max-height: 1000px;
    }
    .skills {
        width: 100%;
    }
    .team_social ul {
        text-align: center;
    }
}
.progress-bar-text {
    color: #333;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-post .post-info li .date,
.btn-contact-bg,
.btn-pricing-bg,
.single_pricing .price span {
    font-family: montserrat, sans-serif;
}
.progress-bar-text span {
    float: right;
}
.progress-bar {
    background: #e8e8e9;
    box-shadow: 0 0 0;
    height: 4px;
    margin: 0 0 20px;
    width: 100%;
}
.progress-bar > span {
    background: #42c0d9;
    display: block;
    height: 100%;
    width: 0;
}
.team_social ul {
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 768px) {
    .team_social ul {
        margin-top: 15px;
    }
}
.team_social ul li {
    margin: 2px;
    display: inline-block;
}
.team_social ul li a {
    border: 1px solid #eee;
    border-radius: 30px;
    box-shadow: 0 0 0 7px transparent;
    color: #333;
    display: block;
    font-size: 16px;
    height: 45px;
    line-height: 25px;
    padding: 9px 12px;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 45px;
}
.blog-post,
.blog-post .post-bt,
.price {
    display: inline-block;
}
@media only screen and (max-width: 768px) {
    .team_social ul li a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 320px) {
    .team_social ul li a {
        font-size: 14px;
        height: 40px;
        width: 40px;
        line-height: 20px;
    }
}
.team_social ul li a:hover {
    color: #fff;
}
.f_facebook:hover {
    background: #5d82d1;
    box-shadow: 0 0 0 0 #5d82d1;
    border: 1px solid #5d82d1;
}
.f_twitter:hover {
    background: #40bff5;
    box-shadow: 0 0 0 0 #40bff5;
    border: 1px solid #40bff5;
}
.f_google:hover {
    background: #eb5e4c;
    box-shadow: 0 0 0 0 #eb5e4c;
    border: 1px solid #eb5e4c;
}
.f_linkedin:hover {
    background: #238cc8;
    box-shadow: 0 0 0 0 #238cc8;
    border: 1px solid #238cc8;
}
.f_youtube:hover {
    background: #cc181e;
    box-shadow: 0 0 0 0 #cc181e;
    border: 1px solid #cc181e;
}
.f_skype:hover {
    background: #00aff0;
    box-shadow: 0 0 0 0 #00aff0;
    border: 1px solid #00aff0;
}
.testimonial:before {
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.line-white {
    background: #fff !important;
}
@media only screen and (max-width: 480px) {
    .single_testimonial {
        margin-bottom: 30px;
        overflow: hidden;
    }
}
.testimonial_text {
    background: #fff;
    margin-bottom: 30px;
    padding: 30px;
}
.testimonial_text p {
    margin-bottom: 0;
}
.testimonial_img img {
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
    border: 4px solid #fff;
}
.testimonial_img h4 {
    color: #fff;
    padding-top: 36px;
    text-transform: uppercase;
    margin: 0;
    overflow: hidden;
}
.testimonial_img h5 {
    color: #fff;
    overflow: hidden;
    margin-bottom: 0;
    text-transform: capitalize;
}
.blog-post .post-bt,
.blog-post h4,
.btn-blog-bg,
.btn-contact-bg,
.btn-newsletter-bg,
.btn-pricing-bg,
.contact_address h3,
.newsletter_title h4,
.single_pricing h3 {
    text-transform: uppercase;
}
.blog-post {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .blog-post {
        margin-bottom: 40px;
    }
}
.blog-post h4 {
    border-bottom: 1px solid #eee;
    margin: 20px 0;
    padding-bottom: 10px;
}
.blog-post .tittle-post:hover {
    color: #42c0d9;
}
.blog-post p {
    margin-bottom: 20px;
}
.blog-post .post-bt {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}
.blog-post .post-bt span {
    color: #42c0d9;
    font-weight: 700;
}
.blog-post .post-info {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 0;
    position: relative;
}
.blog-post .post-img {
    position: relative;
    overflow: hidden;
}
.blog-post .post-img img {
    width: 100%;
}
.blog-post iframe {
    border: none;
    height: 350px;
    width: 100%;
}
.blog-post .post-info li {
    display: inline-block;
    margin-right: 20px;
}
@media only screen and (max-width: 360px) {
    .team_social ul li a {
        font-size: 14px;
    }
    .blog-post .post-info li {
        margin-right: 8px;
    }
}
.blog-post .post-info li i {
    margin-right: 10px;
    font-size: 14px;
}
.blog-post .post-info li .date {
    background: #42c0d9;
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 6px 10px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -26px;
    width: 77px;
}
.btn-blog-bg {
    border: 1px solid #eee;
    border-radius: 30px;
    color: #333;
    font-size: 14px;
    padding: 10px 30px;
    transition: all 0.2s ease 0s;
}
.pricing-list li,
.single_pricing {
    -webkit-transition: all 0.3s ease 0s;
}
.btn-blog-bg:focus,
.btn-blog-bg:hover {
    background: #42c0d9;
    border: 1px solid #42c0d9;
    color: #fff;
}
.single_pricing {
    border: 1px solid #eee;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
@media only screen and (max-width: 480px) {
    .single_pricing {
        margin-bottom: 40px;
    }
}
.single_pricing:hover {
    box-shadow: 0 21px 35px rgba(0, 0, 0, 0.2);
}
.single_pricing h3 {
    background: #42c0d9;
    border-radius: 23px 0 30px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0 0 30px;
    padding: 15px 0;
}
.single_pricing .price span {
    color: #42c0d9;
    display: block;
    font-size: 52px;
}
.single_pricing .price h5 {
    margin: 20px 0 40px;
    font-weight: 400;
}
.pricing-list {
    margin-bottom: 0;
    text-align: center;
}
.pricing-list li {
    border-bottom: 1px solid #eee;
    color: #161616;
    font-size: 14px;
    padding: 12px 0;
    transition: all 0.3s ease 0s;
}
.pricing-btn {
    padding: 15px 0;
}
.btn-pricing-bg {
    border: 1px solid #eee;
    border-radius: 30px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn-newsletter-bg,
.partner img {
    -webkit-transition: all 0.2s ease 0s;
}
.btn-pricing-bg:focus,
.btn-pricing-bg:hover {
    border: 1px solid #42c0d9;
    color: #42c0d9;
}
.partner-logo {
    background: #42c0d9;
}
.partner {
    text-align: center;
}
.partner img {
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    transition: all 0.2s ease 0s;
}
.partner img:hover {
    border: 1px solid #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.contact {
    background: #fff;
    padding: 80px 60px;
    margin: 20px 0;
}
.contact input,
.contact textarea {
    background: #f5f5f5;
    padding: 10px;
    color: #333;
    box-shadow: none;
}
.contact input {
    border: 1px solid #f5f5f5;
    border-radius: 0;
    height: 45px;
}
.contact textarea {
    border: 1px solid #f5f5f5;
    border-radius: 0;
    height: 200px;
}
.contact input:focus,
.contact input:hover,
.contact textarea:focus,
.contact textarea:hover {
    border: 1px solid #42c0d9;
    box-shadow: none;
    outline: 0;
}
.success {
    background: #fff;
    color: #42c0d9;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.contact_address p,
.contact_address ul li {
    color: #fff;
    margin-bottom: 30px;
}
.contact_address {
    padding-bottom: 80px;
    padding-top: 80px;
}
.contact_address h3 {
    color: #fff;
    margin: 0 0 15px;
}
.contact_address ul li {
    font-size: 16px;
}
.contact_address ul li i {
    background: #42c0d9;
    border-radius: 30px;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.btn-contact-bg {
    background: #42c0d9 !important;
    border: 1px solid #42c0d9 !important;
    color: #fff !important;
    font-size: 14px;
    padding: 10px 30px !important;
    transition: all 0.2s ease 0s;
}
.btn-contact-bg:focus,
.btn-contact-bg:hover {
    background: #333 !important;
    border: 1px solid #333 !important;
    color: #fff;
}
#map {
    height: 400px;
}
.newsletter_form {
    background: #171b1e;
}
.btn-newsletter-bg,
.newsletter input {
    background: rgba(0, 0, 0, 0);
    font-family: montserrat, sans-serif;
}
.newsletter_title h4 {
    color: #eaeaea;
    line-height: 25px;
    margin-bottom: 30px;
    margin-top: 0;
}
.newsletter input {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    box-shadow: none;
    color: #fff;
    font-size: 14px !important;
    height: 45px;
}
.newsletter input:focus,
.newsletter input:hover {
    border: 1px solid #42c0d9;
    box-shadow: none !important;
}
.btn-newsletter-bg {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    display: block;
    font-size: 14px;
    margin: auto auto auto 20px;
    padding: 11px 40px;
    transition: all 0.2s ease 0s;
}
.btn-newsletter-bg:focus,
.btn-newsletter-bg:hover {
    background: #fff;
    color: #333;
}
.footer {
    background-color: #121315;
    padding: 30px 0;
}
@media only screen and (max-width: 480px) {
    .footer_social {
        float: none !important;
        margin-top: 30px;
    }
    .footer_social ul {
        text-align: center;
    }
}
.footer_social ul {
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    margin: 2px;
    display: inline-block;
}
.footer_social ul li a {
    background: #1f2428;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
@media only screen and (max-width: 768px) {
    .footer_social ul li a {
        font-size: 12px;
    }
}
@media only screen and (max-width: 360px) {
    .footer_social ul li a {
        font-size: 14px;
    }
}
@media only screen and (max-width: 320px) {
    .footer_social ul li a {
        font-size: 14px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}
.footer_social ul li a:hover {
    color: #fff;
}
.footer_facebook:hover {
    background: #5d82d1;
}
.footer_twitter:hover {
    background: #40bff5;
}
.footer_google:hover {
    background: #eb5e4c;
}
.footer_linkedin:hover {
    background: #238cc8;
}
.footer_youtube:hover {
    background: #cc181e;
}
.footer_skype:hover {
    background: #00aff0;
}
.footer_copyright {
    color: #fff;
    margin: 0;
    padding-top: 10px;
    font-size: 14px;
}
@media only screen and (max-width: 480px) {
    .footer_copyright {
        float: none !important;
        text-align: center;
    }
}