@font-face {
    font-family: 'icomoon';
    src: url("/https/www.dprotein.com/fonts/icomoon.eot");
    src: url("/https/www.dprotein.com/fonts/icomoon.eot?#iefix") format('embedded-opentype'),url("/https/www.dprotein.com/fonts/icomoon.woff") format('woff'),url("/https/www.dprotein.com/fonts/icomoon.ttf") format('truetype'),url("/https/www.dprotein.com/fonts/icomoon.svg#icomoon") format('svg');
    font-weight: normal;
    font-style: normal
}

.dl-menuwrapper {
    width: 100%;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%
}

    .dl-menuwrapper:first-child {
        float: right
    }

    .dl-menuwrapper button {
        background: #e20538;
        border: 0;
        width: 48px;
        height: 45px;
        text-indent: -900em;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        outline: 0;
        float: right
    }

        .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
            background: #e20538
        }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 68%;
            height: 5px;
            background: white;
            top: 10px;
            left: 16%;
            box-shadow: 0 10px 0 white,0 20px 0 white
        }

    .dl-menuwrapper ul {
        padding: 0;
        list-style: none;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .dl-menuwrapper li {
        position: relative
    }

        .dl-menuwrapper li a {
            display: block;
            position: relative;
            padding: 15px 20px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 300;
            color: white;
            outline: 0
        }

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,0.1)
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1)
}

.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000"
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.15)
}

.dl-menuwrapper .dl-menu {
    margin: 50px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    .dl-menuwrapper .dl-menu.dl-menu-toggle {
        transition: all .3s ease
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

.dl-menuwrapper li .dl-submenu {
    display: none
}

.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {
    display: none
}

    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
        display: block
    }

.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0
}

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 .4s;
    animation: MenuAnimOut1 .4s
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 .3s ease-in-out;
    animation: MenuAnimOut2 .3s ease-in-out
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 .4s ease;
    animation: MenuAnimOut3 .4s ease
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 .4s ease;
    animation: MenuAnimOut4 .4s ease
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 .4s ease;
    animation: MenuAnimOut5 .4s ease
}

@-webkit-keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0
    }
}

@keyframes MenuAnimOut1 {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg)
    }

    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5
    }

    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }
}

@keyframes MenuAnimOut2 {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes MenuAnimOut3 {
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut4 {
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes MenuAnimOut5 {
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 .3s;
    animation: MenuAnimIn1 .3s
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 .3s ease-in-out;
    animation: MenuAnimIn2 .3s ease-in-out
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 .4s ease;
    animation: MenuAnimIn3 .4s ease
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 .4s ease;
    animation: MenuAnimIn4 .4s ease
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 .4s ease;
    animation: MenuAnimIn5 .4s ease
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: .5
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0
    }

    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: .5
    }

    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 .4s ease;
    animation: SubMenuAnimIn1 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 .3s ease-in-out;
    animation: SubMenuAnimIn2 .3s ease-in-out
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 .4s ease;
    animation: SubMenuAnimIn3 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 .4s ease;
    animation: SubMenuAnimIn4 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 .4s ease;
    animation: SubMenuAnimIn5 .4s ease
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 .4s ease;
    animation: SubMenuAnimOut1 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 .3s ease-in-out;
    animation: SubMenuAnimOut2 .3s ease-in-out
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 .4s ease;
    animation: SubMenuAnimOut3 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 .4s ease;
    animation: SubMenuAnimOut4 .4s ease
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 .4s ease;
    animation: SubMenuAnimOut5 .4s ease
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(50%);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0
    }
}

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block
}

.no-js .dl-menuwrapper li.dl-back {
    display: none
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1)
}

    .no-js .dl-menuwrapper li > a:not(:only-child):after {
        content: ''
    }

.demo-1 .dl-menuwrapper button {
    background: #c62860
}

    .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul {
        background: #9e1847
    }

.demo-2 .dl-menuwrapper button {
    background: #e86814
}

    .demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul {
        background: #d35400
    }

.demo-3 .dl-menuwrapper button {
    background: #08cbc4
}

    .demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul {
        background: #00b4ae
    }

.demo-4 .dl-menuwrapper button {
    background: #90b912
}

    .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul {
        background: #79a002
    }

.demo-5 .dl-menuwrapper button {
    background: #744783
}

    .demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul {
        background: #643771
    }

