/*
Theme Name: Sensitive Pro
Theme URI: http://wpeden.com/product/wpeden-sensitive-pro-wordpress-theme/
Author URI: http://wpeden.com
Description: Fully Responsive Theme using Twitter Bootstrap with Metro Styled Accent. This theme is will make your website adaptable with mobile devices. Theme Features: Custom Homepage Settings, 3 Page Templates, Custom Background Support, Search Engine Friendly.  
Author: Shaon
Version: 2.3.3
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, threaded-comments, sticky-post, microformats,  editor-style, custom-menu, custom-background

Sensitive - WordPress Theme, Copyright 2014 wpeden.com
Sensitive - WordPress Theme is distributed under the terms of the GNU GPL
 
*/

/**
* Change Log
* *** v2.3.3
* Fixed few issues on Homepage Hex
* 
* *** v2.3.2
* Fixed contact page issue
* Updated Rich Text Module for MiniMax
*
* *** v2.3.1
* Compatibility release for WP 3.9
*
* *** v2.3.0
* Updated minimax
* Updated page templates
*
* *** v2.2.6
* Fixed javascript missing variable issue
*
* *** v2.2.5
* Fixed wp 3.6 compatibility issue
* Uograded minimax
*
* *** v2.2.4
* Added reset button
* Fixed css issue in comments
*
* *** v2.2.3
* Improved top menu styles
* Fixed slider issue with custom homepage
* Added new portfolio styles
*
* *** v.2.2.3
* Fixed navmenu color issue for IE
* Upgraded layout builder
* Added 3 new modules
*
* *** v2.2.2
* Upgraded layout builder
* Upgraded slider functionality
* Upgraded dropdown menu
*
* *** v2.2.1
* Upgraded theme framework
* Added new homepage
*
* *** v2.2.0
* Upgraded layout builder
* Upgraded heading modules
* Upgraded folded corner module
* 
* *** v2.1.0
* Added new homepage template
* Added typography feature
* Fixed issue with title
*  
* *** v2.0.4
* Fixed issue with custom homepage
* 
* *** v2.0.3
* Added new homepage templates
* Added caption with carousel
* Optimized css
* 
* *** v2.0.2
* Fixed module conflict issue
* Optimized motule css
* 
* *** v2.0.1
* Added full width page template
* Added left sidebar page template
* Optimized blog page template
* 
* *** v2.0.0
* Initial Release
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700); 
@import url(bootstrap/css/bootstrap.css);
 /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {    
      font-family: 'Open Sans';
      font-weight: 300;  
      color: #5a5a5a;
      font-size:10pt;
      
    }

    .container{
        max-width: 1000px;
    }

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper{
       padding-top: 65px;
       padding-bottom: 0px;  
       margin-bottom: 20px;          
       background: #333 url(images/bg/sky.jpg) center center;
    }
    /*.home .navbar-wrapper{
      position: absolute;    
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      padding-top:  0px;  
      padding-bottom: 0px;         
      background: transparent;
      margin-top: 20px;
      margin-bottom: -90px;
    }*/
     
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      height: 39px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    .brand img{
        max-height: 30px;
        width: auto;
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
      font-weight: 300;
      text-shadow: none;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }


  

    .entry-title{
        font-size:20pt;
    }
  
    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {
     
     blockquote.dark *{
          text-align: center !important;
     } 
     
     blockquote.dark .pull-right{
         float: none !important;
         margin-top:10px;
         display: block;
     }  
        
    .nav-collapse.pull-right{
        width:100%;
        clear:both;
    }
      .navbar-wrapper{
          padding-top: 15px;
      }
      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

       

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {
      .footer,
      .hbox{
          padding:20px;
      }

      .nav-collapse.pull-right{
        width:100%;
        clear:both;
    }
     
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

    }
    

  
a{
    color: #226AC1;
} 

h1,h2,h3,h4{ font-family: 'Open Sans'; }
h1{ font-size:24pt; margin: 5px 0px; } 
h2{ font-size:20pt; margin: 5px 0px; } 
h3{ font-size:14pt; margin: 5px 0px; } 
h4{ font-size:10pt; margin: 5px 0px; } 

 
.box{
margin: 3px;     
font-size: 9pt;
}
.box .header,.box h3{
margin: 0px;
margin-bottom: 5px;  
padding: 5px;
display: block;
line-height: 25px;
}

.hlight{
background: #fff4ca;
background: -moz-linear-gradient(top, #fff4ca 0%, #fffbef 82%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4ca), color-stop(82%,#fffbef));
background: -webkit-linear-gradient(top, #fff4ca 0%,#fffbef 82%);
background: -o-linear-gradient(top, #fff4ca 0%,#fffbef 82%);
background: -ms-linear-gradient(top, #fff4ca 0%,#fffbef 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4ca', endColorstr='#fffbef',GradientType=0 );
background: linear-gradient(top, #fff4ca 0%,#fffbef 82%);
border:1px solid #FCEAA9;
}
 
 

.title{
background: #e2eeff;
background: -moz-linear-gradient(top, #e2eeff 22%, #bfdbff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#e2eeff), color-stop(100%,#bfdbff));
background: -webkit-linear-gradient(top, #e2eeff 22%,#bfdbff 100%);
background: -o-linear-gradient(top, #e2eeff 22%,#bfdbff 100%);
background: -ms-linear-gradient(top, #e2eeff 22%,#bfdbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeff', endColorstr='#bfdbff',GradientType=0 );
background: linear-gradient(top, #e2eeff 22%,#bfdbff 100%);
border-bottom: 1px solid #7AB1FF;     
color: #000;
line-height: 20px;
padding: 8px 15px; 
font-size: 9pt;  
  
}
   

h2{
    font-size: 13pt;
}
.post h2.entry-title{
    margin-top: 0px;
    line-height: normal;    
}
.post{     
    clear: both;
    display: block;      
}
.green_posts h2 a{
    font-size: 11pt;
}
 
.form-allowed-tags{
    font-family: 'courier new';
    color: #aaa;
}
.meta{
    font-size: 9pt;
    margin-bottom: 5px;
    margin-top: 3px;
     
}
.arc .meta{     
    color: #aaa !important;
}
.arc p{
    padding-left: 0px;     
}



.comment-meta *{
    font-size: 9pt;
    color: #aaa !important;
}
.green_posts .meta,.green_posts .meta *{
    color: #336699;    
}
.green_posts a{
    color: #2765B5;
    text-decoration: none;
}
 
.sidebar .box{
    width: 100%;
}

.box a{
    color: #226AC1;
    text-decoration: none;
}

.widget_content a:hover{
    text-decoration: underline;
}
.widget_content{
    padding: 10px 20px;    
}
.widget-footer ul{
    margin: 0px;
    padding: 0px !important;
}
.widget-footer li{
    border-top:1px solid rgba(0,0,0,0.3);
    border-bottom:1px solid rgba(255,255,255,0.3);
    min-height: 30px;
}
.widget-footer li:last-child{
   border-bottom:0px solid #000000;  
}

.widget-footer h3{
    margin-bottom: 0px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    padding-bottom: 10px;
    font-size: 10pt ;
    font-weight: 700;
    text-transform: uppercase;
}

.widget li{    
    list-style: none;    
    padding: 3px 0px;     
}

#wp-calendar{
    width: 100%;
}
#wp-calendar *{
    text-align: center;
}
.box h3{
    /*overflow: hidden;*/     
}

.post ol,.post ul{
    margin-left: 20px;
    list-style: square;
}
h1,h2,h3,h4{     
    clear: both;
    display: block;
}
.post h1{
    font-size:20pt;    
}
.home-box{
    min-height:150px;
    /*overflow: hidden;*/
}
table{
    width: 100%;     
    border-collapse: collapse;   
    border-bottom:0px solid  #eeeeee;
}

th{
background: #f5f5f5;
border-bottom:1px solid  #eeeeee;
padding: 5px;
text-align: left;
}

td{
    padding: 5px;
    border-bottom:1px solid  #eeeeee;
}
.mx_comments ul ul,
.mx_comments ol ol{
    margin-left: 65px;
}
del{
    color:#800000;
}
.mx_comments ul li{
    list-style: none;
    margin-bottom: 10px;
}
.mx_comments .comment-body .comment-wrap{
    float: right;
    width:650px;
    max-width: 100%;
}
 
.mx_comments .children .comment-body .comment-wrap{    
    float: right;
    width:585px;
    max-width: 100%;
}
.mx_comments .author-box{
    float: left;
    padding: 0;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
   /* -moz-box-shadow: inset 0 0 5px #888;
-webkit-box-shadow: inset 0 0 5px#888;
box-shadow: inner 0 0 5px #888;  */
}


.bypostauthor .author-box .ifauthor:before{
    content: "AUTHOR";
    font-weight: bold;
    margin: -80px 0 0 -15px;
    color: #ffffff;
    padding: 4px 15px;
    background: rgba(224, 71, 112, 0.6);
    position: absolute;
    font-size: 8pt;
    text-align: center;
    width: 69px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

}



.mx_comments .commentmetadata a{
    color: #ccc;
}
.mx_comments .commentmetadata{
    font-size:10pt;    
    display: block;     
    line-height: 25px;
    color: #ccc;
}

.post ol li,
.mx_comments .comment-content ol li{
    list-style: decimal;
}

.post ul li,
.mx_comments .comment-content ul li{
    list-style: square;
}

.mx_comments .comment-content ol,
.mx_comments .comment-content ul{
    margin-left: 0px;
}
.mx_comments .comment-content ol ol,
.mx_comments .comment-content ul ul{
  margin-left: 20px;   
}
 
.comment-content img, .reply-content img{
    max-width: 100%;
}
#cancel-comment-reply-link,.mx_comments .comment-reply-link{
cursor: pointer;    
background: #ccc;
color:#fff;
font-size: 9pt;
padding:2px 10px 4px 10px;
float: right;
font-style: italic;
color:#333; 
margin-bottom: 10px;
}
#commentform p{
    margin-bottom:5px;
 
}
#commentform p .required{
    color: #ff0000;
}
#commentform p label{
    font-weight: bold; 
    width: 200px;
    color: #aaa;      
}
#commentform p input[type=text]{
    display: block;
    padding: 5px;
 
width: 89%;
                           
}
.comment-form-author,.comment-form-email,.comment-form-url{
    width:33%;
    float: left;
    clear: none !important;
}
 
.mx_comments .commentmetadata .fn ,
.mx_comments .commentmetadata .fn a{
    float: left;
    margin-right: 10px;    
    font-size: 10pt;
    color: #2765B5 !important;    
    
}
#commentform textarea{
    width: 98%;
    padding: 5px;
}

#respond{
    padding-top: 20px;
    margin-top: 20px;    
}
.single p{display: block;clear: both; font-size:10pt;}

 
.alignright{
    float: right;
    margin: 10px 0px 10px 10px;
}
.alignleft{
    float: left;
    margin: 5px 10px 5px 0px;
}
.aligncenter{
    display: block;   margin-left: auto;   margin-right: auto;
}
.wp-caption-text{
    text-align: center;
}
 
.footer{
    width: 100%;     
    background: #222222;
    color: #fff;
}

.widget #s{
    width:205px;
}

.footer a{
    color: #fff;
}

.footer .content{
    text-align: center;
    padding: 10px;
}

.gallery-caption{
    

} 

.bypostauthor{
    
}

.new-downloads li:nth-child(odd), .top-downloads li:nth-child(odd) {
    background: #f1f1f1;
}
.new-downloads li,.top-downloads li{
    margin-bottom: 5px;
}
.new-downloads img,.top-downloads img{
    margin-right: 5px;
}

ul ul{
    margin-left: 15px;
}

table.dtable{  width:620px; }
table.dtable *{ text-align: center !important; }
.fieldset{ border: 1px solid #7AB1FF; padding: 10px; margin-top: 10px;width:600px;}
.fieldset legend{ font-size: 13pt;}
.wpdm_package{background: #fafafa;}
.share, .share *{ border: 0px;}
.share td{
    width: 20%; overflow: hidden;
}

 

.sidebar .fieldset{
    width: 290px;
    margin-left: 4px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.sidebar a.download-link{
    margin-left: 10px;
}
.preview_img{
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}

.home-box h3 img{
    margin-top: 3px;
}

.wp-caption img{
  max-width: 98.6%;    
}
.wp-caption{
  padding: 0px;
  border: 1px solid #5896C9;   
  display: block;
  max-width: 100%;  
/*    -moz-box-shadow: inset 0 0 5px #2765B5;
-webkit-box-shadow: inset 0 0 5px #2765B5;
box-shadow: inner 0 0 5px #2765B5;  */
    
}
.wp-caption .wp-caption-text{
    background: #C7E6F9;
    padding: 5px;
    margin: 0px;
    
}
.wp-caption img{
    padding: 0px;
    margin: 5px;
    margin-bottom: 0px;
}
.wp-smiley{
    
    border: 0px;
}

.post-categories li{
    list-style: none;
    float: left;
    margin-right: 5px;
}

ol li{
    list-style: decimal;
}

.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
 span.reference a{
            text-shadow:1px 1px 1px #000;
            color:#999;
            text-transform:uppercase;
            text-decoration:none;
            position:fixed;
            right:10px;
            top:10px;
            font-size:13px;
            font-weight:bold;
 }
span.reference a:hover{
color:#555;
}
h1.title{
  color:#777;
  font-size:30px;
  margin:10px;
  font-weight:normal;  
}
 .footer_menu .current-menu-item a{
     background: transparent;
     font-weight: bold;
 }
 .footer_menu a{
     font-size:11px;
     font-style: italic;
 }
 .nav-next{
     float: right;     
     margin: 10px 12px 10px 0;
 }
 .nav-previous{
     float: left;
     margin: 10px 0px;
     
 }
 .nav-previous a,
 .nav-next a{
    padding: 5px 10px;
    color: #000; 
    font-weight: 300;
    background: #FFCD00; 
    font-size: 10pt;
 }
 .clear{
     clear: both;
 }
 .widget > div, 
 .widget > form, 
 .widget > p,
 .widget > ul,
 .widget > ol,
 .widget > table{
     padding: 10px;
 }
 form.input{
     max-width:100% !important;
 }
 
 p.attachment img{
     margin: 0px auto;
 }
 
p.attachment img.alignleft{}

.medium-font{
    font-size:13pt;
}
    


 .footer .widget h3{
     font-family: 'Open Sans';
     color: #fff;
 }
   
 .footer .content{
     margin-top:20px;
     background: rgba(0,0,0,0.4) !important; 
     border-top: 1px solid rgba(0,0,0,0.2);     
 }

 .wpeden-bs-services .img-rounded{
     background: #eeeeee;
 }
 
 .wpeden-bs-services h2{
     font-family: 'Open Sans';
     font-size: 18pt;
     font-weight: 300;
 }
 h1{
    font-family: 'Open Sans';
     font-size: 24pt;
     font-weight: 300; 
 }
 p{
     font-family: 'Open Sans';
     font-size: 10pt;
     font-weight: 300;
     line-height: 1.7;
     margin-top:10px;
 }

pre,
code{
    display: block;
    float:left;
    max-width: 100%;
    white-space: normal !important;
}
.box.widget{
     
}
 
#reply-title,
.box.widget h3{
    margin:6px 6px 0 6px;     
    color:#000000;
    text-shadow:1px 1px 10px #ffffff;
    font-size: 10pt;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    background: #fafafa;
    margin-bottom: 5px;
}
#reply-title{
    margin: 10px 0px;
    padding:0px 10px;
}
.thumbnail{
   max-width: 98.5%; 
}
.box.widget ul{
    margin-left:4px;
}
.box.widget ul li{
    margin:0px;
    background: url(images/chevron-right-16.png) left 9px no-repeat;
    padding-left: 20px !important;
}
.box.widget li,
.box.widget p{
    font-size: 10pt;
}

.dropdown-menu{
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.dropdown-menu .dropdown-menu{
    margin-top: 10px !important;
}


.dropdown-submenu li > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a{
    background: rgba(0,0,0,0.1) !important;
}

ul.dropdown-submenu{
    margin-top: 20px !important;
}

.dropdown-menu .active > a, 
.current-menu-item>a, 
.dropdown-menu a:hover{
    background: rgba(0,0,0,0.1) !important;
}
.dropdown-menu li{
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.dropdown-menu a{
     font-size: 10pt;
     font-weight: 300 !important;
     line-height: 25px !important;
     border-bottom: 1px solid rgba(0,0,0,0.1);
 }
 .arc-header{
     margin-left: 0px;     
      
 }
 .arc-header h1{
    color: #ffffff !important;
    text-shadow: 1px 1px 1px #000; 
    padding:5px;
    background: rgba(0,0,0,0.7);
    text-align: right;
    margin: 15px 0px;
    padding-right: 30px !important;
    
 }
 
 .mx_comments .commentlist {
     margin: 0px;
 }
 .mx_comments .commentlist li{
     list-style: none;
 }

 .wpeden-testimonial-section .pull-left{
     margin-right:7px !important;
 }
 
.hbox .client-review p{
    font-size:10pt;
} 

.hbox .section-head{
    font-size:10pt;
    color: #444;
    font-weight: 700;
    text-transform: uppercase;
}

.wpeden-bs-services:hover .service.well{
   border-bottom: 4px solid #bbbbbb; 
}

.service.well{
    border-bottom: 4px solid #eee;
}
.wpeden-bs-services:hover  .service.well:hover{
    background: #f5f5f5;
    border-bottom: 4px solid #9B59BB !important;
}

.service.well h2{
    font-size:13pt !important;
}

.client-review h3{
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
}

 .hbox .section-head{
     border-bottom:4px solid #bbb;
 }
 .hbox{
     background: #f5f5f5;
     min-height: 286px !important;
     margin-bottom: 30px;
 }
 
 .hbox .entry-content h3{
     font-size:10pt;
     line-height: normal;
      
 }
 
 .type-post, .type-post .post,
 .type-page, .type-page .post{
     margin:0px !important;
     padding:0px !important;
 }

 .post:first-child{
     margin-top:0px;
 }
 .breadcrumb{
     margin-bottom: 10px;
     font-size: 8pt;
 }
 .home .about.well:hover{
     padding:0px;
     border:1px solid #8D46B0;
 }
 .home-cat-single:hover img,
 .home .about.well:hover img{
     opacity:1;
     transition: opacity .50s ease-in-out;
     -moz-transition: opacity .50s ease-in-out;
     -webkit-transition: opacity .50s ease-in-out;
 }
 
 .home-cat-single .wpeden-blank-thumb{
     border: 1px solid #eee;
 }
 .about.well .wpeden-blank-thumb{
     border:0px;
 }
 .home-cat-single img,
 .home .about.well img{
     transition: opacity .50s ease-in-out;
     -moz-transition: opacity .50s ease-in-out;
     -webkit-transition: opacity .50s ease-in-out;
 }
 .home .about.well{
     padding:0px;
     border:1px solid #fafafa;
 }
 .home .about .entry-content{
     padding:0px 10px;
 }
 .media-heading{
     line-height: normal;
 }
 .media, .media .media{
     margin-top: 10px;
 }
 
 .home .media:last-child{
     margin-right: 0px;
 }
 
 .mt5{
     margin-top: 9px;
 }
 
 .navigation .next-link{
     float: right;
 }
 .navigation{
     margin-bottom: 10px;
 }
 
.entry-content,
.entry-content p{
    font-size:10pt;
}
.home-cat{
    font-size: 13pt;
    margin-bottom:15px;
}
#nav-single{
    float: right;
    margin-top: -5px;     
    margin-right: -10px;
}
.btn-info,
.btn-info *,
.btn-info *:hover{
    color:#fff;
    font-weight: 300;
}
.home-cat-single .entry-title{
    min-width: 100%;
    font-size: 11pt;
    line-height: normal;
}
.home-cat-single .breadcrumb{
    margin-bottom: 0px;
}
.home-cat-single .breadcrumb,
.home-cat-single .entry-title{
   background: transparent; 
   float: left;
   margin-right:10px;
   padding-left: 0px !important;
}
.home-cat-single .entry-content .entry-title{
    padding-left:10px;
}

.home-cat-single:hover .entry-content{
    display: block;
}

.home-cat-single{
    display: block;
}
.thumbail img{
    height:auto !important;
}


/* slider */

.mi-slider {
    position: relative;
    height: 425px;
}

.mi-slider ul {
    list-style-type: none;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 90px;
    overflow: hidden;
    text-align: center;
    pointer-events: none;
    margin-left: 0px;
}

.no-js .mi-slider ul {
    position: relative;
    left: auto;
    bottom: auto;
    margin: 0;
    overflow: visible;
}

.mi-slider ul.mi-current {
    pointer-events: auto;
}

.mi-slider ul li {
    display: inline-block;
    padding: 20px;
    width: 20%;
    max-width: 300px;
    -webkit-transform: translateX(600%);
    transform: translateX(600%);
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.no-js .mi-slider ul li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mi-slider ul li a,
.mi-slider ul li img {
    display: block;
    margin: 0 auto;
}

.mi-slider ul li a {
    outline: none;
    cursor: pointer;
}

.mi-slider ul li img {
    max-width: 100%;
    border: none;
}

.mi-slider ul li h4 {
    display: inline-block;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    padding: 20px 10px 0;
}

.mi-slider ul li:hover {
    opacity: 0.7;
}
.mi-slider *{
    color:#eee;
}
.mi-slider nav {
    position: relative;
    top: 340px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    border-top: 5px solid #ffffff;
    background: rgba(0,0,0,0.8);
}

.no-js nav {
    display: none;
}

.mi-slider nav a {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding: 30px 30px 30px 34px;
    position: relative;
    color: #aaaaaa;
    outline: none;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.mi-slider nav a:hover,
.mi-slider nav a.mi-selected {
    color: #ffffff;
    background: transparent;
}

.mi-slider nav a.mi-selected:after,
.mi-slider nav a.mi-selected:before {
    content: '';
    position: absolute;
    top: -5px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.mi-slider nav a.mi-selected:after {
    border-color: transparent;
    border-top-color: #ffffff;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}

.mi-slider nav a.mi-selected:before {
    border-color: transparent;
    border-top-color: #ffffff;
    border-width: 27px;
    left: 50%;
    margin-left: -27px;
}

/* Move classes and animations */

.mi-slider ul:first-child li,
.no-js .mi-slider ul li {
    -webkit-animation: scaleUp 350ms ease-in-out both;
    animation: scaleUp 350ms ease-in-out both;
}

@-webkit-keyframes scaleUp {
    0% { -webkit-transform: translateX(0) scale(0); }
    100% { -webkit-transform: translateX(0) scale(1); }
}

@keyframes scaleUp {
    0% { transform: translateX(0) scale(0); }
    100% { transform: translateX(0) scale(1); }
}

.mi-slider ul:first-child li:first-child {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms;
}

.mi-slider ul:first-child li:nth-child(2) {
    -webkit-animation-delay: 180ms;
    animation-delay: 180ms;
}

.mi-slider ul:first-child li:nth-child(3) {
    -webkit-animation-delay: 270ms;
    animation-delay: 270ms;
}

.mi-slider ul:first-child li:nth-child(4) {
    -webkit-animation-delay: 360ms;
    animation-delay: 360ms;
}

/* moveFromRight */

.mi-slider ul.mi-moveFromRight li {
    -webkit-animation: moveFromRight 350ms ease-in-out both;
    animation: moveFromRight 350ms ease-in-out both;
}

/* moveFromLeft */

.mi-slider ul.mi-moveFromLeft li {
    -webkit-animation: moveFromLeft 350ms ease-in-out both;
    animation: moveFromLeft 350ms ease-in-out both;
}

/* moveToRight */

.mi-slider ul.mi-moveToRight li {
    -webkit-animation: moveToRight 350ms ease-in-out both;
    animation: moveToRight 350ms ease-in-out both;
}

/* moveToLeft */

.mi-slider ul.mi-moveToLeft li {
    -webkit-animation: moveToLeft 350ms ease-in-out both;
    animation: moveToLeft 350ms ease-in-out both;
}

/* Animation Delays */

.mi-slider ul.mi-moveToLeft li:first-child,
.mi-slider ul.mi-moveFromRight li:first-child,
.mi-slider ul.mi-moveToRight li:nth-child(4),
.mi-slider ul.mi-moveFromLeft li:nth-child(4) {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(2),
.mi-slider ul.mi-moveFromRight li:nth-child(2),
.mi-slider ul.mi-moveToRight li:nth-child(3),
.mi-slider ul.mi-moveFromLeft li:nth-child(3) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(3),
.mi-slider ul.mi-moveFromRight li:nth-child(3),
.mi-slider ul.mi-moveToRight li:nth-child(2),
.mi-slider ul.mi-moveFromLeft li:nth-child(2) {
    -webkit-animation-delay: 180ms;
    animation-delay: 180ms;
}

.mi-slider ul.mi-moveToLeft li:nth-child(4),
.mi-slider ul.mi-moveFromRight li:nth-child(4),
.mi-slider ul.mi-moveToRight li:first-child,
.mi-slider ul.mi-moveFromLeft li:first-child  {
    -webkit-animation-delay: 270ms;
    animation-delay: 270ms;
}

/* Animations */

@-webkit-keyframes moveFromRight {
    0% { -webkit-transform: translateX(600%); }
    100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveFromLeft {
    0% { -webkit-transform: translateX(-600%); }
    100% { -webkit-transform: translateX(0%); }
}

@-webkit-keyframes moveToRight {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(600%); }
}

@-webkit-keyframes moveToLeft {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-600%); }
}

@keyframes moveFromRight {
    0% { transform: translateX(600%); }
    100% { transform: translateX(0); }
}

@keyframes moveFromLeft {
    0% { transform: translateX(-600%); }
    100% { transform: translateX(0); }
}

@keyframes moveToRight {
    0% { transform: translateX(0%); }
    100% { transform: translateX(600%); }
}

@keyframes moveToLeft {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-600%); }
}

.mi-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Media Queries */
@media screen and (max-width: 910px){
    .mi-slider nav {
        max-width: 90%;
    }
    .mi-slider nav a {
        font-size: 12px;
        padding: 40px 10px 30px 14px;
    }
}

@media screen and (max-width: 740px){
    .mi-slider {
        height: 300px;
    }
    .mi-slider nav {
        top: 220px;
    }
}

@media screen and (max-width: 490px){
    .mi-slider {
        text-align: center;
        height: auto;
    }

    .mi-slider ul {
        position: relative;
        display: inline;
        bottom: auto;
        pointer-events: auto;
    }

    .mi-slider ul li {
        -webkit-animation: none !important;
        animation: none !important;
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important;
        padding: 10px 3px;
        min-width: 140px;
    }

    .mi-slider nav {
        display: none;
    }
}


.wpeden-intro h2{
    font-size: 22pt;
    color: #fff;     
    text-align: center;
}
.wpeden-intro p{
    color: #fff;
    font-size: 10pt;
    text-align: center;
}
.call-to-action{
    margin: 0px auto;
}
.sticky{
    border:1px solid #ccc;
}
input#s{
    margin-bottom: 0px;
}

#nav-below{
    margin-left: 0px;
    margin-right: 0px;
}
.box.widget ul{
    margin-left:4px;
}
.box.widget ul,
.box.widget ul li{
    margin:0px;
}
.box.widget li{
    border-bottom: 1px solid #f1f1f1;
    padding:5px 0px !important;
}
.box.widget li,
.box.widget p{
    font-size: 10pt;
}


/** slider **/

#banner {
    width: 1100px;           
    height: 400px;          
    position: relative;
    left: 50%;    
    margin-left: -550px;   
    margin-top: -20px;
    margin-bottom: 20px;   
    overflow: hidden;    
    font: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}         

.mainSlider {
    width: 500px;           
    position: relative;          
    float: left;     
}   

.mainSlider .sliderItem h3{
    font-size: 36px;
    padding: 160px 54px 0 64px;    
    border-radius:4px !important;
    color: #FFF;
}
.mainSlider .sliderItem p{
    font-size: 12px;
    padding: 12px 54px 0 64px;   
    color: #FFF; 
    border-radius:4px;   
}

.mainSlider .sliderItem .wp1{  
    margin: 40px 0 0 50px;
}  

.mainSlider .sliderItem .wp2{  
    margin: 40px 0 0 550px;
}     

/* the Vimeo video player */
.mainSlider .sliderItem .vimeo{  
    margin: 40px 0 0 56px;
    width: 540px;
    height: 320px;
    background: #000;
    
} 

/* the Youtube video player */
.mainSlider .sliderItem .youtube{  
    margin: 40px 0 0 56px;
    width: 560px;
    height: 315px;
    background: #000;
} 

.subSlider {         
    
    position: absolute;
    float: left;      
    margin-left: 480px;
}  

.subSlider .sliderItem{      
    height: 480px;   
    width: 570px;
    position: absolute;  
}  

.subSlider .sliderItem .subImage{      
    margin: 48px 24px 0 20px;
}  

.subSlider .sliderItem p{   
    font-size: 28px;
    color: #FFF;
    max-width: 570px;
    margin: 180px 12px 0 80px;    
}    


.subSlider .sliderItem h3{  
    font-size: 32px;
    color: #FFF;       
    clear: left;
    float: left;
    padding: 12px;    
     
}      

.subSlider .sliderItem p{       
    font: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
    font-size: 16px;
    color: #FFF;
    padding: 6px;     
    clear: left;
    float: left;       
     
}

.subSlider .sliderItem .wp1Header{  
    background: rgba(0,0,0,0.4); 
    margin: 120px 12px 0 100px;  
}         

.subSlider .sliderItem .wp1Text{   
    margin: 6px 12px 0 100px;  
    background: rgba(0,0,0,0.6); 
}                             
.subSlider .sliderItem .wp1Text a{   
    color: #FFFFFF;
}                             
.subSlider .sliderItem .wp1Text a:hover{   
    color: #FFEBCD;
}                             

.subSlider .sliderItem .vimeoHeader{  
    background: #00BFFF;    
    margin: 100px 12px 0 140px;  
}
.subSlider .sliderItem .vimeoText{   
    margin: 6px 12px 0 140px;  
    background: #00BFFF;    
}

.subSlider .sliderItem .youtubeHeader{  
    background: #FF4500;    
    margin: 120px 12px 0 160px;  
}
.subSlider .sliderItem .youtubeText{   
    margin: 6px 12px 0 160px;  
    background: #FF4500;    
}   

.subSlider .sliderItem .lycheeHeader{   
    margin: 80px 12px 0 -320px;  
    background: #4682B4;              
}  

.subSlider .sliderItem .lycheeText{   
    margin: 6px 12px 0 -320px;  
    background: #4682B4;          
} 

.subSlider .sliderItem .wp2Header{   
    margin: 120px 12px 0 -430px;  
    background: rgba(0,0,0,0.4);
}  

.subSlider .sliderItem .wp2Text{   
    margin: 6px 12px 0 -430px;  
    background: rgba(0,0,0,0.6); 
    max-width: 480px;               
    
}

.subSlider .sliderItem *{
    color: #fff;
}

  
/* The circle and arrow buttons */
.buttonArea{
    float: left;
    position: relative;            
    top: 100%;        
    left: 50%;
    margin-top: -32px;    
}                     
.buttonCon{  
    float: left;
    left: -50%;
    position: relative;        
}
.buttonCon .theButton {
    display: block;
    color: #B22222;
    width: 20px;
    height: 22px;
    background: url(images/circlebutton.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-right: 3px;
    float: left;
}
.buttonArea a.active {
    background-position: 0 -22px;
}

.arrowButton{    
    cursor: pointer;  
}            
.arrowButton .prevArrow{
    background: url(images/prev.png) no-repeat; 
    width: 40px;
    height: 80px;      
    position: absolute;
    top: 160px;     
    left: 0px;        
} 
.arrowButton .nextArrow{                 
    background: url(images/next.png) no-repeat;
    width: 40px;
    height: 80px;
    position: absolute;
    top: 160px;
    right: 0px;              
}    


@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}

@-ms-keyframes rollOut {
    0% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -ms-transform: translateX(100%) rotate(120deg);
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -ms-animation-name: rollOut;
    -o-animation-name: rollOut;
    animation-name: rollOut;
}  


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -ms-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}      

/* The animation delay settings, required */

.animate0{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 0s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
}         

.animate1{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
} 

.animate2{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .4s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
} 

.animate3{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
}   

.animate4{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: .8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
}  

.animate5{
       -webkit-animation-duration: .6s;
    -webkit-animation-delay: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-delay: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-delay: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both;              
}     

blockquote .btn-large{
    margin-right:-5px;
}
blockquote h3{
    line-height: normal;
    margin:0px;
}
 
.navbar .navbar-inner a{
    line-height: 35px !important;
}
.navbar .nav .dropdown-toggle .caret{
    margin-top:17px !important;
}
.dropdown-submenu > a:after{
   margin-top:13px !important;  
}
.service-page .widget{
    padding:0px !important;
    margin:0px !important;
}
.service-portfolio .span4{
    margin-bottom: 10px;
}
.service-portfolio .row-fluid{
    width:94% !important;
}
.span6:nth-child(2n+1),
#our-team .span4:nth-child(3n+1),
.service-portfolio .span4:nth-child(4){
    margin-left: 0px !important;
}

#our-team img{
    margin-right:10px;
}

