.ri-box-base {
    min-height: 100px;
    min-width: 120px;
    margin: 0px;
    padding: 18px 10px 10px 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /* Glass effect */
    border: 1px solid rgba(0, 0, 0, 0.5);
    -moz-border-radius: 10px 10px 2px 2px;
    -khtml-border-radius: 10px 10px 2px 2px;
    -webkit-border-radius: 10px 10px 2px 2px;
    border-radius: 10px 10px 2px 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), inset 0 1px rgba(255, 255, 255, 0.3), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.25), inset 0 -15px 30px rgba(0, 0, 0, 0.3);
}

.ri-box-transparent,
.ri-box-transparent-blue,
.ri-box-transparent-red,
.ri-box-transparent-green,
.ri-box-blue,
.ri-box-red,
.ri-box-white,
.ri-box-black {
    -moz-border-radius: 10px 10px 2px 2px;
    -khtml-border-radius: 10px 10px 2px 2px;
    -webkit-border-radius: 10px 10px 2px 2px;
    border-radius: 10px 10px 2px 2px;
    margin: 0 auto;
}

.ri-box-transparent {
    background: rgba(0, 0, 0, 0.25);
}

.ri-box-transparent-blue {
    background: rgba(2, 76, 187, 0.35)
}

.ri-box-transparent-red {
    background: rgba(187, 2, 2, 0.35);
}

.ri-box-transparent-green {
    background: rgba(9, 187, 1, 0.35);
}

.ri-box-blue {
    background-color: #08294d;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-radial-gradient(circle, #1a82f7, BLACK);
    /* Safari 5.1+, Chrome 10+ */
    background: -moz-radial-gradient(circle, #1a82f7, BLACK);
    /* Firefox 3.6+ */
    background: -ms-radial-gradient(circle, #1a82f7, BLACK);
    /* IE 10 */
    background-image: -o-radial-gradient(50% 50%, 70% 70%, #1a82f7, BLACK);
    /* Opera 12 */
}

.ri-box-red {
    background-color: #ba0e19;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ba0e19), to(#1c0202));
    background: -webkit-radial-gradient(circle, #ba0e19, #1c0202);
    background: -moz-radial-gradient(circle, #ba0e19, #1c0202);
    background: -ms-radial-gradient(circle, #ba0e19, #1c0202);
    background-image: -o-radial-gradient(50% 50%, 70% 70%, #ba0e19, 1c0202);
    /* Opera 12 */
}

.ri-box-green {
    background-color: #2F6610;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#2F6610), to(#012200));
    background: -webkit-radial-gradient(circle, #2F6610, #012200);
    background: -moz-radial-gradient(circle, #2F6610, #012200);
    background: -ms-radial-gradient(circle, #2F6610, #012200);
    background-image: -o-radial-gradient(50% 50%, 70% 70%, #2F6610, 012200);
    /* Opera 12 */
}

.ri-box-white {
    background-color: #ffffff;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(white), to(#EBEBEB));
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-radial-gradient(circle, #FFFFFF, EBEBEB);
    /* Safari 5.1+, Chrome 10+ */
    background: -moz-radial-gradient(circle, #FFFFFF, EBEBEB);
    /* Firefox 3.6+ */
    background: -ms-radial-gradient(circle, #FFFFFF, EBEBEB);
    /* IE 10 */
    background-image: -o-radial-gradient(50% 50%, 70% 70%, #FFFFFF, EBEBEB);
    /* Opera 12 */
}

.ri-box-black {
    background-color: #000000;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(#969696), to(#2F2727));
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-radial-gradient(circle, #969696, BLACK);
    /* Safari 5.1+, Chrome 10+ */
    background: -moz-radial-gradient(circle, #969696, BLACK);
    /* Firefox 3.6+ */
    background: -ms-radial-gradient(circle, #969696, BLACK);
    /* IE 10 */
    background-image: -o-radial-gradient(50% 50%, 70% 70%, #969696, BLACK);
    /* Opera 12 */
}

h3.ri-box-transparent,
h4.ri-box-transparent,
h5.ri-box-transparent {
    padding: 12px;
}

h3.ri-box-transparent-red,
h4.ri-box-transparent-red,
h5.ri-box-transparent-red {
    padding: 12px;
}

h3.ri-box-transparent-black,
h4.ri-box-transparent-black,
h5.ri-box-transparent-black {
    padding: 12px;
}

h3.ri-box-transparent-blue,
h4.ri-box-transparent-blue,
h5.ri-box-transparent-blue {
    padding: 12px;
}

h3.ri-box-transparent-green,
h4.ri-box-transparent-green,
h5.ri-box-transparent-green {
    padding: 12px;
}


/* ***************************************************
	ri-box - END
*************************************************** */


/* ***************************************************
	ri-frame - START	
	Margin 	6
	Border 10
	Padding 2
	----------------
	TOTAL PX 18 + 18 
	
	Shadow 10
	Radius 
*************************************************** */

.ri-frame-none {
    margin: 18px;
    padding: 0px;
    background-color: transparent;
    -moz-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}

.ri-frame {
    margin: 6px;
    /* background:#fff; */
    padding: 2px;
    /* padding box */
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -khtml-background-clip: padding-box;
    background-clip: padding-box;
    /* border - start */
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -o-border-bottom-right-radius: 4px;
    -ms-border-bottom-right-radius: 4px;
    -khtml-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -o-border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    -khtml-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    /* border - end */
    /* shadow */
    -moz-box-shadow: 0 0 10px #303030;
    -webkit-box-shadow: 0 0 10px #303030;
    -o-box-shadow: 0 0 10px #303030;
    box-shadow: 0 0 10px #303030;
}

.ri-frame:hover {
    /* Shadow */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    /* transiction */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ri-frame-transparent {
    border: 10px solid #303030;
    border: 10px solid rgba(0, 0, 0, 0.65);
}

.ri-frame-transparent:hover {}

.ri-frame-white {
    background-color: #222222;
    border: 10px solid #fafafa;
    /*border:10px solid rgba(255,255,255,0.65);*/
}

.ri-frame-black {
    background-color: #fafafa;
    border: 10px solid #222222;
    /*border:10px solid rgba(255,255,255,0.65);*/
}


/* ***************************************************
	ri-frame - END
*************************************************** */

.RIThumbsThumbs {
    border: solid 1px #c0c0c0 !important;
    margin: 0 auto;
    padding: 6px;
    display: block;
    background-color: #fafafa;
    /*	background:#fafafa url("/site/templates/common/images/bg4images.png") no-repeat bottom center !important; */
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.RIThumbsThumbs:hover {
    border: solid 1px #c0c0c0 !important;
    background: #FCFAE5 !important;
    /* Shadow */
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
    /* transiction */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* zoom */
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
}

.RIThumbs div {
    padding-top: 0px !important;
    padding-right: 14px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin: 8px;
    height: 110%;
}

.RIThumbs {
    list-style: none;
    padding: 0;
    margin: 0;
}

.RIThumbs:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.RIThumbs li {
    float: left;
    background: none !important;
    width: 33.33333333%;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin: 0px !important;
}

.RIThumbs li img {
    display: block;
    width: 100%;
    height: auto;
}

.icon-download {}

.btn {}