@font-face {
    font-family: 'FontAwesome';
    src: url("/https/www.dprotein.com/fonts/fontawesome-webfont.eot?v=4.0.0");
    src: url("/https/www.dprotein.com/fonts/fontawesome-webfont.eot?#iefix&v=4.0.0") format('embedded-opentype'),
         url("/https/www.dprotein.com/fonts/fontawesome-webfont.woff?v=4.0.0") format('woff'),
         url("/https/www.dprotein.com/fonts/fontawesome-webfont.ttf?v=4.0.0") format('truetype'),
         url("/https/www.dprotein.com/fonts/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular") format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none;
    margin-top: 11px
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.142857143em;
    width: 2.142857142857143em;
    top: 6px;
    text-align: center
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.fa-times:before {
    content: "\f00d"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f081";
    color: #55acee
}

.fa-facebook:before {
    content: "\f082";
    color: #3a5795
}

.fa-google-plus:before {
    content: "\f0d4";
    color: #ae0000
}

.fa-tumblr:before {
    content: "\f174";
    color: #32506d
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-laptop:before {
    content: "\f109"
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-family: Trebuchet MS;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

:focus {
    outline: 0
}

body {
    line-height: 1;
    color: black
}

ol, ul {
    list-style: none
}

.clear {
    clear: both
}

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

.clearfix {
    display: inline-block
}

.clearfix {
    display: block
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

html {
    height: 100%
}

p {
    margin-bottom: 20px
}

.floatleft {
    float: left
}

.one_third {
    width: 30.66%
}

.two_thirds {
    width: 100%
}

.one_fourth {
    width: 22%
}

.three_fourths, .three_fourth {
    width: 74%
}

.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
    position: relative;
    margin-right: 4%;
    margin-bottom: 20px;
    float: left
}

.last {
    margin-right: 0
}

img {
    max-width: 100%;
    height: auto
}

html {
    font: 400 100%/1.65 serif
}

body {
    word-wrap: break-word
}

small {
    font-size: 12px
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
    margin-top: 0;
    text-rendering: optimizeLegibility
}

h1, .alpha {
    font-size: 60px;
    font-size: 3.33333rem;
    margin-bottom: .495em
}

h2, .beta {
    font-size: 48px;
    font-size: 2.6667rem;
    margin-bottom: .61875rem
}

h3, .gamma {
    font-size: 36px;
    font-size: 2rem;
    margin-bottom: .325em
}

h4, .delta {
    font-size: 24px;
    font-size: 1.3333333333333333rem;
    margin-bottom: 1.2375em
}

h5, .epsilon {
    font-size: 21px;
    font-size: 1.16667rem;
    margin-bottom: 1em
}

h6, .zeta {
    font-size: 18px;
    font-size: 1rem
}

p {
    margin: auto auto 1.4em
}

.blue a:hover {
    color: #e20538
}

.button {
    display: inline-block;
    text-decoration: none;
    padding: 8px 13px;
    color: white;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    margin-bottom: 3px
}

span.button {
    cursor: pointer;
    padding: 8px 16px;
    margin: 0 5px 0 0;
    font-size: 18px
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 10px 0 0 0;
    float: left
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
        padding: 30px
    }

.rslides_tabs {
    text-align: center;
    top: 0;
    z-index: 999;
    float: left;
    width: 100%
}

    .rslides_tabs li {
        display: inline-block;
        margin: 0 3px
    }

        .rslides_tabs li a {
            text-indent: -9999px;
            width: 32px;
            height: 5px;
            background: rgba(238,25,55,0.5);
            display: inline-block;
            border: 0
        }

            .rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {
                background: #ee1937
            }

dl.accordion {
    margin-bottom: 30px
}

    dl.accordion dt, dl.accordion dd {
        margin-bottom: 10px;
        border: 1px solid #c7c7c7;
        box-shadow: 0 1px 1px #eaeaea;
        display: block
    }

    dl.accordion dd {
        padding: 20px;
        margin-bottom: 25px;
        display: none
    }

        dl.accordion dd p:last-child {
            margin-bottom: 0
        }

    dl.accordion dt.active {
        border-left: 3px solid #e20538
    }

    dl.accordion dt a {
        padding: 10px 20px;
        display: block
    }

    dl.accordion dt.active a {
        color: #e20538
    }

.selectnav {
    display: none;
    width: 170px;
    float: right;
    margin-top: 20px
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -ms-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    -ms-transition-property: height,width;
    -o-transition-property: height,width;
    transition-property: height,width
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform,opacity;
        -moz-transition-property: -moz-transform,opacity;
        -ms-transition-property: -ms-transform,opacity;
        -o-transition-property: -o-transform,opacity;
        transition-property: transform,opacity
    }

        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s
        }

.royalSlider {
    width: 600px;
    height: 400px;
    position: relative;
    direction: ltr
}

    .royalSlider > * {
        float: left
    }

.rsWebkit3d .rsSlide {
    -webkit-transform: translateZ(0)
}

.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
    -webkit-backface-visibility: hidden
}

.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none
}

.rsOverflow {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    -webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-tap-highlight-color: transparent
}

    .rsVisibleNearbyWrap .rsOverflow {
        position: absolute;
        left: 0;
        top: 0
    }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent
}

.rsArrow, .rsThumbsArrow {
    cursor: pointer
}

.rsArrow, .rsNav, .rsThumbsArrow {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.rsHidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .3s,opacity .3s linear;
    -moz-transition: visibility 0s linear .3s,opacity .3s linear;
    -o-transition: visibility 0s linear .3s,opacity .3s linear;
    transition: visibility 0s linear .3s,opacity .3s linear
}

