/*
Theme Name: ICMAP
Theme URI: http://kopatheme.com/freebies/nictitate-multi-purpose-wordpress-theme-light-version/
Author: Kopatheme
Author URI: http://kopatheme.com
Description: View full live demo &amp; feature list <a href=" http://kopatheme.com/freebies/nictitate-multi-purpose-wordpress-theme-light-version/">here</a>. Nictitate theme is designed for portfolios and corporate with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: right-sidebar, responsive-layout, custom-menu, featured-images, post-formats, theme-options, translation-ready

/* =========================================================
Elements
============================================================ */

.
/* =========================================================
Clear Floated Elements
============================================================ */
.left{ 
    float:left;
}
.right{
    float:right;
}
.clear {  
    clear: both;  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    width: 0;  height: 0;
}
.clearfix:before, .clearfix:after{
    content: '.';  
    display: block;  
    overflow: hidden;  
    visibility: hidden;  
    font-size: 0;  
    line-height: 0;  
    width: 0;  
    height: 0;
}
.clearfix:after{  
    clear: both;
}
.clearfix{  
    zoom: 1;
}


/* =========================================================
CSS3 Transition
============================================================ */
/*a,
#main-menu li a i,
#main-menu li a span,
#contact-form #contact_name,
#contact-form #contact_email,
#contact-form #contact_subject,
#contact-form #contact_message,
#contact-form #submit-contact,
#bottom-sidebar .newsletter-form .submit,
.kopa-latest-work-widget .entry-item,
.kopa-featured-product-widget .entry-item,
.kopa-our-team-widget ul li .entry-item,
#comments-form #submit-comment,
.hover-effect .mask,
#main-menu li ul li,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a i,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a,
.cbp-af-header.cbp-af-header-shrink #logo-image,
.cbp-af-header.cbp-af-header-shrink #main-menu > li > ul,
.theme-opt-wrapper .btn,
#mobile-menu > span,
#toggle-view-menu li,.products li strong,.button-alt,.quantity input.minus,.quantity input.plus {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}*/

.hover-effect .mask a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.kopa-intro-widget ul li .entry-title span {
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
.kopa-intro-widget ul li .entry-title span {
    -webkit-transition: background 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out;
    -o-transition: background 0.5s ease-in-out;
    transition: background 0.5s ease-in-out;
}

/* =========================================================
Colunms
============================================================ */
.wrapper{
    width:1086px;
    margin: 0 auto;
}
.wrapper.full-width {
    width:100%;
    margin: 0 auto;
}
#main-col {
    float:left;
    margin-right:30px;
    width:806px;
}
.sidebar {
    float:left;
    width:250px;
}

.mb-20 {
    margin-bottom:20px;
}

.kopa-boxed .kopa-wrapper {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    max-width: 1160px;
    background:#fff;
}
.kopa-boxed .sticky-header {
    width:1160px;
}


/* =========================================================
Header
============================================================ */
#header-top {
    background-color:#4e5457;
}
#header-top .hot-line {
    float:left;
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:40px;
}
#header-top .top-box {
    float:right;
}
#header-top .top-link {
    float:left;
}
#header-top .top-link li {
    list-style:none;
    float:left;
    font-size:13px;
    color:#fff;
    margin:0 0 0 35px;
    line-height:40px;
}
#header-top .top-link li:first-child {
    margin:0;
}
#header-top .top-link li a {
    color:#fff;
}

/*----- Search -----*/
#header-top .search {
    float:right;
    margin-left:50px;
    position:relative;
}
#header-top .search-icon {
    background:url(images/icons/search-icon.png) no-repeat center center #52C67F;
    display:block;
    width:41px;
    height:41px;
    text-indent:-99999px;
    font-size:0;
    float:right;
}

