@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800);

/*-------------------------------------

    Template Name: Austom HTML5 Responsive Template 
    Template URI: http://radiustheme.com
    Description: This is html5 template
    Author: radiustheme
    Author URI: http://radiustheme.com
    Version: 1.0

---------------------------------------
    
    CSS INDEX
    ===================
  
    1. Theme Default CSS (body, link color, section  and font etc).
    2.Header Area Start Here
     2.1 Stiky Menu Styling
     2.2 Header Top Area
    3.Slider Bottom area start  here
    4.Home page About Us Area Section Start Here
    5.Home Page faq and tab Area Section Start Here
    6.Home Page Team Expert Section Area Start Here
    7.Home Page Testimonial Area Start Here
    8.Homepage Latest News area Start Here
    9.Get Free Consult Section Start Here
    10.Footer Start Here
    11.Home Page Styling Here
    12.Home 2 Slider Bottom area start  here
    13.Home 2 page About Us Area Section Start Here
    14.Home 2 Page Recent project Area Section Start Here
      14.1.Recent project Gallery Section Area Start Here
    15.Home page Two video area section start Here
    16.Home2 Core Feature area section start here
    17.Home2 Page Team Expert Section Area Start Here
    18.Homepage2 Latest News area Start Here
    19.Header Banner Area section Start Here
    20.About Page Inner Section Start Here
    21.Service Inner Section Start Here
    22.Single Service Inner Section Start Here
    23.Team Page Team Expert Section Area Start Here
    24.Single Team Page Section Area Start Here
    25.Main News Page start Here 
      25.1 Page Sidebar area Start Here
    26.Single News page start here 
    27.Main Contact Page Section Area start here
      27.1 Contact Form Page start Here
    28.404 Page Area Start Here
    29.Team Two page Design
    30.Home 3 Slider Bottom area start  here
    31.Home 3 page Add Section Start Here
    32.Home 3 About Us Section Start Here 
    33.Home3 Our Service Section Start Here
    34.Home3 Client testimonial Section Start Here
    35.Home3 Page Team Expert Section Area Start Here 
    36.About Page2 Inner Section Start Here
    37.Business Communication skill area start here
    38.About Page3 Inner Section Start Here
    39.About Page4 Inner Section Start Here
    40.Business Communication skill area2 start here
    41.Service 2 Inner Page Area Section Start here
    42.Partner Logo Area Styling
    43.Portfolio Section Area Start Here
    44.Portfolio2 Section Area Start Here
    45.Portfolio Four Section Area Start Here

   

---------------------------------------*/


/*-------------------------------------*/


/*  1.  Theme default CSS
/*-------------------------------------*/


/*-------------------------------------
 Base Color 
 --------------------------------------*/


/*-------------------------------------
 Font family 
 --------------------------------------*/

