@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Open+Sans:300,400,600,700,800');
html,
body {
    height: 100%;
    margin: 0;
    margin: 0;
    padding: 0;
}
body {
    color: #464646;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}
p{font-size:15px; line-height:28px; color:#666;}
.p-text{font-size:16px; line-height:28px; color:#666;}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}
.alignright {
    float: r ight;
    margin-left: 15px;
    margin-bottom: 15px
}
.aligncenter {
    display: block;
    margin: 0 auto 15px
}
a:focus {
    outline: 0px solid;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
.fix {
    overflow: hidden
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 600;
    padding: 0;
}
h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #464646;
}
a:hover {
    text-decoration: none;
    color: #51a8b1;
}
a:active,
a:hover {
    outline: 0 none;
    text-decoration: none;
}
ul {
    margin: 0px;
    padding: 0px;
}
ul,
ol,
li {
    list-style: outside none none;
    font-weight: 500;
    font-size: 14px;
}
ul > li > a {
    color: #464646;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.pd0 {
    padding: 0px;
}
.clear {
    clear: both
}
/*====================
HEADER TOP CSS
======================*/

.header_top {
    background: #666666 none repeat scroll 0 0;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
    padding: 9px 0 11px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.header_top p {
    margin-bottom: 0;
}
.header_top p span,
.header_top p a {
    color: #fff;
    margin-right: 17px;
}
.header_top p span i,
.header_top p a i {
    color: #51a8b1;
    font-size: 16px;
    margin-right: 10px;
}
.header_top p a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    color: #666666;
}
.wellcome {
  margin-left: 69px;
}
.header_top ul.social-icons {
    margin: 0;
    padding: 0;
    text-align: right;
}
.header_top ul.social-icons li {
    display: inline-block;
    margin-left: 9px;
}
.header_top ul.social-icons li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-left: 5px;
}
.social-icons li a:hover {
    color: #51a8b1;
}
/*===============
HEADER TOP HOME-2
================*/

.home_2 .social-icons li a:hover {
    color: #089E9D;
}
.home_2.header_top p span i,
.home_2.header_top p a i {
    color: #089E9D;
}
/*============
HEADER NAV CSS
=============*/

.nav_areas {
    z-index: 9999999;
}
.nav_area {
    background: #fff none repeat scroll 0 0;
    padding: 18px 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.logo {display:block!important;} .logo a {} .logo img {
    -webkit-transition: .3s;
    transition: .3s;
}
.menu {} .menu ul {
    margin: 20px 0 5px;
    text-align: right;
}
.menu ul li {
    display: inline;
    position: relative;
    padding-bottom: 20px;
}
.menu ul li.active a {
    color: #51a8b1;
}
.menu ul li a {
    display: inline-block;
    font-weight: 400; font-size:16px; letter-spacing:1px;
    padding: 5px 16px 6px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #464646;
}
.menu ul li:last-child a {
    padding-right: 0px;
}
.menu ul li a:hover {
    color: #51a8b1;
}
.menu .current > a {
    color: #51a8b1;
}
.bgcolor_stick {} .postfix {
    background: #fff;
}
.prefix {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0px 1px 5px #ddd;
}
/*==============
 NAV SUBMENU CSS
===============*/

.sub-menu {
    background-color: #51a8b1;
    left: 17px;
    line-height: normal;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 150%;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    visibility: hidden;
    z-index: 99999;
    -webkit-transform: scale(0);
            transform: scale(0);
}
.menu > ul > li > .sub-menu {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 10px;
    text-align: left;
    visibility: hidden;
    width: 280px; line-height:25px;
    border-top: 1px solid #51a8b1;
}
.menu > ul > li > .sub-menu li a {
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 10px 0px;
    text-transform: capitalize; border-bottom:1px dashed #ccc;
}
.border-bottom{border-bottom:none!important;}
.menu > ul > li > .sub-menu li:hover a {
    color: #fff; opacity:0.6;
}
.menu ul li:hover .sub-menu {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
}
/*=====================
HEADER NAV  HOME-2
======================*/

.home-2 .menu ul li.active a {
    color: #089E9D;
}
.home_2 .menu ul li a:hover {
    color: #089E9D;
}
.home_2 .menu .current > a {
    color: #089E9D;
}
.home_2 .menu > ul > li > .sub-menu {
    border-top: 1px solid #089e9d;
}
.home_2 .menu > ul > li > .sub-menu li:hover a {
    color: #089E9D;
}
/*===============
SLIDER AREA CSS
=================*/

.pd0 {
    padding: 0px;
}
.main-slider-area {
    overflow: hidden;
    display: block;
    position: relative;
}
.slider-image {} .nivo-caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slider-caption-1 {} .slide1-text {
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}
.margin_left {
    margin-left: 100px;
}
.cap-title {} .slide2-text {} .cap-title h2 {
    margin-bottom: 2px;
}
.cap-title h2 span {
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    vertical-align: top;
}
.cap-title h3 {
    margin-bottom: 8px;
}
.cap-title h3 span {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    text-transform: uppercase; line-height:70px;
    z-index: 2;
}
.cap-title h3 span strong {
    color: #51a8b1;
}
.ctitle1 {margin:20px 0 30px;}
.cap-title.ctitle1 h3 {} .cap-dec {
    margin-bottom: 21px;
}
.cap-dec p {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin: auto;
    padding-bottom: 32px;
    padding-top: 5px;
    width: 65%;
}
.testi_thumb {
    float: none!important;
    padding: 0 0 15px;
    width: 100%!important;
}
i.nivo-prev-icon,
i.nivo-next-icon {
    font-size: 25px;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
    margin-left: 30px;
    margin-right: 30px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
i.nivo-prev-icon:hover,
i.nivo-next-icon:hover {
    border: 1px solid #e67c8e;
    color: #e67c8e;
}
i.nivo-prev-icon {} i.nivo-next-icon {} .slider:hover i.nivo-prev-icon,
.slider:hover i.nivo-next-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* controlNav dot */

.nivo-controlNav {
    text-align: center;
    padding: 15px 0;
    position: absolute;
    left: 49%;
    top: auto;
    z-index: 999;
    bottom: 20px;
}

.nivo-controlNav a {
    background-color: #51a8b1;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    line-height: 30px;
    margin: 5px;
    text-indent: -999999px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 35px;
    z-index: 9;
}
.home_2 .nivo-controlNav a {
    background-color: #089E9D;
    border: 2px solid transparent;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
    background: transparent none repeat scroll 0 0;
    border-color: #fff;
}
.slider-progress.pos_hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.cap-readmore {} .smore {
    color: #797979;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 2px;
    line-height: 30px;
    vertical-align: top;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 400;
}
.smore a {
    border: 1px solid #ccc;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-right: 10px;
    padding: 12px 35px;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    position: relative;
    z-index: 9999;
}
a.actice-button {
    background: #51a8b1;
    border-color: #51a8b1;
}
.smore a:hover {
    color: #fff;
    border-color: #51a8b1;
}
a.actice-button:hover {
    background: transparent;
    border-color: #fff;
}
.smore a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.smore a:hover:before {
    width: 100%;
}
/*=====================
SLIDER AREA HOME-2
======================*/

.home_2 .cap-title h3 {
    margin-bottom: 45px;
}
.home_2 .cap-title h3 span strong {
    color: #089E9D;
}
.home_2 .cap-title h3 span {
    font-size: 70px;
}
.home_2 a.actice-button {
    background: #089E9D;
    border-color: #089E9D;
}
.home_2 .smore a:hover {
    color: #fff;
    background: #089E9D;
    border-color: #089E9D;
}
.home_2 .smore a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #089E9D;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.home_2 .smore a:hover:before {
    width: 100%;
}
/*=====================
SECTION TITLE CSS
======================*/

.section_title {
    padding-bottom: 47px;
    text-align: center;
}
.section_title h2 {
    padding-bottom: 10px;
    text-transform: uppercase;
}
.section_title h2 span {
    color: #51a8b1;
}
.home_2 .section_title h2 span {
    color: #089E9D;
}
.section_title > p {
    margin: 10px 0 0;
}
/*=====================
FEATURE AREA CSS
======================*/

.feature_area {
    padding: 83px 0 60px;
}
.single_feature {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 40px 10px 40px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single_feature:hover {
    background: #51a8b1;
}
.feature_icon i {
    border-radius: 0 15px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    height: 60px;
    line-height: 58px;
    width: 60px;
    -webkit-transition: .3s;
    transition: .3s;
    background: #51a8b1;
}
.feature_content h3 {
    padding: 27px 0 10px; color:#333; font-weight:400;
    text-transform: uppercase; line-height:26px; font-size:15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; margin-bottom:15px;
}
.feature_content p {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.feature_content a {font-size:15px; color:#333;  border:1px solid #51a8b1; padding:7px 12px;}
.single_feature:hover .feature_icon i {
    color: #51a8b1;
    background: #fff;
}
.single_feature:hover .feature_content a {color:#fff;  border:1px solid #fff;}
.single_feature:hover .feature_content h3 {
    color: #fff;
}
.single_feature:hover .feature_content p {
    color: #fff;
}
/*=====================
FEATURE AREA HOME_2
======================*/

.home_2 .feature_icon i {
    color: #fff;
    height: 80px;
    line-height: 78px;
    width: 80px;
    background: #089E9D;
}
.home_2 .single_feature:hover .feature_icon i {
    border-radius: 50%;
}
.home_2 .single_feature:hover {
    background: transparent;
    box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
}
.home_2 .single_feature:hover .feature_icon i {
    color: #fff;
    background: #089E9D;
}
.home_2 .single_feature:hover .feature_content h3 {
    color: #089E9D;
}
.home_2 .single_feature:hover .feature_content p {
    color: #464646;
}
/*=====================
FEATURE VIDEO CSS
======================*/

.vedeo_gallary {
    padding-top: 2px;
    position: relative;
    z-index: 999;
    overflow: hidden;
}
.venobox img {
    display: block;
    height: 563px;
    width: 100%;
}
.venobox_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 40px;
    z-index: 999;
}
.venobox_icon i {
    border: 5px solid #fff;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    line-height: 80px;
    text-align: center;
}
/*=====================
ABOUT AREA CSS
======================*/

.testi_title > h3 {
    color: #fff; text-align:left;
    font-size: 36px;
    margin-bottom:30px;
}
.about_history p{color:#f0f0f0!important;}
.about_area {
    background: rgba(0, 0, 0, 0) url("img/background.jpg") repeat;
    padding: 84px 0 78px;
    position: relative;
    z-index: 999;
}

.about_area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    content: "";
    z-index: -1;
}
.single_about.about_area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 83px 0 76px;
}
.about_area2 {
    background: rgba(0, 0, 0, 0) url("img/background1.jpg") repeat;
    padding: 84px 0 55px;
    position: relative;
    z-index: 999;
}

.about_area2:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(240, 240, 240, .92);
    content: "";
    z-index: -1;
}
.about_area1 {
    background:#f9f9f9;
    padding: 84px 0 78px;
    position: relative;
    z-index: 999;
}
.about_history1 p {
    color: #666;
}
.about_history1 > h3, .skill_area h3 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.about_history1 > h3 span, .skill_area h3 span {
    color: #51a8b1;
}
/*=====================
SKILL ITEM CSS
======================*/

.skill-wrapper {
    padding-right: 70px;
}
.our_skill h5 {
    font-size: 14px;  color: #f0f0f0;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress_text h3 {
    margin-bottom: 10px;
}
.progress {
    background-color: #ddd;
    box-shadow: none;
    height: 8px;
    margin-bottom: 38px;
    overflow: visible;
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 10px;
    color: #fff;
    text-align: right;
    background-color: #51a8b1;
    box-shadow: none;
}
.ttop {
    color: #f0f0f0;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-align: center;
    top: -19px;
}
/*=====================
COMPANY HISTORY ITEM CSS
======================*/

.about_history > h3,
.skill_area h3 {
    font-size: 34px;
    font-weight: 600; margin-bottom:30px;
    text-transform: uppercase;
}
.about_history > h3 span,
.skill_area h3 span {
    color: #51a8b1;
}
.skill_area h4,
.about_history h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 11px 0 47px;
}
.about_social {
    margin-top: 32px;
}
.about_pra_2 {
    margin-top: 24px;
}
.read_more_btn {
    padding-top: 20px;
}
.read_more_btn a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #51a8b1;
    color: #51a8b1;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    padding: 9px 35px;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    position: relative;
    z-index: 9999;
}
.read_more_btn a:hover {
    color: #fff;
}
.read_more_btn a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.read_more_btn a:hover:before {
    width: 100%;
}
/*=====================
ABOUT AREA HOME_2
======================*/

.home_2 .about_history > h3 span,
.home_2 .skill_area h3 span {
    color: #089e9d;
}
.home_2 .progress-bar {
    background-color: #089e9d;
}
.home_2 .read_more_btn a {
    border: 1px solid #089e9d;
    color: #089e9d;
}
.home_2 .read_more_btn a:hover {
    color: #fff;
}
.home_2 .read_more_btn a:before {
    background: #089E9D;
}
.home_2 .read_more_btn a:hover:before {
    width: 100%;
}
.our_mission_vission {
    padding-top: 46px;
}
.our_mission_vission .about_history > h3,
.our_mission_vission .skill_area h3 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 20px;
    text-transform: uppercase;
}
/*=====================
SERVICE AREA CSS
======================*/

.service_area {
    padding: 83px 0 60px;
}
.single_service {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 50px 25px 36px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single_service:hover {
    box-shadow: 0 2px 14px rgba(3, 169, 244, .3);
}
.service_icon i {
    border-radius: 0 15px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    height: 60px;
    line-height: 58px;
    width: 60px;
    -webkit-transition: .5s;
    transition: .5s;
    background: #51a8b1;
    transition: .5s;
}
.service_content h3 {
   font-weight: 400; margin-bottom:5px;
    line-height: 28px;
    padding: 27px 0 10px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.single_service:hover .service_content h3 {
    color: #51a8b1;
}
/*=====================
SERVICE AREA CSS HOME-2
======================*/

.home_2 .service_icon i {
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #089e9d;
    -webkit-transition: .7s;
    transition: .7s;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.home_2 .single_service:hover .service_icon i {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    border-radius: 15px;
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home_2 .single_service:hover .service_content h3 {
    color: #089e9d;
}
/*=================
PORTFOLIO AREA CSS
===================*/

.portfolio_area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 83px 0 54px;
}
/*================
PORTFOLIO NAV CSS
==================*/

.portfolio_nav {
    margin-bottom: 50px;
    margin-top: -6px;
    text-align: center;
}
.portfolio_nav ul {} .portfolio_nav ul li {
    list-style: none;
    display: inline;
}
.portfolio_nav ul li {
    border: 1px solid #ddd;
    border-radius: 0 20px 0 0;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 0 8px;
    padding: 7px 14px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.portfolio_nav ul li.current_menu_item,
.portfolio_nav ul li:hover {
    color: #fff;
    border-color: #51a8b1;
    background-color: #51a8b1;
}
.home_2 .portfolio_nav ul li.current_menu_item,
.home_2 .portfolio_nav ul li:hover {
    color: #fff;
    border-color: #089e9d;
    background-color: #089e9d;
}
.home_2 .portfolio_nav ul li:hover {
    border-radius: 5px;
}
/*====================
SINGLE PORTFOLIO CSS
======================*/

.single_portfolio {
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
}
.single_portfolio_thumb a {
    position: relative;
    display: block;
}
.single_portfolio_thumb a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .3s;
    transition: .3s;
}
.single_portfolio:hover .single_portfolio_thumb a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single_portfolio_thumb {
    overflow: hidden;
    position: relative;
}
.single_portfolio_thumb img {
    display: block;
    
}
.portfolio_icon {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: 999;
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.single_portfolio:hover .portfolio_icon {
    top: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.portfolio_icon i {
    display: inline-block;
    text-align: center;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 36px;
    font-weight: 400;
}
/*=====================
PORTFOLIO AREA STYLE2
======================*/

.style2 .portfolio_content {
    background: rgba(8, 158, 157, .6) none repeat scroll 0 0;
    display: block;
    height: 101%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0 19px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.style2 .portfolio_content_hover {
    left: 0;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.style2 .single_portfolio_thumb img {
    display: block;
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.style2 .portfolio_info {
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
            transform: scale(1);
}
.style2 .portfolio_info h3 a {
    color: #fff;
    padding: 17px 0 5px;
}
.style2 .portfolio_info span {
    font-size: 16px;
    color: #fff;
    display: inline-block;
}
.style2 .portfolio_social {} .style2 .portfolio_social_icon {
    padding-top: 12px;
    text-align: center;
}
.style2 .portfolio_social_icon a {
    display: inline-block;
    margin: 0px 2px;
}
.style2 .portfolio_social_icon a {
    background: #fff none repeat scroll 0 0;
    border-radius: 0 15px 0 0;
    color: #089e9d;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 45px;
    line-height: 45px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 45px;
}
.style2 .portfolio_social_icon a:hover {
    border-radius: 50%;
}
.style2 .single_portfolio:hover .portfolio_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.style2 .single_portfolio:hover .single_portfolio_thumb a:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.style2 .single_portfolio:hover .single_portfolio_thumb img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.style2 .single_portfolio:hover .portfolio_info {
    -webkit-transform: scale(.9);
            transform: scale(.9);
}
/*=====================
TEAM AREA CSS
======================*/

.team_area {
    padding: 84px 0 90px;
}
.single_team {
    text-align: center;
    overflow: hidden;
}
.team_thumb {
    position: relative;
}
.team_thumb img {} .team_content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0 19px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team_content_hover {
    left: 0;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.team_info {
    text-align: center;
}
.team_info h3 {
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 3px;
    text-transform: capitalize;
    color: #fff;
}
.team_info span {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}
.team_info p {
    margin-top: 12px;
}
.team_social {} .team_social_icon {
    padding-top: 12px;
    text-align: center;
}
.team_social_icon a {
    display: inline-block;
    margin: 0 8px;
}
.team_social_icon a i {
    background: #51a8b1 none repeat scroll 0 0;
    border: 1px solid #51a8b1;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 30px;
    line-height: 28px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.team_social_icon a i:hover {
    background: transparent;
    border-color: #51a8b1;
    color: #51a8b1;
}
.single_team:hover .team_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
            transform: scale(1);
}
/*=====================
TEAM  AREA CSS HOME-2
======================*/

.home_2 .team_content {
    background: #089e9d none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0 19px;
    position: absolute;
    text-align: center;
    top: -350px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.home_2 .single_team:hover .team_content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 0;
}
.home_2 .team_social_icon a i {
    border: 1px solid #fff;
    color: #089e9d;
    -webkit-transition: .5s;
    transition: .5s;
    background: #fff none repeat scroll 0 0;
}
.home_2 .team_social_icon a i:hover {
    background: #fff;
    border-color: #fff;
    color: #089e9d;
}
/*=====================
PRICING AREA CSS
======================*/

.pricing_area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 84px 0 89px;
}
.single_pricing {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    -webkit-transition: .5s;
    transition: .5s;
}
.single_pricing:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid transparent;
}
.pricing_head {
    background: #00dbaa none repeat scroll 0 0;
    padding-bottom: 55px;
    position: relative;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
}
.head_titile {
    padding: 24px 0 21px;
}
.head_titile > h2 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 2px;
    text-transform: uppercase;
    color: #fff;
}
.head_titile span {
    color: #fff;
}
.tk {
    display: inline-block;
    font-size: 50px;
    font-weight: 400;
    color: #fff;
}
.curency {
    color: #fff;
    font-size: 24px;
    display: inline-block;
}
.month {
    color: #fff;
    font-size: 18px;
    margin-left: -4px;
}
.arrow {
    color: #fff;
    font-size: 24px;
    margin: 0;
    padding: 0;
}
.head_icon {
    background: #00dbaa none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 5px;
    bottom: -35px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.28);
    height: 69px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    width: 69px;
    -webkit-transition: .5s;
    transition: .5s;
}
.icon_inner {
    border: 2px solid #fff;
    border-radius: 5px;
    height: 59px;
    margin-left: 3px;
    margin-top: 3px;
    padding-top: 11px;
    text-align: center;
    width: 59px;
}
.icon_inner i {
    color: #fff;
    font-size: 36px;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
.pricing_body {
    text-align: center;
}
.pricing_body > ul {
    padding: 62px 0 20px;
}
.pricing_body li {
    font-size: 16px;
    padding: 7px 0;
}
.pricing_bottom {
    padding-top: 6px;
    text-align: center;
}
.pricing_btn {
    background:transparent;
    color: #51a8b1; border:1px solid #51a8b1;
    display: inline-block;
    font-size: 16px;
    padding: 10px 30px;
    -webkit-transition: .5s;
    transition: .5s;
}
.pricing_btn:hover {
    color: #fff; background: #51a8b1 none repeat scroll 0 0;
}
.active .pricing_head {
    background: #51a8b1 none repeat scroll 0 0;
}
.active .head_icon {
    background: #51a8b1 none repeat scroll 0 0;
}
.active .pricing_btn {
    background: #51a8b1 none repeat scroll 0 0;
}
.single_pricing:hover .pricing_head,
.single_pricing:hover .head_icon,
.single_pricing:hover .pricing_btn {
    background: #51a8b1 none repeat scroll 0 0;
}
/*=====================
PRICING  AREA HOME-2
======================*/

.home_2 .active .pricing_head {
    background: #089e9d none repeat scroll 0 0;
}
.home_2 .active .head_icon {
    background: #089e9d none repeat scroll 0 0;
}
.home_2 .active .pricing_btn {
    background: #089e9d none repeat scroll 0 0;
}
.home_2 .single_pricing:hover .pricing_head,
.home_2 .single_pricing:hover .head_icon,
.home_2 .single_pricing:hover .pricing_btn {
    background: #089e9d none repeat scroll 0 0;
}
.home_2 .single_pricing:hover .pricing_btn {
    color: #fff;
}
/*=====================
TESTIMONIAL  AREA CSS
======================*/

.testimonial_area {
    
    padding: 65px 0;
    position: relative;
    z-index: 999;
}
.testimonial_area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#f7f7f7;
    content: "";
    z-index: -1;
}
.single_testi {
    text-align: center;
}
.testi_title {
    text-align: center;
}
.testi_title > h6 {
    color: #fff;
    font-size: 36px;
    text-transform: ca;
}
.testi_title > h6 span {
    color: #51a8b1;
}
.testi_thumb {
    float: left;
    
    padding: 0 0 15px; width:10%;
}
.testi_content{width:90%; float:right}
.testi_content > h3 {
   
    font-size: 24px;
    font-weight: 300; color:#51a8b1;
    text-transform: capitalize;
}
.testi_content > p {
   
    display: inline-block;
    padding: 14px 0 3px;
   
}
.testi_content ul li {
    display: inline-block;
    margin: 0 3px;
}
.testi_content ul li i {
    color: #51a8b1;
    font-size: 16px;
}
/*======================
TESTIMONIAL  AREA HOME-2
=======================*/

.home_2 .testi_content ul li i {
    color: #089e9d;
}
.home_2 .testi_title > h3 span {
    color: #089e9d;
}
.home_2 .testi_title > h6 span {
    color: #089e9d;
}
/*====================================
TESTIMONIAL AREA OWL CURSOLE STYLE CSS 
=====================================*/

.cursole-style-testi.owl-theme .owl-controls .owl-buttons div {
    background: #51a8b1 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    left: -10px;
    line-height: 38px;
    margin: 5px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 40px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cursole-style-testi.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -10px;
}
.cursole-style-testi:hover .owl-controls .owl-buttons div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/* button icon */

.owl-theme .owl-controls .owl-page {
    display: inline-block;
   
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 5px;
    filter: Alpha(Opacity=50);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    border-radius: 5px;
    background: #51a8b1;
    padding: 5px 15px;
    border: 1px solid #51a8b1;
}
.owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: transparent;
    border: 1px solid #51a8b1;
}
.home_2 .owl-theme .owl-controls .owl-page span {
    background: #089e9d;
    padding: 5px 15px;
    border: 1px solid #089e9d;
}
.home_2 .owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: transparent;
    border: 1px solid #089e9d;
}
/*=====================
BLOG  AREA CSS
======================*/

.blog_area {
    padding: 83px 0 60px;
}
.blog_area.blog_index {
    padding: 90px 0;
}
.single_blog {
    background: #f9f9f9 none repeat scroll 0 0;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single_blog:hover {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1);
}
.blog_thumb {
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.blog_thumb img {} .blog_thumb a {
    position: relative;
    display: block;
}
.blog_thumb a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    transition: .5s;
}
.single_blog:hover .blog_thumb a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.blog_content {
    border-bottom: 1px solid #ddd;
    padding: 32px 10px 31px 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single_blog:hover .blog_content {
    border-bottom: 1px solid transparent;
}
.blog_post_meta {
    padding: 13px 0 12px;
}
.blog_post_meta span {
    margin-right: 27px;
}
.blog_post_meta span i {
    margin-right: 10px;
    font-size: 16px;
}
.blog_readmore {
    padding-top: 11px;
    z-index: 9999999;
}
.blog_readmore > a {
    border: 1px solid #51a8b1;
    display: inline-block;
    font-size: 16px;
    padding: 9px 29px;
    color: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 9999;
}
.blog_readmore > a:hover {
    color: #fff;
}
.blog_readmore a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.blog_readmore a:hover:before {
    width: 100%;
}
/*=====================
BLOG AREA HOME-2
======================*/

.home_2 .blog_readmore > a {
    border: 1px solid #089e9d;
    color: #089e9d;
    -webkit-transition: .5s;
    transition: .5s;
}
.home_2 .blog_readmore a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #089e9d;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.home_2 .blog_readmore a:hover:before {
    width: 100%;
}
.home_2 .content_title h3 a:hover {
    color: #089e9d;
}
.home_2 .blog_readmore > a:hover {
    color: #fff;
}
/*=====================
GOOGLE MAP  AREA CSS
======================*/

#googleMap {
    height: 500px;
}
/*=====================
CONTACT AREA CSS
======================*/

.contact_area {
    padding: 83px 0 50px;
}
.input_boxes > input,
.input_boxes > textarea {
    border: 1px solid #ddd;
    height: 45px;
    margin-bottom: 40px;
    padding-left: 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.input_boxes > textarea {
    height: 215px;
    padding-top: 5px;
}
.input_boxes > textarea:focus,
.input_boxes > input:focus {
    border: 1px solid #51a8b1;
    outline: none;
}
.message_form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #51a8b1;
    display: inline-block;
    font-size: 18px;
    margin: -3px 0 0;
    padding: 9px 30px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 999;
    border: 1px solid #51a8b1;
}
.message_form button:hover {
    color: #fff;
}
.message_form button:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.message_form button:hover:before {
    width: 100%;
}
/*=====================
CONTACT  AREA CSS HOME-2
======================*/

.home_2 .input_boxes > textarea:focus,
.home_2 .input_boxes > input:focus {
    border: 1px solid #089e9d;
    outline: none;
}
.home_2 .message_form button {
    border: 0 none;
    color: #fff;
}
.home_2 .message_form button {
    color: #089e9d;
    border: 1px solid #089e9d;
}
.home_2 .message_form button:hover {
    color: #fff;
}
.home_2 .message_form button:before {
    background: #089e9d;
}
.home_2 .message_form button:hover:before {
    width: 100%;
}
/*=====================
FOOTER  AREA CSS
======================*/

.footer_area {
    background: #333333 none repeat scroll 0 0;
    padding: 55px 0 5px;
    text-align: center;
}
.copyright {font-size:14px!important; color:#f7f7f7}
.footer_title > h5 {
    color: #51a8b1;
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
}
.footer_content > p {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 25px 0 30px;
    width: 75%;
}
.footer_social li {
    display: inline-block;
}
.footer_social a {
    border: 1px solid #51a8b1;
    color: #51a8b1;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 33px;
    margin: 0 11px;
    width: 35px;
    -webkit-transition: .5s;
    transition: .5s;
}
.footer_social a:hover {
    border: 1px solid #51a8b1;
    color: #fff;
    background: #51a8b1;
}
/*=====================
FOOTER  AREA CSS
======================*/

.home_2 .footer_title > h5 {
    color: #089e9d;
    font-size: 36px;
    font-weight: 600;
    text-transform: capitalize;
}
.home_2 .footer_social a {
    border: 1px solid #089e9d;
    color: #089e9d;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 33px;
    margin: 0 11px;
    width: 35px;
    -webkit-transition: .5s;
    transition: .5s;
}
.home_2 .footer_social a:hover {
    border: 1px solid #089e9d;
    color: #fff;
    background: #089e9d;
}
/*==============
COUNTER AREA CSS
================*/

.counter-area {
    background: rgba(0, 0, 0, 0) url("img/counter/counter2.jpg") repeat fixed 0 0 / cover;
    max-width: 100%;
    padding: 89px 0 83px;
    position: relative;
    width: 100%;
}
.counter-area:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
}
.single-counter {} .counter-icon {
    margin-bottom: 7px;
    text-align: center;
}
.counter-icon i {
    color: #51a8b1;
    font-size: 36px;
    text-align: center;
}
.counter-text {
    text-align: center;
}
.counter-text span {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}
.counter-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-top: 6px;
    text-transform: capitalize;
}
/*====================
BREADCRUMB AREA CSS
======================*/
.about-banner {
    background: rgba(0, 0, 0, 0) url("img/slider/about-banner.jpg") repeat scroll center center / cover;
    padding: 0 0 70px;
    position: relative;
}
.IT-infrastructure-management-banner {
    background: rgba(0, 0, 0, 0) url("img/slider/IT-infrastructure-management-banner.jpg") repeat scroll center center / cover;
    padding: 0 0 70px;
    position: relative;
}
.training-banner {
    background: rgba(0, 0, 0, 0) url("img/slider/training-banner.jpg") repeat scroll center center / cover;
    padding: 0 0 70px;
    position: relative;
}
.project_brd_area {
    
    padding: 0 0 70px;
    position: relative;
}
.brd_header {
    padding-bottom: 144px;
    padding-top: 27px;
}
.brd_logo > h5 a {
    color: #51a8b1;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}
.brd_menu {
    padding-top: 8px;
    text-align: right;
}
.brd_menu > a {
    color: #fff;
    display: block;
    -webkit-transition: .5s;
    transition: .5s;
}
.brd_menu > a:hover {
    color: #51a8b1;
}
.brd_menu a i {
    color: #51a8b1;
    margin-right: 5px;
}
.brid_tittle {
    text-align: center; margin-top:80px;
}
.brid_tittle h2 {
    color: #fff;
    font-size: 32px; letter-spacing:1px;
    font-weight: 300;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.brid_tittle ul {} .brid_tittle ul li {
    display: inline-block;
    position: relative;
}
.brid_tittle ul li:before {
    color: #fff;
    content: "/";
    font-size: 20px;
    position: absolute;
    right: -6px;
    top: -1px;
}
.brid_tittle ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
}
.brid_tittle ul li:last-child:before {
    content: "";
}
/*=====================
PORTFOLIO DETAILS  CSS
======================*/

.portfolio_detials_area {
    padding: 90px 0 60px;
}
.desc_title span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 27px;
}
.desc_title h3 {
    font-size: 26px;
    font-weight: 700;
    padding: 16px 0 9px;
    text-transform: capitalize;
}
.project_schedule {
    padding-top: 10px;
}
.port_social {
    text-align: center;
}
.port_social ul li {
    display: inline-block;
}
.port_social ul li a {
    border: 1px solid #51a8b1;
    color: #51a8b1;
    display: inline-block;
    font-size: 16px;
    height: 35px;
    line-height: 33px;
    margin-left: 0;
    margin-right: 13px;
    text-align: center;
    width: 35px;
    -webkit-transition: .5s;
    transition: .5s;
}
.port_social ul li a:hover {
    border: 1px solid #51a8b1;
    color: #fff;
    background: #51a8b1;
}
.project_schedule ul li {
    display: inline-block;
    margin-right: 7px;
}
.project_schedule > ul {
    padding: 8px 0 18px;
}
.project_schedule ul li strong {
    margin-right: 3px;
    font-weight: 400;
    position: relative;
}
.project_schedule li strong:before {
    background: #464646 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 97%;
}
.project_schedule ul li span {
    text-transform: capitalize;
    font-weight: 400;
}
.prv_next_btn {
    padding-top: 20px;
}
.prv_btn > a,
.next_btn > a {
    border: 1px solid #51a8b1;
    color: #51a8b1;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 25px;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 999;
}
.prv_btn a:before,
.next_btn a:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #51a8b1;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}
.prv_btn a:hover:before,
.next_btn a:hover:before {
    width: 100%;
}
.prv_btn a:hover,
.next_btn a:hover {
    color: #fff;
}
.next_btn {
    text-align: right;
}
.rltd_pro_title h3 {
    font-size: 26px;
    font-weight: 700;
    padding: 86px 0 30px;
    text-transform: capitalize;
}
/*====================
PAGINATION CSS
======================*/

.paginations {
    text-align: center;
    margin-top: 20px;
}
.paginations a {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 33px;
    margin: auto 3px;
    width: 35px;
    -webkit-transition: .5s;
    transition: .5s;
}
.paginations a:hover,
.paginations a.current {
    background: #51a8b1;
    border-color: #51a8b1;
    color: #fff;
}
/*==========================
BLOG AUDIO & VIDEO CSS
===========================*/

.single_blog.audio .embed-responsive-16by9 {
    padding-bottom: 14.25%;
}
.single_blog.video .embed-responsive-16by9 {
    padding-bottom: 76%;
}
.iframe_audio {
    bottom: 30px;
    height: auto;
    left: 14px;
    position: absolute;
    width: 370px;
    z-index: 999;
}
.video_audio .blog_thumb {
    display: block;
    float: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.video_audio .iframe_audio {
    bottom: 280px;
    height: auto;
    left: 14px;
    position: absolute;
    width: 96.5%;
    z-index: 999;
}
/*====================
BLOG DETAILS AREA CSS
======================*/

.blog_details_area {
    padding: 90px 0;
}
.blg_dtl_ttl > h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 27px 0 8px;
    text-transform: uppercase;
}
.blog_details .post_meta {
    margin-bottom: 15px;
}
.blog_details .post_meta span {
    font-size: 12px;
    font-weight: 400;
    padding-right: 15px;
    text-transform: uppercase;
}
.post_meta span {
    position: relative;
}
.post_meta span:before {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 10px;
    position: absolute;
    right: 5px;
    top: 4px;
    width: 1px;
}
.post_meta span:last-child:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.blog_content_inner {
    background: #f9f9f9 none repeat scroll 0 0;
    margin: 38px 50px 30px;
    overflow: hidden;
    padding: 23px 30px 25px;
}
.blog_content_inner > span {
    display: inline-block;
    float: right;
    position: relative;
}
.blog_content_inner > span:before {
    background: #464646 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -46px;
    position: absolute;
    top: 12px;
    width: 35px;
}
.blog_social_icon {
    margin-top: 36px;
    position: relative;
    text-align: center;
}
.blog_social_icon:before {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -5px;
    position: absolute;
    top: 17px;
    width: 237px;
}
.blog_social_icon:after {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    right: -5px;
    position: absolute;
    top: 17px;
    width: 237px;
}
.blog_social_icon a {
    border: 1px solid #51a8b1;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 35px;
    color: #51a8b1;
}
.blog_social_icon a:hover {
    color: #fff;
    background: #51a8b1;
}
.blg_dtl_thumb img {
    width: 100%;
}
/*====================
BLOG COMMETNST  CSS
======================*/

.blog_comments_section {
    margin-bottom: 33px;
    margin-top: 55px;
}
.comments_ttl > h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
.comments_ttl {
    margin-bottom: 37px;
}
.comments_ttl > h3:before {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 131px;
    position: absolute;
    top: 10px;
    width: 30px;
}
.comments_thumb {
    float: left;
    margin-right: 20px;
    overflow: hidden;
}
.commentst_content {
    overflow: hidden;
}
.blog_comments_section .post_meta {
    margin-bottom: 6px;
}
.blog_comments_section .post_meta span {
    font-size: 12px;
    font-weight: 400;
    padding-right: 15px;
    text-transform: uppercase;
}
.blog_comments_section .post_meta span:last-child:before {
    display: none;
}
.commentst_meta_reply {
    float: right;
}
.commentst_meta_reply i {
    margin-right: 10px;
}
.commentst_meta_reply:hover {
    color: #51a8b1;
}
.single_commentst_inner {
    margin-bottom: 44px;
    margin-top: 46px;
}
/*====================
BLOG REPLY  CSS
======================*/

.reply_ttl > h3 {
    font-size: 18px;
    position: relative;
}
.reply_ttl {
    margin-bottom: 36px;
}
.reply_ttl > h3:before {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 197px;
    position: absolute;
    top: 10px;
    width: 30px;
}
/*====================
SIDEBAR  AREA CSS
======================*/
/*=====================
SEARCH WIDGET
======================*/

.single_widget {
    margin-bottom: 37px;
}
.widget_title h3 {
    font-size: 18px;
    padding-bottom: 36px;
    position: relative;
    text-transform: uppercase;
}
.widget_title h3:before {
    background: #51a8b1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 26px;
    width: 30px;
}
/*=====================
SEARCH WIDGET
======================*/

.search_box {
    position: relative;
}
.search_box > input {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 40px;
    outline: 0 none;
    padding-left: 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.search_box input:focus {
    border: 1px solid #51a8b1;
}
.search_box > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
/*=====================
CATEGORY WIDGET
======================*/

.category_list a {
    display: block;
    font-size: 14px;
    padding: 16px 0 18px;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.category_list a:hover {
    color: #51a8b1;
}
.category_list li {
    border-bottom: 1px solid #ddd;
    position: relative;
    padding-left: 20px;
}
.category_list li:before {
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 16px;
}
.category_list li:first-child:before {
    top: 0;
}
.category_list li:first-child a {
    padding-top: 0;
}
.category_list span {
    float: right;
}
/*====================
RECENT POST WIDGET
======================*/

.recent-post {} .r-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}
.r-post-image {
    position: relative;
}
.r-post-image:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s;
    transition: .5s;
}
.r-post-image:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.r-post-image {
    margin-right: 20px;
    overflow: hidden;
    width: 32%;
}
.r-post-image img {
    width: 100%;
    display: block;
}
.r-post-content p.date {
    font-size: 12px;
    margin-bottom: 4px;
    text-transform: uppercase;
}
.r-post-content a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.r-post-content > p {
    margin-bottom: 0;
    padding-bottom: 0;
}
/*====================
TAG WIDGET CSS
======================*/

.tags {} .tags a {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-right: 16px;
    padding: 2px 12px;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.tags a:hover {
    border: 1px solid #51a8b1;
    background: #51a8b1;
    color: #fff;
}
.menu {} .nav_search {
    position: absolute;
    right: 0;
    top: 5px;
    text-align: right;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.sis {
    position: relative;
}
.search_form {
    position: absolute;
    right: 0;
    top: 61px;
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.search_icon {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}
.search_icon:hover .search_form {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.searchbox input {
    border: 0;
    border-top: 1px solid #51a8b1;
    height: 40px;
    padding-left: 10px;
}
/*====================
SCROLLUP CSS
======================*/

#scrollUp {
    background: #51a8b1 none repeat scroll 0 0;
    bottom: 30px;
    color: #fff;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 30px;
    text-align: center;
    width: 40px;
}
#scrollUp i {
    color: #fff;
}
.google_map_area.contact_single {

}
/*====================
CONTACT US AREA CSS
======================*/

.contact_area.contact_us {
    padding: 83px 0 75px;
}
.company_information {
    
}
.address {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 48px 15px 45px;
    text-align: center; height:295px;
}
.contact_icon i {
    color: #51a8b1;
    font-size: 45px;
}
.address_content h3 {
    padding: 13px 0 5px;
    text-transform: uppercase;
}
.address_content p {
    margin: 0;
}
.team_index .single_team {
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
}
.team_index .team_thumb img {
    display: block;
    width: 100%;
}
.vbox-overlay {
    z-index: 999999999;
}
.portfolio_area.column-padding0 .col-sm-6 {
    padding: 0px;
}
.portfolio_area.column-padding0 .single_portfolio {
    margin-bottom: 0px;
}
.text-thin{font-weight:300; color:#333!important;}
.font-size-25 {
    line-height:32px; font-size: 25px!important; font-weight:300!important; letter-spacing:1px;
}
.margin-bottom-70{margin-bottom:70px;}
.heading{font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 24px;
    margin-top: 25px;
    text-align: center;}
.list-style-one {
    position: relative;
}

.list-style-one li::before {
    color: #51a8b1;
    content: "\f00c";
    font-family: "FontAwesome";
    font-style: normal;
    left: -10px;
    position: absolute;
    top: 0;
}

.list-style-one li {
  font-weight:normal;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 13px;
    padding-left: 25px; color:#333;
    position: relative;
}
.inner-box {
    padding-left: 10px;
    position: relative;
}
.margin-top-20{margin-top:70px;}
.border-radius{border-radius:100%; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); padding:8px; width:65%;}

.effect::before, .effect::after {
   background: #777 none repeat scroll 0 0;
    bottom: 11px;
    box-shadow: 0 15px 10px #777;
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 10px;
    top: 80%;
    transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}

.effect {
    position: relative;
}
.effect1::before, .effect1::after {
   background: #777 none repeat scroll 0 0;
    bottom: 11px;
    box-shadow: 0 15px 10px #777;
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 21px;
    top: 80%;
    transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}

.effect1 {
    position: relative;
}
.box {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    
    width: 100%;
}
.big-icon{background: #51a8b1 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 41px;
    margin: 10px 0 15px;
    padding: 19px; box-shadow:0 2px 7px #777; width:80px; height:80px;}
	.big-icon1{background: #51a8b1 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    font-size: 30px; line-height:45px;
    margin: 65px 0 15px;
    padding: 19px; box-shadow:0 2px 7px #777; width:80px; height:80px;}
   
	.margin-top-15{margin-top:15px;}
	.margin-bottom-25{margin-bottom:25px;}
.border-top{border-bottom:1px dashed #e5e4e4; margin:20px 0 30px;}
.text-align-left{text-align:left;}
#contact-form{margin-top:70px;}
.padding-left-10{padding-left:10px;}
.margin-bottom-20{margin-bottom:20px;}
/* (1366x768) WXGA Display */