.rsGCaption {
    width: 100%;
    float: left;
    text-align: center
}

.royalSlider .rsSlide.rsFakePreloader {
    opacity: 1 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    display: none
}

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
    height: auto
}

.rsPreloader {
    position: absolute;
    z-index: 0
}

.rsNavItem {
    -webkit-tap-highlight-color: rgba(0,0,0,0.25)
}

.rsThumbs {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 22
}

.rsTabs, .rsThumbs {
    -webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
    width: auto;
    height: auto;
    line-height: 0;
    position: relative
}

.rsVideoFrameHolder {
    position: absolute;
    left: 0;
    top: 0;
    background: #141414;
    opacity: 0;
    -webkit-transition: .3s
}

.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
    position: absolute;
    z-index: 50;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 44px
}

.rsABlock {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 15
}

img.rsImg {
    max-width: none
}

.grab-cursor {
    cursor: url("/https/www.dprotein.com/css/grab.png") 8 8,move
}

.grabbing-cursor {
    cursor: url("/https/www.dprotein.com/css/grabbing.png") 8 8,move
}

.rsNoDrag {
    cursor: auto
}

.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: #151515;
    color: white
}

    .rsDefault .rsArrow {
        height: 100%;
        width: 44px;
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 21
    }

    .rsDefault.rsVer .rsArrowLeft {
        top: 0;
        left: 0
    }

    .rsDefault.rsVer .rsArrowRight {
        bottom: 0;
        left: 0
    }

    .rsDefault.rsHor .rsArrowLeft {
        left: 0;
        top: 0
    }

    .rsDefault.rsHor .rsArrowRight {
        right: 0;
        top: 0
    }

    .rsDefault .rsArrowIcn {
        width: 32px;
        height: 32px;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        position: absolute;
        cursor: pointer;
        background: url("/https/www.dprotein.com/css/rs-default.png");
        background-color: black;
        background-color: rgba(0,0,0,0.75);
        *background-color: black;
        border-radius: 2px
    }

        .rsDefault .rsArrowIcn:hover {
            background-color: rgba(0,0,0,0.9)
        }

    .rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
        background-position: -64px -32px
    }

    .rsDefault.rsHor .rsArrowRight .rsArrowIcn {
        background-position: -64px -64px
    }

    .rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
        background-position: -96px -32px
    }

    .rsDefault.rsVer .rsArrowRight .rsArrowIcn {
        background-position: -96px -64px
    }

    .rsDefault .rsArrowDisabled .rsArrowIcn {
        opacity: .2;
        filter: alpha(opacity=20);
        *display: none
    }

    .rsDefault .rsTmb {
        display: block
    }

        .rsDefault .rsTmb h5 {
            font-size: 16px;
            margin: 0;
            padding: 0;
            line-height: 20px;
            color: white
        }

        .rsDefault .rsTmb span {
            color: #ddd;
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 18px
        }

    .rsDefault .rsThumbsArrowDisabled {
        display: none !important
    }

    .rsDefault .rsFullscreenBtn {
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        z-index: 22;
        display: block;
        position: absolute;
        cursor: pointer
    }

    .rsDefault .rsFullscreenIcn {
        display: block;
        margin: 6px;
        width: 32px;
        height: 32px;
        background: url("/https/www.dprotein.com/css/rs-default.png") 0 0;
        background-color: black;
        background-color: rgba(0,0,0,0.75);
        *background-color: black;
        border-radius: 2px
    }

    .rsDefault.rsFullscreen .rsFullscreenIcn {
        background-position: -32px 0
    }

    .rsDefault .rsPlayBtn {
        -webkit-tap-highlight-color: rgba(0,0,0,0.3);
        width: 64px;
        height: 64px;
        margin-left: -32px;
        margin-top: -32px;
        cursor: pointer
    }

    .rsDefault .rsPlayBtnIcon {
        width: 64px;
        display: block;
        height: 64px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        background: url("/https/www.dprotein.com/css/rs-default.png") no-repeat 0 -32px;
        background-color: black;
        background-color: rgba(0,0,0,0.75);
        *background-color: black
    }

    .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
        background-color: rgba(0,0,0,0.9)
    }

    .rsDefault .rsBtnCenterer {
        position: absolute;
        left: 50%;
        top: 50%
    }

    .rsDefault .rsCloseVideoBtn {
        right: 0;
        top: 0;
        width: 44px;
        height: 44px;
        z-index: 500;
        position: absolute;
        cursor: pointer;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0)
    }

        .rsDefault .rsCloseVideoBtn.rsiOSBtn {
            top: -38px;
            right: -6px
        }

    .rsDefault .rsCloseVideoIcn {
        margin: 6px;
        width: 32px;
        height: 32px;
        background: url("/https/www.dprotein.com/css/rs-default.png") -64px 0;
        background-color: black;
        background-color: rgba(0,0,0,0.75);
        *background-color: black
    }

    .rsDefault .rsPreloader {
        width: 20px;
        height: 20px;
        background-image: url("/https/www.dprotein.com/preloaders/preloader-white.gif");
        left: 50%;
        top: 50%;
        margin-left: -10px;
        margin-top: -10px
    }

    .rsDefault .rsGCaption {
        position: absolute;
        float: none;
        bottom: 6px;
        left: 6px;
        text-align: left;
        background: black;
        background: rgba(0,0,0,0.75);
        color: white;
        padding: 2px 8px;
        width: auto;
        font-size: 12px;
        border-radius: 2px
    }

