/* BUTTONS */

.button_small,
.button_big {
    display: inline-block; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); position: relative; color: white;
    line-height: normal; font: inherit; line-height: 26px; margin:  0 5px 5px 0; 
}
.button_small:after,
.button_big:after {
    position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
    transition: all .5s; -moz-transition: all .5s;
    border-radius: inherit;
}
.button_small:hover:after,
.button_big:hover:after {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    border-radius: inherit;
}
.button_small { padding: 6px 10px; border-radius: 6px;  }
.button_big { padding: 12px 17px; border-radius: 9px; font-weight: bold; }

.button_icon { margin-right: 5px; width: 18px; }

.button_blue { background: #1670bf; border: 1px solid #0d59bc; }
.button_green { background: #10bf0d; border: 1px solid #05bf01; }
.button_red { background: #d11010; border: 1px solid #d10000; }
.button_orange { background: #e1800b; border: 1px solid #e07b00; }
.button_lightblue { background: #4cbcc4; border: 1px solid #3abbc4; color: black; }
.button_black { background: #3a3a3a; border: 1px solid #333333; }
.button_gray { background: #a0a0a0; border: 1px solid #939393; }
.button_white { background: #f4f4f4; border: 1px solid #ededed; color: #232323; }
.button_teal { background: #00827f; border: 1px solid #006d6a; }
.button_pink { background: #e200ba; border: 1px solid #bc019b; }
.button_purple { background: #ab1190; border: 1px solid #8d0f77; }

.npr_box {
    padding: 15px; position: relative;
    -webkit-box-shadow:inset 0 0 55px -10px rgba(0,0,0,0.2);
    box-shadow:inset 0 0 55px -10px rgba(0,0,0,0.2);
    color: #343434;
    margin-bottom: 15px;
}
.npr_box p:last-child { padding-bottom: 0; }
.npr_box .box_icon { display: block; width: 50px; height: 50px; position: absolute; top: 20px; left: 15px; font-size: 50px; text-align: center; color:rgba(0,0,0,0.3) !important; }
.npr_box .box_content { text-align: justify; }
.npr_box_icon { padding-left: 80px; }

.npr_box_lightblue { background: #bdd4e8; }
/*.npr_box_lightblue .box_icon { color: #809fba; }*/

.npr_box_silver { background: #f7f7f7; }
/*.npr_box_silver .box_icon { color: #999999; }*/

.npr_box_red { background: #faafaf; }
/*.npr_box_red .box_icon { color: #a93b3b; }*/

.npr_box_yellow { background: #f4d997; }
/*.npr_box_yellow .box_icon { color: #b58513; }*/

.npr_box_green { background: #adf27f; }
/*.npr_box_green .box_icon { color: #377e08; }*/


.npr_readmore {
    border: 1px solid #cccccc; margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px #eeeeee;
    box-shadow: 0px 0px 5px 0px #eeeeee;
}
.npr_readmore_title {
    padding: 15px; font-size: 135%; position: relative; cursor: pointer;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.npr_readmore_title h2 { font-size: inherit; }
.npr_readmore_btn { position: absolute; top: 15px; right: 15px; }
.readmore_content { padding: 15px 25px; text-align: justify; display: none; }
.readmore_content p:last-child { padding-bottom: 0; }



.npr_tabs {
     border: 1px solid #cccccc; margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 5px 0px #eeeeee;
    box-shadow: 0px 0px 5px 0px #eeeeee;
    width: 100%; position: relative; min-height: 250px;
}

.npr_tabs .npr_tabs_bg {
    background: #f7f7f7; position: absolute; z-index: -1;
    border-color: #cdcdcd; border-style: solid; border-width: 0;
}

.npr_tabs .npr_tabs_items { background: #f7f7f7; }
.npr_tabs .npr_tabs_items li {
    display: block; padding: 16px 10px; text-indent: 0; transition: all .3s; -moz-transition: all .3s; cursor: pointer;
    position: relative;
}
.npr_tabs .npr_tabs_items, .npr_tabs .npr_tabs_items li { overflow: hidden; }
.npr_tabs .npr_tabs_items li.active,
.npr_tabs .npr_tabs_items li:hover  { background: white; }
.npr_tabs .npr_tabs_items li .chevron { position: absolute; top: 50%; margin-top: -8px; width: 16px; height: 16px; display: block; transition: all .3s; -moz-transition: all .3s; }

.npr_tabs_left .npr_tabs_items li .chevron { right: -30px; }
.npr_tabs_left .npr_tabs_items li.active .chevron,
.npr_tabs_left .npr_tabs_items li:hover .chevron { right: 5px; }

.npr_tabs_right .npr_tabs_items li .chevron { left: -30px; }
.npr_tabs_right .npr_tabs_items li.active .chevron,
.npr_tabs_right .npr_tabs_items li:hover .chevron { left: 5px; }

.npr_tabs_left .npr_tabs_items,
.npr_tabs_right .npr_tabs_items { width: 185px; }
.npr_tabs_left .npr_tabs_items { float: left; }
.npr_tabs_right .npr_tabs_items { float: right; text-align: right; }
.npr_tabs_left .npr_tabs_bg,
.npr_tabs_right .npr_tabs_bg { width: 185px; height: 100%; top: 0; bottom: 0; }
.npr_tabs_left .npr_tabs_bg { left: 0; border-right-width: 1px; }
.npr_tabs_right .npr_tabs_bg { right: 0; border-left-width: 1px; }

.npr_tabs_left .npr_tabs_items li,
.npr_tabs_right .npr_tabs_items li { border-bottom: #cdcdcd solid 1px; }

.npr_tabs_top .npr_tabs_items,
.npr_tabs_bottom .npr_tabs_items { float: none; border-bottom: 1px solid #cdcdcd; }
.npr_tabs_top .npr_tabs_items li,
.npr_tabs_bottom .npr_tabs_items li { float: left; padding: 16px; }

.npr_tabs_left .npr_tabs_content { padding: 15px 20px 15px 210px; }
.npr_tabs_right .npr_tabs_content { padding: 15px 210px 15px 20px; }

.npr_tabs_top .npr_tabs_content, 
.npr_tabs_bottom .npr_tabs_content { padding: 15px 20px; }

.npr_tabs .npr_tab_content { display: none; text-align: justify; }
.npr_tabs .npr_tab_content p:last-child { padding-bottom: 0; }

.npr_tabs .npr_tabs_content { }


@media screen and (max-width: 767px) {
    .npr_tabs .npr_tabs_bg { display: none; }
    .npr_tabs_left .npr_tabs_items,
    .npr_tabs_right .npr_tabs_items { width: 100%; float: none; }
    .npr_tabs .npr_tabs_items li .chevron { display: none; }
    .npr_tabs_left .npr_tabs_content,
    .npr_tabs_right .npr_tabs_content { padding: 15px 20px; }
}