#header-top .search-box {    
    background: none repeat scroll 0 0 #000;
    display: none;
    height: 41px;
    width: 203px;
    z-index: 100;
    float:left;
}
.search-form {
    position:relative;
}
.search-form .search-text { 
    background-color: #323738;
    border: none;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 41px;
    line-height: 28px;
    padding: 6px 10px;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.search-form .search-submit {
    background:url(images/icons/search-icon.png) no-repeat center center #52C67F;
    display:block;
    width:41px;
    height:41px;
    text-indent:-99999px;
    font-size:0;
    border:none;
    position:absolute;
    top:0;
    right:0;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.close-icon{
    display:none !important;
}

#header-bottom {
    background-color:#f9f9f9;
}

/*----- Logo -----*/
#logo-image {
    float:left;
    margin-top:12px;
}
#logo-image a,
#logo-image a img {
    width:100%;
    display:block;
}

/*----- Main Menu -----*/
#main-nav {
    float:right;
    position:relative;
    z-index:9999;
}
#main-menu > li {
    float:left;
    list-style:none;
    margin:0;
    background:url(images/background/line-1.png) repeat-y right 0;
    position:relative;
    z-index:9999;
}
#main-menu > li > a {
  text-align: center;
display: block;
width: 84px;
height: 85px;
padding-top: 16px;
  
}
#main-menu > li.current-menu-item > a,
#main-menu > li:hover > a {
    background-color:#52C67F;
}
#main-menu > li > a i {
    display:block;
    color:#cfd0de;
    font-size:22px;
    font-style:normal;
    margin-bottom:8px;
}
#main-menu > li > a span {
    display:block;
    color:#464646;
    font-size:11px;
    font-family: 'Rokkitt', serif;
    text-transform:uppercase;
}
#main-menu li.current-menu-item a i,
#main-menu li.current-menu-item a span,
#main-menu li:hover a i,
#main-menu li:hover a span {
    color:#fff;
}

.sf-arrows > li > .sf-with-ul:after {
    border-width:0px;
}
.sf-arrows li ul li .sf-with-ul:after {
    border-width:7px;
    margin-top:-7px;
    right:8px;
    background-repeat:no-repeat;
    background-position:right center;
    background-image:url(images/background/menu-arrow.png);
    border-color:transparent;
}
.sf-arrows ul li > .sf-with-ul:focus:after, 
.sf-arrows ul li:hover > .sf-with-ul:after, 
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color:transparent;
}

/*---Sub menu---*/
#main-menu li ul {
    display:none;
    position:absolute;
    width:200px;
    top:101px;
    left:0;
    background-color:#000;
    background-color:rgba(0,0,0,.94);
    z-index:9999;
}
#main-menu li ul li {
    padding:10px 15px;
    position:relative;
    list-style:none;
    margin:0;
    z-index:9999;
}
#main-menu li ul li:first-child {
    border-top:none;
}
#main-menu li ul li:hover,
#main-menu li ul li.current-menu-item {
    background-color:#212222;
}
#main-menu li ul li a {
    color:#d4d4d4 !important;
    display:block;
}
#main-menu li ul li ul {
    top:0;
    left:201px;
}

/*--------------Mobile Menu-------------------*/
#mobile-menu {
    display:none;
    position:relative;
    margin:20px 0;
}
#mobile-menu > span {
    display:inline-block;
    text-transform:uppercase;
    font-family:'Rokkitt', serif;
    font-size:24px;
    padding:10px 0;
    cursor:pointer;
    color:#52C67F;
}
#mobile-menu > span:hover {
    color:#141414;
}
#toggle-view-menu {
    display:none;
    list-style: none;
    margin: 0;
    padding: 0; 
    border-top: none;
    position:absolute;
    top:40px;
    right:0;
    z-index:99999;
    width:220px;
}
#toggle-view-menu > li {
    margin: 0;
    position: relative;
    cursor: pointer;
    list-style: none;
    background-color:#52C67F;
    border-top:1px solid #fff;
}
#toggle-view-menu h3 {
    font-size: 18px;
    margin: 0;  
    float: left;
    line-height: 40px;  
    padding: 0 15px;
}
#toggle-view-menu h3 a {
    color: #fff;
    width:100%;
    display:block;
}
#toggle-view-menu li:hover {
    background-color: #2F9657;
}
#toggle-view-menu span {
    float: right;
    font-size: 26px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    background-color:#2F9657;
}
#toggle-view-menu li.active {
    background-color:#2F9657;
}
#toggle-view-menu li.active span,
#toggle-view-menu li.active h3 a {
    color:#fff;
}
#toggle-view-menu .menu-panel {
    margin: 0px;
    display: none;
    padding: 10px 15px 0;
    font-size: 14px;
    color: #fff;
    background-color:#2F9657;
    border-top:1px solid #fff;
}
#toggle-view-menu .menu-panel ul {
    margin:0;
}
#toggle-view-menu li .menu-panel ul li {
    border:none;
    list-style:disc inside;
    margin: 0 0 10px 0;
    color:#fff;
}
#toggle-view-menu .menu-panel ul li a {
    display:inline-block;
    *display:inline;
    zoom:1;
    color:#fff;
    font-size:12px;
}
#toggle-view-menu .menu-panel ul li ul {
    margin-left:40px;
    margin-top:10px;
}