body {
    font-family: Trebuchet MS,'Raleway',sans-serif;
    font-weight: 300;
    overflow-x: hidden;
    line-height: 26px;
    font-size: 14px;
    color: #414141;
    background: white
}

h2, h3, h4, h5, h6, a {
    font-weight: 300
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #414141
    }

h1, h2, h3 {
    font-weight: 500
}

h4 {
    margin-bottom: 0
}

a, .fa-6x {
    text-decoration: none;
    color: #e20538
}

    a:hover, .social a:hover {
        color: black
    }

p {
    margin-bottom: 10px
}

.wrapper {
    margin: 0 auto;
    width: 960px;
    position: relative
}

    .wrapper a {
        color: #555
    }

strong {
    font-weight: 500
}

em {
    font-style: italic
}

section, footer {
    padding: 17px 0 10px
}

img {
    vertical-align: bottom
}

::selection {
    background: #fefac7;
    color: #555
}

::-moz-selection {
    background: #fefac7;
    color: #555
}

input, textarea, #load-more {
    width: 100%;
    background: 0;
    border: 1px solid #e5e5e5;
    padding: 12px 15px;
    box-shadow: 0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;
    font-size: 14px;
    background: white
}

input {
    margin-bottom: 10px
}

    input:focus, textarea:focus, input[type="submit"]:hover {
        border-color: #c7c7c7
    }

    input[type="submit"] {
        cursor: pointer;
        color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

textarea {
    min-height: 160px;
    resize: none;
    margin-bottom: 15px
}

blockquote, pre, .tab-container div, .tab.active {
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid #c7c7c7;
    box-shadow: 0 1px 1px #eaeaea;
    display: block;
    border-left: 3px solid #e20538
}

.blue {
    border-left: 3px solid #05a1e2
}

.back {
    float: left
}

blockquote p:last-child {
    margin-bottom: 0
}

small {
    display: block;
    font-size: 20px
}

.button {
    border-radius: 0
}

#btnNewsLetterSend {
    background: #8eb83c;
    color: white
}

.dark-wrapper {
    background: whitesmoke !important
}

section {
    z-index: 99;
    position: relative
}

.isotope-alt-details {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
}

.remove-bottom {
    margin-bottom: 0
}

.floatleft, .floatright {
    display: inline-block
}

.floatleft {
    float: left
}

.small-padding {
    padding: 12px 0 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #e20538
}

.scroll-animate.left {
    position: relative;
    left: -50px;
    opacity: 0
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.alert, .example-column {
    background: whitesmoke;
    border: 1px solid #e5e5e5;
    padding: 5px 10px
}

    .alert i {
        float: right;
        cursor: pointer;
        font-size: 18px;
        padding-top: 4px
    }

    .alert.danger {
        background: #ffe5e3;
        color: #d90f00;
        border-color: #f9bbb8;
        padding: 12px 15px
    }

    .alert.warning {
        background: #fff6d6;
        color: #a26025;
        border-color: #f8d867
    }

    .alert.success {
        background: #cef0cb;
        color: #698733;
        border-color: #e0dede
    }

.centered {
    text-align: center
}

.light {
    font-weight: 300
}

.break15 {
    width: 100%;
    height: 15px
}

.overflow-hidden {
    overflow-x: hidden;
    overflow-y: hidden
}

header {
    padding: 13px 0;
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    height: 74px;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 1px 1px rgba(100,100,100,0.2),inset 0 1px 0 #fbfbfb
}

    header * {
        margin-bottom: 0 !important
    }

#selectnav {
    float: right;
    padding-top: 15px
}

    #selectnav li {
        float: left;
        margin-left: 25px
    }

        #selectnav li a {
            color: #414141;
            text-transform: uppercase;
            font-weight: 500
        }

            #selectnav li a.active, #selectnav li a:hover {
                color: #e20538
            }

.header-small #selectnav {
    padding-top: 7px
}

