/*   

Theme Name: PandoraBox Child
Theme URI: iltaen.com/pandorabox
Description: Mobile Develop Onepage WordPress Template
Author: iltaen
Author URI: http://themeforest.net/user/Iltaen
License: GNU General Public License
License URI: license.txt
Tags: green, white, fluid-layout, responsive-layout, one-column, custom-colors, featured-images, full-width-template, post-formats, sticky-post, theme-options
Version: 1.3.6
Template: PandoraBox
Text Domain: pandorabox-child

*/

@import url('styles/basic.css');
.white-block {
background:#fff;
}
/* image filter */
.thumby, .personal .photo {
    filter: grayscale(100%); /* Firefox */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.contactsblock .input-container textarea, .contactsblock .input-container .wpcf7-form-control {
    border: 1px solid #9c9c9c;
}
/* icon mail for contact area  */
.contactsblock .block-container .wrapper .mailbutton {
    padding:10px;
}
/* button colors and sizes and such */
a.requestbutton {
    background-color: #282828;
    border: none;
    color: white;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Roboto';
    font-weight: 600;
    margin-top: 20px;
    font-weight: 300;
}
/* mobile responsive fix */
@media only screen and (max-width : 768px) {
    .use-case {
width:100%;
    }

}


/* Main text color */
p {
    color:#9c9c9c;
    font-weight: 300;
}

.descriptiontext p {
    color:#fff;

}

body,h1, h2, h3, h4 {
color:#282828
}

/* blocks */
.contactsblock .block-container {
background-color: #f2f2f2 !important;
}

/* color background*/
.colorblock {
background-color: #ffffff;
color: #ffffff;
z-index: 10;
}

/* color mail */
.contactsblock .input-container input[type="submit"] {
background-color: #000000 !important;
}

/* features color*/
.skillsblock {
background-color:#fff;
}

/* footer color*/
.footerblock {
background-color: #000000 !important;
}

/* feautures color*/
.skillsblock .skillcontainer .wrapper .skillogo .logocontainer {
}

/* meetteraki*/
.contactsblock .block-container .wrapper .mailbutton.active {
background-color: black !important; border-color: black !important;
}

/* home*/
.homeblock #description-home .wrapper .maintext {

}
/* home*/
.colorblock .title, .colorblock .description {

}

/* team*/
.teamblock .block-container .teamcontainer .personal .photo {
border: 0px !important; 
}

/* skills */
.skillsblock .skillcontainer .wrapper .skillogo .logocontainer {
}

.block .content {
color: #9c9c9c !important;
padding-bottom:20px;
}

.contactsblock .block-container .wrapper .contact-info a {
color:#282828; border: none;
}

div.teamblock.whiteblock.block {
background-color:#f2f2f2;
}
.contactsblock .block-container .wrapper .contact-info a:hover {
color:#000000;
border-color:#000000;
}

div.description {
color:#9c9c9c !important;
}

.skillsblock .skillcontainer:hover .title {
color:#f2f2f2 !important;
}

.skillsblock .skillcontainer .wrapper .title {
color:#9c9c9c !important;
}

.partnersblock .block-container .partnerslist .partner {
margin: 20px;
padding: 0px !important;
max-width:120px;
}

#wrap {
   max-width:1200px;
   margin:20px;
   
}

#left_col {
float:left;
text-align:left;
max-width:570px;
color: #9c9c9c !important;
}

#right_col {
float:right;
text-align:left;
max-width:570px;
margin-bottom:40px;
color: #9c9c9c !important;
}

/*menu*/
.mainmenu {
    background-color: white !important;
    padding-bottom: 10px;
    padding-top:12px;
}

.mainmenu .menuwrapper .menulist ul li a {
color:black !important;
font-weight: 300 !important;
font-family: inherit;
background-color:#fff !important;
}

.footerblock {
margin-top:10px;
}

.contact-info p {
color:#282828;
}
#home.homeblock.colorblock.block {
    position: relative;
    background: #333;
    overflow: hidden;
    height:500px;
}
#home.homeblock.colorblock.block:before {
background-image: url("http://teraki.com/wp-content/uploads/2016/02/city-cars-traffic-lights.jpg")!important;
 width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.4;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    content: ' ';
    display: block;
}



#partners.block-container {
padding:0px !important;
}

#contacts.colorblock{
background-color:white;
}

.contactsblock .block-container {
background-color:white !important;
}

.contactsblock .input-container:after {
border-color:transparent transparent transparent rgba(53, 53, 53, 0.13) !important;
}