.solutions-sections{
 font-size: 0;
 padding: 20px;
 text-align: center;
 background: #eee;
}
.solutions-sections > a{
 display: inline-block;
 width: 50%;
 vertical-align: top;
 text-decoration: none;
 color: #000;
}
.solutions-sections > a > div{
 padding: 20px;
}

.solutions-sections > a > div > img{
 display: block;
 max-width: 400px;
 margin: auto;
}
.solutions-sections .more-info{
 padding-top: 20px;
 clear: both;
}
.solutions-sections .more-info > span{
 display: block;
 width: 200px;
 padding: 10px 0;
 margin: 0 auto;
 font-size: 0;
 text-align: center;
 direction: rtl;
 background: #fc0;
 color: #000;
 border-radius: 3px;
}
.solutions-sections .more-info > span i{
 display: inline-block;
 vertical-align: top;
 width: 20px;
 height: 20px;
 margin: 0 10px;
 background: url(/statics/img/info.png) 0 0;
}
.solutions-sections .more-info > span b{
 display: inline-block;
 vertical-align: top;
 height: 20px;
 font: 12pt 'Nassim';
 font-weight: 100;
 line-height: 20px;
}




.solutions-sections img{
 background: #333;
 border: 0;
 margin: 0;
}
.solutions-sections > a > div > h2{
 display: block;
 margin: 0;
 padding: 0 0 10px 0;
 font: 24pt 'Nassim';
 text-align: center;
 direction: rtl;
}

.solutions-sections ul > li{
 display: block;
 overflow: auto;
 margin-bottom: 10px;
 margin-left: auto;
}
.solutions-sections ul > li > i{
 display: block;
 width: auto;
 height: 40px;
 float: right;
 font: 20pt 'Listicons';
 color: #fc0;
}
.solutions-sections ul > li > span{
 display: block;
 padding-right: 40px;
 font: 15pt 'Nassim';
 direction: rtl;
 text-align: right;
}











.solution-cover{
 display: block;
 height: 420px;
 padding: 40px;
 background: #eee;
}
.solution-cover > div{
 display: table;
 width: 100%;
}
.solution-cover > div > div{
 display: table-cell;
 vertical-align: top;
}
.solution-image > img{
 display: block;
 height: 420px;
}
.solution-specs{
 overflow: auto;
 margin-bottom: 10px;
 width: 100%;
 margin-left: auto;
}
.solution-specs > div{
 clear: both;
}
.solution-specs > div > i{
 display: block;
 width: auto;
 height: 40px;
 font: 20pt 'Listicons';
 color: #fc0;
}
.solution-specs > div > span{
 display: block;
 font: 15pt 'Nassim';
}

.solution-title{
 display: block;
 margin: 0;
 padding: 0 0 40px 0;
 font: 24pt 'Nassim';
}

.solution-articles{
 padding: 20px;
 font-size: 0;
 background: #000;
 text-align: center;
}
.solution-articles > div{
 display: inline-block;
 vertical-align: top;
}
.solution-articles > div > div{
 display: block;
 padding: 20px 60px;
}
.solution-articles > div > div > h2{
 display: block;
 font: 24pt 'Nassim';
 color: #fff;
 margin: 0 0 10px 0;
 padding: 0;
}

.solution-articles a{
 display: block;
 width: 250px;
 height: 40px;
 margin: 0 0 10px 0;
 border: 1px #fc0 solid;
 border-radius: 3px;
 background: #fc0;
 color: #000;
 text-align: center;
 text-decoration: none;
}
.prodsolutionuct-articles a > *{
 display: inline-block;
 vertical-align: top;
}
.solution-articles a > span{
 font: 14pt 'Nassim';
 line-height: 45px;
}
.solution-articles a > i{
 height: 16px;
 margin: 20px 5px 0 5px;
 font: 9pt Tahoma;
 line-height: 16px;
 padding: 0 4px;
 border: 1px #000 solid;
 border-radius: 3px;
}
.solution-articles a:hover{
 background: #fff;
 color: #fc0;
}
.solution-articles a:hover *{
 border-color: #fc0;
}


.solution-gallery{
 position: relative;
 display: block;
 height: 500px;
}
.solution-gallery > h3{
 display: block;
 position: absolute;
 padding: 0;
 margin: 0;
 top: 0;
 left: 0;
 width: 100%;
 background: rgba(0, 0, 0, 0.4);
 color: #fff;
 font: 20pt 'Nassim';
 line-height: 80px;
 text-indent: 40px;
 direction: rtl;
}
.solution-gallery > span{
 display: block;
 position: absolute;
 width: 100%;
 padding-bottom: 5px;
 bottom: 0;
 text-align: center;
 font-size: 0;
}
.solution-gallery > span > i{
 display: inline-block;
 width: 18px;
 height: 18px;
 margin: 5px;
 border: 1px #fff solid;
 border-radius: 50%;
 box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.5);
}
.solution-gallery > span > i.selected{
 background: #fff;
}

.solution-gallery > div{
 display: block;
 height: 500px;
}
.solution-gallery > div > div{
 position: absolute;
 display: block;
 width: 100%;
 height: 500px;
 background-size:cover;
 background-position: center center;
}

.solutions-overview{
 display: block;
 background: #000;
 color: #fff;
 font: 17pt 'Nassim';
 padding: 40px;
}







/*
  languages compatibility
  right to left
*/

.content-rtl .solutions-overview{
 direction: rtl;
}
.content-rtl .solution-cover > div{
 direction: rtl;
}
.content-rtl .solution-title{
 direction: rtl;
}
.content-rtl .solution-articles{
 direction: rtl;
}
.content-rtl .solution-specs > div > i{
 float: right;
}
.content-rtl .solution-specs > div > span{
 padding-right: 40px;
 direction: rtl;
}
.content-rtl .solution-specs{
 padding-left: 40px;
}


/*
  languages compatibility
  left to right
*/

.content-ltr .solutions-overview{
 direction: ltr;
}
.content-ltr .solution-cover > div{
 direction: ltr;
}
.content-ltr .solution-title{
 direction: ltr;
}
.content-ltr .solution-articles{
 direction: ltr;
}
.content-ltr .solution-specs > div > i{
 float: left;
}
.content-ltr .solution-specs > div > span{
 padding-left: 40px;
 direction: ltr;
}
.content-ltr .solution-specs{
 padding-right: 40px;
}