.full {
    width: 100%;
    height: 100%;
    background: url("/https/www.dprotein.com/video/dd.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}

    .full * {
        color: white;
        font-weight: 300
    }

.big {
    width: 100%;
    height: 400px;
    background: #d52f3c;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    display: block
}

    .big * {
        color: white;
        font-weight: 300
    }

    .big h1.mega {
        margin-top: -33px
    }

        .big h1.mega.single {
            margin-top: 0
        }

.rslides h1.mega {
    position: absolute;
    z-index: 99;
    width: 100%;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.4)
}

.service {
    text-align: center
}

.member a {
    cursor: default
}

.isotope-alt-image div {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(226,5,56,0.9);
    width: 100%;
    height: 100%;
    padding: 30px;
    color: white;
    text-align: left
}

    .isotope-alt-image div h4 {
        color: white;
        font-size: 30px
    }

        .isotope-alt-image div h4 small {
            font-size: 16px
        }

.portfolio-isotope li {
    float: left;
    width: 32.3%;
    position: relative
}

.marks li {
    float: left;
    width: 12.3%;
    position: relative
}

.portfolio-isotope li {
    margin-bottom: 30px;
    padding-right: 25px
}

    .portfolio-isotope li:hover .isotope-alt-details {
        opacity: 0;
        pointer-events: none
    }

.isotope-alt-details {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-right: 25px
}

    .isotope-alt-details div {
        display: block;
        box-shadow: 0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;
        background: white;
        border: 0
    }

.portfolio-isotope {
    width: 995px;
    margin-bottom: 10px
}

.isotope-alt-details h4 {
    padding-top: 10px
}

.isotope-alt-details .meta {
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 0
}

.isotope-alt-image {
    position: relative;
    display: block;
    overflow: hidden;
    border: 20px solid white
}

#load-more {
    width: 100%;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    background: white;
    display: block;
    margin-bottom: 30px;
    color: #414141
}

    #load-more:hover, #filters a:hover, #filters a.active {
        border-color: #b7b7b7
    }

h3 small {
    display: inline-block;
    font-size: 14px;
    margin-left: 7px;
    color: #c7c7c7
}

#filters a {
    border: 1px solid #e5e5e5;
    padding: 7px 13px;
    margin: 0 0 5px 5px;
    color: white
}

#loader {
    opacity: 0;
    position: relative;
    bottom: -50px;
    max-width: 770px;
    width: 90%;
    margin: 0 auto
}

.portfolio-close {
    position: absolute;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    top: -55px;
    font-size: 44px;
    color: #c7c7c7
}

.overflow-hidden article {
    position: relative;
    top: 50px
}

.portfolios {
    margin-top: 110px
}

article, .widget {
    border: 1px solid #e5e5e5;
    padding: 20px 25px;
    box-shadow: 0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb;
    background: white
}

.widget {
    margin-bottom: 13px
}

    .widget p:last-child, article p:last-child {
        margin-bottom: 0
    }

article {
    padding: 0;
    margin-bottom: 50px;
    float: left
}

    article .content {
        padding: 0 7px 12px 13px
    }

    article .meta {
        padding: 15px 25px 15px;
        border-top: 1px solid #e5e5e5;
        float: left;
        width: 100%
    }

        article .meta p {
            margin-bottom: 0
        }

.white {
    color: white
}

.up {
    padding: 23px 0 0 41px
}

footer {
    padding: 20px 0;
    background-color: #414141
}

.mail {
    float: right
}

@media only screen and (min-width:1180px) {
    .wrapper {
        width: 1180px;
        position: relative
    }

    .portfolio-isotope {
        width: 1215px
    }

    #map {
        width: 1175px;
        height: 300px
    }

    .portfolios {
        width: 85%;
        margin-left: 8%
    }
}

@media only screen and (max-width:1180px) {
    #selectnav li {
        float: left;
        margin-left: 15px
    }

    #map {
        height: 300px
    }
}

@media only screen and (min-width:960px) {
    .content_left {
        width: 60%
    }
}

@media only screen and (max-width:959px) {
    #selectnav {
        display: none
    }

    .selectnav {
        display: none
    }

    .portfolio-isotope li {
        width: 49.8%
    }

    #map {
        width: 500px;
        height: 300px
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .wrapper {
        width: 768px;
        position: relative;
        padding: 0 10px
    }

    .portfolio-isotope {
        width: 740px
    }

    #map {
        width: auto;
        height: 300px
    }

    .blog {
        width: 60%
    }
}

@media only screen and (max-width:767px) {
    .wrapper {
        width: 479px;
        margin: 0 auto;
        position: relative
    }

    .one_half, .one_third, .two_thirds, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .three_fourths {
        width: 100%
    }

    #comments li ul {
        padding-left: 0
    }

    .portfolio-isotope {
        width: 509px
    }

    header .one_fourth, header .three_fourths {
        width: 50%;
        margin: 0
    }

    .big h1.mega {
        margin-top: -60px
    }

    .isotope-alt-image div h4 {
        color: white;
        font-size: 20px
    }

    .content_left {
        width: 100%
    }
}

