/*
* Theme Name: DMD Trust
* Author: Gor Brutjan
* Text Domain: dmd-trust
*/

.rateBox {float: left;width: 100%;border: 1px solid #ddd;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.rateBox .header {background:#333;border-bottom:2px solid #008be2;color:#fff;padding: 2px 15px;font-size: 1.4em;}
.rateBox .header i {background:#c8b274;color:#fff;border-radius:100%;padding: 4px 4px;}
.rateBox .contentarea {padding: 24px 0;margin: 0;}
.rateBox .contentarea img { margin-top: 20px;}
.rateBox .rating {border-left: 1px solid #ddd;}
.rateBox .rating .score{color:#c8b274;}
.rateBox .rating .result{font-weight:bold;}
.rateBox .rating .fa{color:#c8b274;}
.rateBox .rating, .rateBox .users {text-align:center;font-size:1.4em;margin-top: 30px;}
.rateBox .users i {font-size: 3.3em;color: #c8b274;}
.rateBox .footer {background: #f8f8f8;padding: 5px 15px;float: left;width: 100%;text-align: center;}
.rateBox .footer span {float: left;font-size: 1.2em;margin-right: 5%;}
.rateBox .footer .iframeProven {float: right;padding: 2px 15px;margin-top: 2px;background: #c8b274;color: #fff;}
.rateBox .footer i,.rateBox .footer a {color:#c8b274;}
.rateBox .footer a i {color:#333;}


@media (max-width: 991px) {
.rateBox .rating, .rateBox .users {margin: 15px 0;}
.rateBox .rating {border-left: 0;}
#imageContainer {height: 115px!important;}
#imageContainer #left, #imageContainer #right{height: 85px!important;line-height: 85px!important;}

}


@media (max-width: 767px) {
.rateBox .rating {border-top: 1px solid #eee;}
.rateBox .footer span, .rateBox .footer .iframeProven {float: none;font-size: 1em;display: inline-block;}
}

@media (max-width: 370px) {
#imageContainer {height: 160px!important;}
#imageContainer #left, #imageContainer #right{height: 150px!important;line-height: 150px!important;}
}



#imageContainer {width: 100%;height: 174px;border: 1px solid #ddd;overflow: hidden;border-radius: 13px;margin-top: 15px;padding: 10px;}
#imageContainer #carousel {width: 80%;float: left;}
#imageContainer ul {width: 100%;padding:0;margin:0;}
#imageContainer ul li {width:100%;height: 174px;font-size:12px;text-align: center;list-style: none;float: left;}
#imageContainer #left, #imageContainer #right {float: left;width: 10%;height: 153px;line-height: 153px;text-align: center;font-size: 2em;cursor: pointer;}