/*************************************************   
Theme Name: Moler
Theme URI: http://weblusive-themes.com/Moler
Description: A fully responsive ultra-customizable Worpdress theme.
Author: PremiumLayers & Weblusive  
Author URI: http://www.weblusive.com/
Version: 1.0.1
License: See on zip package
License URI: See on zip package
Tags: dark, light
*************************************************/
/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content                              
 5.Portfolio page                          
 6.services page       
 8.Project page                               
 9.Single post                            
 10.About page                            
 11.Contact page

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

@font-face {
    font-family: 'noodle';
    src: url('fonts/big_noodle_titling-webfont.eot');
    src: url('fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/big_noodle_titling-webfont.woff') format('woff'),
         url('fonts/big_noodle_titling-webfont.ttf') format('truetype'),
         url('fonts/big_noodle_titling-webfont.svg#noodle') format('svg');
    font-weight: normal;
    font-style: normal;
}
.row, .row-fluid {overflow:auto; margin-bottom:10px}
img {height:auto; max-width:100%}
select, input, textarea, img{max-width:100%;}
h1, h2, h3, h4, h5, h6 {color: #000; font-size: 24px; font-family: 'Courier New', sans-serif; font-weight: 300; margin: 0 0 5px; line-height: 30px; padding-top:10px}

h1 {font-size:30px}
h2 {font-size:26px}
h4 {font-size:20px}
h5 {font-size:16px}
h6 {font-size:13px}


/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/

header {
    display: block;
    width: 300px;
    float: left;
    background: #fff;
    text-align: right;
    z-index: 4;
    position: relative;
    box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
}

.logo-box {
    padding: 30px 30px;
    background: #fff;
    text-align: center;
}

a.logo {
    display: inline-block;
    margin-bottom: 10px;
}

p.slogan {
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    font-style: italic;
    margin: 0;
    line-height: 30px;
}

ul.menu,
ul.archives,
ul.categories {
    padding: 0;
    margin: 0;
}

a.elemadded {
    display: none;
    color: #000;
    font-size: 28px;
    font-family: 'Courier New', sans-serif;
    text-transform: uppercase;
    padding: 20px;
    background: #ffed27;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.elemadded:hover {
}

ul.menu > li {
    list-style: none;
    position: relative;
}

ul.menu > li > a,
ul.drop-down li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 18px 24px 12px 24px;
    color: #000;
    font-size: 26px;
    font-family: 'noodle', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 26px;
    transition: all 0.3 linear;
    -moz-transition: all 0.3 linear;
    -webkit-transition: all 0.3 linear;
    -o-transition: all 0.3 linear;
    background: #fff;
    border-bottom: 1px dashed #d6d6d6;
    border-right: 1px dashed #d6d6d6;
}

ul.menu li:first-child a {
    border-top: 1px dashed #d6d6d6;
}

ul.menu > li > a.active {
    background: #ffed27;
    border-bottom: 1px dashed #d6d6d6;
}

ul.menu > li > a:hover {
    transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    background: #ffed27;
    border-bottom: 1px dashed #d6d6d6;
}

ul.menu > li > a.active:after {
  content:"";
  border-top: 28px solid transparent;
  border-bottom: 29px solid transparent;
  border-left: 20px solid #ffed27;
  position:absolute;
  left:300px;
  top: 0;

  }

ul.menu li a span {
    position: relative;
    z-index: 2;
}


ul.drop-down {
    position: absolute;
    top: 0;
    width: 220px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
    text-align: left;
    left: 100%;
    transition: all 0.17s linear;
    -moz-transition: all 0.17s linear;
    -webkit-transition: all 0.17s linear;
    -o-transition: all 0.17s linear;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}

li.drop:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}

ul.drop-down li {
    position: relative;
}

ul.drop-down li a:hover {
}

.social-box {
    overflow: hidden;
}

ul.social-icons {
    padding: 0;
    margin: 0;
}

ul.social-icons li {
    list-style: none;
    display: inline-block;
    margin-left: -6px;
	margin-bottom:3px !important;
}
.footer-block ul.social-icons li{margin-left:3px}

ul.social-icons li:first-child {
    margin-left: 0px;
}

ul.social-icons li a {
    display: inline-block !important;
    margin: 0;
    width: 37px;
    height: 37px;
    text-decoration: none;
    line-height: 41px !important;
    text-align: center;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    background: #000000;
}

ul.social-icons li a.facebook:hover {
    background: #3e5ea2;
}

ul.social-icons li a.twitter:hover {
    background: #2eb0e3;
}

ul.social-icons li a.github:hover {
    background: #333;
}
ul.social-icons li a.tumblr:hover {
    background: #2c4762;
}

ul.social-icons li a.pinterest:hover {
    background: #f43a2c;
}

ul.social-icons li a.google-plus:hover {
    background: #da5f2e;
}
ul.social-icons li a.bitbucket:hover {
    background: #205081;
}
ul.social-icons li a.skype:hover {
    background: #00aff0;
}
ul.social-icons li a.dribbble:hover {
    background: #ea4c89;
}
ul.social-icons li a.instagram:hover {
    background: rgb(81, 127, 164);
}
ul.social-icons li a.flickr:hover {
    background: #ff0084;
}
ul.social-icons li a.youtube:hover {
    background: #df2826;
}
ul.social-icons li a.vk:hover {
    background: #45668e;
}
ul.social-icons li a.stack-exchange:hover {
    background:#3a6da6;
}
ul.social-icons li a.linkedin:hover {
    background: #107cb7;
}