html,
body {
    height: 100%;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a:focus {
    outline: 0px solid;
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden;
}

p {
    margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 26px;
}

a {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #808080;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0 none;
    color: #808080;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #797979;
    vertical-align: baseline;
}

.acurate {
    margin: 0;
    padding: 0;
}

.padding-top {
    padding-top: 30px;
}

.padding-top1 {
    padding-top: 35px;
}

.padding-top2 {
    padding-top: 60px;
}

.padding-left {
    padding-left: 0;
}

.padding-right {
    padding-right: 0;
}

.section-styling-area {
    text-align: center;
    margin-bottom: 30px;
}

.section-styling-area h2 {
    color: #222222;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.section-styling-area p.icon-border {
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

.section-styling-area p.icon-border i {
    font-size: 25px;
    color: #2c2969;
}

.section-styling-area p.icon-border:before {
    background: #2c2969;
    content: "";
    height: 2px;
    margin: auto auto auto -75px;
    position: absolute;
    top: 10px;
    width: 50px;
}

.section-styling-area p.icon-border:after {
    background: #2c2969;
    content: "";
    height: 2px;
    margin: auto auto auto 25px;
    position: absolute;
    top: 10px;
    width: 50px;
}

.section-styling-area p.section-text {
    margin-bottom: 75px;
}


/*-------------------------------------
2.Header Area Start Here 
---------------------------------------*/

.mobile-menu-area {
    display: none;
}

.header-area {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
    left: 0;
    padding: 0px 0;
    position: absolute;
    right: 0;
    z-index: 9999;
    /* Main Menu Styling */
}

.header-area .logo-area {
    margin-top: 18px;
}

.header-area.stick .logo-area {
    margin-top: 12px;
}

.header-area .logo-area a {
    display: block;
}

.header-area .main-menu-area ul {
    text-align: center;
}

.header-area .main-menu-area ul li {
    display: inline-block;
    position: relative;
    /* Dropdown Menu area */
}

.header-area .main-menu-area ul li.current a {
    color: #2c2969 !important;
    display: block;
}

.header-area .main-menu-area ul li a {
    display: block;
    padding: 38px 25px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    transition: all 0.5s ease 0s;
	font-weight: 700;
	letter-spacing: 1px;
}

.header-area .main-menu-area ul li a:hover {
    color: #808080 !important;
}

.header-area .main-menu-area ul li ul {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    width: 150px;
    z-index: 99999;
    text-align: left;
}

.header-area .main-menu-area ul li ul li {
    display: block;
    border-bottom: 1px dashed #2c2969;
}

.header-area .main-menu-area ul li ul li:last-child {
    border-bottom: 0;
}

.header-area .main-menu-area ul li ul li a {
    display: block;
    padding: 10px 24px;
    text-transform: none;
    transition: all 0.5s ease 0s;
}

.header-area .main-menu-area ul li ul li a:hover {
    color: #2c2969;
}

.header-area .main-menu-area ul li ul.mega-menu-area {
    width: 600px;
    left: inherit;
    right: 0 !important;
}

.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu {
    width: 31%;
    float: left;
    border-bottom: 0;
    margin-right: 2%;
}

.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu a {
    display: block;
    border-bottom: 1px dotted #2c2969;
}

.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu a:last-child {
    border-bottom: 0;
}

.header-area .main-menu-area ul li:hover ul {
    opacity: 1;
    transform: scaleY(1);
}

.header-area .header-contact-area {
    padding: 10px 40px;
    position: relative;
}

.header-area .header-contact-area:before {
    background: #dadada none repeat scroll 0 0;
    content: "";
    display: block;
    height: 125px;
    left: 0;
    position: absolute;
    top: -30px;
    width: 1px;
}

.header-area .header-contact-area .image {
    float: left;
}

.header-area .header-contact-area .image a {
    display: block;
    font-size: 30px;
    margin-right: 20px;
    margin-top: 10px;
    transition: all 0.5s ease 0s;
}

.header-area .header-contact-area .image a span {
    color: #2c2969;
}

.header-area .header-contact-area .image a:hover {
    color: #808080;
}

.header-area .header-contact-area .content a {
    color: #000000;
    font-weight: 600;
}

.header-area .header-contact-area .content a span {
    display: block;
    color: #333333;
    font-weight: normal;
}

.header-area .header-contact-area .content a:hover {
    color: #808080;
}

.mobile-menu-area {
    display: none;
}


/*----------------------------------
2.1 Stiky Menu Styling 
-----------------------------------*/

div#sticker {
    background: transparent;
}

.stick {
    position: fixed;
    top: 0px;
    z-index: 999999;
    width: 100%;
    background: rgba(0, 0, 0, 0.9) !important;
    margin: 0;
}

.stick.header-contact-area::before {
    height: 112px;
}


/*-------------------------------------
2.2 Header Top Area 
---------------------------------------*/

.header-top {
    background: #656565;
}

.header-top .header-top-left {
    padding-top: 5px;
    padding-bottom: 5px;
}

.header-top .header-top-left p {
    color: #ffffff;
    margin-bottom: 0;
}

.header-top .header-top-left p i {
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
}

.header-top .header-top-left p i:hover {
    color: #808080;
}

.header-top .header-top-right {
    text-align: right;
}

.header-top .header-top-right ul {
    padding: 5px 0;
}

.header-top .header-top-right ul li {
    display: inline-block;
    color: #ffffff;
    margin-right: 5px;
}

.header-top .header-top-right ul li i {
    color: #fff;
    margin-right: 10px;
}

.header-top .header-top-right ul li i:hover {
    color: #808080;
}

.header-top .header-top-right ul li span {
    color: #fff;
    margin-right: 10px;
}

.header-top .header-top-right ul li span:hover {
    color: #808080;
}

.header-top .header-top-right ul li a {
    color: #ffffff;
    text-decoration: none;
}

.header-top .header-top-right ul li a:hover {
    color: #808080;
}


/*-------------------------------------
3.Slider area start here 
---------------------------------------*/

.slider-area .slider-1 .title1 {
    font-weight: 800;
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0px;
    line-height: 1.2;
}

.slider-area .slider-1 h4 {
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

.slider-area .slider-1 p {
    width: 100%;
    padding: 0 15px;
    max-width: 800px;
    margin: 0 auto;
}

.slider-area .slider-1 .read-more {
    margin-top: 4px;
}

.slider-area .slider-1 .read-more ul li {
    display: inline-block;
}

.slider-area .slider-1 .read-more ul li:last-child a i {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}

.slider-area .slider-1 .read-more ul li:last-child a:hover {
    background: #808080;
}

.slider-area .slider-1 .read-more ul li a {
    background: #2c2969;
    color: #ffffff;
    padding: 12px 30px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    margin: 10px;
    transition: all 0.5s ease 0s;
    display: block !important;
    font-size: 13px;
}

.slider-area .slider-1 .read-more ul li a i {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}

.slider-area .slider-1 .read-more ul li a:hover {
    background: #808080;
}


/*-------------------------------------
3.Slider Bottom area start  here 
---------------------------------------*/

.slider-bottom-area {
    padding: 100px 0;
}

.slider-bottom-area .slider-bottom h2 {
    font-size: 48px;
    font-weight: 900;
    color: #222222;
    text-align: center;
}

.slider-bottom-area .slider-bottom .total-business .single-business {
    text-align: center;
}

.slider-bottom-area .slider-bottom .total-business .single-business span {
    font-size: 72px;
    color: #2c2969;
}

.slider-bottom-area .slider-bottom .total-business .single-business h3 {
    margin: 0 0 30px;
}

.slider-bottom-area .slider-bottom .total-business .single-business h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    transition: all 0.5s ease 0s;
}

.slider-bottom-area .slider-bottom .total-business .single-business h3 a:hover {
    color: #2c2969;
}

.slider-bottom-area .slider-bottom .total-business .single-business .read-more {
    display: inline-block;
    text-align: center;
}

.slider-bottom-area .slider-bottom .total-business .single-business .read-more a {
    display: block;
    text-decoration: none;
    padding: 10px 30px;
    border: 1px solid #2c2969;
    transition: all 0.5s ease 0s;
}

.slider-bottom-area .slider-bottom .total-business .single-business .read-more a:hover {
    background: #2c2969;
    border: 1px solid #2c2969;
    color: #ffffff;
}

.slider-bottom-area .slider-bottom .total-business .owl-nav .owl-prev {
    left: -40px;
    top: 40%;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 28px;
    font-size: 25px;
    background: transparent;
    border: 1px solid #2c2969;
    color: #666666;
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.slider-bottom-area .slider-bottom .total-business .owl-nav .owl-prev:hover {
    background: #2c2969;
    color: #ffffff;
}

.slider-bottom-area .slider-bottom .total-business .owl-nav .owl-next {
    right: -40px;
    top: 40%;
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 28px;
    font-size: 25px;
    background: transparent;
    border: 1px solid #2c2969;
    color: #666666;
    opacity: 1;
    transition: all 0.5s ease 0s;
}

.slider-bottom-area .slider-bottom .total-business .owl-nav .owl-next:hover {
    background: #2c2969;
    color: #ffffff;
}


/*--------------------------------------
4.Home page About Us Area Section Start Here 
---------------------------------------*/

.homepage-about-us-area {
    overflow: hidden;
}

.homepage-about-us-area .homepage-about-us .about-us-feature-image {
    background: url(img/about-left-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: right;
}

.homepage-about-us-area .homepage-about-us .about-us-feature-image img {
    text-align: right;
    margin-right: 80px;
}

.homepage-about-us-area .about-content-area {
    background: #222222;
    color: #ffffff;
    height: 544px;
    padding: 60px;
}

.homepage-about-us-area .about-content-area .about-us-content h2 {
    font-size: 36px;
    color: #ffffff;
}

.homepage-about-us-area .about-content-area .about-us-content h2 span {
    color: #2c2969;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service a.media-left {
    color: #ffffff;
    height: 60px;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service a.media-left span {
    font-size: 48px;
    margin-right: 10px;
    color: #2c2969;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service a.media-left span:hover {
    color: #ffffff;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service .media-body h3 {
    margin: 0;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service .media-body h3 a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

.homepage-about-us-area .about-content-area .about-us-content .single-service .media-body h3 a:hover {
    color: #808080;
}


/*-------------------------------------
5.Home Page faq and tab Area Section Start Here 
---------------------------------------*/

.homepage-contact-faq-area {
    padding: 100px 0;
}

.homepage-contact-faq-area .homepage-contact-faq-tab h2 {
    font-size: 30px;
    font-weight: 900;
    color: #222222;
    margin-bottom: 43px;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-heading.active .accordion-toggle {
    background: #222222 !important;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-heading .accordion-toggle {
    display: block;
    padding: 17px;
    background: #2c2969;
    color: #ffffff;
    border-radius: 0;
    text-decoration: none;
    font-size: 18px;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-heading .accordion-toggle:hover {
    background: #222222;
    color: #ffffff;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'fontawesome';
    /* essential for enabling glyphicon */
    content: "\f077";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: #ffffff;
    /* adjust as needed */
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f078";
    /* adjust as needed, taken from bootstrap.css */
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-default > .panel-heading {
    padding: 0;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-default > .panel-heading.active {
    background: #000000;
}

.homepage-contact-faq-area .homepage-contact-faq-tab .panel-default > .panel-heading.active h4.panel-title {
    color: #ffffff;
}

.homepage-contact-faq-area .homepage-contact-faq-form h2 {
    font-size: 30px;
    font-weight: 900;
    color: #222222;
    margin-bottom: 43px;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form input {
    margin-top: 12px;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form input,
.homepage-contact-faq-area .homepage-contact-faq-form .form-area form select {
    border-radius: 0;
    height: 50px;
    color: #646464;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form input:focus,
.homepage-contact-faq-area .homepage-contact-faq-form .form-area form select:focus {
    box-shadow: none;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form .submit-botton {
    background: transparent;
    border: 1px solid #2c2969;
    color: #2c2969;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-family: 'Raleway', sans-serif;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form .submit-botton:hover {
    background: #808080;
    color: #ffffff;
    border: 1px solid #808080;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form .submit-botton:hover i {
    color: #ffffff;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form .submit-botton i {
    color: #2c2969;
}

.homepage-contact-faq-area .homepage-contact-faq-form .form-area form .form-control::-moz-placeholder {
    color: #646464;
    opacity: 1;
}


/*-------------------------------------
6.Home Page Team Expert Section Area Start Here 
---------------------------------------*/

.homepage-team-area {
    background: #f8f8f8;
    padding: 100px 0;
}

.homepage-team-area .total-team-area h2 {
    font-size: 30px;
    font-weight: 900;
    color: #222222;
    margin-bottom: 40px;
}

.homepage-team-area .total-team-area .homepage-team .single-team {
    position: relative;
    overflow: hidden;
}

.homepage-team-area .total-team-area .homepage-team .single-team:hover .team-image .overley {
    opacity: 1;
    transform: scale(1);
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image {
    position: relative;
    overflow: hidden;
    display: block;
    width: 265px;
    height: 265px;
    border-radius: 50%;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image a {
    display: block;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image a img {
    width: 100%;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image .overley {
    position: absolute;
    content: "";
    background: rgba(28, 185, 200, 0.8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scale(0);
    transform-origin: 0 0 0;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image .overley ul {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image .overley ul li {
    display: inline-block;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image .overley ul li a {
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-image .overley ul li a:hover {
    background: #808080;
    color: #ffffff;
    border: 1px solid #808080;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-content {
    text-align: center;
    margin-top: 20px;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-content h3 {
    margin-bottom: 10px;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-content h3 a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 900;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.homepage-team-area .total-team-area .homepage-team .single-team .team-content h3 a:hover {
    color: #2c2969;
}

.homepage-team-area .total-team-area .homepage-team .owl-nav {
    position: absolute;
    right: 0;
    top: -60px;
}

.homepage-team-area .total-team-area .homepage-team .owl-nav div {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 2px !important;
    border: 2px solid #2c2969;
    margin-right: 15px;
    background: transparent;
}

.homepage-team-area .total-team-area .homepage-team .owl-nav div i {
    color: #2c2969;
    font-size: 20px;
    font-weight: bold;
}


/* ------------------------------------
7.Home Page Testimonial Area Start Here 
---------------------------------------*/

.homepage-testimonial-area {
    background: url(img/team/team-bg1.png) no-repeat;
    background-position: center center;
    background-attachment: fixed;
    padding: 90px 0;
    background-size: cover;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial {
    margin: 0 15px;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .pull-left {
    margin-right: 20px;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .pull-left img:hover {
    opacity: .8;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .media-body h3.media-heading {
    margin-bottom: 15px;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .media-body h3.media-heading a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .media-body h3.media-heading a:hover {
    color: #2c2969;
}

.homepage-testimonial-area .homepage-testimonial .single-testimonial .media-body p {
    color: #dddddd;
}

.homepage-testimonial-area .homepage-testimonial .owl-dots {
    margin-top: 30px;
}

.homepage-testimonial-area .homepage-testimonial .owl-dots .owl-dot.active span {
    background: #2c2969;
}

.homepage-testimonial-area .homepage-testimonial .owl-dots .owl-dot span {
    border-radius: 0;
    margin: 0 7px;
    height: 1px;
    width: 50px;
    background: #ffffff;
    opacity: 1;
    padding: 2px 10px;
}


/*-------------------------------------
8.Homepage Latest News area Start Here 
---------------------------------------*/

.homepage-news-area {
    background: #f8f8f8;
    padding: 65px 0;
}

.homepage-news-area .homepage-new h2 {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}

.homepage-news-area .homepage-new .homepage-total-news-area {
    background: #f8f8f8;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area {
    margin: 30px 15px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left {
    margin-right: -10px;
    float: inherit !important;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a {
    display: block;
    position: relative;
    overflow: hidden;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a:hover i {
    opacity: 1;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a:hover:after {
    opacity: 1;
    transform: scale(1);
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a:after {
    position: absolute;
    content: "";
    background: rgba(28, 180, 200, 0.9);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scale(0);
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a img:hover span.overley {
    opacity: 1;
    transform: scale(1);
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a span {
    width: 60px;
    height: 65px;
    color: #ffffff;
    background: #2c2969;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-weight: 900;
    z-index: 9;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .pull-left a i {
    color: #ffffff;
    font-size: 25px;
    font-weight: 900;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    z-index: 9;
    opacity: 0;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0 15px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body p.date {
    margin-bottom: 0px;
    border: none;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body p.date span {
    color: #2c2969;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body h3 {
    margin: 20px 0;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body h3 a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body h3 a:hover {
    color: #808080;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body p {
    font-size: 15px;
    margin: 5px 30px 20px 0;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body ul {
    margin-top: -17px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body ul li {
    border-right: 1px solid #666666;
    display: inline-block;
    line-height: 12px;
    margin-right: 10px;
    padding-right: 15px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .single-news-area .media-body ul li:last-child {
    border: 0px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .owl-nav {
    position: absolute;
    right: 0;
    top: -60px;
}

.homepage-news-area .homepage-new .homepage-total-news-area .owl-nav div {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 2px;
    border: 2px solid #2c2969;
    margin-right: 15px;
    background: transparent;
}

.homepage-news-area .homepage-new .homepage-total-news-area .owl-nav div i {
    color: #2c2969;
    font-size: 20px;
    font-weight: bold;
}


/*-------------------------------------
9.Get Free Consult Section Start Here 
---------------------------------------*/

.free-consult {
    background: #2c2969;
    text-align: center;
    color: #ffffff;
    padding: 25px 0;
}

.free-consult .free-consult-text p {
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 15px;
}

.free-consult .get-free-consult a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    padding: 15px 20px;
    border: 2px solid #ffffff;
    transition: all 0.5s ease 0s;
}

.free-consult .get-free-consult a:hover {
    background: #808080;
    border: 2px solid #808080;
}


/*-------------------------------------
10.Footer Start Here 
---------------------------------------*/

.footer-area {
    background: url(img/footer-bg.jpg) no-repeat;
    padding: 100px 0;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.footer-area .footer-top-area .single-footer h3 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.55;
}

.footer-area .footer-top-area .single-footer p {
    color: #b3b3b3;
}

.footer-area .footer-top-area .footer-two ul li {
    color: #b3b3b3;
}

.footer-area .footer-top-area .footer-two ul li i {
    color: #b3b3b3;
    margin-right: 5px;
    display: inline-block;
}

.footer-area .footer-top-area .footer-two ul li a {
    color: #dddddd;
}

.footer-area .footer-top-area .footer-three ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-area .footer-top-area .footer-three ul li {
    display: inline-block;
    width: 30%;
    margin: 0px 1px;
}

.footer-area .footer-top-area .footer-three ul li a {
    display: block;
}

.footer-area .footer-top-area .footer-three ul li a img {
    display: block;
    width: 100%;
}

.footer-area .footer-top-area .footer-three ul li a img:hover {
    opacity: .9;
}

.footer-area .footer-top-area .footer-four ul li {
    display: inline-block;
    color: #b3b3b3;
    margin: 0 0 15px 0;
}

.footer-area .footer-top-area .footer-four ul li i {
    margin: 5px;
    color: #2c2969;
}

.footer-area h2.vartical-text {
    color: #2c2969;
    font-size: 72px;
    font-weight: 900;
    left: -35%;
    letter-spacing: 20px;
    position: absolute;
    text-transform: uppercase;
    top: 40%;
    transform: rotate(270deg);
}

.footer-area .footer-menu {
    margin: 30px 0;
}

.footer-area .footer-menu ul {
    text-align: center;
}

.footer-area .footer-menu ul li {
    display: inline-block;
    border-right: 1px solid #ffffff;
    line-height: 12px;
    padding: 0px 30px;
}

.footer-area .footer-menu ul li:last-child {
    border: 0;
}

.footer-area .footer-menu ul li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.footer-area .footer-menu ul li a:hover {
    color: #808080;
}

.footer-area .footer-buttom-area {
    margin-top: 20px;
    border-top: 1px solid #5f5f5f;
    padding: 20px 0 0;
}

.footer-area .footer-buttom-area .copy-right-text p {
    margin: 12px 0 0;
    color: #9f9f9f;
}

.footer-area .footer-buttom-area .footer-social-media ul {
    text-align: right;
}

.footer-area .footer-buttom-area .footer-social-media ul li {
    display: inline-block;
    margin: 5px;
}

.footer-area .footer-buttom-area .footer-social-media ul li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
    color: #2c2969;
    display: block;
    text-align: center;
}

.footer-area .footer-buttom-area .footer-social-media ul li a:hover {
    background: #2c2969;
    color: #ffffff;
    border: 1px solid #2c2969;
}

#scrollUp {
    display: block;
    bottom: 6px;
    border: 1px solid #2c2969;
    right: 12px;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-animation: flash 3000ms infinite;
    -moz-animation: flash 3000ms infinite;
    -ms-animation: flash 3000ms infinite;
    -o-animation: flash 3000ms infinite;
    animation: flash 3000ms infinite;
    width: 38px;
    z-index: 9999;
}

#scrollUp:hover {
    -webkit-animation: flash 0s infinite;
    -moz-animation: flash 0s infinite;
    -ms-animation: flash 0s infinite;
    -o-animation: flash 0s infinite;
    animation: flash 0s infinite;
}

#scrollUp i {
    display: block;
    color: #2c2969;
    padding-top: 5px;
    font-size: 24px;
}


/*-------------------------------------
11.Home Page Styling Here 
---------------------------------------*/

.home-2 .header-top {
    background: #2b236c !important;
}

.home-2 .header-area {
    background: #ffffff none repeat scroll 0 0 !important;
    position: inherit;
}

.home-2 .stick {
    position: fixed;
    border-bottom: 2px solid #2c2969;
}

.home-2 div#sticker {
    background: #ffffff none repeat scroll 0 0 !important;
}

.home-2 .header-area .main-menu-area ul li a {
    color: #000000;
    padding: 38px 20px;
}

.home-2 .header-area.stick .main-menu-area ul li a {
    padding-top: 26px;
    padding-bottom: 26px;
}

.home-2 .header-area .main-menu-area ul li ul li a {
    padding: 10px 24px;
}

.home-2 .header-area .main-menu-area ul li ul {
    background: #ffffff;
}

.home-2 .search-box {
    float: right;
    margin-top: 28px;
    overflow: hidden;
    position: relative;
}

.home-2 .stick .search-box {
    margin-top: 19px;
}

.home-2 .search-box .search-input {
    background: #f1f1f1;
    border: medium none;
    border-radius: 20px;
    color: #777777;
    font-weight: bold;
    overflow: hidden;
    padding: 7px 30px;
    position: relative;
    right: 0;
    top: 0;
}

.home-2 .search-box i {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.home-2 .search-box i:hover {
    color: #2c2969;
}

.home-3 .header-area .main-menu-area ul {
    text-align: right;
}

.home-3 .header-area .main-menu-area ul li ul {
    text-align: left !important;
}


/*-------------------------------------
12.Home 2 Slider Bottom area start  here 
---------------------------------------*/

.slider-bottom-service-area {
    padding: 90px 0;
}

.slider-bottom-service-area .slider-bottom .single-service span {
    font-size: 40px;
    color: #2c2969;
    margin: 0;
}

.slider-bottom-service-area .slider-bottom .single-service h3 {
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: 5px;
    position: relative;
}

.slider-bottom-service-area .slider-bottom .single-service h3:after {
    position: absolute;
    content: "";
    bottom: -17px;
    left: 0;
    height: 2px;
    width: 50px;
    background: #2c2969;
}

.slider-bottom-service-area .slider-bottom .single-service h3 a {
    display: block;
    text-decoration: none;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.slider-bottom-service-area .slider-bottom .single-service h3 a:hover {
    color: #2c2969;
}


/*-------------------------------------
 13.Home 2 page About Us Area Section Start Here 
 --------------------------------------*/

.homepage2-about-us-area {
    padding: 90px 0 0;
    background: url(img/soscom-distribuidor-unika-erp-2.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill-content-3 {
    overflow: hidden;
    margin-top: 50px;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress .lead {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: -30px;
    z-index: 99;
    text-transform: uppercase;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress {
    background-color: #bfbfbf;
    border-radius: 0;
    box-shadow: none;
    height: 5px;
    margin: 30px 0 50px 0;
    overflow: visible;
    position: relative;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress-bar > span {
    background: #333 none repeat scroll 0 0;
    float: right;
    font-size: 11px;
    margin-right: 10px;
    margin-top: -25px;
    position: relative;
    padding: 0 5px;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress-bar > span:before,
.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress-bar > span:after {
    border: medium solid transparent;
    content: " ";
    height: 0;
    position: absolute;
    top: 100%;
    width: 0;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress-bar > span:before {
    border-top-color: #333;
    border-width: 5px;
    left: 50%;
    margin-left: -5px;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .holax-shop h3,
.homepage2-about-us-area .homepage2-about-us .about-us-content .we-are-good-at h3 {
    font-size: 18px;
    margin-bottom: 25px;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress:nth-child(1) .progress-bar {
    background: #2c2969;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress:nth-child(2) .progress-bar {
    background: #23C6EC;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content .skill .progress:nth-child(3) .progress-bar {
    background: #2BCDC0;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content h1 {
    font-size: 36px;
    color: #222222;
    margin-bottom: 30px;
}

.homepage2-about-us-area .homepage2-about-us .about-us-content p {
    font-size: 16px;
    line-height: 1.6;
}

.homepage2-about-us-area .homepage2-about-us .about-us-feature {
    text-align: center;
}


/* ------------------------------------
14.Home 2 Page Recent project Area Section Start Here 
---------------------------------------*/

.homepage2-recent-project-area {
    padding: 90px 0px 30px;
}

.homepage2-recent-project-area .homepage2-recent-project {
    text-align: center;
}

.homepage2-recent-project-area .homepage2-recent-project h2 {
    font-size: 36px;
    font-weight: 600;
    color: #222222;
    position: relative;
    margin-bottom: 30px;
}

.homepage2-recent-project-area .homepage2-recent-project h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    right: 0;
    margin: auto;
}


/*-------------------------------------
14.1.Recent project Gallery Section Area Start Here 
---------------------------------------*/

.gallery-area {
    padding: 0 0 90px;
}

.gallery-area .portfolioFilter {
    text-align: center;
}

.gallery-area .portfolioFilter a {
    margin-right: 5px;
    color: #5b5b5b;
    text-decoration: none;
    border: 2px solid #2c2969;
    transition: all 0.5s ease 0s;
    display: inline-block;
    padding: 10px 30px;
    font-size: 16px;
}

.gallery-area .portfolioFilter a.current {
    color: #ffffff;
    background: #2c2969;
}

.gallery-area .portfolioFilter a:hover {
    background: #2c2969;
    color: #ffffff;
}

.gallery-area .isotope-item {
    z-index: 2;
}

.gallery-area .isotope-hidden.isotope-item {
    z-index: 1;
}

.gallery-area .isotope,
.gallery-area .isotope .isotope-item {
    transition: all 0.5s ease 0s;
}

.gallery-area .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.gallery-area .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.gallery-area .portfolioContainer {
    margin: 45px 0 0;
}

.gallery-area .portfolioContainer .single-item {
    width: 33.333333%;
    padding: 0px;
    position: relative;
}

.gallery-area .portfolioContainer .single-item img {
    width: 100%;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content {
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 20px;
    position: relative;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content h2 {
    margin: 0 0 4px 0;
    text-transform: uppercase;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
    font-size: 20px;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a:hover {
    color: #dddddd;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content p {
    color: #ffffff;
    margin: 0;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content ul li {
    display: inline-block;
}

.gallery-area .portfolioContainer .single-item .item-overley .item-content ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
    font-size: 20px;
    padding: 10px;
}

.gallery-area .portfolioContainer .single-item {
    overflow: hidden;
}

.gallery-area .portfolioContainer .single-item .item-overley {
    background: rgba(52, 192, 206, 0.8);
    bottom: -80px;
    height: 80px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100%;
    opacity: 0;
    z-index: 99;
}

.gallery-area .portfolioContainer .single-item:hover .item-overley {
    opacity: 1;
    bottom: 0;
    transform: scaleY(1);
}


/*-------------------------------------
15.Home page Two video area section start Here 
---------------------------------------*/

.home2-video-area {
    padding: 250px 0 170px;
    background: url(img/video-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.home2-video-area .home2-video h2 {
    color: #ffffff;
    text-align: center;
}


/*-------------------------------------
16.Home2 Core Feature area section start here 
---------------------------------------*/

.home2-code-feature-area {
    padding: 90px 0;
}

.home2-code-feature-area .home2-core-feature {
    text-align: center;
}

.home2-code-feature-area .home2-core-feature h2 {
    font-size: 36px;
    font-weight: 600;
    color: #222222;
    position: relative;
    margin-bottom: 30px;
}

.home2-code-feature-area .home2-core-feature h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    right: 0;
    margin: auto;
}

.home2-code-feature-area .single-core-feature {
    margin: 30px 0 0 0;
}

.home2-code-feature-area .single-core-feature a.pull-left {
    margin-right: 20px;
}

.home2-code-feature-area .single-core-feature a.pull-left span {
    color: #2c2969;
    font-size: 40px;
    margin: 0;
}

.home2-code-feature-area .single-core-feature .media-body h3.media-heading {
    font-size: 22px;
    color: #222222;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    position: relative;
    margin-bottom: 35px;
}

.home2-code-feature-area .single-core-feature .media-body h3.media-heading:hover {
    color: #2c2969;
}

.home2-code-feature-area .single-core-feature .media-body h3.media-heading:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}


/*-------------------------------------
17.Home2 Page Team Expert Section Area Start Here 
---------------------------------------*/

.homepage2-team-area {
    background: #f8f8f8;
    padding: 90px 0;
}

.homepage2-team-area .total-team-area {
    text-align: center;
}

.homepage2-team-area .total-team-area h2 {
    font-size: 36px;
    font-weight: 600;
    color: #222222;
    position: relative;
    margin-bottom: 30px;
}

.homepage2-team-area .total-team-area h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    right: 0;
    margin: auto;
}

.homepage2-team-area .homepage2-team .single-team {
    position: relative;
    overflow: hidden;
    margin: 50px 0 0 0;
}

.homepage2-team-area .homepage2-team .single-team:hover .team-image .overley {
    opacity: 1;
    transform: scaleY(1);
}

.homepage2-team-area .homepage2-team .single-team .team-image {
    display: block;
}

.homepage2-team-area .homepage2-team .single-team .team-image a {
    display: block;
}

.homepage2-team-area .homepage2-team .single-team .team-image a img {
    width: 100%;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley {
    position: absolute;
    content: "";
    background: rgba(28, 185, 200, 0.8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 0 0 0;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area h3 {
    margin-bottom: 10px;
    font-size: 22px;
    position: relative;
    padding-bottom: 12px;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area h3 a {
    color: #ffffff;
    transition: all 0.5s ease 0s;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area p.designation {
    color: #ffffff;
    margin-bottom: 25px;
    position: relative;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area h3:after {
    background: #ffffff;
    bottom: 0px;
    content: "";
    height: 3px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 50px;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area p.short-description {
    padding: 0 20px;
    color: #ffffff;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area ul li {
    display: inline-block;
    margin: 3px;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
}

.homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area ul li a:hover {
    background: #808080;
    color: #ffffff;
    border: 1px solid #808080;
}


/*-------------------------------------
18.Homepage2 Latest News area Start Here 
---------------------------------------*/

.homepage2-news-area {
    padding: 90px 0;
}

.homepage2-news-area .homepage2-new {
    text-align: center;
}

.homepage2-news-area .homepage2-new h2 {
    font-size: 36px;
    font-weight: 600;
    color: #222222;
    position: relative;
    margin-bottom: 30px;
}

.homepage2-news-area .homepage2-new h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
    right: 0;
    margin: auto;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area {
    margin: 30px 0px 0 0;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left {
    margin-right: -10px;
    float: inherit !important;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a {
    display: block;
    position: relative;
    overflow: hidden;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a:hover i {
    opacity: 1;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a:hover:after {
    opacity: 1;
    transform: scale(1);
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a:after {
    position: absolute;
    content: "";
    background: rgba(28, 185, 200, 0.9);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scale(0);
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a img:hover span.overley {
    opacity: 1;
    transform: scale(1);
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a span {
    width: 60px;
    height: 65px;
    color: #ffffff;
    background: #2c2969;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-weight: 900;
    z-index: 9;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .pull-left a i {
    color: #ffffff;
    font-size: 25px;
    font-weight: 900;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    z-index: 9;
    opacity: 0;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body {
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
    padding: 0 30px;
    text-align: left;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body p.date {
    margin-bottom: 0px;
    border: none;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body p.date a {
    color: #2c2969;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body p.date a:hover {
    color: #808080;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body h3 {
    margin: 20px 0;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body h3 a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body h3 a:hover {
    color: #2c2969;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body p {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body ul {
    margin-top: -17px;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body ul li {
    border-right: 1px solid #666666;
    display: inline-block;
    line-height: 12px;
    margin-right: 10px;
    padding-right: 15px;
}

.homepage2-news-area .homepage2-new .homepage2-total-news-area .single-news-area .media-body ul li:last-child {
    border: 0px;
}


/*-------------------------------------
19.Header Banner Area section Start Here 
---------------------------------------*/

.about-page .header-area {
    position: inherit;
}

.header-bennar-area {
    padding: 100px 0;
    background: url(img/bennar.png) no-repeat;
    background-size: cover;
    background-position: center center;
}

.header-bennar-area .header-bennar {
    text-align: center;
}

.header-bennar-area .header-bennar h1 {
    color: #ffffff;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
}

.header-bennar-area .header-bennar ul li {
    display: inline-block;
    color: #2c2969;
    margin-right: 5px;
}

.header-bennar-area .header-bennar ul li a {
    display: block;
    text-decoration: none;
    color: #b2b2b2;
}

.header-bennar-area .header-bennar ul li a:hover {
    color: #b2b2b2;
}


/*-------------------------------------
20.About Page Inner Section Start Here 
---------------------------------------*/

.about-inner-page-area {
    padding: 100px 0;
}

.about-inner-page-area .about-inner-page ul.nav-tabs {
    border: 0;
    margin-bottom: 30px;
    text-align: center;
}

.about-inner-page-area .about-inner-page ul.nav-tabs li {
    display: inline-block;
    float: inherit;
    border: 1px solid #2c2969;
    margin-right: 30px;
}

.about-inner-page-area .about-inner-page ul.nav-tabs li.active a {
    background: #2c2969;
    border: 0 none;
    color: #ffffff;
    margin: 0;
}

.about-inner-page-area .about-inner-page ul.nav-tabs li a {
    display: block;
    padding: 10px 75px;
    border-radius: 0;
    font-size: 18px;
    color: #2c2969;
    font-family: 'Raleway', sans-serif;
    border: 0;
    margin: 0;
}

.about-inner-page-area .about-inner-page ul.nav-tabs li a:hover {
    background: #2c2969;
    color: #ffffff;
    margin: 0;
    border: 0;
}

.about-inner-page-area .about-inner-page .tab-content {
    margin-top: 70px;
}

.about-inner-page-area .about-inner-page .tab-content .tab-pane .media a.pull-left {
    margin-right: 50px;
}

.about-inner-page-area .about-inner-page .tab-content .tab-pane .media a.pull-left img {
    width: 100%;
}

.about-inner-page-area .about-inner-page .tab-content .tab-pane .media a.pull-left img:hover {
    opacity: .8;
}

.about-inner-page-area .about-inner-page .tab-content .tab-pane .media .media-body h2.media-heading {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    position: relative;
    margin-bottom: 60px;
}

.about-inner-page-area .about-inner-page .tab-content .tab-pane .media .media-body h2.media-heading:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -25px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}


/*-------------------------------------
21.Service Inner Section Start Here 
---------------------------------------*/

.service-inner-page-area {
    padding: 100px 0;
}

.service-inner-page-area .gallery-area {
    padding: 0;
}

.service-inner-page-area .gallery-area .portfolioFilter {
    text-align: center;
}

.service-inner-page-area .gallery-area .portfolioFilter a {
    margin-right: 15px;
    color: #5b5b5b;
    text-decoration: none;
    border: 1px solid #2c2969;
    transition: all 0.5s ease 0s;
    display: inline-block;
    padding: 10px 70px;
    font-size: 16px;
}

.service-inner-page-area .gallery-area .portfolioFilter a.current {
    color: #ffffff;
    background: #2c2969;
}

.service-inner-page-area .gallery-area .portfolioFilter a:hover {
    background: #2c2969;
    color: #ffffff;
}

.service-inner-page-area .gallery-area .isotope-item {
    z-index: 2;
}

.service-inner-page-area .gallery-area .isotope-hidden.isotope-item {
    z-index: 1;
}

.service-inner-page-area .gallery-area .isotope,
.service-inner-page-area .gallery-area .isotope .isotope-item {
    transition: all 0.5s ease 0s;
}

.service-inner-page-area .gallery-area .isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.service-inner-page-area .gallery-area .isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.service-inner-page-area .gallery-area .portfolioContainer {
    margin: 30px 0 0;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item {
    width: 33%;
    padding: 15px;
    position: relative;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item img {
    width: 100%;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1s;
    display: block;
    transform: scale(0.5);
    z-index: 1;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley h2.service-title {
    background: rgba(28, 185, 200, 0.9) none repeat scroll 0 0;
    bottom: 14px;
    color: #ffffff;
    font-size: 18px;
    left: 0;
    margin: 0 15px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content {
    background: transparent;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 20px;
    position: relative;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    z-index: 99;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 {
    margin: 0;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a {
    color: #2c2969;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
    font-size: 18px;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a:hover {
    color: #ffffff;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content p {
    color: #ffffff;
    margin: 0;
    font-style: italic;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content ul li {
    display: inline-block;
    margin: 5px;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item .item-overley .item-content ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #2c2969;
    transition: all 0.5s ease 0s;
    border-radius: 50%;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item:hover .item-overley {
    opacity: 1;
    transform: scaleY(1);
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item:hover .item-overley .item-content ul li a i {
    display: block;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item:hover .item-overley .item-content ul li a i:hover {
    color: #2c2969;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item::before,
.service-inner-page-area .gallery-area .portfolioContainer .single-item::after {
    bottom: 0;
    content: "";
    left: 0;
    margin: 70px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    z-index: 0;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item::before {
    border-left: 1px solid #2c2969;
    border-right: 1px solid #2c2969;
    transform: scaleY(0);
    transform-origin: 100% 0 0;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item::after {
    border-bottom: 1px solid #2c2969;
    border-top: 1px solid #2c2969;
    transform: scaleX(0);
    transform-origin: 0 100% 0;
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item:hover::after {
    transform: scaleX(1);
}

.service-inner-page-area .gallery-area .portfolioContainer .single-item:hover::before {
    transform: scaleY(1);
}


/*-------------------------------------
22.Single Service Inner Section Start Here
---------------------------------------*/

.single-service-inner-page-area {
    padding: 100px 0;
}

.single-service-inner-page-area .single-service-inner-page .single-service-inner-content .single-service img {
    width: 100%;
    margin-bottom: 50px;
}

.single-service-inner-page-area .single-service-inner-page .single-service-inner-content .single-service img:hover {
    opacity: .8;
}

.single-service-inner-page-area .single-service-inner-page .single-service-inner-content .single-service h2 {
    color: #002222;
    display: block;
    font-size: 30px;
    margin-bottom: 50px;
    text-decoration: none;
    position: relative;
}

.single-service-inner-page-area .single-service-inner-page .single-service-inner-content .single-service h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -17px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 70px;
}

.single-service-inner-page-area .single-service-inner-page .single-service-inner-content .single-service blockquote {
    border-left: 5px solid #2c2969;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs {
    border: 0;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs li {
    float: none;
    margin: 10px 0;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs li.active {
    background: #2c2969;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs li.active a {
    color: #ffffff;
    margin: 0;
    border: 1px solid #2c2969;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs li a {
    display: block;
    background: transparent;
    border-radius: 0;
    margin: 0;
    border: 1px solid #2c2969;
}

.single-service-inner-page-area .single-service-inner-tab ul.nav-tabs li a:hover {
    color: #ffffff;
    margin: 0;
    border: 1px solid #2c2969;
    background: #2c2969;
}


/*-------------------------------------
23.Team Page Team Expert Section Area Start Here 
---------------------------------------*/

.total-team-page-area .homepage2-team-area .homepage2-team .single-team {
    margin: 15px 0;
}

.total-team-page-area .single-team:hover .team-image .team-content {
    display: none;
}

.total-team-page-area .single-team .team-image .team-content {
    position: absolute;
    left: 0;
    bottom: 0;
}

.total-team-page-area .single-team .team-image .team-content h3 {
    margin: 0;
}

.total-team-page-area .single-team .team-image .team-content h3 a {
    text-align: left;
    color: #ffffff;
    font-size: 24px;
    background: #2c2969;
    font-weight: bold;
    padding: 10px 30px;
}

.total-team-page-area .single-team .team-image .team-content p.designation {
    background: #000000;
    text-align: left;
    color: #ffffff;
    padding: 10px 30px;
    width: 175px;
}


/*-------------------------------------
24.Single Team Page Section Area Start Here 
---------------------------------------*/

.single-team-page-area {
    padding: 100px 0;
}

.single-team-page-area .team-image {
    position: relative;
    overflow: hidden;
}

.single-team-page-area .team-image:hover:before {
    right: 0;
    top: 0;
}

.single-team-page-area .team-image:hover:after {
    left: 0;
    bottom: 0;
}

.single-team-page-area .team-image:before {
    right: -100%;
    top: -100%;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: "";
    transition: all .5s;
}

.single-team-page-area .team-image:after {
    left: -100%;
    bottom: -100%;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: "";
    transition: all 0.5s ease 0s;
}

.single-team-page-area .team-image a {
    display: block;
}

.single-team-page-area .team-image a img {
    width: 100%;
}

.single-team-page-area .single-team-content-area h2 {
    color: #002222;
    display: block;
    font-size: 30px;
    position: relative;
    text-decoration: none;
    margin-bottom: 5px;
}

.single-team-page-area .single-team-content-area h2:after {
    background: #2c2969 none repeat scroll 0 0;
    bottom: -45px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 70px;
}

.single-team-page-area .single-team-content-area p.designation {
    margin-bottom: 50px;
}

.single-team-page-area .single-team-content-area .social-media {
    margin-top: 70px;
}

.single-team-page-area .single-team-content-area .social-media ul li {
    display: inline-block;
    border: 1px solid #2c2969;
    width: 45px;
    height: 44px;
    margin: 5px;
}

.single-team-page-area .single-team-content-area .social-media ul li:hover {
    border: 1px solid #2c2969;
}

.single-team-page-area .single-team-content-area .social-media ul li:hover a {
    background: #2c2969;
    color: #ffffff;
}

.single-team-page-area .single-team-content-area .social-media ul li a {
    color: #2c2969;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}


/*-------------------------------------
25.Main News Page start Here
---------------------------------------*/

.main-news-page-section-area {
    padding: 100px 0;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area a img:hover {
    opacity: .9;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
    padding-left: 20px;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body h4 a {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s ease 0s;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body h4 a:hover {
    color: #2c2969;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body p {
    position: relative;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body p:after {
    position: absolute;
    content: "";
    left: 0;
    top: 30px;
    display: block;
    background: #2c2969;
    width: 50px;
    height: 3px;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body p.news-content:after {
    display: none;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more {
    display: inline-block;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more a {
    display: block;
    text-decoration: none;
    color: #2c2969;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    margin: 0 5px 0 0;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more a:hover {
    color: #000000;
}

.pagination-area {
    padding-top: 0px;
}

.pagination-area ul {
    text-align: center;
}

.pagination-area ul li {
    display: inline-block;
    margin-top: 50px;
}

.pagination-area ul li.active a {
    background: #2c2969;
    color: #ffffff;
}

.pagination-area ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #666666;
    color: #ffffff;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}

.pagination-area ul li a:hover {
    background: #2c2969;
}

.media-object {
    margin-right: 20px;
}


/*-------------------------------------
25.1 Page Sidebar area Start Here 
---------------------------------------*/

.page-sidebar-area .single-sidebar h3 {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    transition: all 0.3s ease 0s;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.page-sidebar-area .single-sidebar h3:after {
    position: absolute;
    content: "";
    left: 0;
    top: 40px;
    display: block;
    background: #2c2969;
    width: 45px;
    height: 3px;
}

.page-sidebar-area .single-sidebar #custom-search-input {
    margin: 45px 0 0;
    padding: 0;
}

.page-sidebar-area .single-sidebar #custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px;
    padding-left: 3px;
    padding-left: 4px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.page-sidebar-area .single-sidebar #custom-search-input button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 0 none;
    border-radius: 3px;
    color: #2c2969;
    left: -20px;
    margin-bottom: 0;
    margin-top: 2px;
    padding: 2px 0;
    position: relative;
    z-index: 999;
}

.page-sidebar-area .single-sidebar ul li {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 5px;
}

.page-sidebar-area .single-sidebar ul li:last-child {
    border: none;
}

.page-sidebar-area .single-sidebar ul li a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 8px 0;
    transition: all 0.3s ease 0s;
}

.page-sidebar-area .single-sidebar ul li a:hover {
    color: #2c2969;
}

.page-sidebar-area .single-sidebar ul li a span {
    float: right;
}

.meta {
    margin-bottom: 18px;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
    padding-left: 0px;
    padding: 30px 0;
}


/*-------------------------------------
26.Single News page start here  
---------------------------------------*/

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
    padding-left: 0px;
    padding-top: 0px;
}

.news-page-tag-section-area {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    margin: 60px 0 20px;
    padding: 20px 0;
}

.news-page-tag-section-area h3 {
    color: #000000;
    margin-bottom: 0;
}

.news-page-tag-section-area h3 a {
    color: #000000;
    margin-bottom: 0;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body > h3.media-heading > a {
    color: #000000;
    margin-bottom: 0;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body > h3.media-heading > a:hover {
    color: #2c2969;
    margin-bottom: 0;
}

.news-page-tag-section-area ul li {
    display: inline-block;
}

.news-page-tag-section-area ul li a {
    display: block;
    padding: 2px;
    color: #646464;
}

.comments-area {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
}

.comments-area h4 {
    color: #000000;
    margin-bottom: 0;
}

.comments-area .main-comments a {
    padding-right: 30px;
}

.comments-area .main-comments .comments-body p {
    margin-bottom: 10px;
}

.comments-area .main-comments .comments-body .replay-area a i {
    color: #2c2969;
    margin-right: 10px;
}

.leave-comments-area {
    padding-top: 30px;
}

.leave-comments-area h4 {
    color: #000000;
    margin-bottom: 0;
}

.leave-comments-area fieldset {
    margin-top: 20px;
}

.leave-comments-area fieldset input {
    background: #f4f4f4;
    border-radius: 0;
    height: 45px;
    margin-right: 20px;
}

.leave-comments-area fieldset input:focus {
    border: 0px;
    box-shadow: none;
}

.leave-comments-area fieldset textarea {
    background: #f4f4f4;
    border-radius: 0;
    margin-right: 20px;
}

.leave-comments-area fieldset textarea:focus {
    border: 0px;
    box-shadow: none;
}

.leave-comments-area fieldset .btn-send {
    background: #2c2969 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 45px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.leave-comments-area fieldset .btn-send:hover {
    background: #0a808b;
}

.news-body > h3 {
    margin: 0px 0 6px;
}

.news-body a {
    color: #000000;
}

.news-body a:hover {
    color: #2c2969;
}

.news-body .mata {
    padding-bottom: 20px;
}

.news-body > h3 {
    margin: 0px 0 6px;
}

.news-title {
    margin: 22px 0 6px !important;
}


/*-------------------------------------
27.Main Contact Page Section Area start here 
---------------------------------------*/

.main-contact-page-area {
    padding: 100px 0 0;
}

.main-contact-page-area .contact-text {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}

.main-contact-page-area .contact-text:after {
    background: #2c2969 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 70px;
    width: 80px;
}

.main-contact-page-area .contact-text h3 {
    color: #000000;
}

.main-contact-page-area .contact-text p {
    padding-top: 10px;
}


/* ------------------------------------
27.1 Contact Form Page start Here 
--------------------------------------*/

.main-conatct-form-area {
    padding: 50px 0;
}

.main-conatct-form-area .main-contact-form fieldset {
    margin-top: 20px;
}

.main-conatct-form-area .main-contact-form fieldset input {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 0;
    height: 45px;
    margin-right: 20px;
}

.main-conatct-form-area .main-contact-form fieldset input:focus {
    border: 0px;
    box-shadow: none;
}

.main-conatct-form-area .main-contact-form fieldset textarea {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 0;
    margin-right: 20px;
}

.main-conatct-form-area .main-contact-form fieldset textarea:focus {
    border: 0px;
    box-shadow: none;
}

.main-conatct-form-area .main-contact-form fieldset .btn-send {
    background: #2c2969 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 45px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.main-conatct-form-area .main-contact-form fieldset .btn-send:hover {
    background: #058c99;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar {
    margin-top: 20px;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul {
    padding-top: 20px;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul li {
    display: inline-block;
    padding: 10px 0;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul li i {
    color: #2c2969;
    margin-right: 10px;
}


/*-------------------------------------
28.404 Page Area Start Here 
---------------------------------------*/

.error-page-area {
    padding: 100px 0;
    text-align: center;
}

.error-page-area .error-page {
    background: #70acb2;
    padding: 100px;
}

.error-page-area .error-page h1 {
    font-size: 300px;
    color: #ffffff;
    line-height: 300px;
}

.error-page-area .error-page p {
    font-size: 30px;
    color: #ffffff;
}

.error-page-area .error-page-message {
    margin-top: 60px;
}

.error-page-area .error-page-message p {
    font-size: 18px;
    color: #000000;
}

.error-page-area .error-page-message .home-page a {
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff;
    background: #2c2969;
    padding: 15px 35px;
    transition: all 0.3s ease 0s;
}

.error-page-area .error-page-message .home-page a:hover {
    background: #808080;
    color: #ffffff;
}


/*-------------------------------------
29.Team Two page Design 
---------------------------------------*/

.team-2 .total-team-page-area .homepage2-team-area .homepage2-team .single-team {
    border-radius: 50%;
}

.team-2 .homepage2-team-area .homepage2-team .single-team .team-image .overley .content-area p.designation::after {
    display: none;
}

.team-2 .team-two-content {
    text-align: center;
    margin-top: 20px;
}

.team-2 .team-two-content h3 {
    margin-bottom: 10px;
}

.team-2 .team-two-content h3 a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 900;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.team-2 .team-two-content h3 a:hover {
    color: #2c2969;
}


/*-------------------------------------
30.Home 3 Slider Bottom area start  here 
---------------------------------------*/

.home3-slider-bottom-service-area {
    padding: 100px 0;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service a {
    display: block;
    margin-bottom: 30px;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service a img {
    width: 100%;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service a img:hover {
    opacity: .9;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service h3 {
    margin-bottom: 10px;
    position: relative;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service h3 a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service h3 a:hover {
    color: #2c2969;
}

.home3-slider-bottom-service-area .home3-slider-bottom .single-service h3:after {
    background: #2c2969;
    bottom: -17px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}


/*-------------------------------------
31.Home 3 page Add Section Start Here 
---------------------------------------*/

.home3-advertise-area {
    padding: 100px 0;
    background: url(img/home3-ad-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.home3-advertise-area:hover {
    opacity: .9;
}

.home3-advertise-area:hover .home3-advertise h2 {
    border: 1px dashed #2c2969;
    color: #808080;
}

.home3-advertise-area:hover .home3-advertise h2 span {
    color: #ffffff;
}

.home3-advertise-area .home3-advertise h2 {
    text-align: center;
    color: #ffffff;
    font-size: 48px;
    font-weight: 200;
    border: 1px dashed #ffffff;
    padding: 30px;
    transition: all 0.5s ease 0s;
}

.home3-advertise-area .home3-advertise h2 span {
    color: #2c2969;
    font-weight: 800;
}


/*-------------------------------------
32.Home 3 About Us Section Start Here 
-------------------------------------*/

.homepage3-about-us-area {
    padding: 100px 0;
}

.homepage3-about-us-area .home3-about-content-area h2 {
    margin-bottom: 50px;
    text-decoration: none;
    font-size: 30px;
    font-weight: 600;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.homepage3-about-us-area .home3-about-content-area h2:after {
    background: #2c2969;
    top: 55px;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    width: 50px;
}

.homepage3-about-us-area .home3-about-content-area p {
    line-height: 1.55;
    padding-right: 50px;
}

.homepage3-about-us-area .home3-our-sucess-area h2 {
    margin-bottom: 50px;
    text-decoration: none;
    font-size: 30px;
    font-weight: 600;
    color: #222222;
    transition: all 0.5s ease 0s;
}

.homepage3-about-us-area .home3-our-sucess-area h2:after {
    background: #2c2969;
    top: 55px;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    width: 50px;
}

.homepage3-about-us-area .home3-our-sucess-area p {
    line-height: 1.55;
    padding-right: 50px;
}

.single-skill {
    text-align: center;
}

.single-skill h4.progress-h4 {
    color: #000000;
    font-size: 16px;
    margin: 30px 0 0 10px;
    text-align: center;
}


/*-------------------------------------
33.Home3 Our Service Section Start Here
---------------------------------------*/

.home-3 .home3-our-service-area {
    background: #f8f8f8;
    padding: 100px 0;
}

.home-3 .home3-our-service-area .single-services {
    position: relative;
    overflow: hidden;
}

.home-3 .home3-our-service-area .single-services:hover img {
    transform: scale(1.1);
}

.home-3 .home3-our-service-area .single-services:hover .service-content {
    background: #2c2969;
}

.home-3 .home3-our-service-area .single-services:hover .service-content:after {
    opacity: 1;
}

.home-3 .home3-our-service-area .single-services a {
    display: block;
}

.home-3 .home3-our-service-area .single-services a img {
    width: 100%;
    transition: all 0.5s ease 0s;
}

.home-3 .home3-our-service-area .single-services .service-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    transition: all 0.5s ease 0s;
    transform-origin: 0 0 0;
}

.home-3 .home3-our-service-area .single-services .service-content:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    content: "\f178";
    font-family: fontawesome;
    color: #ffffff;
    top: 50%;
    transform: translateY(-30%);
    font-size: 25px;
    cursor: pointer;
    opacity: 0;
    transform-origin: 0 0 0;
    transition: all 1s;
}

.home-3 .home3-our-service-area .single-services .service-content h3 {
    margin: 0;
}

.home-3 .home3-our-service-area .single-services .service-content h3 a {
    text-decoration: none;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.home-3 .home3-our-service-area .single-services .service-content p {
    color: #ffffff;
    margin-bottom: 0;
}

.home-3 .homepage2-team-area {
    background: #ffffff !important;
}


/*-------------------------------------
34.Home3 Client testimonial Section Start Here 
---------------------------------------*/

.home3-client-testimonial-area {
    padding: 150px 0;
    background: url(img/testimonial/bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.home3-client-testimonial-area .tab-content div {
    color: #ffffff;
}

.home3-client-testimonial-area .tab-content div p {
    font-size: 16px;
}

.home3-client-testimonial-area .tab-content div p > i {
    margin: 0 20px;
}

.home3-client-testimonial-area .tab-content div h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.home3-client-testimonial-area ul.tab-button li {
    display: inline-block;
}

.home3-client-testimonial-area ul.tab-button li.active {
    border: 0;
}

.home3-client-testimonial-area ul.tab-button li.active a {
    background: #fff;
}

.home3-client-testimonial-area ul.tab-button li a {
    display: block;
    margin: 0;
    padding: 10px 5px;
    width: 80px;
    height: 90px;
}

.home3-client-testimonial-area ul.tab-button li a img {
    border-radius: 50%;
    width: 100%;
}

.home3-client-testimonial-area ul.tab-button li a:hover {
    background: transparent;
}


/*-------------------------------------
35.Home3 Page Team Expert Section Area Start Here  
---------------------------------------*/

.home3-team-area {
    padding: 100px 0;
}

.home3-team-area .homepage2-team-area {
    background: #ffffff;
    padding: 0;
}

.home3-team-area .total-team-area .single-team {
    margin: 10px 0;
}

.home3-team-area .total-team-area .single-team .team-image {
    position: relative;
    overflow: hidden;
}

.home3-team-area .total-team-area .single-team .team-image:hover .overley {
    opacity: 1;
    transform: scaleY(1);
}

.home3-team-area .total-team-area .single-team .team-image a {
    display: block;
}

.home3-team-area .total-team-area .single-team .team-image a img {
    width: 100%;
}

.home3-team-area .total-team-area .single-team .team-image .overley {
    position: absolute;
    content: "";
    background: rgba(28, 185, 200, 0.8);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    transform: scaleY(0);
}

.home3-team-area .total-team-area .single-team .team-content-area {
    text-align: center;
    margin-top: 20px;
}

.home3-team-area .total-team-area .single-team .team-content-area h3 {
    margin: 5px;
}

.home3-team-area .total-team-area .single-team .team-content-area h3 a {
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    font-weight: 600;
}

.home3-team-area .total-team-area .single-team .team-content-area h3 a:hover {
    color: #2c2969;
}

.home3-team-area .total-team-area .single-team .team-content-area p {
    color: #2c2969;
    font-size: 16px;
}

.home3-team-area .total-team-area .single-team .team-content-area .social-media-area ul li {
    display: inline-block;
    margin: 5px;
}

.home3-team-area .total-team-area .single-team .team-content-area .social-media-area ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.home3-team-area .total-team-area .single-team .team-content-area .social-media-area ul li a:hover i {
    color: #2c2969;
}

.home3-team-area .total-team-area .single-team .team-content-area .social-media-area ul li a i {
    color: #000000;
}


/*-------------------------------------
36.About Page2 Inner Section Start Here
--------------------------------------- */

.about-inner-page2-area {
    padding: 100px 0;
}

.about-inner-page2-area .about-us-content .pull-left {
    margin-right: 20px;
}

.about-inner-page2-area .about-us-content .pull-left span {
    font-size: 36px;
    color: #cdcdcd;
    line-height: 1;
    position: relative;
}

.about-inner-page2-area .about-us-content .pull-left span:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #2c2969;
    bottom: -10px;
    left: 0;
}

.about-inner-page2-area .about-us-content .media-body h3.media-heading {
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    margin-bottom: 20px;
}

.about-inner-page2-area .about-us-slider div.owl-prev {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    left: 0;
    line-height: 28px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.about-inner-page2-area .about-us-slider div.owl-next {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    right: 0;
    line-height: 28px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}


/*-------------------------------------
37.Business Communication skill area start here 
---------------------------------------*/

.business-communication-area {
    padding: 100px 0;
    background: url(img/about/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.business-communication-area:hover {
    opacity: .8;
}

.business-communication-area .business-communication h2 {
    text-align: center;
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
}


/* ------------------------------------
38.About Page3 Inner Section Start Here 
---------------------------------------*/

.about-inner-page3-area {
    padding: 100px 0;
}

.about-inner-page3-area .about-us-content .pull-left {
    margin-right: 20px;
}

.about-inner-page3-area .about-us-content .pull-left span {
    font-size: 24px;
    color: #cdcdcd;
    line-height: 1;
    position: relative;
}

.about-inner-page3-area .about-us-content .pull-left span:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 2px;
    background: #2c2969;
    bottom: -10px;
    left: 0;
}

.about-inner-page3-area .about-us-content .media-body h3.media-heading {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.about-inner-page3-area .about-us-3-area div.owl-dot {
    position: relative;
    bottom: 40px;
    z-index: 999;
}

.about-inner-page3-area .about-us-3-area div.owl-dot span {
    color: #000000;
    font-size: 30px;
}

.about-inner-page3-area .about-us-3-area div.owl-dot.active span {
    background: #2c2969;
}


/* ------------------------------------
39.About Page4 Inner Section Start Here 
---------------------------------------*/

.about-us4-area {
    padding: 100px 0px;
}

.about-us4-area .about-us3-first-part {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 80px;
}

.about-us4-area .about-us3-first-part .about-us-content .media-body h3.media-heading {
    font-weight: 600;
    font-size: 30px;
    color: #000000;
    margin-bottom: 40px;
    position: relative;
}

.about-us4-area .about-us3-first-part .about-us-content .media-body h3.media-heading:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #2c2969;
    bottom: -25px;
    left: 0;
}

.about-us4-area .about-us3-first-part .about-us-slider div.owl-prev {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    left: 0;
    line-height: 28px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.about-us4-area .about-us3-first-part .about-us-slider div.owl-next {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 0;
    color: #ffffff;
    font-size: 30px;
    height: 40px;
    right: 0;
    line-height: 28px;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.about-us4-area .about-us4-second-part-area {
    padding: 100px 0 0;
    text-align: center;
}

.about-us4-area .about-us4-second-part-area .single-about-us4 {
    display: block;
    margin: 0 2px;
    padding: 67px 10px 50px;
    position: relative;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-out 0s;
    z-index: 999;
}

.about-us4-area .about-us4-second-part-area .single-about-us4:hover {
    background: #ffffff;
}

.about-us4-area .about-us4-second-part-area .single-about-us4:hover:after {
    opacity: 1;
    visibility: visible;
}

.about-us4-area .about-us4-second-part-area .single-about-us4:after {
    -webkit-box-shadow: 0px 1px 5px 2px #a6a6a6;
    -moz-box-shadow: 0px 1px 5px 2px #a6a6a6;
    box-shadow: 0px 1px 5px 2px #a6a6a6;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    width: 100%;
    z-index: 0;
}

.about-us4-area .about-us4-second-part-area .single-about-us4 i {
    font-size: 60px;
    color: #2c2969;
    line-height: 1.5;
}

.about-us4-area .about-us4-second-part-area .single-about-us4 h3 {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    margin-bottom: 30px;
    position: relative;
}

.about-us4-area .about-us4-second-part-area .single-about-us4 h3:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #2c2969;
    bottom: -15px;
    left: 0;
    right: 0;
    margin: auto;
}


/*-------------------------------------
40.Business Communication skill area2 start here 
---------------------------------------*/

.business-communication-area2 {
    padding: 100px 0;
    background: url(img/about/bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.business-communication-area2 .business-communication2 .single-skill .progress-circular {
    position: relative;
}

.business-communication-area2 .business-communication2 .single-skill .progress-circular h4 {
    bottom: 80px;
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 15px;
}


/*-------------------------------------
41.Service 2 Inner Page Area Section Start here 
---------------------------------------*/

.service2-inner-page-area .home2-code-feature-area {
    overflow: hidden;
}

.service2-inner-page-area .home2-code-feature-area .col-lg-6.col-md-6.col-sm-6.col-xs-12:nth-child(2n+2) .single-core-feature {
    border-right: 0px;
}

.service2-inner-page-area .home2-code-feature-area .single-core-feature {
    border-right: 1px solid #dddddd;
    margin: 20px 0;
}


/*-------------------------------------
42.Partner Logo Area Styling 
---------------------------------------*/

.client-logo-area {
    border-top: 1px solid #e5e5e5;
    padding: 90px 0;
    overflow: hidden;
    transition: all .5s;
}

.client-logo .owl-prev {
    position: absolute;
    left: -25%;
    top: 0;
    background: transparent !important;
    border: 2px solid #2c2969;
    top: 15px;
    opacity: 0;
    visibility: hidden;
    width: 30px;
    height: 30px;
    border-radius: 0px !important;
    z-index: 99;
    transition: all .5s;
}

.client-logo:hover .owl-prev {
    left: -35px;
    opacity: 1;
    visibility: visible;
    transition: all .5s;
}

.client-logo-area .owl-prev i {
    line-height: 20px;
    font-weight: 700;
    font-size: 25px;
    color: #2c2969;
}

.client-logo .owl-next {
    position: absolute;
    right: -25%;
    top: 0;
    opacity: 0;
    background: transparent !important;
    color: #2c2969;
    border: 2px solid #2c2969;
    top: 15px;
    visibility: hidden;
    width: 30px;
    height: 30px;
    border-radius: 0px !important;
    z-index: 99;
    transition: all .5s;
}

.client-logo:hover .owl-next {
    opacity: 1;
    visibility: visible;
    right: -35px;
    transition: all .5s;
}

.client-logo-area .owl-next i {
    line-height: 20px;
    font-weight: 700;
    font-size: 25px;
    color: #2c2969;
}

.client-logo .owl-controls .owl-nav > div {
    padding: 3px 7px;
}

.client-logo-area .single-logo {
    margin: 0 2px;
}


/* ------------------------------------
43.Portfolio Section Area Start Here 
---------------------------------------*/

.portfolio1-area {
    padding: 100px 0 0;
}

.portfolio1-area .gallery-area .portfolioFilter a {
    border: 0;
    border-bottom: 1px solid #2c2969 !important;
}

.portfolio1-area .gallery-area .portfolioContainer .single-item {
    width: 25%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.portfolio1-area .gallery-area .portfolioContainer .single-item .item-overley {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 99;
}

.portfolio1-area .gallery-area .portfolioContainer .single-item .item-overley .item-content {
    background: #808080;
}

.portfolio1-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a:hover {
    color: #333333;
}


/* ------------------------------------
44.Portfolio2 Section Area Start Here 
---------------------------------------*/

.portfolio2-area {
    padding: 100px 0 0;
}

.portfolio2-area .gallery-area .portfolioFilter a {
    border: inherit;
}

.portfolio2-area .gallery-area .portfolioContainer .single-item {
    padding: 0;
    width: auto;
    overflow: hidden;
}

.portfolio2-area .gallery-area .portfolioContainer .single-item .item-overley {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.portfolio2-area .gallery-area .portfolioContainer .single-item .item-overley .item-content {
    background: #808080;
    display: none;
}

.portfolio2-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a:hover {
    color: #333333;
}


/* ------------------------------------
44.Portfolio3 Section Area Start Here 
---------------------------------------*/

.portfolio3-area {
    padding: 100px 0 0;
}

.portfolio3-area .gallery-area .portfolioFilter a {
    border: 0;
    border-bottom: 1px solid #2c2969 !important;
}

.portfolio3-area .gallery-area .portfolioContainer .single-item {
    padding: 0;
    margin: 0;
    width: auto;
    overflow: hidden;
}

.portfolio3-area .gallery-area .portfolioContainer .single-item .item-overley {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.portfolio3-area .gallery-area .portfolioContainer .single-item .item-overley .item-content {
    background: #808080;
    display: none;
}

.portfolio3-area .gallery-area .portfolioContainer .single-item .item-overley .item-content h2 a:hover {
    color: #333333;
}


/* ------------------------------------
45.Portfolio Four Section Area Start Here 
---------------------------------------*/

.portfolio4-area {
    padding: 100px 0;
}

.portfolio4-area .single-portfolio-area {
    position: relative;
    overflow: hidden;
}

.portfolio4-area .single-portfolio-area:hover .overley {
    opacity: 1;
}

.portfolio4-area .single-portfolio-area:hover .overley .content h3:after {
    width: 80px;
}

.portfolio4-area .single-portfolio-area .portfolio-img a {
    display: block;
}

.portfolio4-area .single-portfolio-area .portfolio-img a img {
    width: 100%;
}

.portfolio4-area .single-portfolio-area .overley {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    content: "";
    transition: all 0.5s ease 0s;
}

.portfolio4-area .single-portfolio-area .overley .content {
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    transition: all 0.5s ease 0s;
}

.portfolio4-area .single-portfolio-area .overley .content h3 {
    margin-bottom: 22px;
    position: relative;
}

.portfolio4-area .single-portfolio-area .overley .content h3:after {
    background: #ffffff none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0px;
    transition: all 0.5s ease 0s;
}

.portfolio4-area .single-portfolio-area .overley .content h3 a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

.portfolio4-area .single-portfolio-area .overley .content p {
    color: #ffffff;
}

.footer-area {
    background: url(img/soscom-distribuidor-unika-erp-6.jpg) no-repeat;
    padding: 80px 0px 20px 0px;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.footer-area .footer-top-area {
    padding: 60px;
    background: rgba(104, 104, 104, 0.5);
}

.footer-area .footer-top-area:before {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 100%;
    color: #000000;
    content: "\f1d9";
    font-family: fontawesome;
    font-size: 25px;
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -35px;
    width: 70px;
    display: block;
}

.footer-area .footer-top-area p {
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

.footer-area .footer-top-area .alert p {
    color: #222222;
}

.footer-area .footer-top-area h3 {
    text-align: center;
}

.footer-area .footer-top-area h3 a {
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
}

.footer-area .footer-top-area .contact-form input {
    width: 95%;
    margin-right: 2%;
    border-radius: 0px;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
    height: 45px;
}

.footer-area .footer-top-area .contact-form input.last-child {
    margin-right: 0;
    width: 100%;
}

.footer-area .footer-top-area .contact-form textarea {
    border-radius: 0px;
    border: 1px solid #ffffff;
    background: transparent;
    color: #ffffff;
}

.footer-area .footer-top-area .contact-form .submit-botton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 13px;
    margin: 20px 0 0;
    padding: 15px 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.footer-area .footer-top-area .contact-form .submit-botton:hover {
    background: #2c2969;
    border: 1px solid #2c2969;
}

.footer-area .footer-top-area .contact-form::-webkit-input-placeholder {
    color: #ffffff;
}

.footer-area .footer-top-area .contact-form:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
}

.footer-area .footer-top-area .contact-form::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
}

.footer-area .footer-top-area .contact-form:-ms-input-placeholder {
    color: #ffffff;
}

.footer-area h2.vartical-text {
    color: #2c2969;
    font-size: 72px;
    font-weight: 900;
    left: -35%;
    letter-spacing: 20px;
    position: absolute;
    text-transform: uppercase;
    top: 40%;
    transform: rotate(270deg);
}

.footer-area .footer-menu {
    margin: 30px 0;
}

.footer-area .footer-menu ul {
    text-align: center;
}

.footer-area .footer-menu ul li {
    display: inline-block;
    border-right: 1px solid #ffffff;
    line-height: 12px;
    padding: 0px 30px;
}

.footer-area .footer-menu ul li:last-child {
    border: 0;
}

.footer-area .footer-menu ul li a {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

.footer-area .footer-menu ul li a:hover {
    color: #808080;
}

.footer-area .footer-buttom-area {
    margin-top: 20px;
    border-top: 1px solid #5f5f5f;
    padding: 20px 0 0;
}

.footer-area .footer-buttom-area .copy-right-text p {
    margin: 12px 0 0;
    color: #9f9f9f;
}

.footer-area .footer-buttom-area .footer-social-media ul {
    text-align: right;
}

.footer-area .footer-buttom-area .footer-social-media ul li {
    display: inline-block;
    margin: 5px;
}

.footer-area .footer-buttom-area .footer-social-media ul li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
    color: #2c2969;
    display: block;
    text-align: center;
}

.footer-area .footer-buttom-area .footer-social-media ul li a:hover {
    background: #2c2969;
    color: #ffffff;
    border: 1px solid #2c2969;
}
.sticky-container2{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-148px;
    top:140px;
    width:210px;
    z-index: 1100;
}
.sticky2 li{
    list-style-type:none;
    background-color:transparent;
    color:#efefef;
    height:124px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky2 li:hover{
    margin-left:0;
}
.sticky2 li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky2 li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky2 li p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky2 li p a:hover{
    text-decoration:underline;
}




/*# sourceMappingURL=../maps/style.css.map */