.hbox .section-head .icon{
    font-size:10pt;
    color:#666;
}

h1.section-head{
    margin-bottom:10px;
    font-size: 23pt;
    padding-bottom:10px;
    border-bottom:1px solid #eeeeee;
}

.wpeden-testimonial{
   margin-bottom:30px;
    padding-bottom:10px;
    border-bottom:1px solid #eeeeee; 
}

.arc.thumbnail .breadcrumb{
    margin-bottom: 0px !important;
}
.arc.thumbnail .entry-title {
    margin:5px 0px;
    line-height: normal;
}
.arc.thumbnail .entry-title a {
    font-size:14pt;
}
.arc.thumbnail {
    margin-bottom: 20px;
}
.acthive-page-3 .row-fluid{
    margin-bottom: 20px;
}

.acthive-page-3 .entry-title{
    padding: 0px;
    
}

.breacrumb{
    background: #eeeeee !important;
}

.acthive-page-3 .media-body{
    margin-top: 10px;
}
.acthive-page-3 .avatar{
    border-radius:50%;
}

 .og-details h3{
     font-size:18pt !important;
 }
 
.navbar,
.navbar-fixed-top{
    z-index:9999999 !important;
}
.navbar-inner,
.dropdown-menu
{
    background: rgba(0,0,0, 0.8);
}