ul.social-icons li a i {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.info a {
    color: #a5a5a5;
    font-size: 14px;
    font-family: 'Courier New';
}
.info i {
    color: #000;
    margin-left: 10px;
}

.info p {
    color: #a5a5a5;
    font-size: 14px;
    font-family: 'Courier New';
    margin-bottom:0; 
}

p.copyright {
    color: #6b7072;
    font-size: 12px;
    font-family: 'Courier New';
    margin-top: 20px;
    line-height: 20px;
    padding-right: 20px;
}
/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/


html{
  
}

body {
    background: #fff url(images/body-bg.jpg) center 0 repeat;
    opacity: 0;
}

body.active {
    opacity: 1;
}

#container {
    height: 100%;
    opacity: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

#container.active {
    opacity: 1;
}

ul {
    padding: 0 0 0 20px;
    margin: 0;
}
.quovolve {padding-left:0; list-style:none}
.post-tags, .social-icons, header .menu, .menu-box ul{list-style:none}

.preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -webkit-backface-visibility: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.preloader img {
    -webkit-backface-visibility: hidden;
}

/*-------------------------------------------------*/
/* =  content
/*-------------------------------------------------*/

#content {
    position: relative;
    padding-left: 300px;
    height: 100%;

}

.project-post {
    width: 24.99%;
    margin: 0;
    overflow: hidden;
}

.project-post img {
    width: 100%;
}

.view {
   overflow: hidden;
   position: relative;
   cursor: default;
}
.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.top-post {
    position: absolute;
    top: 25px;
    left: 25px;
}
.view h2 {
   color: #000;
   position: relative;
   font-size: 22px;
   font-family: 'Courier New';
   margin: 0;
}
.view .post-border {
    width: 20px;
    margin: 12px 0;
    border-top: 1px solid #000;
}
.view p {
   font-size: 12px;
   position: relative;
   color: #000;
   font-family: 'Courier New';
   margin: 0;
}

.bottom-post {
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.bottom-post i {
    width: 45px;
    height: 45px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 45px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
}

.bottom-post i:hover{
    background: #000;
    color: #fff;
      transform:rotate(360deg);
      -ms-transform:rotate(360deg);
      /* IE 9 */
      -moz-transform:rotate(360deg);
      /* Firefox */
      -webkit-transform:rotate(360deg);
      /* Safari and Chrome */
      -o-transform:rotate(360deg);
      /* Opera */
      transition:all 0.3s ease-in-out;
      -moz-transition:all 0.3s ease-in-out;
      -webkit-transition:all 0.3s ease-in-out;
      -o-transition:all 0.3s ease-in-out;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgb(250,231,46);
   background-color: rgba(250,231,46, 0.9);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
                
                

.project-post .hover-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(36,176,174,0.9);
    text-align: center;
    top: 0;
    left: 0;
    visibility: hidden\0/;
    transition: all 0.33s ease-in-out;
    -moz-transition: all 0.33s ease-in-out;
    -webkit-transition: all 0.33s ease-in-out;
    -o-transition: all 0.33s ease-in-out;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg) rotateY(-90deg);
    -moz-transform: rotateX(-90deg) rotateY(-90deg);
    -ms-transform: rotateX(-90deg) rotateY(-90deg);
    -o-transform: rotateX(-90deg) rotateY(-90deg);
    transform: rotateX(-90deg) rotateY(-90deg);
}

.project-post:hover .hover-box {
    visibility: visible\0/;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

.nicescroll-rails {
    z-index: 999999!important;
}

.project-title {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -75px;
}

.project-title h2 {
    color: #fff;
    font-size: 24px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}

.project-title span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    margin: 0 0 18px;
}