/*----- Sticky Header -----*/

.cbp-af-header.cbp-af-header-shrink #main-menu > li > a i {
    display:none;
}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > a {
    /*padding:15px 20px;*/
	height: 51px;
}
.cbp-af-header.cbp-af-header-shrink #logo-image {
    margin-top:4px;
    height:25px;
    width:160px
}
.cbp-af-header.cbp-af-header-shrink #main-menu > li > ul {
    top:67px;
}

.kopa-background {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000000;
    opacity: .2;
    filter:alpha(opacity=20);
    display:none;
}

/* =========================================================
Main Content
============================================================ */
.kopa-portfolio-page #main-content,
.kopa-404-page #main-content {
    padding-top:42px;
}
#main-content .widget {
    margin-bottom:42px;
}
#main-content .widget .widget-title {
    color:#F2F2F2;
    background-color:#52C67F;
    margin:8px 0 20px;
    font-size:24px;
    line-height:40px;
    padding-left:75px;
    position:relative;
    border-radius:50px 0 0 50px;
}
.kopa-about-page #main-content .widget.kopa-skill-widget .widget-title {
    margin:8px 0 25px;
}
#main-content .widget .widget-title span {
    color:#52C67F;
    background-color:#F2F2F2;
    width:50px;
    height:50px;
    border:3px solid #52C67F;
    border-radius:50%;
    position:absolute;
    left:0;
    top:-8px;
    line-height:56px;
    text-align:center;
}

.kopa-tagline-widget {
    background-color:#f8f8f8;
    border-left:2px solid #52C67F;
    padding:20px 25px;
}
.kopa-tagline-description {
    float:left;
}
.kopa-tagline-description h4 {
    font-size:18px;
    font-family: 'Raleway', sans-serif;
    font-weight:600;
    margin-top:0;
    color:#555;
}
.kopa-tagline-description p {
    margin:0;
    color:#555;
}
.kopa-tagline-widget .kopa-button {
    float:right;
}