.dropdown-menu a{
    color: #f1f1f1;
}

.admin-bar .navbar-fixed-top{
    top: 28px;
}

.wpeden-clients-home .span3:nth-child(4n+1){
    margin-left:0px;
}
.well{
    line-height: 27px;
    padding: 10px !important;
}
.social-box a{
    width:15px;
    text-align: center;
}
.well .txt{
    font-weight: 700;
    font-size:10pt;
}
.author-name{
    font-size:14pt;
    font-weight:400;
    text-transform: capitalize;
    color:#444444;
    margin: 0px;
}
.author-box{
    font-size: 10pt;
    line-height: normal;
}

.author-box .avatar{
    border-radius: 50%;
}
.carousel-inner.hex a:hover,
.carousel-inner.hex *{
    color:#fff;
    text-decoration: none;
}

.carousel-caption-txt {
    padding: 20px 300px;
}

.carousel-caption-txt h2{
    font-size: 11pt;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 2px;
}

.carousel-caption-txt {
    font-size: 11pt;
    font-weight: 400;
    line-height: 2;
}

.hex-shape{
    width:200px;
    height:200px;
}

.hex-shape img{
    max-height: 100px;
}

.carousel-control{
    border:none !important;
    background: none !important; 
}

#myCarousel{
    padding: 60px 0px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