.project-title a {
    display: inline-block;
    clear: both;
    width: 61px;
    height: 61px;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.project-title a:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.project-title a i {
    color: #fff;
    font-size: 18px;
    line-height: 61px;
}

/*-------------------------------------------------*/
/* =  blog-page
/*-------------------------------------------------*/


.blog-page {
    padding: 12px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.blog-post {
    width: 20%;
    padding: 12px;
}


.blog-post .flexslider {
    margin: 0 !important;
}

.inner-post {
    box-shadow: 0 0 8px #787878;    
}

.blog-post img {
    width: 100%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.post-content {
    background: #fff;
    padding: 15px 20px;
}

.post-content h2 {
    color: #000;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 4px;
}

.post-content h2 a {
    color: #000;
}

.post-content p, .post-content {
    color: #9c9c9c;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
}

.post-tags {
    padding: 15px 20px;
    background: #fff;
    margin: 0;
    border-top: 1px dashed #cccccc;
}

.post-tags li {
    display: inline-block;
    margin-right: 10px;
}
#ajax-load-more .post-tags li{ margin-bottom:4px}
.post-tags li:last-child {
    margin-right: 0px;
}

.post-tags li a {
    display: inline-block;
    color: #9a9a9a;
    font-size: 12px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 22px;
}

.post-tags a:hover {
    color: #000;
}

.post-tags li a i {
    color: #aeadad;
    font-size: 13px;
    margin-right: 4px;
    border:1px solid #cdcdcd;
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.link-post .post-content {
    background: #ffed27;
    padding: 20px 30px;
    text-align: center;
}

.link-post .post-content p {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    font-family: 'Courier New';
    margin-bottom: 15px;
}

.link-post .post-content a {
    display: inline-block;
    color: #000;
    font-size: 13px;
    font-family: 'Courier New';
    margin: 0;
    border:1px solid #000;
    padding:8px; 
}

.video-post iframe {
    display: block;
    width: 100%;
    height: 185px;
    border: none;
    margin: 0;
}

.quote-post .post-content {
    background: #1d1d1d;
    text-align: center;
    padding: 30px 34px;
}

.quote-post blockquote {
    position: relative;
    border: none;
    color: #fff;
    font-size: 17px;
    font-family: 'Courier New';
    line-height: 26px;
    padding: 0;
    margin-bottom: 40px;
}

.quote-post blockquote:after {
    position: absolute;
    width: 23px;
    height: 17px;
    top: 100%;
    margin-top: 12px;
    left: 50%;
    margin-left: -9px;
    background: url('images/quote.png') center center no-repeat;
}

.quote-post span {
    color: #f5e326;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0;
}

.aside-post .post-content {
    background: #1d1d1d;
    padding: 18px 25px;
    border-left: 15px solid #ffed27; 
}

.aside-post .post-content h2 {
    color: #fff; 
}

.aside-post .post-content p {
    color: #9c9c9c;
    margin-bottom: 0;
}

.photo-post a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 61px;
    height: 61px;
    margin-top: -30px;
    margin-left: -30px;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    text-decoration: none;
    line-height: 62px;
    font-family: 'Courier New', sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: 300;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    -ms-transform: scale(0.0);
}

.photo-post:hover a {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
}

.photo-post a:hover {
     background: #000;
      color: #fff;
      transform:rotate(360deg);
      -ms-transform:rotate(360deg);
      /* IE 9 */
      -moz-transform:rotate(360deg);
      /* Firefox */
      -webkit-transform:rotate(360deg);
      /* Safari and Chrome */
      -o-transform:rotate(360deg);
      /* Opera */
      transition:all 0.3s ease-in-out;
      -moz-transition:all 0.3s ease-in-out;
      -webkit-transition:all 0.3s ease-in-out;
      -o-transition:all 0.3s ease-in-out;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    outline: none;
}

.blog-page-link {
    border:10px solid rgb(0,0,0);
    border:10px solid rgba(0,0,0,.2);
    display: block;
    margin: 13px auto;
    width: 185px;
    padding: 16px;
    background: #fff;
    color: #000 !important;
    font-size: 20px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none!important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*-------------------------------------------------*/
/* =  project-page
/*-------------------------------------------------*/

.sidebar-content {padding:24px 15px}


/*-------------------------------------------------*/
/* =  about-page
/*-------------------------------------------------*/

.last-section {
    border: none;
    margin: 0;
}

.last-section h1 {
    margin-bottom: 20px;
}

.team-post {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.team-post img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.team-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffed27;
    background: rgba(255,237,39,0.9);
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    overflow: hidden;
}

.team-post:hover .team-hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

.team-data {
    position: relative;
    top: 50%;
    margin-top: -16px;
}

.team-post h3 {
    color: #000;
    font-size: 16px;
    font-family: 'Courier New', sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
}

.team-post span {
    color: #000;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 16px;
    margin: 0;
}

.skills-progress {
    margin-bottom: 30px;
}

.skills-progress p {
    color: #000000;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 26px;
    clear: both;
    margin-bottom: 0px;
}

.skills-progress p span {
    font-size: 14px;
    float: right;
}

.meter { 
    height: 33px;  /* Can be anything */
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-bottom: 12px;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: url('images/skills-pattern.png');
}

.client-test {
    overflow: hidden;
}

.client-test img {
    float: left;
    max-width: 80px;
    margin-right: 24px;
}

.client-test h3 {
    color: #000;
    font-size: 15px;
    font-family: 'Courier New', sans-serif;
    padding: 27px 25px;
    margin: 0;
    margin-left: 80px;
    line-height: 26px;
    background: #ffed27;
}

.testimonial p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
    padding: 16px 30px;
    border: 1px solid #ececec;
}

.testimonial {
    margin-bottom: 25px;
}

.skills-progress h1 {
    margin-bottom: 6px;
}

.services h1 {
    margin-bottom: 6px;
}

.services ul li a {
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 28px;
    text-decoration: none;
}

.services ul li {
    position: relative;
    padding-left: 11px;
}


/*-------------------------------------------------*/
/* =  contact-page
/*-------------------------------------------------*/


#map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%);
}

.contact-box {
    position: relative;
    z-index: 3;
    margin: 0 0 30px 0px;
    padding: 30px;
    background: #fff;
    max-width: 780px;
	width:780px;
	float:left;
    overflow: hidden;
}

.contact-info {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}



#contact-form h1,
.comment-form h1 {
    margin: 0 0 20px;
}

.contact-info p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 20px;
}

#contact-form {
    overflow: hidden;
}

.text-fields {
    float: left;
    width: 50%;
    padding-right: 10px;
}

.submit-area {
    float: right;
    width: 50%;
}

.comment-form {
    overflow: hidden;
}

.float-input {
    position: relative;
    padding-left: 58px;
}

.float-input span {
    position: absolute;
    width: 58px;
    height: 58px;
    border: 1px solid #eaeaea;
    top: 0px;
    left: 0px;
    z-index: 2;
    text-align: center;
}