/*-----------------Carousel------------------*/
.kopa-latest-work-widget,
/*.kopa-home-3 .kopa-testimonial-widget,
.kopa-home-2 .kopa-testimonial-widget,*/
.kopa-testimonial-widget,
.kopa-featured-product-widget,
.kopa-related-post {
    overflow:hidden;
    position:relative;
}
.kopa-latest-work-widget .list-carousel.responsive,
.kopa-testimonial-widget .list-carousel.responsive,
.kopa-featured-product-widget .list-carousel.responsive,
.kopa-related-post .list-carousel.responsive {
    width: auto;
    margin: 0 -13px;
}
.kopa-latest-work-widget .list-carousel > ul,
.kopa-testimonial-widget .list-carousel > ul,
.kopa-featured-product-widget .list-carousel > ul,
.kopa-related-post .list-carousel > ul {
    display: block;
    height: 100%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.kopa-latest-work-widget .list-carousel ul li,
.kopa-featured-product-widget .list-carousel ul li {
    display: block;
    float: left;
    margin: 0 13px;
    padding: 0;
    width:252px;
}
.kopa-testimonial-widget .list-carousel ul li {
    display: block;
    float: left;
    margin: 0 13px;
    padding: 0;
    width:530px;
}
.kopa-related-post .list-carousel ul li {
    display: block;
    float: left;
    margin: 0 13px;
    padding: 0;
    width:390px;
}
.kopa-latest-work-widget .entry-item,
.kopa-featured-product-widget .entry-item {
    text-align:center;
    background-color:#fafafa;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
}
.kopa-latest-work-widget .entry-item:hover,
.kopa-featured-product-widget .entry-item:hover {
    border-bottom:1px solid #52C67F;
}
.kopa-latest-work-widget .entry-item .entry-thumb,
.kopa-featured-product-widget .entry-item .entry-thumb {
    margin-bottom:20px;
}
.kopa-latest-work-widget .entry-item .entry-title,
.kopa-featured-product-widget .entry-item .entry-title {
    font-size:16px;
    font-weight:500;
    margin:0 0 3px;
    line-height:18px;
    font-family: 'Raleway', sans-serif;
}
.kopa-latest-work-widget .entry-item .entry-title a,
.kopa-featured-product-widget .entry-item .entry-title a {
    color:#666;
}
.kopa-latest-work-widget .entry-item .entry-categories a {
    color:#a6a6a6;
}
.kopa-latest-work-widget .carousel-nav,
.kopa-testimonial-widget .carousel-nav,
.kopa-featured-product-widget .carousel-nav,
.kopa-related-post .carousel-nav {
    position:absolute;
    top:15px;
    right:5px;
}
.kopa-latest-work-widget .carousel-nav a,
.kopa-testimonial-widget .carousel-nav a,
.kopa-featured-product-widget .carousel-nav a,
.kopa-related-post .carousel-nav a {
    display:block;
    float:left;
    border:1px solid #9ae4ff;
    background-repeat:no-repeat;
    background-position:center center;
    text-indent:-99999px;
    font-size:0;
    width:25px;
    height:25px;
}
.kopa-latest-work-widget .carousel-nav .carousel-prev,
.kopa-testimonial-widget .carousel-nav .carousel-prev,
.kopa-featured-product-widget .carousel-nav .carousel-prev,
.kopa-related-post .carousel-nav .carousel-prev {
    background-image:url(images/slider/carousel-prev.png);
}
.kopa-latest-work-widget .carousel-nav .carousel-next,
.kopa-testimonial-widget .carousel-nav .carousel-next,
.kopa-featured-product-widget .carousel-nav .carousel-next,
.kopa-related-post .carousel-nav .carousel-next {
    background-image:url(images/slider/carousel-next.png);
    background-position:11px center;
    margin-left:3px;
}
.kopa-latest-work-widget .carousel-nav a:hover,
.kopa-testimonial-widget .carousel-nav a:hover,
.kopa-featured-product-widget .carousel-nav a:hover,
.kopa-related-post .carousel-nav a:hover {
    border:1px solid #F2F2F2;
}

.kopa-latest-post-widget {
    position:relative;
}
.kopa-latest-post-widget ul li {
    margin:0 0 0 0;
    list-style:none;
    float:left;
}
.kopa-latest-post-widget ul li:first-child {
    margin-left:0;
}
.kopa-latest-post-widget ul li .entry-item .entry-thumb {
    float:left;
    margin-right:20px;
}
.kopa-latest-post-widget ul li .entry-item .entry-content {
    float:left;
    width:528px;
}
.kopa-latest-post-widget ul li .entry-item .entry-title {
    font-size:16px;
    font-weight:500;
    font-family: 'Raleway', sans-serif;
    margin:0 0 15px;
    padding-bottom:15px;
    border-bottom:1px solid #ececec;
    position:relative;
}
.kopa-latest-post-widget ul li .entry-item .entry-title a {
    color:#4c4e54;
}
.kopa-latest-post-widget ul li .entry-item .entry-title span {
    width:75px;
    display:block;
    height:1px;
    background-color:#52C67F;
    position:absolute;
    bottom:-1px;
    left:0;
}
.kopa-latest-post-widget ul li .entry-item .entry-date {
    font-family: 'Raleway', sans-serif;
    color:#888;
}
.kopa-latest-post-widget ul li .entry-item .entry-date span {
    margin-right:5px;
    color:#aaa;
    float:left;
    margin-top:1px;
}
.kopa-latest-post-widget .view-all {
    position:absolute;
    top:10px;
    right:20px;
    color:#f8f8f8;
    font-size:14px;
}

.kopa-service-widget ul {
    margin-top:40px;
}
.kopa-service-widget ul:first-child {
    margin-top:0px;
}
.kopa-service-widget ul li {
    list-style:none;
    float:left;
    margin:0 0 0 2.394107%;
    width:23.2%;
}
.kopa-service-widget ul li:first-child {
    margin:0;
}
.kopa-service-widget ul li .service-title {
    font-weight:500;
    font-family: 'Raleway', sans-serif;
    font-size:15px;
    margin:0 0 20px;
}
.kopa-service-widget ul li .service-title a {
    color:#808080;
}
.kopa-service-widget ul li .service-title span {
    margin-right:15px;
    color:#6e6e6e;
    font-size:30px;
}

.kopa-client-widget ul li {
    list-style:none;
    float:left;
    width:238px;
    margin:0 0 0 44px;
}
.kopa-client-widget ul li:first-child {
    margin:0;
}
.kopa-client-widget ul li div {
    /*background-color:#f8f8f8;
    border:1px solid #f1f1f1;*/
    text-align:center;
    height:83px;
}
.kopa-client-widget ul li img {
    display:inline-block;
    margin-top: -1px !important;
}

#main-content .kopa-contact-widget {
    background:url(images/background/shadow-1.png) repeat-x 0 top #f4f4f4;
    padding:40px 0;
    margin-bottom:0;
}