.item,
.navbar-wrapper,
.carousel-inner{
   -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear; 
}
.service.hex h2{
    font-size:12pt;
    font-weight: 400;
     
}
.page-template-front-page-hex-php .wpeden-bs-services{
    margin-bottom: 20px;
}

.page-template-front-page-hex-php .nav-tabs a,
.page-template-front-page-hex-php .nav-tabs a:hover{
    outline: none;
}
.page-template-front-page-hex-php .nav-tabs{
    margin-top:10px;
}
.page-template-front-page-hex-php .nav-tabs > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
     font-size:10pt;
     font-weight: 700;
     text-transform: uppercase;
}

.page-template-front-page-hex-php .nav-tabs, .nav-pills {
    text-align:center;
}
.hex-blog-post{
    position: relative;
}
.hex-blog-post .entry-content{
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.6);
    bottom:0px;
    display: none;
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear; 
}
.hex-blog-post .entry-content h3{
    padding: 10px;
}
.hex-blog-post .entry-content h3,
.hex-blog-post .entry-content a{
    line-height: normal !important;
    font-size:10pt;
    color: #fff;
}

.hex-blog-post:hover .entry-content{
    -webkit-transition: all 900ms linear;
    -moz-transition: all 900ms linear;
    -o-transition: all 900ms linear;
    -ms-transition: all 900ms linear;
    transition: all 900ms linear; 
    display: block;
}

