/*
Theme Name: Kingpen
Theme URI: http://wpexpand.com/
Author: WP Expand
Author URI: http://wpexpand.com
Description: Kingpen is one page WordPress theme
Version: 1.1
Text Domain: kingpen
*/


/*-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================


    1.  Theme Default CSS (body, link color, section etc)
    2.  Slider
    3.  Header
    4.  Mainmenu
    5.  Features
    6.  Portfolio
    7.  Pricing
    8.  Testimonials
    9.  Contact
    10. Google map
    11. Copyright
    12. Preloader
    13. Demo panel CSS
    14. Colors

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



/*-----------------------------------------------------------------------------------*/
/*    1.    Theme default CSS
/*-----------------------------------------------------------------------------------*/
html,
body { height: 100% }
body { font-family: 'Open Sans', sans-serif }
h1,
h2,
h3,
h4,
h5,
h6,
p { margin: 0 0 20px }
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6
{font-family: "Oswald",sans-serif;}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    float: none;
    margin: 0 auto;
}
a:focus { outline: none }
.section {
    background: #ffffff; /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 27%,#dedede 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ) /* IE6-9 */;;;;
}
.container,
section {
    position: relative;
    z-index: 9;
}
.section-padding { padding: 100px 0 }
.overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}
.black-overlay {
    background-color: #000;
    opacity: .1;
}
.default-overlay { opacity: .6 }
.triangle-overlay {
    background-image: url(images/home-overlay.png);
    background-attachment: fixed;
    background-size: cover;
    opacity: .6;
}
.dashed-overlay {
    background-image: url(images/black-twill.png);
    z-index: 4;
}
.gray-section { background: #f9f9f9 }
.overlay.white {
    background: #fff;
    opacity: .9;
    filter: alpha(opacity=90);
}
.fixed-bg {
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-attachment: fixed;
}
.btn {
    border-radius: 25px;
    box-shadow: 0 0 0;
    font-size: 17px;
    padding: 3px 35px 7px;
}
.feature-sep {
    height: 1px;
    background: #ddd;
    margin: 40px 0px;
    clear: both;
    width: 100%;
}
.tab-pane { padding-top: 10px }
input[type=submit] {
    border: medium none;
    color: #fff;
    padding: 6px 25px;
}
html body input[type=submit]:hover { background-color: #333333 }
/*-----------------------------------------------------------------------------------*/
/*    2.    Slider
/*-----------------------------------------------------------------------------------*/
#home {
    position: relative;
    z-index: 999;
}
#slideshow-top { }
#home,
#slideshow-top,
#home-slider,
#home-slider .carousel-inner,
#home-slider .item,
header.header,
header .container { height: 100% }
.slide_1 { background-image: url(images/slides/slide_1.jpg) }
.slide_2 { background-image: url(images/slides/slide_2.jpg) }
/* Fade Slider CSS */
.carousel.carousel-fade .item { transition: opacity 1s ease-in-out }
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}
.carousel.carousel-fade .carousel-control {
    z-index: 1000;
    outline: none;
}
/*-----------------------------------------------------------------------------------*/
/*    3.    Header
/*-----------------------------------------------------------------------------------*/
header .container { display: table }
header.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    display: table;
}
.header a.btn-bordered, .header a.btn-filled, html body .social-links a {color: #fff}
header .row {
    display: table-cell;
    vertical-align: middle;
}
header h1 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 50px;
    line-height: 75px;
    text-transform: lowercase;
}
header {
    font-size: 20px;
    font-weight: 300;
}
header h2 {
    font-size: 45px;
    color: #fff;
}
header p { }
header .btn { margin: 0 10px }
a.btn-bordered {
    border: 1px solid #fff;
    color: #fff;
}
a.btn-bordered:hover { }
a.btn-filled { color: #fff }
html body a.btn-filled:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.social-links { margin-top: 20px }
.social-links a {
    font-size: 30px;
    margin: 5px;
    color: #fff;
}
/*-----------------------------------------------------------------------------------*/
/*    4.    Mainmenu
/*-----------------------------------------------------------------------------------*/
.site-navigation {
    position: relative;
    width: 100%;
    margin-top: -60px;
    z-index: 999;
    transition: all 0.9s ease 0s;
}
.site-navigation:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 9;
    opacity: .7;
}
.is-sticky .site-navigation { margin-top: 0 }
.site-title { }
.site-title h2{margin: 0 }
.site-title h2 a {
    background: url("../../uploads/2015/06/andrews_creativ_icon.png") no-repeat scroll 0 10px ;
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 24px;
    line-height: 40px;
    margin: 0;
    padding: 10px 0 10px 45px;display: block;background-size: 32px 39px;
}
.site-title h2 a:hover {text-decoration: none}
.site-navigation ul.nav {
    position: relative;
    z-index: 99;
}
.site-navigation ul.nav li { }
.site-navigation ul.nav li a {
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 20px 15px;
    text-transform: uppercase;
}
.site-navigation ul.nav li a:focus { background: none }
.site-navigation ul.nav li:hover > a,
.site-navigation ul.nav li.current a { background-color: #333 }
.site-navigation ul.nav li.tubular-play, .site-navigation ul.nav li.tubular-pause {
  background: none repeat scroll 0 0 #333333;
  color: #fff;
  cursor: pointer;
  padding: 20px;
  position: absolute;
  right: -50px;
  width: 50px;
}
.site-navigation ul.nav li.tubular-play:hover, .site-navigation ul.nav li.tubular-pause:hover {opacity: .7}


.mainmenu ul.nav.navbar-nav li ul {
    background: none repeat scroll 0 0 #000000;
    list-style: outside none none;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 100px;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 250px;
}
.mainmenu ul.nav.navbar-nav li ul li {
}
.mainmenu ul.nav.navbar-nav li ul li a {
    display: block;
    padding: 10px 15px;
    text-transform: none;
    font-size: 14px;
}
.mainmenu ul.nav.navbar-nav li ul li a:hover {
    text-decoration: none;
}
.mainmenu ul.nav.navbar-nav li ul li:hover ul {
    top: 0;
    left: 250px;
}
.mainmenu ul.nav.navbar-nav li:hover > ul {
    opacity: 1;
    top: 60px;
    visibility: visible;
}
.mainmenu ul.nav.navbar-nav li ul li ul {
    left: 130px;
    top: 0;
}


.triangle-bg {
    background: url(images/triangle-overlay.png) no-repeat scroll 0 0;
    background-size: cover;
}
.about-title {
    font-family: "Raleway",sans-serif;
    color: #fff;
    font-size: 15px; 
}
.about-title h1 {
    font-size: 80px;
    font-weight: 700;
    text-transform: uppercase;
    color: #044A47;
    font-family: 'Open Sans', sans-serif;
}
.about-title h1 span {
    display: block;
    color: #fff;
}
.about-title p { font-style: italic; }
  font-family: 'Times', serif; }