.kopa-contact-widget #contact-form,
.kopa-contact-widget #contact-form .contact-button {
    margin:0;
}
.kopa-contact-widget #contact-form p {
    position:relative;
}
.kopa-contact-widget #contact-form label.required {
    float:left;
    width:150px;
    font-size:15px;
    font-family: 'Raleway', sans-serif;
    color:#000;
    line-height:40px;
}
.kopa-contact-widget #contact-form label.required span {
    color:#848484;
}
.kopa-contact-widget #contact-form #contact_name,
.kopa-contact-widget #contact-form #contact_email,
.kopa-contact-widget #contact-form #contact_subject {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:377px;
    padding:5px 10px;
    background-color:#F2F2F2;
    border:1px solid #e9e9e9;
    height:40px;
    line-height:30px;
    box-shadow:none;
    float:left;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.kopa-contact-widget #contact-form #contact_message {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:377px;
    padding:5px 10px;
    background-color:#F2F2F2;
    border:1px solid #e9e9e9;
    height:210px;
    box-shadow:none;
    float:left;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
.kopa-contact-widget #contact-form #contact_name:focus,
.kopa-contact-widget #contact-form #contact_email:focus,
.kopa-contact-widget #contact-form #contact_subject:focus,
.kopa-contact-widget #contact-form #contact_message:focus {
    border:1px solid #52C67F;
}
.kopa-contact-widget #contact-form #submit-contact {
    color:#F2F2F2;
    background-color:#52C67F;
    border:none;
    padding:10px 20px;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    margin: 0 0 0 150px;
}
.kopa-contact-widget #contact-form #submit-contact:hover {
    background-color:#141414;
}
.kopa-contact-widget #contact-form label.error {
    position:absolute;
    right:0;
    top:-20px;
    color:#52C67F;
    font-size:12px;
}

.kopa-contact-widget #contact-info .contact-title {
    font-size:36px;
    color:#2b2b2b;
    margin:0 0 25px;
    line-height:28px;
}
.contact-social-link {
    margin:20px 0;
}
.contact-social-link li {
    float:left;
    list-style:none;
    margin:0 0 0 7px;
}
.contact-social-link li:first-child {
    margin:0;
}
.contact-social-link li a {
    display:block;
    background-color:#f0f0f0;
    border:1px solid #d8d8d8;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    color:#535353;
    font-size:16px;
}
.contact-social-link li a:hover {
    border:1px solid #52C67F;
}
.kopa-contact-widget #contact-info address,
.kopa-contact-widget #contact-info address a {
    font-size:15px;
    font-family: 'Raleway', sans-serif;
    color:#3f3f3f;
}
.kopa-contact-widget #contact-info address i {
    width:25px;
    color:#767676;
    background:none;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/