.float-input span i {
    line-height: 32px;
    font-size: 12px;
    color: #585858;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #585858;
    margin-top: 13px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="text"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form textarea {
    color: #848484;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    border: 1px solid #eaeaea;
    border-left: none;
    font-weight: 300;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 18px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;  
}

#contact-form input[type="text"]:focus + span i,
.comment-form input[type="text"]:focus + span i {
    color: #000;
    background: #ffed27;
    border: 1px solid #ffed27;
}

#contact-form textarea,
.comment-form textarea {
    height: 126px;
    border: 1px solid #eaeaea;
}

#contact-form input[type="submit"],
.comment-form input[type="submit"] {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 19px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    padding: 15px;
    background: #ffed27;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

#contact-form .message,
.comment-form .message {
    height:20px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    float: none;
    margin-top: 5px;
}

#contact-form .message.error,
.comment-form .message.error {
    color:#eb2c06;
}

#contact-form .message.success,
.comment-form .message.success {
    color:#1e9397;
}

/*Services*/

/*-------------------------------------------------*/
/* =  Tabs Widget
/*-------------------------------------------------*/

.service-content {
    padding: 30px 30px 0;
}

.service-section {
}

.border {
border-bottom: 1px solid #e5e5e5;
margin: 10px 0 20px;
}


.service-section p {
color: #a3a3a3;
font-size: 15px;
font-family: 'Courier New', sans-serif;
margin: 0 0 20px;
line-height: 22px;
}

.service-section img {
  float: left;
  margin-right: 20px;
}

.offer-section {
  padding-bottom: 10px;
}

.offer-section h1 {
  margin-bottom: 20px;
}

.service-item {
	background: #ffed27;
	text-align: center;
	padding: 30px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	color:#666;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.service-item a {text-decoration:none; color:#666;}
.service-item:hover a{color:#666}
.service-item i {
  font-size: 30px;
  color: #000;
}

.service-item .serv-border {
  width: 70px;
  margin: 20px auto;
  border-top: 1px solid #000;
}

.service-item h3 {
  color: #000;
  font-size: 22px;
  font-family: 'Courier New';
  font-weight: 100;
  margin: 0;
}

.service-item:hover {
  background: #000;
  color:#ffed27
}

.service-item:hover .serv-border {
  border-top: 1px solid #ffed27;
    -webkit-animation: moveFromTop 300ms ease;
    -moz-animation: moveFromTop 300ms ease;
    -ms-animation: moveFromTop 300ms ease;

}
.service-item:hover h3 {
  color: #ffed27;
      -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
  
}
.service-item:hover i, .service-item:hover img {
  color: #ffed27;
    -webkit-animation: moveFromTop 400ms ease;
  -moz-animation: moveFromTop 400ms ease;
  -ms-animation: moveFromTop 400ms ease;
}
.service-item p{font-size:13px; margin-bottom:0; padding:0px 10px}
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.tabs {
  padding-bottom: 0;
  border: 0;
}

.tabs h1 {
  margin-bottom: 20px;
}

.tabs ul {
  padding: 0;
}

.tabs-widget {
  padding: 0px !important;
  margin-bottom: 20px;
  border: 1px solid #dbdbdb;
}

.tabs-widget .tab-links {
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
}

.tabs-widget .tab-links li {
    float: left;
    background: #ffffff;
    color: #808080;
    width: 25%;
    height: 65px;
    border-right: 1px solid #dbdbdb;
}

.tabs-widget .tab-links li.active {
    background: #ffed27;
}

.tabs-widget .tab-links li.active a{
    color: #000;
}

.tabs-widget .tab-links li:first-child {
    margin-left: 0px;
}
.tabs-widget .tab-links li:last-child {
    border-right: 0;
}

.tabs-widget .tab-links li a {
    font-family: 'Courier New';
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    display: block;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    line-height: 36px;
}

.tabs-widget .tab-links li a:hover {
  text-decoration: none;
}

.tab-content.active {display:block}

.tabs-widget > div {
    clear: both;
    display: none;
	padding:20px;
}

.tabs-widget > div > ul {
    margin: 0;
}

.tabs-widget #popular-tab {
    display: block;
}

.tabs-widget .author-comment {
    color: #7f7f7f;
    font-size: 11px;
    line-height: 14px;
    max-height: 42px;
    overflow: hidden;
    display: block;
}


.tabs-widget > div li {
    overflow: hidden;
    border-top: none;
    background: #fff;
    padding-bottom: 0;
    padding: 20px 20px 10px;
}


.tabs-widget > div li > a {
    display: block;
}

.tabs-widget img {
    float: left;
    width: 44px;
    height: 44px;
    margin-right: 14px;
}

.tabs-widget > div h3 {
    font-family: 'Open Sans';
    margin: 0 0 3px 0px;
    line-height: 19px;
    max-height: 34px;
    overflow: hidden;
}

.tabs-widget > div h3 a {
    color: #506779;
    display: block;
    font-size: 13px;
}

.tabs-widget > div h3 a:hover {
    opacity: 0.8;
    text-decoration: none;
}

.tabs-widget > div#comments-tab h3 {
    max-height: 15px;
}

.tabs-widget > div p, .tabs-widget > div{
  font-size: 14px;
  color: #808080;
  line-height: 20px;
  margin: 0;
  margin-bottom: 30px;
}


.tabs-widget ul{
  list-style: none;
}

/*-------------------------------------------------*/
/* =  project-page
/*-------------------------------------------------*/

.single-project {
    padding: 30px;
}

.single-box {
    background: #fff;
    overflow: hidden;
}

.project-post-content p,
.about-section p {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}

.project-text {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding-bottom: 20px;
	margin-top: 22px;
}
.post-tags.single-post{background:none; border:none; padding:10px 0}
.post-tags.single-post i {
  display: inline-block;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  width: 30px;
  text-align: center;
}

.post-tags.single-post a {
  font-family: 'Roboto';
  color: #333;
  font-size: 14px;
  margin-right: 20px;

}

.similar-projects h1 {
    margin-bottom: 20px;
}

.similar-projects .project-post {
    width: 49.9%;
}

.sidebar h1 {
    margin-bottom: 17px;
}

.post-info {
    margin-bottom: 26px;
}

.post-info ul li {
    padding: 14px 0;
    border-bottom: 1px solid #e5e5e5;
}

.post-info ul li:first-child {
    padding: 0 0 14px;
}

.post-info ul li span {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 14px;
}

.post-info ul li span i {
    color: #000;
    line-height: 32px;
    font-size: 12px;
}

.post-info ul li a {
    text-decoration: none;
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 32px;
}

.project-gallery .view a {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -24px;
    margin-left: -20px;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    font-family: 'Courier New', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 300;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    -moz-transform: scale(0.0);
    -o-transform: scale(0.0);
    -ms-transform: scale(0.0);
}

.project-gallery .view:hover a {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
}

.project-gallery .view a:hover {
     background: #000;
      color: #fff;
      transform:rotate(360deg);
      -ms-transform:rotate(360deg);
      /* IE 9 */
      -moz-transform:rotate(360deg);
      /* Firefox */
      -webkit-transform:rotate(360deg);
      /* Safari and Chrome */
      -o-transform:rotate(360deg);
      /* Opera */
      transition:all 0.3s ease-in-out;
      -moz-transition:all 0.3s ease-in-out;
      -webkit-transition:all 0.3s ease-in-out;
      -o-transition:all 0.3s ease-in-out;
}

.project-gallery .view {
  margin-bottom: 20px;
}

.project-gallery .view img {
  width: 100%;
}



/*-------------------------------------------------*/
/* =  single post
/*-------------------------------------------------*/

.tags-box {
    margin-bottom: 16px;
}

.tags-box ul li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}

.tags-box ul li a {
    display: inline-block;
    color: #a3a3a3;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    padding: 9px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.tags-box ul li a:hover {
    color: #000;
    border: 1px solid #000;
}

.archives-sidebar ul li a {
    display: inline-block;
    color: #848484;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 28px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.archives-sidebar h1 {
    margin-bottom: 5px;
}

.archives-sidebar ul li a:hover {
    color: #000;
}

.comment-section h1 {
    margin-bottom: 15px;
}

.comment-box {
    overflow: hidden;
    margin-bottom: 30px;
}

.comment-box img {
    float: left;
    max-width: 80px;
}

ul.depth {
    margin-left: 100px;
}

ul.depth li {
    position: relative;
}

ul.depth li:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: 0;
    left: -60px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.comment-content {
    padding-left: 100px;
}

.comment-content h6 {
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    line-height: 22px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin: -4px 0 7px;
    padding-bottom: 4px;
    font-weight: 400;
}

.comment-content h6 span {
    color: #d1d1d1;
    font-style: normal;
}

.comment-content p {
    color: #a3a3a3;
    line-height: 26px;
    font-family: 'Courier New';
}

ul.menu,
ul.archives,
ul.categories {
    padding: 0;
    margin: 0;
}
.rssSummary{max-width:100%; overflow:hidden}
ul.menu > li a.active, ul.menu > li.current_page_item a, ul.menu > li.current-menu-item > a, ul.menu > li.current-menu-parent > a {
	background: #ffed27;
	border-bottom:1px dashed #d6d6d6;
}

header ul.menu > li a.active:after, header ul.menu > li.current_page_item a:after, header ul.menu > li.current-menu-item > a:after, header ul.menu > li.current-menu-parent > a:after {
   content:"";
  border-top: 28px solid transparent;
  border-bottom: 29px solid transparent;
  border-left: 20px solid #ffed27;
  position:absolute;
  left:300px;
  top: 0;
  z-index:100;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a{background-color:transparent; color:#ffed27 !important}

ul.tab-links li:hover,
ul.tab-links li a.active {
    background: #ffed27;
}


.project-feature ul {margin-left:0; padding-left:0; list-style:none}


.col-md-4.spart{width:230px}
.contact-page .col-md-12.cpart{background:#fff; background:rgba(255, 255, 255, 0.9)}
.contact-page .inner-content > div {background:none}
.contact-info {margin-bottom: 20px;}

#contact-form input[type="text"],
#contact-form textarea,
#contactFormWidget input[type="text"],
#contactFormWidget textarea,
.comment-form input[type="text"],
.comment-form textarea {
    color: #848484;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    border: 1px solid #eaeaea;
    border-left: none;
    font-weight: 300;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 13px 18px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;  
}
#contactFormWidget input[type="text"],
#contactFormWidget textarea{border-left: 1px solid #eaeaea;}
#contactFormWidget .row {margin-bottom:0}
label.error {color:red; font-size:13px; text-shadow:none; display:block; margin-top:-16px}
#contact-form input[type="text"]:focus + span i,
.comment-form input[type="text"]:focus + span i {
    color: #fff;
    background: #000;
}

#contact-form textarea,
.comment-form textarea {
    height: 126px;
    border: 1px solid #eaeaea;
}


.comment-form input[type="submit"] {
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    padding: 14px 19px;
    background: #ffed27;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

#contact-form .message,
.comment-form .message {
    height:20px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
    float: none;
    margin-top: 5px;
}

#contact-form .message.error,
.comment-form .message.error {
    color:#eb2c06;
}

#contact-form .message.success,
.comment-form .message.success {
    color:#1e9397;
}
/*****************************************************/

/********************SUB menu***********************/
header .menu .sub-menu {
  position: absolute;
  width: 219px; 
  border: none;
  background: none;
  padding-left: 0;
  top: -20px;
  z-index:99;
}

header .menu span.caret{display: none}
header .menu>li>ul.sub-menu{
    margin-left: 300px;
}
header .menu ul li {
  width: 100%;
}


header ul.sub-menu li ul {
  margin-left: 219px;
}

header .menu .sub-menu li {
  background: #191919;
  padding-right: 0;
  list-style: none;
  border-bottom: 1px solid #3b3b3b;
  opacity: 0.9;
  margin-bottom: 0;
  text-align: left;
}


header .menu .sub-menu li a:hover{
  color: #ffed27 !important;
  background: #191919 !important;
  font-size: 12px !important;
  font-weight: normal;
  transform: none !important;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  
}


header .menu .sub-menu a {
  font-size: 12px !important;
  font-weight: normal;
  color: #fff;
  padding: 15px 15px !important;
  line-height: normal;
  font-family: 'Courier New', sans-serif !important;
  text-transform: none;
  width: 100%;
}

 header  .sub-menu span {
      display: none;
  }

header .menu ul.dropdown-menu {
    position: absolute;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
}

.menu > li:hover > ul.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
    visibility: visible;
    opacity: 1;
}

ul.dropdown-submenu li:hover ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
}

header .menu > .dropdown:hover > .dropdown-menu {display: block;}
.dropdown-submenu{position:relative;}
.dropdown-menu{ border-radius:0 !important;-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.dropdown-submenu>.dropdown-menu{top:1px;left:100%;margin-left:-1px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:0px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}
  /*****************************************************/
  /************Just required classes*************/
.wp-caption{max-width:100%}
.wp-caption-text {}
.sticky {}
.sticky .post-content{background:#ffed27}
.gallery-caption {}
.bypostauthor {}
.alignright {float: right; margin-left: 10px;}
.alignleft {float: left; margin-right: 10px;}
.aligncenter {}

/*********************Page*************************/
.inner-content{
    padding: 30px;
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}
.inner-content.blog-content{padding:0}
.inner-content.blog-content> div {background:transparent}
.inner-content > div {background:#fff;}
.main-content {
    padding: 30px 14px;
} 

.cpart {border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.spart, .cpart {background:#fff}
.main-content > img {margin-bottom:20px; width: 100%; height: auto;}
/****************portfolio*********************/
.single-box-content img{width: 100%; height:auto}
/* ====================== 404 (Page not found) ===================== */

.notfound {background:url('images/404.png') no-repeat top center; height:119px; margin-top: 40px;}
.lost {background:url('images/404_text.png') no-repeat top center; height:40px}
.notfound_description{margin:10px 0px; text-align:center}
.notfound_description{
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0 0 25px;
    line-height: 30px;
}
.notfound_text a {
    display: table;
    color: #fff;
    background:#ffed27;
    font-family: 'Courier New',  sans-serif;
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 6px;
    font-size: 15px;
    margin:0 auto}
.error-content {text-align:center}
.notfound_text{padding-bottom: 20px;}
.notfound_text a i{margin-right: 5px;}

/* ======================== Under Construction ===================== */

#uc-content{text-align:center; padding:100px 0px; font-family:'Courier New', sans-serif}
.uc-text{margin:30px 0px; font-family:'Courier New', sans-serif}
.uc-maintitle {color:#1b1b1b; font-size:30px; text-align:center; font-family:'Courier New', sans-serif; }
div.clock{margin-left: 8.333333333333332%; margin-bottom: 40px;}
div.clock div.col-md-2{margin-right: 17px;}
div.clock p {padding:10px; border:1px solid #e5e5e5; font-family:'Courier New', sans-serif; background: #ffed27; color: #fff;}
div.clock p span { display: block; font-size: 40px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; margin:20px 0 30px 0px  }
#uc-content .progress {height:30px}
#uc-content .progress-bar{background-color:#ffed27;}
#uc-content .progress i{font-size:20px; display:block; margin:4px 0 0 -10px}
/*****************************************************/


/****************PORTFOLIO*********************/
.portfolio-page>.col-md-12, .portfolio-page>.col-md-9{padding: 0}
/******************************BLOG********************/
.blog-page>.col-md-12, .blog-page>.col-md-9{padding: 0}

.single-box-content iframe{width: 100%; height: 375px;}
.blog-page .sidebar-div, .portfolio-page .sidebar-div{
    padding: 0 15px;
    background: #fff;
    margin-top: 12px;
}
.portfolio-page .sidebar-div{margin: 0}
/*********************COMMENTS********************/
.comment-content p{margin-bottom: 5px;}
.comment-tree ul.children {
    margin-left: 100px;
}

.comment-tree ul.children li {
    position: relative;
}

.comment-tree ul.children li:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: 0;
    left: -60px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
a.comment-reply-link{
    display: inline-block;
color: #000;
font-size: 11px;
font-family: 'Courier New', sans-serif;
background: #ffed27;
text-decoration: none;
padding: 3px 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
margin-top: 3px;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
a.comment-reply-link:hover{
    opacity: 0.8;
    text-decoration: none;
   
}
/************SEARCHFORM***************/
.search-widget input[type="search"] {
    color: #716565;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    padding: 15px 20px;
    border: 1px solid #e9e9e9;
    width: 100%;
    outline: none;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #ffed27;
}

.search-widget button {
    background: #fff;
    border: none;
    float: right;
    margin-top: -35px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.search-widget button i {
    color: #ffed27;
    font-size: 18px;
}
/***********************WIDGETS**************/
#sidebar .widget{margin-bottom: 30px;}

ul.wp-tag-cloud{margin-left:0; padding-left:0}
ul.tag-widget-list li, ul.wp-tag-cloud li {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 10px;
}

ul.tag-widget-list li a, ul.wp-tag-cloud li a {
    display: inline-block;
    color: #a3a3a3;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    padding: 9px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #dbdbdb;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a:hover, ul.wp-tag-cloud li a:hover {
    border: 1px solid #000;
    color: #000;
}

ul.flickr-list {
    overflow: hidden; padding-left:0; margin-left:0
}

ul.flickr-list li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}

ul.flickr-list li:nth-child(3n) {
    margin-right: 0px;
}

ul.flickr-list li a {
    display: inline-block;
    max-width: 65px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

ul.flickr-list li a:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}
/*---contact widget---*/
#contactFormWidget .col-md-6, #contactFormWidget .col-md-12{margin: 5px 0;}
#contactFormWidget input[type='text'], #contactFormWidget textarea{width: 100%;}
#contactFormWidget textarea{height: 100px; margin-bottom: 10px}
#contactFormWidget .col-md-12{text-align: right;}
#contactFormWidget .col-md-12 input[type='submit']{background: #ffed27;color: #000;}
#contactFormWidget .widgetinfo {color: green}
/*---3 in 1---*/
.widget_alc_totalposts ul.tab-links li{width: 33.3%}
.widget_alc_totalposts ul.tab-links li a{font-size: 12px;}
.widget_alc_totalposts .tab-box{padding-bottom: 0;}
.widget_alc_totalposts .tab-box li{overflow: hidden;margin-bottom: 16px; width: 100%; }
.widget_alc_totalposts .post-comments img, .widget_alc_totalposts .post-popular img, .widget_alc_totalposts .post-recent img{margin-right: 10px;}
.widget_alc_totalposts .post-comments p, .widget_alc_totalposts .post-popular p, .widget_alc_totalposts .post-recent p{margin: 0; line-height: 12px;}
.widget_alc_totalposts .post-comments time, .widget_alc_totalposts .post-popular time, .widget_alc_totalposts .post-recent time{display: inline-block;color: #b8b8b8;font-size: 11px;}
/**common widgets**/
.footer-block{padding: 14px 30px 15px; border-bottom:1px dashed #d6d6d6}
.footer-block h2 {
    font-size: 16px;
font-family: 'Courier New', sans-serif;
font-weight: 400;
text-transform: uppercase;
margin: 0 0 12px;
line-height: 20px;
}
p.copyright {
padding-bottom: 15px;
}
.widget_archive ul, .widget_meta ul{margin-left:0; padding-left:0}
.footer-block ul li, .widget_archive ul li, .widget_meta ul li{
    color: #787878;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
    list-style: none;
    margin-bottom: 6px;
}

.footer-block ul li a,.widget_archive ul li a, .widget_meta ul li a{
display: inline-block;
color: #787878;
font-family: 'Courier New', sans-serif;
font-weight: 300;
line-height: 20px;
text-decoration: none;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
.widget-container ul li a:hover, .footer-block ul li a:hover{color: #000;}
.widget-container ul.children{margin-left: 60px;}
.widget-container ul.children li:before{height: 10px; left:-40px;}
.widget-container ul li, .widget-container p, .widget-container {font-size:14px}
/*---calendar---*/
#wp-calendar{border:solid 1px #dfdfdf; border-left:0; width:100%}
#wp-calendar td {padding:8px; }
#wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center}
#wp-calendar th{padding:4px; background:#333; color:#fff; text-align:center; border:none}
#wp-calendar caption {background:#ffed27; padding:4px; color:#000}

/****************************SHORTCODES***************************/
.btn-moler, .btn-grafika{
    color: #000;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    background: #ffed27;
}
.square{border-radius:  0;}
.btn i{margin-right: 5px;}

/*toggle*/
 .toggle-trigger {
     color: #000;
     font-size: 20px;
     font-family: 'Courier New', sans-serif;
     font-weight: 300;
     text-decoration: none;
     text-transform: uppercase;
    padding: 8px 22px;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    background: #eaeaea url('images/open.png') 95% center no-repeat;
    margin-top: 1px;
    cursor: pointer;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}



 .toggle-trigger.open {
	background: #ffed27 url('images/close.png') 95% center no-repeat;
}

 .toggle-container {
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    padding: 12px 22px;
}


.toggle-trigger {display:block; text-decoration:none}
.toggle-trigger:hover {text-decoration:none}
/*accordion*/

#accordion-container {
  font-size: 13px;
  color: #868686;

}

.accordion-header {
     color: #000;
     font-size: 20px;
     font-family: 'Courier New', sans-serif;
     font-weight: 300;
     text-decoration: none;
     text-transform: uppercase;
     margin: 5px 0 10px 0;
     padding: 8px 5px;
     cursor: pointer;
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 15px;
}
.accordion-content {
    display: none;
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 0;
    margin-bottom: 10px;
    padding: 12px 5px;
}
/*nav shortcodes*/
.navbar-shortcode .navbar-inner{ min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar-shortcode ul.nav{margin: 0}
.navbar-shortcode ul.nav>li{display: inline-block}

.navbar-fixed-top {
	position: relative;
	/*z-index: 9999999;*/
}



.navbar-fixed-top .navbar-inner {
	background: #02ab68;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	min-height:90px;
}

.navbar .logo a.brand, .text-logo {
	padding: 27px 0 20px;
	margin: 0;
	font-size:42px; 
	color:#fff;
	font-family:'Courier New', sans-serif;
}
.logo, .logo:hover {text-decoration:none}
 .text-logo {color:#000}
/***************slider*************************/
.flex-caption {
  padding:0 !important;
  position:absolute!important;
  bottom:50% !important;
  font-size:46px !important;
  width:100% !important;
  opacity:0.8 !important;
  color:#fff !important;
 margin-bottom:-23px;
  text-align: center !important;
  text-shadow: 1px 1px 3px #000 !important;
  background: none !important;
  line-height: normal !important;
}
/*************Featured block***********/
.services-post{
    color: #a3a3a3;
    font-size: 18px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 30px;
    margin: 0 0 30px;
}
.services-post h2{
    color: #000000;
    font-size: 22px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 5px;
}
/****************Progress bar*************/
p.progressTitle{
    color: #000000;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 26px;
    clear: both;
    margin-bottom: 0px;
}
p.progressTitle span{
    font-size: 14px;
    float: right;
}
/****************Title-block************/
h1.title-block{
    color: #000;
    font-size: 24px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0 0 5px;
    line-height: 30px;
    margin-bottom: 20px;
}
/***************Contact***********/
ul.contact-short {list-style:none; padding-left:0; margin-left:0}
ul.contact-short li{
   padding: 14px 0;
   border-bottom: 1px solid #e5e5e5; 
   text-decoration: none;
   color: #848484;
   font-size: 14px;
   font-family: 'Courier New', sans-serif;
   font-weight: 300;
   line-height: 32px;
}
ul.contact-short li a{color: #848484;}
ul.contact-short li span{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 14px;
}
ul.contact-short li span i{
    color: #000;
    line-height: 32px;
    font-size: 12px;
}
/*************carousel***********/
  /* --- Logo slider -- */
  .width-carousel{margin-bottom: 40px;}
.partners-block{margin-bottom:20px}
.partners .bx-viewport{height: 97px !important; border: none !important; box-shadow: none !important;}
#logo_slide {}
#logo_slide li {list-style:none;  width:189px; float:left; line-height:69px; text-align:center; margin-left:-2px}
#logo_slide{border:solid 1px #eee; list-style:none; height: 100%}
#logo_slide li:last-child{border:none}
#slide_prev2, #slide_next2{top:0px !Important}
.bx-wrapper {
  position: relative;
}

.width-carousel .bx-wrapper .bx-controls-direction a{position: absolute; top:-19px;}
.width-carousel .bx-wrapper .bx-prev{right: 45px}
.latest-blog .bx-wrapper .bx-controls-direction a{position: absolute; top: 95%;}
.latest-blog .bx-pager, .width-carousel .bx-pager{display: none}
.latest-blog .bx-controls-direction  a.bx-prev{right: 45px !important;}
.latest-blog .blog-post{width: 100%;}


.slider .bx-controls {
  width: 100%;
  right: 1px;
  bottom: 50%;
  margin-bottom: -12px;
  opacity: 0;

  transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
}

.slider:hover .bx-controls {
  opacity: 1;
}

.slider .bx-controls-direction {
  width: 100%;
  padding: 0 10px;
}

.slider .bx-controls-direction a {
  margin-left: 0;
}

/***********************PAGE_HEAD********************/

/*promo text*/
#banner {
    padding: 0 30px;
    margin-bottom: -30px;
    
    height: 100px;
    text-align: center
}
.portfolio-page #banner{padding: 0; margin: 0;}
.contact-page #banner{padding: 0; margin: -30px 0 0 0;}
.contact-page .bx-wrapper{z-index: 3;}
#banner .bx-wrapper{background: #ffed27;}

#banner .bx-wrapper, #banner .bx-viewport{height: 100% !important}
#banner .bx-pager{display: none}
#banner .bx-viewport{background: none; border: none; box-shadow: none;}
#banner .bx-wrapper .bx-controls{position: relative; bottom: 50%}
#banner .bx-prev{left: 10px;}
#banner p {
	color: #000;
	font-size: 29px;
	font-family: 'Courier New', sans-serif;
	font-weight: 300;
	line-height: 76px;
	padding: 10px 130px;
	max-height: 62px;
	overflow: hidden;
}

#banner p span {
	font-weight: 600;
	background: none;
}
/*featured image*/
.single-post-thumb{
    padding: 0 30px;
    margin-bottom: -30px;
}
.portfolio-page .single-post-thumb{padding: 0; margin: 0;}
.contact-page .single-post-thumb{padding: 0; margin: -30px 0 0 0; z-index: 3;}
.single-post-thumb img {
    width: 100%
}
.single-post-caption{
    height: 30px;
width: 100%;
background: #000;
opacity: 0.5;
position: relative;
bottom: 53px;
color: #fff;
font-size: 22px;
font-family: 'Courier New', sans-serif;
}
/*image lightbox   & slider*/
.head-lightbox, .sl-slider-wrapper{
    padding: 0 30px;
    margin-bottom: -30px;
}
.portfolio-page .head-lightbox, .portfolio-page .sl-slider-wrapper{padding: 0; margin: 0;}
.contact-page .head-lightbox, .contact-page .sl-slider-wrapper{padding: 0; margin: -30px 0 0 0; z-index: 3;}
.contact-page .sl-slider-wrapper .flexslider{z-index: 3;}
/****************PRICING TABLE************/
.pricing-box {
    padding: 40px 0 0;
    border-bottom: 1px solid #e1e1e1;
}

ul.pricing-table {
    width: 100%;
    margin-bottom: 40px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out; 
}

ul.pricing-table:hover {
    box-shadow: 0 0 20px #c6c6c6;
}

ul.pricing-table li {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #e9e9e9;
    border-top: none;
    background: #fff;
}

ul.pricing-table li:first-child {
    padding: 35px 0;
    border: none;
    background: #c2c2c2;
}

ul.pricing-table li{
    color: #a7a7a7;
    font-size: 15px;
    font-family: 'Courier New', sans-serif;
	line-height:24px;
}

ul.pricing-table li.title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
ul.pricing-table li.title span{display:block}

ul.pricing-table li:first-child span {
    color: #fff;
    font-size: 16px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 20px;
}

ul.pricing-table li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: 'Courier New', sans-serif;
    font-weight: 700;
    padding: 12px 20px;
    background: #c2c2c2;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;    
}

ul.pricing-table li a:hover {
    opacity: 0.8;    
}

.pricing-table.standard li {
    border: none;
    border-bottom: 1px solid #e4e4e4;
    background: #f0f0f0;
}

.pricing-table.standard li:first-child {
    background: #ffed27;
    border: 1px solid #e9e9e9;
}

.pricing-table.standard li:last-child {
    border-bottom: none;
}

.pricing-table.standard li p {
    color: #000;
}

.pricing-table.standard li:first-child p,
.pricing-table.standard li:first-child span {
    color: #fff;
}

.pricing-table.standard li a {
    background: #ffed27;
    color: #fff;
}

 /*tables*/
 table{
     border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
 }
 table td, table th{
     padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}
.table thead > tr > th {
vertical-align: bottom;
border-bottom: 0px solid #dddddd;
}

.twitter-item {margin-bottom:20px !important; line-height:24px !Important}
.twitter-item i{margin-right:4px}

.pagination > li > a{color:#000}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li.current a {
  background-color: #ffed27;
}
.filter-box {padding:20px 24px}
div.filter-box h3 {
    color: #000;
    font-size: 19px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    margin: 0 0 10px;
    line-height: 30px;
}

div.filter-box h3 i {
    margin-left: 12px;
}

div.filter-box ul li a {
    display: inline-block;
    color: #999;
    font-size: 13px;
    font-family: 'Courier New', sans-serif;
    font-weight: 300;
    line-height: 24px;
    text-decoration: none;
  
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

div.filter-box ul li a:hover,
div.filter-box ul li a.active {
    color: #000;
}
div.filter-box ul {
    padding: 0;
    margin: 0;
	list-style:none;
}
.project-listing li {display:inline-block; width:72px}
.next-prev-nav {list-style:none; margin-left:0; padding-left:0}
.next-prev-nav li:first-child{float:left}
.next-prev-nav li:last-child{float:right}
.contact-box {max-width:100%}