.cimg{
    margin-right:10px !important;
}
.client-review
{
margin-top: 20px;
position: relative;
width: 90%;
padding: 15px;
background: #eeeeee;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.client-review:after
{
content: "";
position: absolute;
top: -15px;
left: 15px;
border-style: solid;
border-width: 0 15px 15px;
border-color: #eeeeee transparent;
display: block;
width: 0;
z-index: 1;
}

#mCarousel .carousel-caption{
    text-align: left;
}

@media (min-width: 1100px){
#mCarousel{
    width:1050px;
    margin-left: -25px;
    margin-bottom: 0px;
}
.boxed .navbar-fixed-top{
   width:1050px;
   margin:0px auto; 
}
.boxed{
    width:1050px;
    margin:0px auto;
    background:#ffffff
}

.wide{
    background: #ffffff;
}

}

#banner .prevArrow,
#banner .nextArrow{
    background: transparent !important;
}

/** home tabs **/
.nav-tabs-home{
    border:0px;
    background: #eeeeee;
    margin-bottom: 40px;
}

 
.nav-tabs-home a{
   min-width: 155px;
   height: 25px;
   padding: 0px; 
   border:0px;
   text-align: center;
   line-height: 25px;
}
.nav-tabs-home .active a:hover,
.nav-tabs-home .active a
{
position: relative;
min-width: 155px;
height: 46px;
padding: 0px;
margin-top: -1px;
background: #dddddd;
border-top: 1px solid #ddd;
color: #333;
text-align: center;
line-height: 46px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.nav-tabs-home .active a:after
{
content: "";
position: absolute;
bottom: -15px;
left: 63px;
border-style: solid;
border-width: 15px 15px 0;
border-color: #dddddd transparent;
display: block;
width: 0;
z-index: 1;
}

/** Section title styles bg and color **/
.nav-tabs-cat1,
.nav-tabs-cat2,
.nav-tabs-cat3,
.latest-post-tab{
    height: 35px;
}  

.nav-tabs-cat1 .active a:hover,
.nav-tabs-cat2 .active a:hover,
.nav-tabs-cat3 .active a:hover,
.latest-post-tab .active a:hover,
.nav-tabs-cat1 .active a,
.nav-tabs-cat2 .active a,
.nav-tabs-cat3 .active a,
.latest-post-tab .active a
{
    height: 34px !important;
    line-height: 34px !important;
    margin-top: 0px !important;
    border-top: 0px;
    text-align: left;
    padding-left:20px;
    padding-right:20px;
    width: auto;
    min-width: auto;
}

.nav-tabs-cat1 .active a:after,
.nav-tabs-cat2 .active a:after,
.nav-tabs-cat3 .active a:after,
.latest-post-tab .active a:after
{
    bottom: -10px;
    left: 20px;
    border-width: 10px 10px 0;    
}


.latest-post-tab .active a:hover,
.latest-post-tab .active a
{
    background: #80C465;
    color: #ffffff;
}
.latest-post-tab .active a:after
{
    border-color: #80C465 transparent;
}

.nav-tabs-cat1 .active a:hover,
.nav-tabs-cat1 .active a
{
    background: #D96A73;
    color: #ffffff;
}
.nav-tabs-cat1 .active a:after
{
    border-color: #D96A73 transparent;
}

.nav-tabs-cat2 .active a:hover,
.nav-tabs-cat2 .active a
{
    background: #FF9D4D;
    color: #ffffff;
}
.nav-tabs-cat2 .active a:after
{
    border-color: #FF9D4D transparent;
}

.nav-tabs-cat3 .active a:hover,
.nav-tabs-cat3 .active a
{
    background: #AC62C9;
    color: #ffffff;
}
.nav-tabs-cat3 .active a:after
{
    border-color: #AC62C9 transparent;
}


.cat3 h3 a{
    font-size:10pt !important;
}

 
.wpeden-latest-posts .media-heading{
    font-size: 10pt;
    font-weight: 400;
}
.wpeden-latest-posts .media-body{
    padding:5px 10px 5px 0;
}
.wpeden-latest-posts .span4:nth-child(6),
.wpeden-latest-posts .span4:nth-child(7),
.wpeden-latest-posts .span4:first-child{
     border-bottom: 0px solid #eee;
}
.wpeden-latest-posts .span4{
    margin-top: 0px;
    margin-bottom: 11px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    
} 
.lastpost{
    position: relative;
}

.lastpost .post-caption a {
    color:#ffffff;
    font-weight: 700;
    font-size: 10pt;
}
.lastpost .post-caption {
   background: rgba(0, 0, 0,0.6); 
   color:#ffffff;
   width:93.7%;
   padding:10px;
   position: absolute;
   bottom:10px;
}


.category-posts .media{
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #eee;
}
.category-posts .media:first-child{
    margin-top:0px;
}
.category-posts .media-heading,
.category-posts a{
    font-size:10pt;
    font-weight: 400;
    line-height: normal;
}
.page-template-front-page-magazine-php .nav-tabs{
    margin-bottom:5px;
}
.caption h3{
    line-height: normal;
}
 .caption h3 a{
    font-size:12pt; 
 }
.date{
    background: #f5f5f5;
    border-radius:5px;
    margin:5px;     
    margin-top:0px;
}

.date .day{
    font-size:18pt;
    padding:10px 0px;
    color: #555;
    background: #ddd;
     
    font-weight: 700 !important;
    border-bottom:1px solid #aaa;
}

.date .month{
   font-size:10pt;
    padding:5px;
    color: #333;
    background: #ddd;
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #aaaaaa;
}


.date .year{
    background: #69A656;
    color: #ffffff;
     
    font-size:13pt;
    padding:5px; 
    border-top:1px solid #eeeeee;
}

.blog-page .box.arc .entry-title{
    margin-bottom: 10px !important;
}
.blog-page .box.arc .entry-title,
.blog-page .box.arc .entry-title a{
    font-size:13pt;
    padding: 0px;
    margin: 0px;
    line-height: normal;
}
.blog-page .arc{
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eeeeee;
}

.page-template-front-page-magazine-php .nav-tabs-home a{
    font-weight: 700;
    text-transform: uppercase;
}
.post-meta *,
.post-meta{
    font-size:9pt !important;
    color:#888888;
}
.page-template-front-page-magazine-php a{
    color: #333333;
}

.footer a{
    color: #f5f5f5;
}
.box.widget.widget-magazine{
    padding: 0px;
    margin: 0px;
}

.box.widget.widget-magazine h3.widget-title{
    margin:0px;
    background: #EEEEEE;
    padding:0px;
}

.box.widget.widget-magazine h3.widget-title span{
    display: block;
    float: left;
    line-height: 35px;
    height: 35px;
    padding: 0px 15px;
    border-bottom:3px solid #3399ff;
}

.tagcloud {
    padding:10px 0 !important;
}
.tagcloud a{
    font-size:10pt !important;
    padding:3px 10px;
    line-height: 20px;
    background: #f1f1f1;
    display: block;
    float: left;
    margin:0 3px 3px 0;
    transition: all 400ms;
    -moz-transition: all 400ms; /* Firefox 4 */
    -webkit-transition: all 400ms; /* Safari and Chrome */
    -o-transition: all 400ms; /* Opera */
}

.tagcloud a:hover{
    background: #3399ff;
    color:#fff;
}
.introh{
    font-size:20pt;
}

/** minimax modules */

.minimax_row .carousel .carousel-caption *,
.minimax_row .carousel .carousel-caption{
    color: #fff;
}
.widget_minimax_accordion a:active, 
.widget_minimax_accordion a:focus, 
.widget_minimax_accordion a,
.widget_minimax_tabwidget .nav-tabs li a:active, 
.widget_minimax_tabwidget .nav-tabs li a:focus, 
.widget_minimax_tabwidget .nav-tabs li a{ 
    outline: none;
}
.minimax_carousalwidget div,
.widget_minimax_accordion div,
.widget_minimax_tabwidget .nav-tabs li{
   padding: 0px; 
}
.widget_minimax_tabwidget .tab-content { 
    border:1px solid #ddd;
    border-top:0px solid #ddd;
     
    background: #fff;
}
.widget_minimax_tabwidget .nav-tabs{
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.widget_minimax_accordion .accordion-inner{
    padding:10px;
}
.widget_minimax_featurebox a:hover, 
.widget_minimax_featurebox a{ 
    text-decoration: none;
}
.widget_minimax_image h1,
.widget_minimax_image h2,
.widget_minimax_image h3,
.widget_minimax_image h4,
.widget_minimax_featurebox h1,
.widget_minimax_featurebox h2,
.widget_minimax_featurebox h3,
.widget_minimax_featurebox h4{
    margin-bottom: 0px;
    line-height: normal;
}
.widget_minimax_image p,
.widget_minimax_featurebox p{
    padding: 0px;
    margin: 0px;
}

.call-to-action h1,
.call-to-action h2,
.call-to-action h3,
.call-to-action h4{
    font-size:14pt; line-height: normal;margin:0px;padding: 0px;
}

.minimax_content_area{
    margin-bottom: 15px;
}
 
.page-template-front-page-personal-php .wide,
.page-template-front-page-personal-php .boxed{
    background: transparent;
}

.header-bottom{
    background: #fff;
    height: 50px;
    border: 1px solid #ccc;
    border-top:0px;
}

.dialogbox {
    border:1px solid #cccccc;
    background: #ffffff;
    margin-bottom: 25px;
}

.dialogbox h3{
   border-bottom:1px solid #cccccc; 
   background: #eeeeee;
   margin:0px;
   padding:8px 10px;
   font-size:13px;
   font-weight: 700;
   text-transform: uppercase;
   color: #444;
   line-height: normal;
}
.dialogbox .dcontent{
    padding:10px;
    font-size:10pt;
}

.page-template-front-page-personal-php .wpeden-bs-services .well a:hover{
    text-decoration: none;
}
.page-template-front-page-personal-php .wpeden-bs-services .well{
    margin-bottom: 0px;
}

.wpeden-recent-works .span4:nth-child(3n+1){
    margin-left: 0px;
}
.wpeden-recent-works .span4{
    margin-bottom:7px
}
.plainbox .thumbnail{
    background: #fff;
}

.plainbox h3{
    font-size:10pt;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    line-height: normal;
}
.plainbox .thumbnail h4 a{
    font-size:11pt;
    font-weight: 400;
    color: #555;
}

.wpeden-recent-posts .postbox .btm *{
    font-size:9pt;
}
.wpeden-recent-posts .postbox .btm{
    background: #f1f1f1;
    clear:both;
    border-top: 1px solid #ddd;
    padding: 2px 5px 5px 5px;
    font-size: 9pt;
}

.wpeden-recent-posts .postbox .media{
    margin:5px;
}

.img-bordered{border:1px solid #ddd;}
.wpeden-recent-posts .postbox{
    background: #fff;
    border:1px solid #ddd;
    margin-bottom: 10px;
}

.page-template-front-page-personal-php .boxed .navbar-fixed-top .pull-right{
    padding-right: 10px;
}
.page-template-front-page-personal-php .boxed .navbar-fixed-top .brand{
    margin-left: 0px;
     
}
.page-template-front-page-personal-php .client-review .pull-left{
    margin-right:10px !important;
    margin-bottom: 10px;
}
.page-template-front-page-personal-php .client-review{
    width:auto;
    margin-bottom: 10px;
}
.page-template-front-page-personal-php .boxed .navbar-fixed-top,
.page-template-front-page-personal-php .boxed{
    max-width: 1000px !important;
}
.ml15{
    margin-left:15px;
}
.page-template-front-page-personal-php .clients .span3{ margin-bottom:10px; }
.page-template-front-page-personal-php .clients .span3:nth-child(4n+1){ margin-left:0px; }
.page-template-front-page-personal-php .clients-dialog{
    margin-top: 10px;
}
.page-template-front-page-personal-php .client-review p{
    margin-top: 0px;
}
.page-template-front-page-personal-php .client-review h3{
    padding: 0px;
    padding-bottom: 5px;
}
.footer .header{
    padding: 20px;
}
.page-template-front-page-personal-php .nav-pills li {
    border-right: 1px solid #eee;
    line-height: 34px;
}
.page-template-front-page-personal-php .nav-pills li .caret{
    margin-top: 16px;
}
.page-template-front-page-personal-php .dropdown-menu{
    border-radius:0px;
}
.page-template-front-page-personal-php .nav-pills>li.open>a,
.page-template-front-page-personal-php .nav-pills>li>a:hover{
    color: #444;
    background: #fafafa;
}


.page-template-front-page-personal-php .dropdown-submenu > a:after{
    margin-top: 7px !important;
}

.page-template-front-page-personal-php .nav-pills>li>a .caret {
    border-bottom-color: #666;
    border-top-color: #666;
    opacity: 1;
}

.page-template-front-page-personal-php .nav-pills>li.active >a .caret,
.page-template-front-page-personal-php .nav-pills>li.open >a:hover .caret,
.page-template-front-page-personal-php .nav-pills>li.open >a:hover .caret,
.page-template-front-page-personal-php .nav-pills>li.open >a .caret,
.page-template-front-page-personal-php .nav-pills>li>a:hover .caret {
    border-bottom-color: #333;
    border-top-color: #333;
    opacity: 1;
}
.page-template-front-page-personal-php .nav-pills>li>a{
    background: transparent;
    color: #333;
    line-height: 34px;
    height: 34px;
    margin:0px;
    padding:8px 20px;
}
 
.page-template-front-page-personal-php .nav-pills .dropdown-menu a {
    text-align: left !important;
}
 
/*.page-template-front-page-ecommerce-php .wide,
.page-template-front-page-ecommerce-php .boxed{
    background: transparent;
}*/
.hconteent *{
    color: #fff;
}
.hot-box .box-title{
    background: #111111;
    line-height: 40px;
    color: #ffffff;
    height: 40px;
    padding-left: 10px;
    font-size:12pt;
    font-weight: 400;
}

 
.home-title a{
    font-size:10pt;

}
.home-title span{
    font-style: italic;
    border-bottom:1px solid #0066CC;
}

.new-products,
.featured-products {
    text-align: center;
}

.new-products h3,
.featured-products h3{
    font-size: 10pt;
    font-weight: 400;
    line-height: normal;
}

.waytocart form{
    margin-bottom: 0px;
    
}
.waytocart{
    margin-top: 10px;  margin-bottom: 0px;
}
.fpro{
    padding: 10px;
}
.fpro:hover{
    background:#f5f5f5;
}


.checkout_div .step-title h2 {
    color: #333333;
    float: left;
    font-size: 10pt !important;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 12px !important;
    margin: 0;
    text-transform: uppercase;
}

#customer_details h3{
    font-size:9pt;
    color: #444444;
}
#customer_details .col-2{
    margin-right:50px;
}
.nav-tabs ,
.nav-tabs li{ list-style: none !important; }

.checkout_div *{
   font-family:'Open Sans';
    font-weight: 300; 
}  
.checkout_div,  

.step-title,
.step{
    border-color: #dddddd !important;
    font-family:'Open Sans';
    font-weight: 300;
}

.form-list,
.form-list li{
    margin:0px !important;
}
.checkout_div h4{
    font-size:10pt;
    font-weight: 700;
    text-transform: uppercase;
    color:#333;
}
.checkout_div .step-title{
    background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #e8e8e8 0%, #f9f9f9 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f9f9f9 100%) !important; /* Chrome10+,Safari5.1+ */                
background: -o-linear-gradient(top,  #e8e8e8 0%,#f9f9f9 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e8e8e8 0%,#f9f9f9 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #e8e8e8 0%,#f9f9f9 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f9f9f9',GradientType=0 ) !important; /* IE6-9 */

}
.waytocart .btn-info{
    text-transform: lowercase;
}
.wpeden-accordion .accordion-heading a:active,
.wpeden-accordion .accordion-heading a:hover,
.wpeden-accordion .accordion-heading a{
    text-decoration: none;
    font-weight: 700;
    
}

a,a:active,a:hover{
   outline: none !important; 
}

.wpeden-accordion .accordion-heading a.accordion-toggle.collapsed{
    background: url('images/plus.png') 6px 11px no-repeat;
    padding-left: 26px;
}
.wpeden-accordion .accordion-heading a.accordion-toggle{
    background: url('images/minus.png') 6px 11px no-repeat;
    padding-left: 26px;
}
.tabs-left .nav-tabs{
    margin-right: -1px;
}

.wpeden-tabs.tabbable.tabs-left .tab-content{
    border:1px solid #dddddd;
    padding:15px
}

.cborder{
    border:7px solid #ddd;
    
    width:140px;
    height:140px;
    background: #fafafa;
}

.service-modern h2{
    font-size:11pt;
    color: #555;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}


.btn-bordered{
    margin: 20px 0 10px 0px;
    padding:10px 20px;
    text-transform: uppercase;
    border:3px solid #cccccc;
    background: transparent;
    font-weight: 700;
    /*color: #ffffff !important;*/
    -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.btn-bordered:hover{
    background: #f5f5f5;
    color: #333333;;
}

h3.modern.section-head{
    font-size:11pt;
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
}

.modern-portfolio {
    background: #eeeeee;
    border-bottom:3px solid #eee;
    -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.modern-portfolio:hover {
    background: #eaeaea;
    border-bottom:3px solid #409E82;
}

.modern-portfolio a{
    -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.modern-portfolio:hover a{
    text-decoration: none;
    color: #222222;
}

.modern-portfolio:hover .entry-content:after{
   border-color: #eaeaea transparent;
}
 
.modern-portfolio .entry-content{
    position: relative;
}
.modern-portfolio .entry-content:after
{
content: "";
position: absolute;
top: -15px;
left: 45%;
border-style: solid;
border-width: 0 15px 15px;
border-color: #eeeeee transparent;
display: block;
width: 0;
z-index: 1;
}
.modern-portfolio h3{
   font-size:9pt;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    color: #444444; 
    padding: 5px 10px;
    text-align: center;
}
.m-call-to-action{
    background: #53CCA9;
    font-size: 11pt;
}

.m-call-to-action .btn{
    border-radius:4px;
}
.m-call-to-action h3{
    color: #ffffff;
    font-weight: 700;
     font-size: 12pt;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
}
.m-call-to-action blockquote .btn{
    background: #ffffff;
    color: #409E82;
    font-weight: 700;
    font-size:11pt;
    text-transform: uppercase;
      -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.m-call-to-action blockquote .btn:hover{
    background: rgba(255,255,255,0.9);
}

.m-call-to-action blockquote{
    background: transparent;
    color: #fff;
    border:0px;
}
.span12{
    margin-left: 0px !important;
}
.page-template-front-page-free-php .well .entry-content h2{
    line-height: normal;
}
.page-template-front-page-free-php .well .entry-content{
    padding: 0 10px;
}
.page-template-front-page-free-php .well{
    padding: 0 !important;
}
.navbar .navbar-inner{
    box-shadow: none !important;
}

.nopadding {
    padding: 0px;
}
.nomargin{
    margin: 0px;
}
#hCarousel .carousel-caption{
    bottom: 50px;
    left: 100px;
    min-width: 400px;
    padding: 15px;
    position: absolute;
    right: auto;
}
#hCarousel .carousel-caption,
#hCarousel .carousel-caption *{
    color: #ffffff !important;
}
#hCarousel h2 {
    line-height: normal;
    margin-top: 0px;
}
#hCarousel h2 a{
    font-size: 18pt;
    font-weight: 700 !important;
    color: #ffffff;
}
.carousel-control{
    border-radius: 0px !important;
    padding: 15px 5px !important;
    background: rgba(0,0,0,0.5) !important;
    line-height: 15px !important;
    font-size: 28pt !important;
}
.ls-container{
    margin-bottom: 0 !important;
}

.navbar .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:before{
    border: 0 !important;
}
.services-home *{
    text-align: center;
}
.services-home h3{
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: 700;
}

.services-home .span3:nth-child(4n+1){
    margin-left: 0 !important;
}

.gallery-item img{
    border: 0 !important;
}
.gallery-item{
    border: 1px solid #EEEEEE;
    float: left;
    margin: 5px !important;
    padding: 19px;
    text-align: center;
    width: 20% !important;
}