/* =========================================================
Footer
============================================================ */
#page-footer {
    background-color:#545454;
	font-size:9px;
}
#copyright {
    float:left;
    margin:15px 0;
}
#footer-menu {
    float:right;
}
#footer-menu li {
    float:left;
    list-style:none;
    margin:0 0 0 20px;
}
#footer-menu li:first-child {
    margin:0;
}
#footer-menu li a {
    display:block;
    color:#c4c4c4;
    padding:15px 0;
}

.kopa-home-4 #page-footer,
.kopa-home-2 #page-footer,
.kopa-home-3 #page-footer,
.heavy-dark-footer #page-footer {
    background-color:#303030;
}

/* =========================================================
Home page 3
============================================================ */
.kopa-home-4 #main-content .sequence-wrapper,
.kopa-home-4 #main-content .rev_slider_wrapper {
    margin-bottom:0;
}
.kopa-home-4.kopa-home-3 #main-content .sequence-wrapper,
.kopa-home-4.kopa-home-3 #main-content .rev_slider_wrapper {
    margin-bottom:42px;
}

.list-container-2 {
    margin-top:-1px;
}
.list-container-2 ul {
    margin: 0;
}
.list-container-2 ul li,
.sidebar .widget .list-container-2 ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding:0;
    width:362px;
    position:relative;
}
.list-container-2 ul li.active,
.sidebar .widget .list-container-2 ul li.active {

}
.list-container-2 ul li:first-child,
.sidebar .widget .list-container-2 ul li:first-child {
    margin:0;
}
.list-container-2 ul li > a {
    background-color: #f7f7f7;
    color: #888;
    display: block;
    font-size: 24px;
    line-height:38px;
    padding: 10px 0;
    text-align:center;
    text-transform:uppercase;
    outline:none;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.list-container-2 ul li.active > a {
    text-decoration: none;
    background-color:#52C67F;
    color:#F2F2F2;
}
.list-container-2 ul li span {
    width:34px;
    height:34px;
    background:#52C67F;
    text-align:center;
    line-height:34px;
    border:2px solid #F2F2F2;
    border-radius:50%;
    font-size:16px;
    color:#fff;
    margin:0 15px 0 0;
    position:relative;
    z-index:0;
}
.list-container-2 ul li.active span {
    
}

.tab-container-2 {
    background-color:#52C67F;
    padding:25px 30px 15px;
    color:#fff;
}

/*---------Skill bar-----------*/
.kopa-skill {
    margin:15px 0 0;
    position:relative;
    list-style:none;
}
.kopa-skill div {
    height: 6px;
    float: left;
    width: 100%;
    position: relative;
    margin:0 !important;
}
.kopa-skill p.kopa-skill-title {
    color: #555;
    font-size:14px;
    font-family: 'Raleway', sans-serif;
}

/*===============Progress Bars===================*/

.progress-bar {
    height: 20px;
    margin:30px 0;
    position: relative;
    background-color: #f3f3f3;
    z-index:0;
}
.progress-bar > span {
    display: block;
    height: 6px;
    top:0;
    background-color: #52C67F;
    position: relative;
    z-index:0;
}
.progress-bar > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;   
    z-index: 1;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    color:#fff;
    text-align:right;
}
.animate > span:after {
    display: none;
}
 @-webkit-keyframes move {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 50px 50px;
}
}
 @-moz-keyframes move {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 50px 50px;
}
}
.progress-bar.green > span {
    background-color: #52C67F;
}
.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    -moz-animation: none;
    background-image:none;
}