@media only screen and (max-width:640px) {
    .wrapper {
        width: 300px;
        margin: 0 auto;
        position: relative
    }

    .portfolio-isotope li {
        width: 100%
    }

    .portfolio-isotope {
        width: 325px
    }

    #map {
        width: 300px;
        height: 300px
    }

    .sizi-arayalim {
        display: none
    }

    .sizi-arayalim-m {
        position: fixed;
        bottom: 0;
        right: 0;
        margin: -108px 0 0 0;
        z-index: 100;
        font-size: 30px;
        width: 100%;
        background: #94c336;
        text-align: center;
        padding: 13px;
        color: white;
        border: 1px solid white;
        clear: both
    }

    a.sizi-arayalim-m:hover {
        color: white
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.contentSlider {
    width: 100%;
    font-family: Trebuchet MS,'Raleway',sans-serif
}

    .contentSlider, .contentSlider .rsOverflow, .contentSlider .rsSlide, .contentSlider .rsVideoFrameHolder, .contentSlider .rsThumbs {
        background: #eee;
        color: black
    }

        .contentSlider .rsSlide, .contentSlider .rsOverflow {
            background: white
        }

#next {
    float: right
}

.sizi-arayalim {
    position: fixed;
    top: 57%;
    width: 48px;
    right: 0;
    margin: -108px 0 0 0;
    z-index: 1000;
    font-size: 0
}

.blog a {
    color: #e20538
}

.sendbtn {
    background: #8eb83c
}

.one_fourth h1 {
    font-size: 22px
}

.lang {
    background-color: #555;
    padding: 0 5px
}

.share a {
    background: url("/https/www.dprotein.com/img/blog/sharing_icon.png") no-repeat;
    padding: 1px 26px 1px 0;
    background-position: right center;
    color: #b1b1b1
}

.share {
    float: right
}

.blog-detail {
    margin: 0 15px 15px 0;
    width: 100%
}

.archive-list .fa-ul li a:hover {
    text-decoration: underline
}

.fa-ul > li.tags {
    float: left;
    margin: 0 0 6px 0
}

    .fa-ul > li.tags a {
        border: 1px solid #dadada;
        border-radius: 4px;
        padding: 5px;
        box-shadow: 0 1px 0 #e8e4e4
    }

.content_left {
    float: left;
    padding: 40px 10px
}

.blog-detail h2 {
    font-size: 1.6667rem
}

.right_sidebar {
    padding-top: 41px
}

.blog-detail ol {
    list-style: inherit;
    padding: 0 20px
}

.testimonials-4 .content {
    float: left;
    padding: 20px 20px 2px 20px;
    border: 1px solid #eee;
    background-color: #f9f9f9;
    border-radius: 5px;
    width: 100%
}

.blog-comment {
    font-size: 1.20rem;
    color: #b3b3b3
}

.date {
    float: right
}

.tagb {
    float: left;
    width: 100%
}

.color {
    background-color: #e20538;
    font-size: 25px;
    color: white;
    line-height: 37px
}

.tel {
    color: white;
    background: url("/https/www.dprotein.com/img/tel.png") no-repeat;
    background-color: #e20538;
    padding: 7px 13px 7px 30px;
    background-position: left;
    font-size: 15px
}

.darkblue {
    background: #5f9cd1
}

.yellow {
    background: #ffb11b
}

.meta .share .addthis_toolbox a {
    margin-bottom: 0 !important
}

.fa-ul > li.tags {
    margin: 0 3px 6px 0
}
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

tr, img {
    page-break-inside: avoid
}

p, h2 {
    orphans: 3;
    widows: 3
}

h2 {
    page-break-after: avoid
}

img {
    vertical-align: middle
}

[role="button"] {
    cursor: pointer
}

h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: normal;
        line-height: 1;
        color: #777
    }

h1, .h1, h2, .h2 {
    margin-top: 20px;
    margin-bottom: 10px
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%
    }

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 30px
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-8 {
        width: 60.66666667%;
        padding-left: 53px
    }

    .col-md-4 {
        width: 39.33333333%
    }

        .col-md-4.sl-2 {
            width: 43.333333%
        }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    .table .table {
        background-color: white
    }

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

input[type="search"] {
    -webkit-appearance: none
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer
    }

    .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
    }

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

