*{
 padding: 0px;
 margin: 0px;
 box-sizing: border-box;
}
#container{
 min-height: 250px;
 overflow: auto;
 max-width: calc( 100% - 200px );
 margin: auto;
}

.clear{
 clear: both;
}

#picsTab .menuLine{
 width: 100%;
}

#picsTab a{
 color: #FFC527;
}

#container > h4{
 text-align: right;
 font-family: cairo;
 color: goldenrod;
 border-bottom: 1px dashed #EEE;
 padding-bottom: 10px;
 margin-top: 35px;
}

#since{
 text-align: center;
 font-family: cairo;
 padding: 10px 0px;
 background-color: rgba(199, 199, 199, 0.14);
 width: 100%;
 margin: 10px auto 0px;
 color: grey;
}

#firstSection{
 margin-top: 50px;
}

.firstSection{
 width: calc( 50% - 20px );
 float: right;
 border: 1px solid #EEE;
 margin: 10px;
 text-align: center;
 padding: 5px 5px 20px 5px;
 box-shadow: 0px 0px 1px #383838;
 font-family: cairo;
}

.firstSection h4{
 font-size: 110%;
 text-transform: capitalize;
 font-family: cairo;
 background-color: rgba(201, 201, 201, 0.31);
 padding: 10px 5px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 color: #626262;
}

.firstSection p{
 padding: 10px;
 color: grey;
 margin: 20px 0px;
 border-bottom: 1px solid #EEE;
 min-height: 100px;
}

.firstSectionImgs{
 height: 71.95px;
 overflow: hidden;
}

.firstSection img{
 width: 20%;
 box-shadow: 1px 1px 1px grey;
 cursor: pointer;
 -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
 filter: grayscale(80%);
 transition: all 0.5s;
 max-height: 71.95px;
 height: 100%;
}

.firstSection img:hover{
 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 filter: grayscale(0%);
}


.firstSection:nth-of-type(3) h4 , .firstSection:nth-of-type(4) h4 {
 margin-bottom: 20px;
}

.firstSection:nth-of-type(6) p{
 min-height: 117px;
}

.firstSection:nth-of-type(7) p{
 min-height: 141px;
}

/* products */
.oneProduct{
 text-align: center;
 background-color: #EEE;
 margin-bottom: 50px;
}
#productsTitle{
 background-color: #777777;
 color: #FFF;
 font-family: cairo;
 padding: 5px 0px;
 text-align: center;
 margin-top: 50px;
}

.prodTitle{
 border-bottom: 1px solid #FFF;
 margin-bottom: 15px;
 font-family: cairo;
 padding: 5px 0px;
 background-color: #f5f5f5;
 padding-left: 5px;
 color: dimgray;
}

.imgTitle{
 margin: 20px 10px 10px 10px;
 border-top: 1px solid #EEE;
 padding: 15px 0px 15px 5px;
 font-family: cairo;
 color: dimgrey;
 border-bottom: 1px dashed #FFF;
 color: goldenrod;
}

.vidTitle{
 margin: 50px 10px 10px 10px;
 border-top: 1px solid #FFF;
 padding: 15px 0px 15px 5px;
 font-family: cairo;
 color: dimgrey;
 border-bottom: 1px dashed #FFF;
 color: goldenrod;
}
iframe{
 width: calc( 100% - 200px );
 height: 500px;
 margin: auto;
}
.proImgs{
 text-align: center;
}

.oneProdImg{
 height: 200px;
 width: 300px;
 display: inline-block;
 background-size: cover;
 cursor: pointer;
 background-position: center;
 border: 5px solid rgb(252, 252, 252);
 box-shadow: 0px 0px 1px grey;
 margin: 5px;
}

.oneSpecTitle{
 background-color: #EEE;
 padding: 5px 0px;
 font-family: cairo;
 margin: 35px auto 0px;
 font-size: 115%;
 color: #3c3c3c;
 border-bottom: 1px dashed #DDD;
 width: calc( 100% - 20px );
 color: goldenrod;
}

.oneSpecText{
 font-family: cairo;
 padding: 25px 50px;
 color: grey;
 font-size: 110%;
}

.imgExp{
 padding: 15px;
 width: calc( 100% - 50px );
 margin: 20px auto 10px;
 font-family: cairo;
 background-color: rgba(255, 255, 255, 0.4);
 color: grey;
}

/* customer opinions */
#opinionsContainer{
 text-align: center;
}
.oneOp{
 border: 1px solid #EEE;
 margin: 5px 0px;
 padding: 25px 5px 0px 5px;
 background-color: #EEE;
}

.oneOp img{
 width: 128px;
 height: 128px;
}
#readCust{
 background-color: grey;
 color: #FFF;
 padding: 15px 0px;
 font-family: cairo;
}

.opImg{
 border-bottom: 1px dashed #e0e0e0;
 padding-bottom: 15px;
}

.opOwner{
 display: inline-block;
 margin: 10px 0px;
 padding: 5px 10px;
 font-family: cairo;
 font-size: 130%;
 border-bottom: 1px solid #DDD;
}

.opDatePlace{
 padding: 5px 0px;
 margin-top: 25px;
 color: grey;
 border-top: 1px solid #DDD;
}

.opText{
 background-color: #FFF;
 border: 1px dashed #DDD;
 padding: 10px;
 color: grey;
}

/*gurantee*/
#gurantee{
 overflow: auto;
 border: 1px solid #DDD;
}

#guranteeTitle{
 text-align: right;
 font-size: 130%;
 padding: 15px;
 border-bottom: 1px dashed #DDD;
 color: goldenrod;
}

#guranteeText{
 float: right;
 width: calc( 100% - 220px );
 border-left: 1px solid #DDD;
 font-family: cairo;
 padding: 15px;
 text-align: center;
 min-height: 220px;
}

#guranteeInfo{
 padding: 15px;
}

#guarnteeImg{
 width: 220px;
 float:left;
 min-height: 220px;
 padding-top: 10px;
}