#bottom-sidebar {
    background-color:#414246;
    padding:35px 0 25px;
    color:#e9e9e9;
}
#bottom-sidebar .widget .widget-title {
    font-size:24px;
    margin:0 0 25px;
    line-height:20px;
}
#bottom-sidebar .widget .search-form {
    margin:0 0 10px;
    position:relative;
}
#bottom-sidebar .widget .search-form .search-text {
    background-color:#383a3f;
    box-shadow:0 1px 0 #535354;
    -moz-box-shadow:0 1px 0 #535354;
    -webkit-box-shadow:0 1px 0 #535354;
    border:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:40px;
    line-height:30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:100%;
    color:#aaa;
    font-weight:300;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    padding:5px 10px;
}
#bottom-sidebar .widget .search-form .search-submit {
    width:20px;
    height:20px;
    border:none;
    background:url(images/icons/search-icon-2.png) no-repeat 0 0;
    position:absolute;
    top:8px;
    right:10px;
}
#bottom-sidebar .kopa-social-widget ul {
    margin-bottom:20px;
}
#bottom-sidebar .kopa-social-widget li {
    list-style:none;
    float:left;
    margin:0 0 0 10px;
}
#bottom-sidebar .kopa-social-widget li:first-child {
    margin:0;
}
#bottom-sidebar .kopa-social-widget li a {
    display:block;
    width:40px;
    height:40px;
    color:#e2e2e2;
    text-align:center;
    background-color:#383a3f;
    box-shadow:0 1px 0 #535354;
    -moz-box-shadow:0 1px 0 #535354;
    -webkit-box-shadow:0 1px 0 #535354;
    line-height:40px;
    font-size:18px;
}
#bottom-sidebar .newsletter-form {
    margin:0;
}
#bottom-sidebar .newsletter-form .email {
    background-color:#383a3f;
    box-shadow:0 1px 0 #535354;
    -moz-box-shadow:0 1px 0 #535354;
    -webkit-box-shadow:0 1px 0 #535354;
    border:none;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:40px;
    line-height:30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:255px;
    color:#aaa;
    font-weight:300;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    padding:5px 10px;
    float:left;
    margin-right:2px;
}
#bottom-sidebar .newsletter-form .submit {
    background-color:#52C67F;
    color:#fff;
    font-family: 'Raleway', sans-serif;
    font-size:14px;
    border:none;
    padding:11px 10px;
}
#bottom-sidebar .newsletter-form .submit:hover {
    background-color:#141414;
}

/* =========================================================
Home page 2
============================================================ */
.kopa-intro-widget ul li {
    list-style:none;
    float:left;
  width: 32%;
padding: 8px;
margin: 0px -45px 17px 55px;



}
.kopa-intro-widget ul li article {

padding: 8px;
background: #fff;
border: 2px #A1A1A1 solid;
/*-moz-box-shadow: 2px 3px 7px #000000;
-webkit-box-shadow: 2px 3px 7px #ccc;
box-shadow: 2px 3px 7px #ccc;*/
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/


}
.kopa-intro-widget ul li article:hover{

padding: 8px;
background: #fff;
-moz-box-shadow: 0px 0px 10px #6B6B6B;
-webkit-box-shadow: 0px 0px 10px #6B6B6B;
box-shadow: 0px 0px 10px #6B6B6B;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/


}

.kopa-intro-widget ul li:first-child {
    margin-left: -36px;
	
}
.kopa-intro-widget ul li .entry-title {
    font-size:24px;
    line-height:24px;
    margin:0 0 0px;
}
.kopa-intro-widget ul li .entry-title a {
    color:#555;
	
}
.kopa-intro-widget ul li .entry-title span {
	background: url('../images/boxiconbg.jpg') no-repeat  ;
    display:block;
    float:left;
    text-indent: 0px;
    width: 91px;
height: 90px;
color: #F2F2F2;
text-align: center;
line-height: 81px;
font-size: 28px;
margin-right: 21px;
margin-bottom: 4px;
}
.kopa-intro-widget ul li:hover .entry-title span {

	background: url('../images/boxiconhover.jpg') no-repeat;
    color:#2BA326;

border-radius: 50%;
}*/
.kopa-intro-widget ul li p {
    color:#666;
    font-size:13px;
}