@media(min-width:768px) {
    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .radio label, .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.btn-default .badge {
    color: white;
    background-color: #333
}

.btn-primary .badge {
    color: #337ab7;
    background-color: white
}

.btn-success .badge {
    color: #5cb85c;
    background-color: white
}

.btn-info .badge {
    color: #5bc0de;
    background-color: white
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: white
}

.btn-danger .badge {
    color: #d9534f;
    background-color: white
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

@media(max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media(min-width:768px) {
    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .navbar-form .radio label, .navbar-form .checkbox label {
            padding-left: 0
        }

        .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }
}

@media(max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

@media(max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: white;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: white;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.btn .label {
    position: relative;
    top: -1px
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: bold
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: whitesmoke;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.media {
    margin-top: 15px
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.panel {
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-default > .panel-heading .badge {
    color: whitesmoke;
    background-color: #333
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: white
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-shadow: 0 1px 0 white;
    filter: alpha(opacity=20);
    opacity: .2
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.modal-header .close {
    margin-top: -2px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: white
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {
    text-shadow: none
}

@media(max-width:767px) {
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: white;
        background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
        background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));
        background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);
        background-repeat: repeat-x
    }
}

.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)
}

.alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1
}

.alert-info {
    background-image: -webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -o-linear-gradient(top,#d9edf7 0,#b9def0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));
    background-image: linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea
}

.alert-warning {
    background-image: -webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));
    background-image: linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e
}

.alert-danger {
    background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7
}

.progress {
    background-image: -webkit-linear-gradient(top,#ebebeb 0,whitesmoke 100%);
    background-image: -o-linear-gradient(top,#ebebeb 0,whitesmoke 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(whitesmoke));
    background-image: linear-gradient(to bottom,#ebebeb 0,whitesmoke 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);
    background-repeat: repeat-x
}

.list-group-item.active .badge, .list-group-item.active:hover .badge, .list-group-item.active:focus .badge {
    text-shadow: none
}

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.logo a {
    display: block;
    width: 258px;
    height: 56px;
    text-indent: -9999px;
    background: url("/https/www.dprotein.com/img/digital-protein-logo.svg") no-repeat center center;
    background-size: contain
}

.dlm.dl-menuflat {
    position: relative;
    float: right;
    margin-top: 14px;
    padding-right: 38px
}

    .dlm.dl-menuflat .dl-trigger {
        display: none
    }

    .dlm.dl-menuflat .dl-menu {
        font-size: 0
    }

        .dlm.dl-menuflat .dl-menu li {
            display: inline-block;
            position: relative;
            padding: 0 6px;
            font-size: 14px;
            line-height: 26px;
            vertical-align: top
        }

        .dlm.dl-menuflat .dl-menu .lang {
            position: absolute;
            right: 0;
            top: 0
        }

            .dlm.dl-menuflat .dl-menu .lang a {
                color: white
            }

        .dlm.dl-menuflat .dl-menu .dl-submenu {
            display: none;
            position: absolute;
            left: -18px;
            padding: 20px;
            padding-top: 10px;
            width: 220px;
            background-color: white;
            -webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
            -moz-box-shadow: 0 8px 6px -6px #c7c7c7;
            box-shadow: 0 8px 6px -6px #c7c7c7
        }

            .dlm.dl-menuflat .dl-menu .dl-submenu .dl-submenu {
                display: none !important
            }

        .dlm.dl-menuflat .dl-menu .dl-subviewopen .dl-submenu {
            display: block
        }

        .dlm.dl-menuflat .dl-menu.dl-subview li.dl-subviewopen > a, .dlm.dl-menuflat .dl-menu.dl-subview li.dl-subview > a {
            display: block
        }

        .dlm.dl-menuflat .dl-menu.dl-animate-out-1 {
            -webkit-animation: MenuAnimOut1MF .1s;
            animation: MenuAnimOut1MF .1s
        }

    .dlm.dl-menuflat .dl-back {
        display: none !important
    }

@-webkit-keyframes MenuAnimOut1MF {
    0% {
        opacity: 1
    }
}

@keyframes MenuAnimOut1MF {
    0% {
        opacity: 1
    }
}

.dlm.dl-menuflat .dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1MF .1s;
    animation: MenuAnimIn1MF .1s
}

@-webkit-keyframes MenuAnimIn1MF {
    0% {
        opacity: 1
    }
}

@keyframes MenuAnimIn1MF {
    0% {
        opacity: 1
    }
}

.telefon ul {
    float: right;
    margin-left: 25px;
    padding-top: 7px
}

    .telefon ul .tel a {
        color: white
    }

.gallery {
    padding-bottom: 0;
    padding-top: 32px
}

    .gallery #main-page-slider.royalSlider .slider-cont {
        background-color: white
    }

        .gallery #main-page-slider.royalSlider .slider-cont .container {
            position: relative;
            height: 336px
        }

            .gallery #main-page-slider.royalSlider .slider-cont .container .photo, .gallery #main-page-slider.royalSlider .slider-cont .container .text {
                position: absolute;
                left: 0;
                margin: 0;
                padding: 0
            }

            .gallery #main-page-slider.royalSlider .slider-cont .container .photo {
                width: 40%
            }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text {
                left: 42%;
                padding-left: 3%;
                padding-top: 60px;
                width: 55%
            }

                .gallery #main-page-slider.royalSlider .slider-cont .container .text h1, .gallery #main-page-slider.royalSlider .slider-cont .container .text h2 {
                    color: white
                }

                .gallery #main-page-slider.royalSlider .slider-cont .container .text h1 {
                    font-size: 55px
                }

                .gallery #main-page-slider.royalSlider .slider-cont .container .text h2 strong {
                    display: block
                }

        .gallery #main-page-slider.royalSlider .slider-cont.s-1 {
            background-color: #4ba3af
        }

        .gallery #main-page-slider.royalSlider .slider-cont.s-2 {
            background-color: #5f9cd1
        }

        .gallery #main-page-slider.royalSlider .slider-cont.s-3 {
            background-color: #ffb11b
        }

