/*
Theme Name: SCRN
Theme URI: http://themeforest.net/user/FinalDestiny
Version: 999999999999999
Description: Portfolio template with parallax effects.
Author: Cristi Macovei
Author URI: http://themeforest.net/user/FinalDestiny
Created Date: 28/08/2012
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
All files, unless otherwise stated, are released under the GNU General Public License
Tags: dark, light, white, black, gray, one-column, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
*/
@media only screen and (min-width: 1100px) {
    .separator1 .bg, #intro .bg1 {
        background-attachment: fixed !important;
    }
}
@media only screen and (max-width: 1050px) {
    .hoverimage { 
        display: none !important;
    }
}
.filter ul li {
    display: inline-block !important;
}
.portfolio_details a {
    text-decoration: none;
}

.portfolio-item iframe, .portfolio-item img {
    width: 620px;
    height: 370px;
}

.buttonbuilder {
    width: 90%!important;
    padding-left: 5%!important;
    padding-right: 5% !important;
}

iframe, embed, img {
    max-width: 100%;
}

img {
    height: auto;
}

.contact-form input[type="text"]:focus, 
.contact-form input[type="password"]:focus, 
.contact-form input[type="email"]:focus, 
.contact-form textarea:focus {
    color: #FFF;
}

nav ul {
    position: relative;
    display: inline-table;
}
nav ul:after {
    content: ""; clear: both; display: block;
}
nav ul li {
    padding: 0;
    position: relative;
    float: left;
}

nav ul li a {
    display: inline-block;
    padding: 2px 26px 10px;
}

nav ul ul {
    background-color: #4B4B4B;
    display: none;
    position: absolute;
    top: 100%;
    padding: 10px 0;
    z-index: 1000;
    margin: 0;
    width: auto;
}

nav ul ul li {
    border: none !important;
    position: relative;
    width: auto;
    padding: 0px 26px;
}

nav ul ul li a {
    color: #fff !important;
    padding: 7px 0;
}


nav ul ul li a:hover {
    color: #fff !important;
}

nav ul ul ul {
    position: absolute;
    margin-top: -10px;
    left: 100%;
    top: 0%;
}

nav ul li:hover > ul {
    display: block;
}

/*****************************************************
11: Blog
******************************************************/

#blog p, #blog a {
    color: #fff;
}

#blog a, #blog a:hover {
    text-decoration: none;
}

p.post-title {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 7px;
}

p.post-info {
    font-size: 14px;
    opacity: 0.65;
}

p.post-info img {
    margin-right: 3px;
}

/* begin sidebar */

.sidebar {
    margin-top: 10px;
    border-left: 1px solid #fff;
    padding-left: 20px;
}

.search input[type="text"] {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    font: 13px 'Source Sans Pro', sans-serif;
    color: #fff;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: transparent;
}

.sidebar p {
    margin: 0;
    line-height: 20px;
    color: #fff;
}

p.sidebar-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #fff;
}

p.s-small {
    font-size: 13px;
    opacity: 0.7;
}

.sidebar a {
    text-decoration: none;
    color: #fff;
}

.sidebar a:hover {
    text-decoration: underline;
}

.sidebar ul {
    list-style: circle;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 30px;
}

.sidebar ul.popular {
    list-style: none;
    margin-left: 0;
}

.sidebar ul li {
    margin: 0 0 10px 0;
}

/* end sidebar */

/* begin single-post page */

div.single-post {
    border-bottom: 1px dotted #d9d9d9;
    padding-bottom: 20px;
    margin-top: 11px;
    margin-bottom: 30px;
}

.comment {
    margin-top: 20px;
    margin-bottom: 0;
}

.user-name {
    margin-bottom: 1px;
}

.user-date {
    font-size: 12px;
    color: #868686;
    margin-bottom: 5px;
}

.user-text {
    color: #868686;
    border-top: 1px dotted #d9d9d9;
    border-bottom: 1px dotted #d9d9d9;
    padding: 8px 0;
    font-size: 14px;
}

.comment-respond h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.comment-respond  p.logged-in-as, .comment-respond .comment-notes {
    margin-bottom: 20px;
}

p.form-allowed-tags {
    display: none;
}

.comment-respond input[type="text"], .comment-respond textarea {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    font: 13px 'Source Sans Pro', sans-serif;
    color: #fff;
    margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    background: transparent; 
}

.comment-respond p {
    margin-bottom: 0;
    font-size: 14px;
}

/* end single-post page */

.pagination .rightpag {
    float: right;
}

.pagination .leftpag {
    float: left;
}

.user-text {
    line-height: 29px;
}

.left_comment {
    width: 10%;
    margin-right: 2%;
    float: left;
}
.right_comment {
    width: 88%;
    float: left;
}

ol.commentlist ul {
    margin-left: 60px;
}

h2 {
    line-height: 40px;
}
a.selected {
    padding: 8px 10px;
}

@media only screen and (max-width: 768px) {
    span.lines {
        border: none !important;
    }
}

.page-template-default p.post-info {
    display: none;
}


/**********************/
#tok .title{
    padding-top:0;
}

#logo_area{
    display:block;
    width:100%;
    line-height: 0;
    border-top: rgba(255,255,255,0.7) solid 3px;
}

.intro-line{ border:none;}

#logo_area img{
    float: none;
}
@media (min-width: 1200px) {
    #logo_area img{
        float: left;
    }
}
body{
    overflow-x: hidden;
}

.flex-viewport{
    max-height:none;
}
.small_txt_hold{
    display: block;
    margin-top: 15px;
}



#tok .bg1{
    position: absolute;
    width: 100%;
    height: 500px;
    top: 0;
    left: 0;
    background-size: cover;
    max-height: 594px;
}

#tok{
    max-height: 595px;
}

.small_txt_hd{
    text-shadow: 1px 1px 4px #000;
    color: #fff;
}

@media (min-width: 1200px) {
    .small_txt_hd{ font-size:48px;}
}


.page-id-1011 .bg.dark-bg{
background:#FFF !important;
}
.page-id-1011 .post-title{
display:none;
}


.l-preloader-spinner, .l-section, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, .color_primary .g-btn.type_primary, .l-preloader-counter, .g-pagination-item, .g-btn.type_default, .w-blog.imgpos_atleft .w-blog-entry-meta-date, .w-clients-nav, .l-subsection.color_primary .w-clients-nav, .l-subsection.color_primary .w-clients-nav:hover, .l-subsection.color_dark .w-clients-nav:hover, .l-main .w-contacts-item > i, .w-icon-link, .w-iconbox .w-iconbox-title, #prevslide, #nextslide, .flex-direction-nav span, #wp-calendar tbody td#today, .widget.widget_nav_menu .menu-item.current-menu-item > a, .widget.widget_nav_menu .menu-item.current-menu-ancestor > a {
    color: #444;
}
.l-preloader-bar, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, .g-pagination-item, .w-actionbox, .no-touch .w-blog.imgpos_atleft .w-blog-entry:hover, .w-comments-item-icon, .l-main .w-contacts-item > i, .w-icon.with_circle .w-icon-link, .w-portfolio-item-details-close:hover, .w-portfolio-item-details-arrow:hover, .w-tabs-list, .w-tabs.layout_accordion .w-tabs-section-title:hover, .w-tags.layout_block .w-tags-item-link, .w-testimonial-text {
    background-color: #f2f2f2;
}