
/**** GENERAL ****/
a:hover, a:focus{
	color:#e8432e
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}
/**** PRELOADING ****/
.mask-color, .social-share ul.social li:hover a, #showRightPush:hover, .slicknav_btn:hover, .slicknav_nav a:hover, .slicknav_nav .slicknav_item:hover {
	background-color:#74afad;
}

.prev:hover, .next:hover, .close-port:hover i, .read-more:hover, .read-more i, .view-all-blog:hover, .view-all-blog:hover span i, a.et-like-post.active span i, .btn.get-in-touch:hover, .et-post-data-left.single-blog a.home-icon:hover i, .form-submit input[type="submit"]:hover, .social-footer li a:hover i, .contact-form-wrapper input[type="submit"]:hover, #test_content .item .name-client, h1.title-blog a:hover, .btn.btn-oe:hover{
	color:#74afad;
}
.close-port:hover, .view-all-blog:hover span, .btn.get-in-touch:hover, .image-blog-wrapper, .et-post-data-left.single-blog a.home-icon:hover, .form-submit input[type="submit"]:hover, .contact-form-wrapper input[type="submit"]:hover, .btn.btn-oe:hover, .popup-video:hover .icon-play-video{
	border-color:#74afad;
}
.line-wrapper .line-circle, .pie-content h2, .percent-chart, .et-post-month, .et-post-date, .title-blog, .counter .timer, .btn.get-in-touch, .title-single, .post-tags a, .oe-comments-title, .copyright, .contact-form-wrapper input[type="submit"], .text-slider, a#scroll_to, .quote-charater, #test_content .item .name-client, .slicknav_menu  .slicknav_menutxt, .slicknav_nav a, .form-submit input[type="submit"], .btn.btn-oe, .blog-filer ul li a{
	font-weight:700;
}
.color-white *{
	color:#ffffff !important;
}
.color-white .popup-video:hover, .color-white .popup-video:hover .icon-play-video i{
	color:#74afad !important;
}

                /* Enter Your Custom CSS Here */
#portfolio_content a.prev, #portfolio_content a.next {
    visibility: hidden;
}
#header {
    background-color: #74AFAD !important;
}
.port-excerpt p {
    font-size: 12pt;
}
.line-title {
    background-color: #D9853B !important;
}

.portfolio-cat-wrapper {
    margin-bottom: 0;
}

#portfolio_list div.item a div.hover {
    background: #D9853B;
    background: rgba(217,133,59,0.8);
}

.pricing-sign-up:hover {
    background-color: #558C89;
}

.pricing-sign-up {
    background-color: #558C89;
}

.pricing-title {
    background-color: #558C89;
    padding-top: 30px;
    font-weight: 900;
}

.list-contact-wrapper {
    margin-top: 30px;
}

.site-info {
    margin-top: 50px;
    margin-bottom: -30px;
}

.isotope-item {
    border: 8px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#portfolio-list.portfolio-list.isotope {
    margin-left: 5%;
}

.title-port-hover {
    font-size: 1.2em;
    text-align: center;
    color: #fff;
}

.footer-creds {
    margin-top: 2px;
    font-size: 8px;
}

.header-text {
    font-family: 'Orbitron',sans-serif;
    color: #fff;
    text-shadow: 2px 2px red;
}

.media-items {
    font-size: 1.15em;
}

.media-items .media-img {
    width: 40%;
    float: left;
    margin-right: 15px;
}

.media-items .media-img .citation {
    font-size: x-small;
}

.media-items .media-img img {
    width: 100%;
}

.media-items .media-text {
    width: 50%;
    float: left;
}
.contact_container {
    width:100%;
}
.contact_left {
    width: 40%;
    float:left;
    padding-right: 15px;
}
.contact_left input {
    width:100%;
}
.contact_right {
    width: 60%;
    float:left;
    
}
.contact_right textarea {
    border:0px;
    width:100%;
    height: 145px;
}
@media screen and (min-width: 992px) {
    .isotope .isotope-item {
        width: 20% !important;
    }
    .contact-form-wrapper {
    border: 0;
    width: 50%;
    float: right;
    margin: 0;
    padding: 0;
    }
}
@media screen and (max-width: 584px) {
    .isotope .isotope-item {
        width: 49% !important;
    }
    .contact-form-wrapper {
    border: 0;
    width: 95%;
    float: none;
    padding: 0;
    }
}
@media screen and (min-width: 585px) and (max-width: 991px) {
    .isotope .isotope-item {
        width: 33% !important;
    }
    .contact-form-wrapper {
    border: 0;
    width: 95%;
    float: none;
    padding: 0;
    }
}            