.members .member img {
    background-color: white
}

.services a .service .photo {
    position: relative;
    margin: 20px auto 0 auto;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center
}

.services a .service .title {
    margin: 20px 0 10px 0
}

.services a:hover *, .services a:hover {
    color: #e20538
}

.h-box {
    padding: 20px;
    height: 470px
}

.content-photo {
    float: left;
    padding: 0 30px 20px 0
}

.blog-title-sub {
    font-size: 20px
}

.dot-list {
    list-style: inside circle none
}

    .dot-list li ul, .dot-list li ol {
        list-style: inside disc none;
        font-size: 12px
    }

        .dot-list li ul li, .dot-list li ol li {
            margin-left: 30px
        }

.blog-title * {
    font-size: 30px;
    color: #e20538 !important
}

.blog-detail-link {
    color: #e20538 !important
}

    .blog-detail-link:after {
        padding-left: 2px;
        content: '\00bb'
    }

    .blog-detail-link:hover {
        text-decoration: underline
    }

.dp-blog-form {
    opacity: 1 !important;
    left: 0 !important
}

.dp-info ul li {
    position: relative;
    color: white
}

    .dp-info ul li, .dp-info ul li * {
        line-height: 1.2em
    }

        .dp-info ul li p {
            position: relative
        }

            .dp-info ul li p.fa {
                margin-right: 12px;
                padding-left: 18px
            }

                .dp-info ul li p.fa a {
                    color: white
                }

                .dp-info ul li p.fa:before {
                    position: absolute;
                    left: 0;
                    top: 2px;
                    width: 12px;
                    height: 12px;
                    line-height: 12px;
                    text-align: center;
                    border-radius: 2px
                }

            .dp-info ul li p.fa-map-marker:before, .dp-info ul li p.fa-laptop:before {
                font-size: 9px;
                color: #414141;
                background-color: white
            }

.social-media {
    position: absolute;
    right: 6px;
    top: 0
}

    .social-media ul, .social-media ol {
        font-size: 0
    }

        .social-media ul li, .social-media ol li {
            display: inline-block;
            margin-left: 8px
        }

            .social-media ul li a, .social-media ol li a, .social-media ul li a *, .social-media ol li a * {
                font-size: 32px;
                color: white
            }

                .social-media ul li a.fa:before, .social-media ol li a.fa:before {
                    color: white
                }

                .social-media ul li a strong, .social-media ol li a strong {
                    display: none
                }

@media only screen and (max-width:1199px) {
    .gallery #main-page-slider.royalSlider .slider-cont .container {
        height: 286px
    }

        .gallery #main-page-slider.royalSlider .slider-cont .container .text {
            padding-top: 50px
        }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h1 {
                font-size: 40px
            }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h2 {
                font-size: 20px
            }
}

@media only screen and (max-width:1179px) {
    .logo a {
        width: 207px;
        height: 45px
    }

    .h-box {
        height: 570px
    }
}

@media only screen and (max-width:999px) {
    .telefon {
        display: none
    }

    .gallery #main-page-slider.royalSlider .slider-cont .container {
        height: 226px
    }

        .gallery #main-page-slider.royalSlider .slider-cont .container .text {
            padding-top: 40px
        }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h1 {
                font-size: 30px
            }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h2 {
                font-size: 16px
            }

    .h-box {
        height: 700px
    }
}

@media only screen and (max-width:767px) {
    .h-box {
        height: auto
    }

    .dp-info {
        margin-bottom: 20px
    }

        .dp-info ul li {
            margin-bottom: 2px;
            text-align: center
        }

            .dp-info ul li.fa {
                display: inline;
                margin-right: 0;
                clear: both
            }

    .social-media {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto;
        width: 142px
    }

        .social-media ul li, .social-media ol li {
            margin: 0 4px
        }
}

@media only screen and (max-width:640px) {
    .gallery #main-page-slider.royalSlider .slider-cont .container {
        height: auto
    }

        .gallery #main-page-slider.royalSlider .slider-cont .container .photo, .gallery #main-page-slider.royalSlider .slider-cont .container .text {
            position: relative;
            left: auto;
            margin: 0 auto;
            width: 80%
        }

        .gallery #main-page-slider.royalSlider .slider-cont .container .text {
            padding-top: 0;
            padding-bottom: 40px;
            padding-left: 0;
            text-align: center
        }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h1 {
                font-size: 32px
            }

            .gallery #main-page-slider.royalSlider .slider-cont .container .text h2 {
                font-size: 20px
            }

    footer {
        margin-bottom: 40px
    }

    .dp-info {
        margin-bottom: 20px
    }
}