.about-info { color: #fff }
.about-info h2 {
    font-size: 15px;
    font-weight: 500;
  font-style: italic;
  font-family: 'Times', serif;
}
.about-right-description-n {margin-bottom: 20px;}
.about-info p { }
.about-info .progress {
    border-radius: 2px;
    height: 30px;
}
.about-info .progress-bar {
    font-size: 12px;
    font-weight: 300;
    padding: 5px 25px;
    text-align: left;
    opacity: .9;
}
/*-----------------------------------------------------------------------------------*/
/*    5.    Features
/*-----------------------------------------------------------------------------------*/
#features {
    position: relative;
    color: #fff;
}
.features-bg { background-image: url(images/slides/slide_1.jpg) }
#features ul.features-list {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 500px;
}
#features ul.features-list:before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    left: 50%;
    : ;
    margin-left: -0.5px;
}
#features ul.features-list:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5px;
}
#features ul.features-list li {
    float: left;
    width: 50%;
}
#features ul.features-list li a {
    display: block;
    font-weight: 900;
    padding: 40px 20px 40px 90px;
    position: relative;
}
#features ul.features-list li a {
    color: #fff;
    text-decoration: none;
}
#features ul.features-list li a i {
    font-size: 42px;
    left: 25px;
    position: absolute;
    top: 33px;
}
#features .tab-content {
    float: left;
    margin-top: 22px;
    position: relative;
    width: 640px;
}
#features .tab-content:before,
#features .tab-content:after {
    height: 2px;
    width: 100%;
    left: 0;
    top: -15px;
    content: "";
    position: absolute;
}
#features .tab-content:after {
    top: inherit;
    bottom: -15px;
}
#features .tab-pane {
    position: relative;
    z-index: 99;
    color: #fff;
}
#features .tab-pane .feature-title {
    border-right: 2px solid #fff;
    float: left;
    margin-right: 20px;
    padding: 17px 0;
    width: 200px;
    margin-bottom: 10px;
}
#features .tab-pane .feature-title p {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    padding: 10px;
    position: relative;
}
#features .tab-pane .feature-title i { font-size: 55px }
#features .tab-pane .feature-description {
    float: right;
    padding-bottom: 0;
    padding-right: 10px;
    padding-top: 5px;
    width: 420px;
}
.page-title {
    font-size: 18px;
    font-weight: 300;
    margin: 0 auto 50px;
    max-width: 800px;
}
.page-title h2 { font-family: "Oswald",sans-serif }
.page-title p { }
/*-----------------------------------------------------------------------------------*/
/*    6.    Portfolio
/*-----------------------------------------------------------------------------------*/
#portfolio { background: #fff }
h2.portfolio-title,
.pricing-title h2 {
    margin: 0 auto 50px;
    max-width: 750px;
    position: relative;
    text-align: center;
}
h2.portfolio-title span,
.pricing-title h2 span {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    padding: 0 20px;
    position: relative;
}
h2.portfolio-title:before {
    content: "";
    height: 3px;
    left: 0;
    margin-top: -1.5px;
    position: absolute;
    top: 50%;
    width: 100%;
}
ul#filters {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul#filters li { display: inline-block }
ul#filters li a {
    color: #666;
    font-size: 16px;
    padding: 5px 15px;
    border: 1px solid transparent;
    margin: 0 5px 15px;
    display: inline-block;
}
ul#filters li a.selected,
ul#filters li a:hover {
    border: 1px solid;
    text-decoration: none;
}
ul.portfolio {
    margin: 25px 0 0 0;
    padding: 0;
    list-style: none;
}
ul.portfolio li { position: relative }
.portfolio-hover {
    font-size: 18px;
    height: 100%;
    left: 0%;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.portfolio-hover::before {
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    transition: all 300ms linear 0s;
}
.grid-item:hover .portfolio-hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7;
    filter: alpha(opacity=70);
}
.portfolio-hover h2,
.portfolio-hover p,
.portfolio-hover a {
    position: relative;
    z-index: 9;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms linear 0s;
}
.grid-item:hover .portfolio-hover h2,
.grid-item:hover .portfolio-hover p,
.grid-item:hover .portfolio-hover a {
    opacity: 1;
    filter: alpha(opacity=100);
}
.portfolio-hover h2 {
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 400;
    margin: 10px;
    padding: 10px;
}
.portfolio-hover a {
    bottom: 20px;
    color: #000;
    display: inline-block;
    height: 40px;
    padding-top: 7px;
    position: absolute;
    width: 40px;
}
.portfolio-hover a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    content: "";
}
.portfolio-hover a:hover::before { background-color: #000 }
.portfolio-hover a:hover { color: #fff }
.portfolio-hover a i {
    z-index: 9;
    position: relative;
}
.isotope-hidden {
  display: none;
}
.portfolio-hover a:hover i {
    -webkit-animation: 0.3s ease 0s normal forwards 1 running toRightFromLeft;
    animation: 0.3s ease 0s normal forwards 1 running toRightFromLeft;
}
@-webkit-keyframes toRightFromLeft { 
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
@keyframes toRightFromLeft { 
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
.portfolio-hover a.zoom-link { left: 5% }
.portfolio-hover a.project-link { right: 5% }
.projects-we-completed { margin-top: 50px }
.project-completed-title {
    margin: 50px 0;
    text-transform: uppercase;
}
.single-completed { border-right: 1px solid #f1f1f1 }
.single-completed.no-border { border: none }
.single-completed h2 {
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}
.single-completed p {
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
}
/*-----------------------------------------------------------------------------------*/
/*    7.    Pricing table
/*-----------------------------------------------------------------------------------*/
#pricing {
    position: relative;
    background: #f1f1f1;
}
.pricing-title {
    font-size: 25px;
    margin-bottom: 50px;
    text-align: center;
}
.pricing-title h2 { margin-bottom: 20px }
.single-pricing {
    background: none repeat scroll 0 0 #fff;
    color: #636363;
    text-align: center;
}
.pricing-header {
    color: #fff;
    padding: 20px;
    position: relative;
    margin-bottom: 10px;
    background: #999;
}
.pricing-header:before {
    bottom: -15px;
    content: "";
    height: 30px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    transform: rotate(45deg);
    width: 30px;
    background: #999;
}
.pricing-header h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}
.pricing-header h2:before {
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    width: 90px;
    background: #fff;
}
.pricing-header h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}
.pricing-header p { margin: 0 }
.pricing-content { padding: 30px }
.pricing-content ul {
    border-top: 1px dashed #ddd;
    color: #888;
    font-size: 16px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pricing-content ul li {
    border-bottom: 1px dashed #ddd;
    padding: 10px;
}
.pricing-footer { overflow: hidden }
.pricing-footer p { }
html body .pricing-footer a.btn-filled {
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 10px 50px;
    text-transform: uppercase;
    background-color: #999;
    border-color: #999;
}
html body .pricing-footer a.btn-filled:hover, html body .featured .pricing-footer a.btn-filled:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
/*-----------------------------------------------------------------------------------*/
/*    8.    Testimonials
/*-----------------------------------------------------------------------------------*/
#testimonials {
    position: relative;
    padding: 100px 0;
}
#testimonials .page-title { color: #fff }
.single-testimonial {
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}
.author {
    text-transform: uppercase;
    font-size: 18px;
}
.testimonial-nav { }
html body .testimonial-nav a {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 4px 13px;
}
html body .testimonial-nav a:hover { background-color: #000 }
#news { }
.single-news {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
}
html body .single-news a.btn-filled {color:#fff}
.news-featured-content { border-bottom: 4px solid }
.news-featured-content img {
    width: 100%;
    height: auto;
}
.post-meta {
    margin: 20px 0 0;
    padding: 0 20px;
}
.post-meta i { margin-right: 10px }
.posted-by { }
.posted-by p {
    font-family: raleway;
    font-size: 18px;
    margin: 0;
}
.posted-by h4 {
    font-family: oswald;
    font-size: 25px;
    margin: 0;
}
.post-date,
.post-favorite { margin-top: 20px }
.post-date { }
.post-favorite { }
.post-content { padding: 20px }
.post-content a:hover { text-decoration: none }
.post-content h2 {
    position: relative;
    font-size: 22px;
}
.post-content h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 1px;
}
.post-content h2:after {
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: -24.5px;
    width: 10px;
}
.post-content .btn-filled { border-radius: 0 }
html body .post-content .btn-filled:hover {
    background-color: #000;
    color: #fff;
}
/*-----------------------------------------------------------------------------------*/
/*    9.    Contact
/*-----------------------------------------------------------------------------------*/
#contact-us {
    position: relative;
    background: #fff;
}
.contact-row,
.contact-row-column { margin-bottom: 20px }
.contact-row-column {
    overflow: hidden;
    margin-left: -2%;
}
.contact-half {
    float: left;
    width: 48%;
    margin-left: 2%;
}
#contactform { position: relative }
.form-content {
    position: relative;
    z-index: 99;
}
#contactform input[type=text],
#contactform input[type=email],
#contactform textarea {
    background: none repeat scroll 0 0 ;
    border: 1px solid #ddd;
    color: #000;
    padding: 10px;
    width: 100%;
}
#contactform textarea { height: 165px }
#contactform input[type=submit] { font-size: 20px }
fieldset { margin-bottom: 10px }
label.error {
    background: none repeat scroll 0 0 #e95255;
    color: #fff;
    display: block;
    font-weight: 400;
    margin-top: 5px;
    padding: 2px 15px;
    text-align: center;
}
.required { color: #e9266d }
#success,
#error {
    display: none;
    font-size: 15px;
    left: 0;
    padding: 35px 15px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
}
#success { background: none repeat scroll 0 0 #9bd32d }
#error { background: none repeat scroll 0 0 #e95255 }
#success p,
#error p {
    color: #fff;
    margin: 0;
}
.contact-information {
    font-size: 18px;
    font-weight: 300;
    border: 1px solid #f1f1f1;
}
.contact-information p {
    border-bottom: 1px solid #f1f1f1;
    margin: 0 20px 15px;
    padding: 0 0 15px 43px;
    position: relative;
}
.contact-information p:last-child {
    border-bottom: 0px solid;
    margin-bottom: 0;
}
.contact-information p i {
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 3px;
}
.big-icon-contact {
    color: #fff;
    font-size: 100px;
    margin-bottom: 20px;
    padding: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*    10.    Google map
/*-----------------------------------------------------------------------------------*/
#map {
    width: 100%;
    height: 400px;
}
/*-----------------------------------------------------------------------------------*/
/*    11.    Copyright
/*-----------------------------------------------------------------------------------*/
#footer-copyright {
    padding: 40px 0;
    border-top: 1px solid #ddd;
    position: relative;
    z-index: 99;
}
.copyright-text { }
.copyright-text p {
    color: #fff;
    font-weight: 300;
    margin: 5px 0 00;
}
.social-footer { }
html body .social-footer a {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    margin-left: 8px;
    margin-top: -10px;
    padding-top: 3px;
    text-align: center;
}
.social-footer a:hover {
    opacity: .7
}
.scroll-to-up {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
html body .scroll-to-up a {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    line-height: 32px;
    width: 35px;
    border: 1px solid #fff;
}
html body .scroll-to-up a:hover {
    background-color: #000;
    border-color: #000;
}
/*-----------------------------------------------------------------------------------*/
/*    12.    Preloader
/*-----------------------------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
}
.preloader-content {
    left: 50%;
    margin-left: -60.5px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
}
.preloader-content i { font-size: 50px }
.preloader-content p {
    font-size: 18px;
    letter-spacing: 5px;
    margin-top: 5px;
}
/*-----------------------------------------------------------------------------------*/
/*    13.    Demo panel CSS
/*-----------------------------------------------------------------------------------*/
.demo-panel {
    background: none repeat scroll 0 0 #fff;
    padding: 15px;
    position: fixed;
    top: 10%;
    width: 175px;
    z-index: 9999;
    left: -175px;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
}
.demo-panel-open,
.demo-panel-close {
    color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 33px;
    position: absolute;
    right: -35px;
    text-align: center;
    top: 0;
    width: 35px;
    cursor: pointer;
}
.demo-panel-open i { }
.demo-panel-close { display: none }
.colors-top { overflow: hidden }
.colors-top a {
    border-radius: 3px;
    display: block;
    margin-top: 9px;
    padding: 5px;
    border: 1px solid;
}
html body .colors-top a:hover {
    border-color: #333;
    color: #333;
    text-decoration: none;
}
.colors-top h2 { font-size: 18px }
.colors-top h2.change-ver { margin-top: 20px }
.color-bar {
    float: left;
    height: 25px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
    width: 30px;
    cursor: pointer;
}
#light-orange-color { background-color: #FF7800 }
#green-color { background-color: #27ae60 }
#sky-color { background-color: #2b85c1 }
#magenta-color { background-color: #8e44ad }
#dark-color { background-color: #2c3e50 }
#yellow-color { background-color: #f1c40f }
#orange-color { background-color: #e67e22 }
#default-color { background-color: #16a085 }
/*-----------------------------------------------------------------------------------*/
/*    14.    Colors
/*-----------------------------------------------------------------------------------*/

/* Theme color */
a,
.social-links a:hover,
.post-meta i,
.contact-information p,
#features ul.features-list li a:hover,
#features ul.features-list li.active a,
header a.btn-bordered:hover { color: #16A085 }

/* Theme dark color */
.about-title h1 { color: #04715c }

/* Theme background color */
.demo-panel-open,
.default-overlay,
input[type=submit],
a.btn-filled,
.site-navigation:before,
.is-sticky .site-navigation,
.triangle-bg,
.post-content h2:before,
.post-content h2:after,
.big-icon-contact,
#footer-copyright,
#features .tab-content:before,
#features .tab-content:after,
#features ul.features-list:before,
#features ul.features-list:after,
.portfolio-hover::before,
.featured .pricing-header:before,
.featured .pricing-header,
.testimonial-nav a,
.about-info .progress-bar,
.featured .pricing-footer a.btn-filled,
.demo-panel-close { background-color: #16A085 }

/* Theme dark background color */
.about-info .progress { background-color: #04715c }

/* Theme border color */
a.btn-bordered:hover,
a.btn-filled,
.news-featured-content,
.featured .pricing-footer a.btn-filled { border-color: #16A085 }


.copyright-text, .copyright-text a {color: #fff}
.site-navigation.internal-nav {
  margin-top: 0;
}
.site-navigation.internal-nav:before {
  opacity: 1;
}


.left-post, .widget-area {
    margin: 50px 0;
}
.entry-title {
    color: #333;
    font-size: 30px;
    line-height: 50px;
    margin-bottom: 10px;
    text-transform: none
}
.entry-meta {
    font-size: 14px;
    margin-bottom: 20px;
}
span.byline .author.vcard {
    font-size: inherit;text-transform: none
}
.screen-reader-text {
    display: none;
}
.navigation.post-navigation {
    margin: 30px 0;
}
h3.comment-reply-title {
    font-family: oswald;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.widget {
    margin-bottom: 50px;
}
.widget-title {
    font-family: oswald;
    font-size: 20px;
    text-transform: uppercase;
}
.widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.widget ul li {
    margin-bottom: 10px;
}




/*-----------------------------------------------------------------------------------*/
/*    12.    Comments
/*-----------------------------------------------------------------------------------*/
.comment-list {
  list-style: outside none none;
  margin: 30px 0 0;
  padding: 0;
}
ol.comment-list > li {
  margin-bottom: 30px;
}
form#commentform { margin: 0 }
.comments-area { }
.comments-area,
#respond {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 50px 0 25px;
}
.comments-title {
    font-size: 18px;
    margin: 0;
    color: #010101;
}
.commentlist {
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 0;
}
.commentlist li {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.commentlist li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid;
}
.comment { }
.comment-meta { }
.avatar {
    float: left;
    height: 80px;
    margin-right: 20px;
    margin-top: 7px;
    width: 80px;
}
cite.fn { display: block }
cite.fn span {
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    margin-left: 5px;
    padding: 2px 10px;
}
a time,
a.comment-reply-link {
    color: #999999;
    display: inline-block;
    font-size: 12px;
    margin: 5px 0;
    position: relative;
}
a.comment-reply-link:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "-";
}
a.comment-reply-link {
    padding-left: 10px;
    margin-left: 10px;
}
.comment-content {
    color: #777777;
    padding-left: 100px;
}
.reply { }
.comment-reply-link { }
.children {
    margin-left: 105px;
    font-size: 100%;
}
.children li {
    border-bottom: 0 solid;
    border-top: 1px solid #DDDDDD;
    list-style: none outside none;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 25px 0 0;
}
.comment-notes { }
#respond { font-size: 13px }
#respond h3#reply-title {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}
#respond label { font-weight: normal }
.required { }
.comment-notes {
    margin-top: 15px;
    margin-bottom: 25px;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond textarea {
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    width: 100%;
}
#respond textarea { height: 130px }
.comment-form-author,
.comment-form-email {
    float: left;
    width: 48%;
}
.comment-form-author { margin-right: 2% }
.comment-form-email { margin-left: 2% }
.comment-form-url { clear: both }
.comment-form-comment { }
.form-submit { }

.entry-meta a time, a.comment-reply-link {
  color: #333;
  font-size: 14px;
}


.nav-links {
    overflow: hidden;
}
.nav-previous {
    float: left;
}
.nav-next {
    float: right;
}

.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.bypostauthor {}

.readmore-blogs {
  display: inline-block;
  font-size: 20px;
  margin-top: 50px;
  padding: 15px 20px;
  text-transform: uppercase;
}

.readmore-blogs:hover {text-decoration: none}


.archive .page-header, .search-results .page-header {
    background: none repeat scroll 0 0 #16a085;
}
.archive .page-header h1, .search-results .page-header h1 {
    font-size: 35px;
    line-height: 30px;
    margin: 0;
    padding: 20px;
    text-align: center;
    text-transform: none;
}


.post {
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px;
  padding-bottom: 50px;
}

input[type="search"] {
  padding: 5px;
}

.port_featured_content {margin-bottom: 30px;}


.edit-link {
    float: right;
}
.comments-link {
    float: left;margin-right: 20px;
}
.entry-footer {
    overflow: hidden;
}


.form-content .wpcf7-quiz-label {
  display: block;
  font-weight: 700;
  margin-bottom: -16px;
}

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

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  background: none repeat scroll 0 0 #f1f1f1;
  font-size: 14px;
  margin-bottom: 15px;
  padding: 2px 10px;
  text-align: center;
}

address {
    background: none repeat scroll 0 0 #f1f1f1;
    border-left: 5px solid #ddd;
    padding: 10px 10px 10px 20px;
}
table {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}
table tr {
    border-bottom: 1px solid #ddd;
}
table tr th {
    background: none repeat scroll 0 0 #eee;
}
table tbody tr th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
table tr th, table tr td {
    border-left: 1px solid #ddd;
    padding: 10px;
}

.entry-footer {
  clear: both;
}

.featured-content {
  margin-bottom: 30px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #16a085;
  border-color: #16a085;
}

.pagination > li > a, .pagination > li > span {
  color: #16a085;
}

.cat-links {
  margin-right: 20px;
}

/* ------------------------------------------------------------------------ */
/* Removing slider's overlay
/* ------------------------------------------------------------------------ */
#slideshow-top .overlay { display: none }

/* ------------------------------------------------------------------------ */
/* Changing icon near navigation (instead of logo)
/* ------------------------------------------------------------------------ */
.site-title h2 a { 
	background-image: url("../../uploads/2015/06/andrews_creativ_icon.png")!important;
}

/* ------------------------------------------------------------------------ */
/* Misc
/* ------------------------------------------------------------------------ */
.header span {
  color: #333;
  font-weight: 400;
}
#news .posted-by {
  display: none;
}
.about-title p {
  font-family: times new roman;
  font-size: 18px;
  font-style: italic;
}

/* ------------------------------------------------------------------------ */
/* Make equal height for blog blocks on home page
/* ------------------------------------------------------------------------ */
.single-news .post-content.text-center > p {
  min-height: 160px;
}
.single-news .post-content.text-center > h2 {
  min-height: 75px;
}