﻿a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

body {
    padding: 0;
    margin: 0;
    line-height: 1;
    background: #fff
}

body, input, textarea {
    font: 14px "Open Sans",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
    color: #000;
    font-weight: 500
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    color: #4d4d4f
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit
    }

h1 {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 22px;
    padding-bottom: 8px;
    font-style: normal;
    background: url(../images/title-h-line.png) no-repeat left bottom
}

h2 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 400
}

    h2 i {
        font-weight: 400;
        font-style: normal
    }

h2 {
    font-weight: 700
}

h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    font-weight: 600;
    font-style: normal
}

h4 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 600
}

h5 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 600;
    color: #fff
}

h6 {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: 600
}

h1 i {
    font-style: normal;
    font-weight: 700
}

p {
    font: 14px "Open Sans",Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 22px
}

ol, ul {
    margin: 0 0 20px 0;
    list-style-position: inside
}

ul {
    list-style: none
}

    ul li {
        list-style: none
    }

ol {
    list-style-type: decimal
}

    ol ol {
        list-style: upper-alpha
    }

        ol ol ol {
            list-style: lower-roman
        }

            ol ol ol ol {
                list-style: lower-alpha
            }

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

strong {
    font-family: 'Open Sans' !important;
    font-weight: 700;
    color: #454545
}

cite, em, i {
    font-style: italic
}

blockquote {
    margin: 20px 0 20px 36px;
    font-size: 13px;
    border-left: 5px solid #0061aa;
    padding: 5px 20px 5px 20px;
    font-family: 'Open Sans' !important;
    font-weight: 400;
    color: #454545
}

pre {
    background: #f4f4f4;
    font-size: 13px;
    font: 13px "Open Sans",Arial,Helvetica,sans-serif;
    line-height: 1.5;
    margin-bottom: 40px;
    overflow: auto;
    padding: .75em 20px
}

code, kbd {
    font-size: 13px;
    font: 13px "Open Sans",Arial,Helvetica,sans-serif
}

abbr, acronym, dfn {
    border-bottom: 1px dotted #666;
    cursor: help
}

address {
    display: block;
    margin: 0 0 40px
}

ins {
    background: #fff9c0;
    text-decoration: none
}

sub, sup {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

.dropcap {
    display: block;
    float: left;
    font-size: 45px;
    padding: 0;
    margin: 0;
    margin: 15px 8px 0 0;
    text-transform: uppercase
}

.lite1 {
    color: #ca6d6d;
    border-bottom: 1px dotted #ca6d6d
}

.lite2 {
    border-bottom: 1px dotted #ca6d6d
}

a {
    color: #0061aa;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}

    a:hover {
        text-decoration: none;
        color: #0061aa
    }

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none
    }

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.clearfix {
    display: block
}

.image_left {
    float: left;
    padding: 0;
    margin: 0 0 16px 0;
    width: 100%
}

.image_left1 {
    float: left;
    padding: 0;
    margin: 0 30px 0 0
}

.image_left2 {
    float: left;
    padding: 10px;
    margin: 0 10px 0 0
}

.image_left3 {
    float: left;
    padding: 0;
    margin: 0 30px 0 0
}

.image_left9 {
    float: left;
    padding: 0;
    margin: 0
}

.image_left11 {
    float: left;
    padding: 0;
    margin: 0 20px 0 0
}

.image_right12 {
    float: right;
    padding: 0;
    margin: 0
}

.mar_top1 {
    margin-top: 10px;
    width: 100%;
    float: left
}

.mar_top2 {
    margin-top: 0;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.mar_top3 {
    margin-top: 10px;
    width: 100%;
    float: left
}

.mar_top4 {
    margin-top: 40px;
    width: 100%;
    float: left
}

.mar_top5 {
    margin-top: 5px;
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.mar_top6 {
    margin-top: 20px;
    width: 100%;
    float: left
}

.mar_top7 {
    margin-top: 25px;
    width: 100%;
    float: left
}

.mar_top8 {
    margin-top: 10px;
    width: 100%;
    float: left
}

.mar_top9 {
    margin-top: 45px;
    width: 100%;
    float: left
}

.mar_top10 {
    margin-top: 55px;
    width: 100%;
    float: left
}

.mar_top20 {
    margin-top: 123px;
    width: 100%;
    float: left
}

.mar_top21 {
    margin-top: 18px;
    width: 100%;
    float: left
}

.mar_top22 {
    margin-top: 103px;
    width: 100%;
    float: left
}

.mar_top23 {
    margin: 0 auto;
    width: 1000px;
    text-align: right
}

.mar_top24 {
    margin-top: 0;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    text-align: right
}

.mar_top25 {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    border-top: 3px #4d4d4f solid
}

.mar_top26 {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    border-top: 1px #4d4d4f solid
}

.divider_line {
    float: left;
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 30px 0 30px 0;
    background: url(../images/divider-hlines.png) no-repeat center top
}

.divider_line2 {
    float: left;
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 35px 0 30px 0;
    background: url(../images/divider-hlines.png) no-repeat center top
}

.divider_line3 {
    float: left;
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 32px 0 27px 0;
    background: url(../images/divider-hlines.png) no-repeat center top
}

.divider_line4 {
    float: left;
    width: 100%;
    height: 1px;
    padding: 0;
    margin: 14px 0 15px 0;
    border-bottom: 1px solid #454545
}

.divider_line5 {
    float: left;
    width: 100%;
    height: 8px;
    padding: 0;
    margin: 30px 0 27px 0;
    background: url(../images/divider-hlines.png) no-repeat left top
}

.divider_line8 {
    float: left;
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 20px 0 25px 0;
    background: url(../images/divider-hlines.png) no-repeat left top
}

.divider_line_9 {
    float: left;
    width: 100%;
    height: 18px;
    padding: 0;
    margin: 0 0 27px 0
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

#logo {
    float: left;
    padding: 0 0 0 20px;
    margin: 0;
    background: url(../images/logo.png) no-repeat left top
}

    #logo h1 {
        padding: 0;
        margin: 16px 0 0 0;
        float: left;
        line-height: 25px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 700;
        font-size: 40px;
        color: #0061aa;
        text-transform: none;
        background: 0 0
    }

        #logo h1 i {
            display: block;
            color: #b9b9b9;
            font-size: 11px;
            font-weight: 400;
            font-style: normal;
            text-transform: none
        }

#logo_innerpage {
    float: left;
    padding: 0 0 0 13px;
    margin: 0;
    background: url(../images/logo.png) no-repeat left 10px;
    background-size: 17%
}

    #logo_innerpage h1 {
        padding: 0;
        margin: 17px 0 0 0;
        float: left;
        line-height: 18px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 700;
        font-size: 31px;
        color: #0061aa;
        text-transform: none;
        background: 0 0
    }

        #logo_innerpage h1 i {
            display: block;
            color: #b9b9b9;
            font-size: 9px;
            font-weight: 400;
            font-style: normal;
            text-transform: none
        }

.site_wrapper {
    width: 100%;
    margin: 0 auto 0 auto
}

#page_wrapper_full {
    width: 100%;
    margin: auto auto auto auto
}

.container_full {
    width: 100%;
    margin: auto auto auto auto
}

.container2 a:link {
    color: #fff
}

.container2 a:visited {
    color: #fff
}

.container2 a:hover {
    color: #999
}

.container2 {
    width: 1000px;
    margin: auto auto auto auto;
    margin-bottom: 30px;
    padding-top: 7px;
    font-size: 10px
}

.translation {
    float: right;
    margin-right: 3%;
    margin-top: 5px
}

.container {
    width: 1000px;
    margin: auto auto auto auto
}

.one_fifth, .one_fourth, .one_fourth2, .one_fourth_top, .one_half, .one_half_top, .one_sixth, .one_third, .three_fourth, .three_fourth2, .two_third {
    position: relative;
    float: left
}

.one_full {
    width: 100%;
    margin-right: 4%
}

.one_half {
    width: 48%;
    margin-right: 4%
}

.one_half_top {
    width: 67%;
    color: #fff;
    margin-right: 5.3%
}

.one_fourth_top {
    width: 32%;
    margin-right: 4%
}

.one_third {
    width: 30.65%;
    margin-right: 4%
}

.one_fourth {
    width: 22%;
    margin-right: 4%
}

.one_fourth2 {
    width: 55%;
    margin-right: 2%;
    float: right;
    text-align: right
}

.one_fifth {
    width: 19.5%;
    text-align: center;
    border-right: 1px #999 solid
}

.one_sixth {
    width: 16.5%;
    text-align: center;
    border-right: 1px #999 solid
}

.two_third {
    width: 65.35%
}

.three_fourth {
    width: 74%
}

.three_fourth2 {
    width: 34%;
    margin-top: 15px
}

.last {
    margin-right: 0 !important;
    clear: right;
    border: 0
}

.description, .downloads, .pic_product {
    position: relative;
    float: left
}

.pic_product {
    width: 20%;
    margin-right: 0;
    padding-top: 25px
}

.description {
    width: 45%;
    margin-right: 0;
    margin-bottom: 20px
}

.product_desc {
    padding: 8px;
    text-align: justify
}

.downloads {
    width: 35%;
    margin-right: 0
}

.last {
    margin-right: 0 !important;
    clear: right
}

.product_information {
    border-bottom: 1px #4d4d4f solid;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    font-size: 13px
}

.no_file {
    color: #ccc
}

.product_div {
    border-top: 1px solid #4d4d4f
}

.product_title {
    font-weight: 700;
    width: 79%;
    float: right;
    color: #4d4d4f;
    font-size: 24px;
    margin-bottom: 10px
}

#access .menu {
    list-style: none;
    font-weight: 400;
    position: relative;
    float: right;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    margin-top: 0
}

    #access .menu select {
        border: 2px solid #eee;
        padding: 10px 10px 10px 10px;
        background-color: #f9f9f9;
        color: #333
    }

    #access .menu ul {
        margin: 0;
        list-style-type: none;
        position: relative;
        text-align: left;
        z-index: 1001;
        margin: 0;
        float: right;
        font-weight: 700
    }

        #access .menu ul li {
            position: relative;
            display: inline-block;
            padding: 0;
            z-index: 101;
            margin: 0 0 0 1px;
            float: left
        }

            #access .menu ul li.last {
                background: 0 0
            }

            #access .menu ul li a {
                display: inline-block;
                text-decoration: none;
                font-size: 15px;
                line-height: 1;
                color: #333;
                margin: 0;
                padding: 26px 16px 20px 16px;
                text-align: center
            }

                #access .menu ul li a:hover {
                    color: #0061aa;
                    padding: 26px 16px 20px 16px
                }

                #access .menu ul li a.active {
                    color: #0061aa;
                    padding: 16px 16px 16px 16px;
                    margin-top: 10px;
                    border-bottom: 1px solid #0061aa
                }

            #access .menu ul li ul {
                position: absolute;
                left: 0;
                height: auto;
                display: none;
                visibility: hidden;
                width: 184px;
                padding: 0;
                text-align: left;
                background: #fff;
                -moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
                -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
                box-shadow: 0 0 4px rgba(0,0,0,.2)
            }

                #access .menu ul li ul li {
                    display: list-item;
                    float: none;
                    background: 0 0;
                    padding: 0;
                    margin: 0;
                    height: auto
                }

                    #access .menu ul li ul li ul {
                        top: 0
                    }

                    #access .menu ul li ul li a {
                        margin: 0;
                        border: none;
                        display: block;
                        padding: 13px 12px 13px 12px;
                        font-size: 13px;
                        font-weight: 400;
                        color: #fff;
                        background: #0061aa url(../images/spacer.gif) no-repeat center bottom;
                        width: 159px;
                        text-align: left;
                        border-bottom: 1px solid #ddd
                    }

                        #access .menu ul li ul li a.selected, #access .menu ul li ul li a:hover, #access .menu ul li ul li.active a {
                            background: #454545 url(../images/spacer.gif) no-repeat center bottom;
                            border-bottom: 1px solid #ddd;
                            color: #fff;
                            padding: 13px 12px 13px 12px
                        }

                    #access .menu ul li ul li:last-child {
                        border: none
                    }

* html #access .menu {
    height: 1%
}

.selectnav {
    display: none;
    width: 440px;
    margin-left: 20px
}

#access .menu ul li ul li a.arrow {
    margin: 0;
    border: none;
    display: block;
    padding: 0;
    height: 1px;
    background: url(../images/spacer.gif) no-repeat left top
}

    #access .menu ul li ul li a.arrow img {
        position: absolute;
        top: -13px;
        left: 20px
    }

.top_section {
    float: left;
    width: 100%;
    padding: 4px 0;
    padding-top: 0;
    border-bottom: 1px solid #f3f3f3;
    background-color: #fff;
    position: fixed;
    z-index: 1001
}

.top_section_faq {
    float: left;
    width: 100%;
    padding: 4px 0;
    padding-top: 0;
    border-bottom: 1px solid #f3f3f3;
    background-color: #fff;
    z-index: 1001
}

.top_gray {
    background: url(../images/top_gray_bg.jpg) repeat-x;
    height: 47px;
    margin-bottom: 8px;
    color: #fff;
    font-weight: 800
}

ul.top_social_links {
    float: left;
    padding: 0;
    margin: 20px 0 0 0
}

.top_social_links li {
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px
}

    .top_social_links li:hover {
        background-color: #fff
    }

        .top_social_links li:hover i {
            color: #0061aa
        }

    .top_social_links li i {
        color: #e3e3e3
    }

ul.top_clist {
    float: left;
    padding: 0;
    margin: 0
}

.top_clist li {
    float: left;
    padding: 0;
    margin: 0 13px 0 0;
    color: #b9b9b9
}

    .top_clist li i {
        color: #d3d3d3
    }

    .top_clist li a {
        color: #b9b9b9
    }

        .top_clist li a:hover {
            color: #0061aa
        }

.site_search_home {
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
    width: 100%
}

    .site_search_home #site-searchform {
        margin: 0;
        padding: 0
    }

        .site_search_home #site-searchform #s {
            border: 1px solid #eee;
            background-color: #fff;
            width: 78%;
            height: 34px;
            padding: 0 10px 0 10px;
            color: #999;
            float: left;
            font: normal 14px "Trebuchet MS",Helvetica,Arial,sans-serif
        }

        .site_search_home #site-searchform #searchsubmit {
            float: left;
            width: 40px;
            height: 36px;
            cursor: pointer;
            text-indent: -5555em;
            line-height: 100;
            overflow: hidden;
            background: #0061aa url(../images/site-search-icon.png) no-repeat center 11px;
            border: 0
        }

            .site_search_home #site-searchform #searchsubmit:hover {
                float: left;
                width: 40px;
                height: 36px;
                cursor: pointer;
                text-indent: -5555em;
                line-height: 100;
                overflow: hidden;
                background: #333 url(../images/site-search-icon.png) no-repeat center 11px;
                border: 0
            }

.button_slider {
    margin: 0;
    padding: 0 0 0 14px;
    width: 150px;
    height: 41px;
    float: left;
    text-align: left;
    line-height: 40px;
    vertical-align: middle;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(../images/button-01.png) no-repeat left top
}

    .button_slider:hover {
        color: #fff;
        background: url(../images/button-02.png) no-repeat left top
    }

.punch_text {
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #0061aa;
    text-align: center;
    color: #fff;
    font-size: 34px;
    line-height: 46px;
    font-weight: 400
}

    .punch_text strong {
        color: #fff;
        font-weight: 700
    }

    .punch_text i {
        font-size: 18px;
        line-height: 25px;
        color: #fff;
        display: block;
        font-weight: 400;
        font-style: normal
    }

    .punch_text .but_01 {
        padding: 11px 22px;
        margin: 0;
        background-color: #fff;
        border-radius: 4px;
        font-size: 14px;
        color: #0061aa;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #666
    }

        .punch_text .but_01:hover {
            color: #333
        }

    .punch_text .but_02 {
        padding: 11px 22px;
        margin: 0;
        background-color: #007db9;
        border-radius: 4px;
        font-size: 14px;
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #666
    }

        .punch_text .but_02:hover {
            color: #333
        }

    .punch_text.nobgcolor {
        background: 0 0;
        color: #0061aa;
        font-family: 'Open Sans',sans-serif
    }

        .punch_text.nobgcolor i {
            color: #999
        }

.punch_text_02 {
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #0061aa;
    text-align: left;
    color: #fff;
    font-family: 'Open Sans',sans-serif;
    font-size: 27px;
    line-height: 38px;
    font-weight: 400
}

    .punch_text_02 .readmore_but_03 {
        float: right;
        line-height: normal
    }

.sitefeatures_01 {
    text-align: center
}

    .sitefeatures_01 a {
        text-align: center;
        color: #333
    }

    .sitefeatures_01 i {
        color: #0061aa
    }

.readmore_but {
    padding: 8px 16px;
    margin: 0;
    background-color: #0061aa;
    font-size: 14px;
    color: #fff;
    border-radius: 2px
}

    .readmore_but:hover {
        color: #fff;
        background-color: #4d4d4f
    }

.readmore_but_02 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 11px;
    color: #727272;
    text-transform: uppercase
}

    .readmore_but_02:hover {
        color: #0061aa
    }

.readmore_but_03 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #0061aa;
    text-transform: uppercase;
    background-color: #fff;
    padding: 13px 20px;
    border-radius: 4px
}

    .readmore_but_03:hover {
        color: #666
    }

.grey_bg {
    float: left;
    width: 100%;
    padding: 50px 0;
    background: #f3f3f3 url(../images/shadow-01.png) repeat-x left top
}

.colored_bg {
    float: left;
    width: 100%;
    padding: 0;
    background-color: #0061aa
}

.fresh_works {
    float: left;
    width: 100%;
    height: 418px
}

.fresh_works_list section .display .small-group {
    float: left;
    width: 470px;
    height: 200px;
    overflow: hidden
}

    .fresh_works_list section .display .small-group div.small {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
        color: #fff;
        text-align: center;
        overflow: hidden
    }

        .fresh_works_list section .display .small-group div.small img {
            width: 100%;
            height: 100%
        }

        .fresh_works_list section .display .small-group div.small .hover {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            z-index: 90
        }

        .fresh_works_list section .display .small-group div.small:hover .hover {
            background: #0061aa;
            border-width: 11px 11px 11px 11px
        }

        .fresh_works_list section .display .small-group div.small:hover .info {
            color: #fff
        }

        .fresh_works_list section .display .small-group div.small a {
            color: #fff
        }

        .fresh_works_list section .display .small-group div.small .info {
            position: absolute;
            bottom: 20px;
            left: 0;
            width: 100%;
            z-index: 100;
            background: 0 0;
            border: none;
            -webkit-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            -moz-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            -o-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            transition: bottom .5s cubic-bezier(.19,1,.22,1)
        }

            .fresh_works_list section .display .small-group div.small .info h1 {
                background: 0 0;
                color: #fff;
                margin: 0;
                padding: 0;
                line-height: normal;
                font-size: 14px;
                font-weight: 700
            }

            .fresh_works_list section .display .small-group div.small .info h2 {
                background: 0 0;
                color: #fff;
                margin: 0;
                padding: 0;
                line-height: normal;
                font-size: 12px;
                font-weight: 400
            }

.fresh_works_list section.cheapest .small-group .additionnal {
    font-weight: 500;
    color: #fff;
    font: 500 14px Arial Narrow,Helvetica Neue,Arial,Helvetica,sans-serif;
    line-height: 20px;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    margin-top: 10px
}

    .fresh_works_list section.cheapest .small-group .additionnal b {
        padding: 0 0 0 10px;
        margin: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        background: url(../images/arrow-01.png) no-repeat left 4px
    }

    .fresh_works_list section.cheapest .small-group .additionnal strong {
        display: block;
        font-weight: 500;
        color: #fff
    }

.fresh_works_list section.cheapest .small-group div.small:hover .info {
    bottom: 75px
}

.fresh_works_list section.cheapest .small-group div.small:hover .additionnal {
    opacity: 1
}

.fresh_works_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3, .fresh_works_list section.cheapest .small-group div.small:hover h2, .fresh_works_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: normal
}

    .fresh_works_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3 strong, .fresh_works_list section.cheapest .small-group div.small:hover h2 strong, .fresh_works_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 strong {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: normal
    }

.sitefeatures_02 {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

    .sitefeatures_02 .left {
        float: left;
        padding: 0;
        margin: 0;
        width: 47%;
        min-height: 380px;
        background: url(../images/site-img20.png) no-repeat left bottom
    }

        .sitefeatures_02 .left img {
            float: left
        }

    .sitefeatures_02 .right {
        float: right;
        padding: 0;
        margin: 0;
        width: 53%;
        color: #fff
    }

        .sitefeatures_02 .right ul {
            float: left;
            padding: 0;
            margin: 0
        }

        .sitefeatures_02 .right li {
            float: left;
            padding: 25px 0 25px 0;
            margin: 0;
            border-bottom: 1px dashed #74b8da
        }

            .sitefeatures_02 .right li.first {
                padding: 0 0 25px 0
            }

            .sitefeatures_02 .right li.last {
                border-bottom: none;
                padding: 25px 0 0 0
            }

            .sitefeatures_02 .right li i {
                color: #fff;
                float: left
            }

            .sitefeatures_02 .right li h2 {
                color: #fff;
                font-weight: 400;
                width: 87%;
                float: right;
                margin: 0
            }

                .sitefeatures_02 .right li h2 em {
                    margin-top: 10px;
                    font-size: 13px;
                    font-style: normal;
                    display: block
                }

.sitefeatures_03 {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

    .sitefeatures_03 h1 {
        margin: 0;
        padding: 0;
        background: 0 0;
        text-align: center
    }

        .sitefeatures_03 h1 small {
            margin: 0;
            padding: 9px 0 0 0;
            text-align: center;
            font-size: 16px;
            color: #727272;
            display: block
        }

    .sitefeatures_03 .left {
        float: left;
        padding: 0;
        margin: 0;
        width: 46%;
        text-align: right;
        background: url(../images/site-img21.jpg) no-repeat left bottom
    }

        .sitefeatures_03 .left h2 {
            color: #0061aa;
            margin-bottom: 20px
        }

        .sitefeatures_03 .left ul {
            padding: 0;
            margin: 20px 0 25px 0
        }

        .sitefeatures_03 .left li {
            padding: 0 14px 0 0;
            margin: 0;
            color: #999;
            line-height: 27px;
            background: url(../images/dot-round.png) no-repeat right 13px
        }

    .sitefeatures_03 .right {
        float: left;
        padding: 0;
        margin: 0;
        width: 46%;
        background: url(../images/site-img22.jpg) no-repeat right bottom
    }

        .sitefeatures_03 .right h2 {
            color: #0061aa;
            margin-bottom: 20px
        }

        .sitefeatures_03 .right ul {
            padding: 0;
            margin: 20px 0 25px 0
        }

        .sitefeatures_03 .right li {
            padding: 0 0 0 14px;
            margin: 0;
            color: #999;
            line-height: 27px;
            background: url(../images/dot-round.png) no-repeat left 13px
        }

    .sitefeatures_03 .center {
        float: left;
        padding: 0;
        margin: 0;
        width: 8%;
        min-height: 285px;
        background: url(../images/v-dotted-lines.png) repeat-y center top
    }

.recent_blogs {
    float: left;
    width: 100%;
    height: 295px
}

.recent_blogs_list section .display .small-group {
    float: left;
    width: 470px;
    height: 295px;
    overflow: hidden
}

    .recent_blogs_list section .display .small-group div.small {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
        color: #fff;
        text-align: center;
        overflow: hidden
    }

        .recent_blogs_list section .display .small-group div.small img {
            width: 100%;
            height: 100%
        }

        .recent_blogs_list section .display .small-group div.small .hover {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            z-index: 90
        }

        .recent_blogs_list section .display .small-group div.small:hover .hover {
            background: #0061aa;
            border-width: 11px 11px 11px 11px
        }

        .recent_blogs_list section .display .small-group div.small:hover .info {
            color: #fff
        }

        .recent_blogs_list section .display .small-group div.small a {
            color: #fff
        }

        .recent_blogs_list section .display .small-group div.small .info {
            position: absolute;
            bottom: 20px;
            left: 0;
            width: 100%;
            z-index: 100;
            background: 0 0;
            border: none;
            -webkit-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            -moz-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            -o-transition: bottom .5s cubic-bezier(.19,1,.22,1);
            transition: bottom .5s cubic-bezier(.19,1,.22,1)
        }

            .recent_blogs_list section .display .small-group div.small .info h1 {
                background: 0 0;
                color: #fff;
                margin: 0;
                padding: 0;
                line-height: normal;
                font-size: 14px;
                font-weight: 700
            }

            .recent_blogs_list section .display .small-group div.small .info h2 {
                background: 0 0;
                color: #fff;
                margin: 0;
                padding: 0;
                line-height: normal;
                font-size: 12px;
                font-weight: 400
            }

                .recent_blogs_list section .display .small-group div.small .info h2 i.date {
                    color: #fff;
                    font-size: 12px;
                    float: left;
                    padding: 0 0 0 18px;
                    margin: 7px 0 0 25px;
                    background: url(../images/icon-clock.png) no-repeat left 2px
                }

                .recent_blogs_list section .display .small-group div.small .info h2 i.comments {
                    color: #fff;
                    font-size: 12px;
                    float: right;
                    padding: 0 0 0 18px;
                    margin: 7px 20px 0 0;
                    background: url(../images/icon-comment.png) no-repeat left 2px
                }

.recent_blogs_list section.cheapest .small-group .additionnal {
    font-weight: 500;
    color: #fff;
    font: 500 14px Arial Narrow,Helvetica Neue,Arial,Helvetica,sans-serif;
    line-height: 20px;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    margin-top: 20px
}

    .recent_blogs_list section.cheapest .small-group .additionnal b {
        padding: 7px 10px 7px 20px;
        margin: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid #fff;
        background: url(../images/arrow-01.png) no-repeat 10px 11px
    }

    .recent_blogs_list section.cheapest .small-group .additionnal strong {
        display: block;
        font-weight: 500;
        color: #fff
    }

.recent_blogs_list section.cheapest .small-group div.small:hover .info {
    bottom: 140px
}

.recent_blogs_list section.cheapest .small-group div.small:hover .additionnal {
    opacity: 1
}

.recent_blogs_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3, .recent_blogs_list section.cheapest .small-group div.small:hover h2, .recent_blogs_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: normal
}

    .recent_blogs_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3 strong, .recent_blogs_list section.cheapest .small-group div.small:hover h2 strong, .recent_blogs_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 strong {
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: normal
    }

.what_people_says {
    float: left;
    width: 100%;
    min-height: 420px;
    background: url(../images/world-map-big.png) no-repeat center 100px
}

    .what_people_says h1 {
        margin: 0;
        padding: 0;
        background: 0 0;
        text-align: center
    }

        .what_people_says h1 small {
            margin: 0;
            padding: 7px 0 0 0;
            text-align: center;
            font-size: 16px;
            color: #727272;
            display: block
        }

    .what_people_says .contarea {
        float: left;
        width: 83%;
        padding: 25px;
        background-color: #fff;
        border: 1px solid #f3f3f3;
        border-radius: 5px
    }

    .what_people_says .whopic {
        float: left;
        width: 100%;
        margin-top: -1px;
        padding: 10px 0 0 0;
        background: url(../images/arrow-testi.png) no-repeat 27px top
    }

        .what_people_says .whopic strong {
            color: #999;
            line-height: 16px;
            margin-top: 10px;
            display: block
        }

            .what_people_says .whopic strong small {
                color: #999;
                font-size: 11px;
                display: block;
                font-weight: 400
            }

.slider_static_image {
    width: 100%;
    height: 500px;
    float: left;
    padding: 0;
    margin: 0;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    background: url(../images/sliders/iosslider/slider-bg1.jpg) no-repeat center bottom
}

    .slider_static_image .static_right_img {
        width: 100%;
        height: 500px;
        background: url(../images/sliders/iosslider/slide1.png) no-repeat right bottom
    }

    .slider_static_image .text1 {
        font-size: 27px;
        font-weight: 400;
        color: #595959
    }

    .slider_static_image .text2 {
        font-size: 45px;
        font-weight: 700;
        color: #0061aa;
        margin-top: 20px
    }

    .slider_static_image .text3 {
        color: #727272;
        font-size: 18px;
        line-height: 27px;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        padding: 22px 0;
        margin-top: 35px
    }

    .slider_static_image .text4 {
        margin-top: 35px
    }

    .slider_static_image .static_left_content {
        float: left;
        width: 40%;
        padding: 0;
        margin: 80px 0 0 0
    }

.slider_video {
    width: 100%;
    float: left;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    text-align: left;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    height: 485px;
    background: url(../images/sliders/iosslider/slider-bg1.jpg) no-repeat center bottom
}

    .slider_video .video_ara {
        float: right;
        width: 94%;
        height: 370px;
        margin-top: 58px;
        margin-right: 10px;
        border: 5px solid #fff;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
    }

        .slider_video .video_ara iframe {
            width: 100%;
            height: 100%
        }

        .slider_video .video_ara iframe {
            width: 100%;
            height: 100%
        }

    .slider_video .text1 {
        font-size: 27px;
        font-weight: 400;
        color: #595959
    }

    .slider_video .text2 {
        font-size: 45px;
        font-weight: 700;
        color: #0061aa;
        margin-top: 20px;
        line-height: 40px
    }

    .slider_video .text3 {
        color: #727272;
        font-size: 18px;
        line-height: 27px;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        padding: 18px 0;
        margin-top: 25px
    }

    .slider_video .text4 {
        margin-top: 30px
    }

    .slider_video .slider_video_content {
        float: left;
        width: 100%;
        padding: 0;
        margin: 85px 0 0 0
    }

.footer {
    float: left;
    width: 100%;
    border-top: 5px solid #272727;
    background-color: #4d4d4f;
    color: #999
}

    .footer h2 {
        color: #fff;
        margin-bottom: 20px
    }

        .footer h2 i {
            font-weight: 700;
            font-style: normal
        }

    .footer a {
        color: #999
    }

        .footer a:hover {
            color: #fff
        }

    .footer ul.list {
        padding: 0;
        margin: 0
    }

    .footer .list li {
        padding: 0;
        margin: 0;
        line-height: 30px
    }

    .footer ul.contact_address {
        padding: 0;
        margin: 10px 0 0 0;
        width: 100%;
        text-align: right
    }

    .footer .contact_address li {
        padding: 0;
        margin: 0;
        line-height: 25px
    }

    .footer #footer_logo {
        float: left;
        padding: 0 0 0 20px;
        margin: 0;
        background: url(../images/footer-logo.png) no-repeat left top
    }

        .footer #footer_logo h1 {
            padding: 0;
            margin: 16px 0 0 0;
            float: left;
            line-height: 25px;
            font-family: 'Open Sans',sans-serif;
            font-weight: 700;
            font-size: 40px;
            color: #fff;
            text-transform: none;
            background: 0 0
        }

            .footer #footer_logo h1 i {
                display: block;
                color: #999;
                font-size: 11px;
                font-weight: 400;
                font-style: normal;
                text-transform: none
            }

.twitter_feed {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

    .twitter_feed .left {
        float: left;
        padding: 0;
        margin: 0;
        width: 20px
    }

    .twitter_feed .right {
        float: right;
        padding: 0;
        margin: -2px 0 0 0;
        width: 89%
    }

    .twitter_feed a {
        color: #999
    }

        .twitter_feed a:hover {
            color: #fff
        }

        .twitter_feed a.small {
            font-size: 9px;
            color: #727272
        }

            .twitter_feed a.small:hover {
                font-size: 9px;
                color: #999
            }

#flickr_badge_wrapper {
    padding: 0;
    margin: 0;
    width: 100%
}

    #flickr_badge_wrapper img {
        width: 65px;
        height: 53px;
        margin-right: 6px;
        margin-bottom: 1px;
        border: 1px solid #999 !important
    }

#flickr_www {
    display: block;
    padding: 0 10px 0 10px !important
}

#flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:visited {
    text-decoration: none !important;
    background: inherit !important;
    color: #3993ff
}

#flickr_badge_wrapper {
    margin-top: 25px
}

#flickr_badge_source {
    padding: 0 !important
}

.copyright_info {
    float: left;
    padding: 35px 0 35px 0;
    margin: 0;
    width: 100%;
    color: #727272;
    background: #272727 url(../images/scrool-up-arrow-02.png) no-repeat center top
}

    .copyright_info b {
        font-size: 12px;
        color: #727272;
        font-style: normal;
        font-weight: 400
    }

    .copyright_info span {
        float: right
    }

    .copyright_info a {
        margin-top: 10px;
        font-size: 12px;
        color: #727272;
        text-align: right
    }

        .copyright_info a:hover {
            color: #999
        }

ul.footer_social_links {
    float: right;
    padding: 0;
    margin: 0
}

.footer_social_links li {
    float: left;
    padding: 0;
    margin: 0 0 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 24px;
    line-height: 22px;
    vertical-align: middle;
    background-color: #3c3c3c;
    color: #727272
}

    .footer_social_links li:hover {
        background-color: #3c3c3c
    }

        .footer_social_links li:hover i {
            color: #999
        }

    .footer_social_links li i {
        color: #727272
    }

.scrollup_area {
    width: 34px;
    height: 20px;
    margin: 0 auto
}

.scrollup {
    float: left;
    width: 34px;
    height: 20px;
    top: 0;
    position: relative;
    display: none;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 9px;
    text-transform: uppercase;
    color: #666;
    background: url(../images/scrool-up-arrow.png) no-repeat center top
}

a.scrollup {
    color: #666;
    padding-top: 7px
}

    a.scrollup:hover {
        color: #999
    }

.waves_graph {
    float: left;
    width: 100%;
    height: 7px;
    background: #f3f3f3 url(../images/waves-graph.png) repeat-x left top
}

.content_left {
    float: left;
    width: 71%;
    padding: 0
}

.content_fullwidth {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
}

.content_fullwidth_products {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
}

.content_fullwidth_support {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
    margin-top: 225px
}

.content_fullwidth_reps {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
    margin-top: 160px
}

.content_fullwidth_faq {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
    margin-top: 25px
}

.content_fullwidth_blog {
    float: left;
    width: 100%;
    padding: 40px 0 0 0;
    margin-top: px
}

@media screen and (max-width:600px) {
    .right_sidebar {
        visibility: hidden;
        clear: both;
        display: none
    }
}

.right_sidebar {
    float: right;
    width: 25%;
    padding: 0
}

.left_sidebar {
    float: left;
    width: 25%;
    padding: 0
}

.content_right {
    float: right;
    width: 71%;
    padding: 40px 0 0 0
}

.page_title {
    width: 100%;
    float: left;
    margin-top: 0;
    padding: 5px 0;
    border-bottom: 0 solid #f3f3f3;
    background: url(../images/page-title-bg.jpg) no-repeat
}

    .page_title .title {
        width: 45%;
        float: left;
        text-align: left;
        margin: 0;
        margin-top: 3px
    }

        .page_title .title h1 {
            color: #4d4d4f;
            margin: 0;
            background: 0 0;
            line-height: 25px;
            font-size: 25px;
            font-family: 'Open Sans',sans-serif;
            font-weight: 700
        }

    .page_title .pagenation {
        float: right;
        width: 50%;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 12px;
        text-align: right;
        font-weight: 400;
        color: #0061aa;
        margin: 0;
        padding: 0;
        padding-right: 18px
    }

        .page_title .pagenation i {
            color: #4d4d4f;
            margin: 0 2px 0 2px
        }

        .page_title .pagenation a {
            padding: 0;
            color: #4d4d4f;
            background: url(../images/arrow-05.png) no-repeat left 6px
        }

            .page_title .pagenation a:hover {
                color: #0061aa
            }

.blog_post {
    float: left;
    width: 100%;
    margin-top: 0 !important
}

.blog_post2 {
    float: left;
    width: 100%;
    margin-top: 20px
}

.blog_post .blog_post2 h3 {
    float: left;
    font-size: 20px;
    text-align: left;
    text-transform: none;
    font-weight: 600;
    color: #333;
    width: 85%;
    line-height: 25px
}

    .blog_post .blog_post2 h3 a {
        color: #0061aa;
        text-decoration: none;
        float: left;
        margin-top: 3px;
        text-transform: none
    }

        .blog_post .blog_post2 h3 a:hover {
            color: #454545
        }

.post_info_content {
    padding: 0;
    margin: -5px 0 0 0;
    width: 100%;
    float: left
}

ul.post_meta_links {
    float: left;
    margin: -12px 0 0 -6px;
    padding: 0;
    width: 80%
}

.post_meta_links li {
    float: left;
    margin: 0;
    padding: 0 0 0 4px;
    list-style-type: none;
    color: #999
}

    .post_meta_links li.post_by {
        padding: 0 0 0 25px;
        background: url(../images/blog/icon-by-user.png) no-repeat 5px 5px
    }

    .post_meta_links li.post_categoty {
        padding: 0 0 0 22px;
        background: url(../images/blog/icon-category.png) no-repeat 2px 6px
    }

    .post_meta_links li.post_comments {
        padding: 0 0 0 22px;
        background: url(../images/blog/icon-comments.png) no-repeat 2px 5px
    }

    .post_meta_links li a {
        color: #a1a1a1;
        padding: 0 18px 0 0;
        text-decoration: none;
        font-size: 11px
    }

        .post_meta_links li a:hover {
            color: #727272;
            text-decoration: none
        }

.blog_postcontent {
    float: left;
    width: 100%
}

    .blog_postcontent .image_frame {
        float: left;
        width: 98%;
        border: 7px solid #fff;
        margin-bottom: 25px;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.1)
    }

        .blog_postcontent .image_frame:hover {
            border: 7px solid #f9f9f9
        }

        .blog_postcontent .image_frame img {
            float: left;
            width: 99.7%;
            border: 1px solid #fff
        }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 98%;
        height: 300px;
        border: 7px solid #fff;
        margin-bottom: 25px;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.1)
    }

        .blog_postcontent .video_frame iframe:hover {
            border: 7px solid #f9f9f9
        }

.blog_post h3 {
    width: 74%
}

.blog_postcontent .image_frame.small {
    float: left;
    width: 46%;
    border: 7px solid #fff;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1)
}

    .blog_postcontent .image_frame.small:hover {
        border: 7px solid #f9f9f9
    }

.blog_postcontent .image_frame img {
    float: left;
    width: 99.7%;
    border: 1px solid #fff
}

.blog_postcontent .video_frame.small iframe {
    float: left;
    width: 43%;
    height: 140px;
    border: 7px solid #fff;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1)
}

.blog_postcontent .video_frame iframe:hover {
    border: 7px solid #f9f9f9
}

.post_info_content_small {
    padding: 0;
    margin: 0 0 0 4%;
    width: 45%;
    float: left
}

ul.post_meta_links_small {
    float: left;
    margin: -15px 0 12px 80px;
    padding: 0;
    width: 80%
}

.post_meta_links_small li.post_by {
    float: left;
    padding: 0 0 0 18px;
    background: url(../images/blog/icon-by-user.png) no-repeat 0 5px
}

.post_meta_links_small li.post_categoty {
    float: left;
    padding: 0 0 0 26px;
    background: url(../images/blog/icon-category.png) no-repeat 9px 6px
}

.post_meta_links_small li.post_comments {
    float: left;
    padding: 0 0 0 26px;
    background: url(../images/blog/icon-comments.png) no-repeat 9px 5px
}

.post_meta_links_small li a {
    color: #a1a1a1;
    padding: 0 5px 0 0;
    text-decoration: none;
    font-size: 11px
}

    .post_meta_links_small li a:hover {
        color: #727272;
        padding: 0 5px 0 0;
        text-decoration: none;
        font-size: 11px
    }

.blog_post a.date {
    padding: 10px 5px 0 0;
    text-decoration: none;
    width: 55px;
    height: 55px;
    text-align: center;
    background: #f9f9f9;
    display: block;
    margin-right: 20px;
    float: left;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.1)
}

    .blog_post a.date strong {
        color: #0061aa;
        font-size: 27px;
        font-weight: 400;
        display: block;
        margin-bottom: 10px
    }

    .blog_post a.date:hover strong {
        color: #333
    }

    .blog_post a.date i {
        color: #fff;
        font-size: 11px;
        font-style: normal;
        padding: 0 10px;
        display: block;
        border-top: 1px solid #f3f3f3;
        width: 40px;
        background-color: #0061aa
    }

    .blog_post a.date:hover i {
        background-color: #454545
    }

.post_readmore:link, .post_readmore:visited {
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore.jpg) no-repeat left top
}

.post_readmore:hover {
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore_hover.jpg) no-repeat left top
}

.sharepost {
    float: left;
    width: 80%;
    margin-bottom: 30px
}

    .sharepost ul {
        margin: 0;
        padding: 0
    }

    .sharepost li {
        margin: 0 7px 5px 0;
        padding: 2px 5px;
        float: left;
        list-style-type: none;
        background-color: #0061aa
    }

        .sharepost li i {
            color: #fff
        }

        .sharepost li:hover {
            background-color: #454545
        }

.about_author {
    float: left;
    width: 93%;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee
}

    .about_author img {
        float: left;
        margin-right: 20px
    }

    .about_author a {
        font-family: 'Open Sans' !important;
        font-weight: 400;
        font-weight: 600;
        color: #333
    }

        .about_author a:hover {
            color: #ff8100
        }

.pagination {
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: 'Open Sans',sans-serif
}

    .pagination b {
        float: left;
        margin: 0 5px 2px 0;
        padding: 0 10px;
        font-weight: 400;
        color: #999
    }

    .pagination a.navlinks {
        font-size: 12px;
        color: #454545;
        background-color: #eee;
        font-weight: 600;
        text-transform: uppercase;
        padding: 7px 10px;
        border-radius: 3px
    }

        .pagination a.navlinks:hover {
            color: #fff;
            background-color: #454545
        }

    .pagination a.current {
        color: #fff;
        background-color: #454545
    }

.comment_form {
    float: left;
    width: 90%;
    margin-top: 30px
}

    .comment_form label {
        float: left;
        width: 90px;
        height: 15px;
        padding: 7px 10px;
        margin-bottom: 10px
    }

.comment_input_bg {
    float: left;
    width: 70%;
    height: 25px;
    padding: 7px 10px 0 10px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9
}

.comment_textarea_bg {
    float: left;
    width: 90%;
    height: 235px;
    padding: 7px 10px 0 10px;
    margin-bottom: 20px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9
}

.comment_checkbox {
    float: left;
    display: block;
    width: 90%;
    margin-top: 10px
}

.comment_submit {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 9px 13px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border-radius: 4px;
    color: #333;
    text-transform: uppercase
}

    .comment_submit:hover {
        background-color: #f9f9f9;
        cursor: pointer
    }

.comment_wrap {
    padding: 20px 20px 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

    .comment_wrap.chaild {
        border-bottom: 1px solid #eee;
        margin: 10px 20px 10px 50px;
        overflow: hidden
    }

.gravatar {
    float: left
}

.comment_content {
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    min-height: 80px
}

    .comment_content .comment_meta {
        position: relative
    }

        .comment_content .comment_meta .comment_author {
            display: inline;
            font-size: 14px;
            font-style: normal
        }

            .comment_content .comment_meta .comment_author i {
                display: inline;
                font-size: 11px;
                font-style: italic
            }

    .comment_content .comment_text {
        clear: both;
        padding-top: 0;
        overflow: hidden
    }

        .comment_content .comment_text a {
            color: #d3d3d3;
            margin-top: 5px;
            float: left
        }

            .comment_content .comment_text a:hover {
                color: #727272;
                margin-top: 5px;
                float: left
            }

#comments_section li ul li {
    margin-left: 30px
}

.comment_form {
    float: left;
    width: 480px;
    margin-top: 5px;
    border: 1px #ccc solid
}

.blocklabel {
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px
}

.comment_form label {
    float: left;
    width: 90px;
    height: 15px;
    padding: 7px 10px;
    margin-bottom: 20px;
    border: 1px #999 solid
}

.input_bg {
    float: left;
    width: 70%;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0 0 0 10px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9
}

.textarea_bg {
    float: left;
    width: 90%;
    height: 235px;
    padding: 7px 10px 0 10px;
    margin-bottom: 20px;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9
}

.address-info {
    float: left;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 20px 20px 10px 20px;
    width: 91%;
    margin-bottom: 40px
}

    .address-info a {
        color: #0061aa
    }

        .address-info a:hover {
            color: #454545
        }

.google-map {
    width: 99%;
    height: 350px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.our_team_box {
    width: 100%;
    float: left
}

    .our_team_box ul {
        margin: 0;
        padding: 7px 0 0 0;
        float: left;
        width: 160px
    }

    .our_team_box li {
        margin: 0;
        padding: 0;
        line-height: 18px;
        list-style-type: none;
        color: #a9a9a9
    }

        .our_team_box li a {
            margin: 7px 5px 0 0;
            padding: 0;
            float: left
        }

    .our_team_box img.teammempic {
        width: 100%;
        margin: 0;
        padding: 0;
        -moz-opacity: .9;
        -khtml-opacity: .9;
        opacity: .9
    }

        .our_team_box img.teammempic:hover {
            width: 100%;
            margin: 0;
            padding: 0;
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

    .our_team_box li a img:hover {
        margin: 0;
        padding: 0;
        opacity: .7
    }

    .our_team_box li strong {
        font-size: 13px;
        color: #454545;
        display: block
    }

        .our_team_box li strong i {
            color: #999;
            font-size: 11px;
            font-style: normal
        }

    .our_team_box .boxleft {
        width: 160px;
        float: left;
        margin: 0 20px 0 0
    }

    .our_team_box .cont-area {
        float: left;
        font-size: 10px;
        color: #727272;
        width: 100%;
        margin-bottom: 10px
    }

    .our_team_box .boxright {
        width: 160px;
        float: right;
        margin: 0
    }

    .our_team_box li a i {
        color: #dadada
    }

.our_team_box_big {
    width: 100%;
    float: left
}

    .our_team_box_big ul {
        margin: 0;
        padding: 20px 0 0 0;
        float: left;
        width: 220px
    }

    .our_team_box_big li {
        margin: 0;
        padding: 0;
        line-height: 18px;
        list-style-type: none;
        color: #a9a9a9
    }

        .our_team_box_big li a {
            margin: 7px 5px 0 0;
            padding: 0;
            float: left
        }

    .our_team_box_big img.teammempic {
        width: 225px;
        margin: 0;
        padding: 0;
        float: left;
        -moz-opacity: .9;
        -khtml-opacity: .9;
        opacity: .9
    }

        .our_team_box_big img.teammempic:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

    .our_team_box_big li a img:hover {
        margin: 0;
        padding: 0;
        opacity: .7
    }

    .our_team_box_big li strong {
        font-size: 14px;
        color: #454545;
        display: block
    }

        .our_team_box_big li strong i {
            color: #999;
            font-size: 12px;
            font-style: normal
        }

    .our_team_box_big .cont-area {
        float: left;
        font-size: 10px;
        color: #727272;
        width: 100%;
        margin-bottom: 10px
    }

    .our_team_box_big li a i {
        color: #dadada
    }

ul.clients_logos_list {
    padding: 0;
    margin: 20px 0 0 0;
    position: relative
}

.clients_logos_list li {
    padding: 0;
    margin: 0;
    float: left;
    width: 25%
}

    .clients_logos_list li img {
        width: 100%
    }

    .clients_logos_list li.last {
        margin: 0
    }

.portfolio_area {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left
}

.portfolio_area_left {
    padding: 0;
    margin: 0;
    width: 75%;
    float: left
}

    .portfolio_area_left img {
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
        -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 5px 0 rgba(0,0,0,.2)
    }

.portfolio_area_right {
    padding: 0;
    margin: 0 0 0 3%;
    width: 22%;
    float: left
}

.project_details {
    padding: 0;
    margin: 50px 0 0 0
}

    .project_details span {
        padding: 5px 0;
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        color: #454545;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e3e3e3
    }

    .project_details strong {
        padding: 0 0;
        margin: 0;
        font-size: 13px;
        font-weight: 700;
        color: #727272;
        float: left;
        width: 40%
    }

    .project_details em {
        padding: 0 0;
        margin: 0;
        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        color: #727272;
        float: left;
        width: 60%
    }

    .project_details span a {
        padding: 3px 10px;
        margin: 0 0 0 3px;
        font-size: 11px;
        line-height: 30px;
        font-weight: 400;
        font-style: normal;
        color: #727272;
        background-color: #e3e3e3;
        border-radius: 3px
    }

        .project_details span a:hover {
            background-color: #ddd
        }

.addto_favorites {
    padding: 3px 10px 5px 10px;
    margin: 20px 0 0 0;
    width: 122px;
    display: block;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    background: #eee
}

    .addto_favorites:hover {
        background: #ddd
    }

    .addto_favorites i {
        color: #c3c3c3
    }

ul.small_social_links {
    padding: 0;
    margin: 9px 0 25px 0
}

.small_social_links li {
    padding: 0;
    margin: 0 9px 0 0;
    float: left
}

    .small_social_links li i {
        color: #0061aa
    }

    .small_social_links li a {
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7
    }

        .small_social_links li a:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

.portfolio_image {
    float: left;
    width: 98%;
    padding: 0;
    margin: 0;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

    .portfolio_image .title {
        float: left;
        width: 92%;
        padding: 10px 19px 7px 20px;
        margin: 0;
        font-size: 13px;
        color: #333;
        font-family: 'Open Sans',sans-serif;
        font-weight: 600;
        text-transform: uppercase
    }

    .portfolio_image img {
        float: left;
        width: 100%;
        -moz-opacity: .8;
        -khtml-opacity: .8;
        opacity: .8
    }

        .portfolio_image img:hover {
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1
        }

.search {
    width: 600px;
    margin: 0 auto;
    background: #0061aa;
    margin-top: 10px
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    background: 0 0;
    vertical-align: top
}

#site-searchform {
    margin: 0;
    padding: 0
}

    #site-searchform #s {
        border: 1px solid #eee;
        background-color: #fff;
        width: 71%;
        height: 30px;
        padding: 5px 10px 0 10px;
        color: #999;
        float: left;
        font: normal 12px "Trebuchet MS",Helvetica,Arial,sans-serif
    }

    #site-searchform #searchsubmit {
        float: left;
        width: 50px;
        height: 36px;
        cursor: pointer;
        text-indent: -5555em;
        line-height: 100;
        overflow: hidden;
        background: #0061aa url(../images/site-search-icon.png) no-repeat center 11px;
        border: 0
    }

        #site-searchform #searchsubmit:hover {
            float: left;
            width: 50px;
            height: 36px;
            cursor: pointer;
            text-indent: -5555em;
            line-height: 100;
            overflow: hidden;
            background: #454545 url(../images/site-search-icon.png) no-repeat center 11px;
            border: 0
        }

.sidebar_widget {
    float: left;
    width: 200px;
    padding: 0;
    margin-top: 7px;
    position: fixed
}

    .sidebar_widget ul.arrows_list1 {
        margin-top: -3px
    }

        .sidebar_widget ul.arrows_list1 li a {
            color: #0061aa
        }

            .sidebar_widget ul.arrows_list1 li a:hover {
                color: #666
            }

.sidebar_title {
    float: left;
    width: 100%;
    background: url(../images/title-h-line2.png) no-repeat left 26px
}

.clientsays_widget h3, .sidebar_widget h3 {
    margin-bottom: 25px;
    background-color: #fff;
    float: left;
    padding: 0 0 10px 0
}

    .clientsays_widget h3 i, .sidebar_widget h3 i {
        font-weight: 400;
        font-style: normal
    }

ul.recent_posts_list {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.recent_posts_list li {
    padding: 0 0 10px 0;
    margin: 0 0 13px 0;
    list-style-type: none;
    border-bottom: 1px solid #f5f6f6;
    float: left;
    width: 100%
}

    .recent_posts_list li a {
        text-decoration: none;
        line-height: 16px;
        display: block;
        color: #999
    }

        .recent_posts_list li a:hover {
            color: #0061aa
        }

    .recent_posts_list li span {
        float: left;
        margin-right: 15px
    }

        .recent_posts_list li span img {
            float: left;
            margin-right: 0;
            -moz-opacity: .8;
            -khtml-opacity: .8;
            opacity: .8
        }

            .recent_posts_list li span img:hover {
                float: left;
                margin-right: 0;
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1
            }

    .recent_posts_list li i {
        padding: 1px 0 0 0;
        margin: 0;
        display: block;
        font-size: 10px;
        font-style: normal;
        color: #c9c9c9
    }

    .recent_posts_list li.last {
        padding: 0 0 7px 0;
        margin: 0;
        border-bottom: 0 solid #f5f6f6
    }

.clientsays_widget {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #999
}

    .clientsays_widget strong {
        font-weight: 600;
        color: #454545
    }

    .clientsays_widget h3 {
        margin-bottom: 18px
    }

    .clientsays_widget img {
        float: left;
        margin-right: 13px;
        margin-top: 7px;
        border: 1px solid #e3e3e3
    }

ul.adsbanner-list {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

.adsbanner-list li {
    margin: 0 10px 10px 0;
    padding: 0;
    float: left;
    width: 120px;
    height: 120px;
    list-style-type: none
}

    .adsbanner-list li img {
        margin: 0;
        padding: 0;
        float: left;
        width: 120px;
        height: 120px;
        list-style-type: none
    }

    .adsbanner-list li.last {
        margin: 0;
        padding: 0;
        float: left;
        width: 120px;
        height: 120px;
        list-style-type: none
    }

a.but_book, a.but_bookmark, a.but_calendar, a.but_camera, a.but_chat, a.but_check, a.but_coffe_cup, a.but_cogwheel, a.but_download, a.but_edit, a.but_envelope, a.but_exclamation_mark, a.but_file, a.but_folder_open, a.but_globe, a.but_goback, a.but_hand_right, a.but_hospital, a.but_info, a.but_lock, a.but_minus, a.but_music, a.but_new_window, a.but_ok_2, a.but_pdf, a.but_pencil, a.but_phone, a.but_play_button, a.but_plus, a.but_question_mark, a.but_remove_2, a.but_search, a.but_settings, a.but_shopping_cart, a.but_star, a.but_table, a.but_tag, a.but_thumbs_down, a.but_thumbs_up, a.but_user, a.but_warning_sign, a.but_wifi, a.but_woman, a.but_word_doc {
    font-family: 'Open Sans',sans-serif;
    font-size: 11.45px;
    color: #fff;
    font-weight: 600;
    -moz-border-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

    a.but_goback i {
        color: #fff
    }

a.but_goback {
    padding: 13px 25px 13px 22px;
    margin: 0;
    background: #0061aa;
    border-bottom: 1px solid #454545
}

    a.but_goback:hover {
        color: #fff;
        background-color: #32a8e3
    }

a.but_ok_2 {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_ok_2:hover {
        background-color: #f90
    }

a.but_wifi {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #09c;
    border-bottom: 1px solid #909090
}

    a.but_wifi:hover {
        background-color: #00abde
    }

a.but_warning_sign {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #e5cc19;
    border-bottom: 1px solid #909090
}

    a.but_warning_sign:hover {
        background-color: #efda1b
    }

a.but_user {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #007f99;
    border-bottom: 1px solid #909090
}

    a.but_user:hover {
        background-color: #0090ad
    }

a.but_tag {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #e59919;
    border-bottom: 1px solid #909090
}

    a.but_tag:hover {
        background-color: #efa61b
    }

a.but_table {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #4c6699;
    border-bottom: 1px solid #909090
}

    a.but_table:hover {
        background-color: #5674ad
    }

a.but_star {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #99cc4c;
    border-bottom: 1px solid #909090
}

    a.but_star:hover {
        background-color: #a6da52
    }

a.but_search {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #66667f;
    border-bottom: 1px solid #909090
}

    a.but_search:hover {
        background-color: #747490
    }

a.but_phone {
    padding: 10px 20px 10px 20px;
    margin: 0;
    background: #e56619;
    border-bottom: 1px solid #909090
}

    a.but_phone:hover {
        background-color: #ef6f1b
    }

a.but_pencil {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #cc4c19;
    border-bottom: 1px solid #909090
}

    a.but_pencil:hover {
        background-color: #da521b
    }

a.but_new_window {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #001900;
    border-bottom: 1px solid #909090
}

    a.but_new_window:hover {
        background-color: #333
    }

a.but_music {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #cccc7f;
    border-bottom: 1px solid #909090
}

    a.but_music:hover {
        background-color: #dada8a
    }

a.but_hand_right {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_hand_right:hover {
        color: #fff;
        background-color: #f90
    }

a.but_thumbs_down {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #99c;
    border-bottom: 1px solid #909090
}

    a.but_thumbs_down:hover {
        background-color: #a6a6da
    }

a.but_thumbs_up {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #00cce5;
    border-bottom: 1px solid #909090
}

    a.but_thumbs_up:hover {
        background-color: #00daef
    }

a.but_globe {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #699;
    border-bottom: 1px solid #909090
}

    a.but_globe:hover {
        background-color: #6fa6a6
    }

a.but_hospital {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #196666;
    border-bottom: 1px solid #909090
}

    a.but_hospital:hover {
        background-color: #1b6f6f
    }

a.but_coffe_cup {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #7f994c;
    border-bottom: 1px solid #909090
}

    a.but_coffe_cup:hover {
        background-color: #8aa652
    }

a.but_settings {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #997f4c;
    border-bottom: 1px solid #909090
}

    a.but_settings:hover {
        background-color: #a68a52
    }

a.but_chat {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #7f9919;
    border-bottom: 1px solid #909090
}

    a.but_chat:hover {
        background-color: #8aa61b
    }

a.but_play_button {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #4c664c;
    border-bottom: 1px solid #909090
}

    a.but_play_button:hover {
        background-color: #567456
    }

a.but_remove_2 {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #e59966;
    border-bottom: 1px solid #909090
}

    a.but_remove_2:hover {
        background-color: #efa66f
    }

a.but_lock {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #994c19;
    border-bottom: 1px solid #909090
}

    a.but_lock:hover {
        background-color: #a6521b
    }

a.but_shopping_cart {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #cc7f4c;
    border-bottom: 1px solid #909090
}

    a.but_shopping_cart:hover {
        background-color: #da8a52
    }

a.but_exclamation_mark {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #4c7f7f;
    border-bottom: 1px solid #909090
}

    a.but_exclamation_mark:hover {
        background-color: #528a8a
    }

a.but_info {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #667fcc;
    border-bottom: 1px solid #909090
}

    a.but_info:hover {
        background-color: #6f8ada
    }

a.but_question_mark {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #4c0019;
    border-bottom: 1px solid #909090
}

    a.but_question_mark:hover {
        background-color: #620020
    }

a.but_plus {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #333;
    border-bottom: 1px solid #909090
}

    a.but_plus:hover {
        background-color: #444
    }

a.but_minus_home {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #666;
    border-bottom: 5px solid #909090
}

    a.but_minus_home:hover {
        background-color: #747474
    }

a.but_plus_home {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #333;
    border-bottom: 1px solid #909090
}

    a.but_plus_home:hover {
        background-color: #444
    }

a.but_folder_open {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #9c9;
    border-bottom: 1px solid #909090
}

    a.but_folder_open:hover {
        background-color: #a6daa6
    }

a.but_file {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #999;
    border-bottom: 1px solid #909090
}

    a.but_file:hover {
        background-color: #a6a6a6
    }

a.but_envelope {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #727272;
    border-bottom: 1px solid #909090
}

    a.but_envelope:hover {
        background-color: #7c7c7c
    }

a.but_edit {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #e5cc7f;
    border-bottom: 1px solid #909090
}

    a.but_edit:hover {
        background-color: #efda8a
    }

a.but_cogwheel {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #194c7f;
    border-bottom: 1px solid #909090
}

    a.but_cogwheel:hover {
        background-color: #1e5c99
    }

a.but_check {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #004c4c;
    border-bottom: 1px solid #909090
}

    a.but_check:hover {
        background-color: #005c5c
    }

a.but_camera {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #007fcc;
    border-bottom: 1px solid #909090
}

    a.but_camera:hover {
        background-color: #008ada
    }

a.but_minus {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #666 !important;
    border-bottom: 5px solid #909090 !important
}

    a.but_minus:hover {
        background-color: #747474
    }

a.but_calendar {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #4c99e5;
    border-bottom: 1px solid #909090
}

    a.but_calendar:hover {
        background-color: #52a6ef
    }

a.but_bookmark {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #900;
    border-bottom: 1px solid #909090
}

    a.but_bookmark:hover {
        background-color: #b60000
    }

a.but_book {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #7f9999;
    border-bottom: 1px solid #909090
}

    a.but_book:hover {
        background-color: #8aa6a6
    }

a.but_download {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_download:hover {
        background-color: #f90
    }

a.but_pdf {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_pdf:hover {
        background-color: #f90
    }

a.but_word_doc {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_word_doc:hover {
        background-color: #f90
    }

a.but_woman {
    padding: 10px 22px 10px 22px;
    margin: 0;
    background: #ff8100;
    border-bottom: 1px solid #909090
}

    a.but_woman:hover {
        background-color: #f90
    }

.error, .info, .notice, .success {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #bbb;
    margin-bottom: 20px;
    font-size: 13px
}

p.error {
    border: none
}

.error strong, .info strong, .notice strong, .success strong {
    font-size: 16px
}

.message-box-wrap {
    border: 0 solid #fff;
    padding: 10px;
    font-size: 14px
}

.info {
    color: #4a84bc;
    border-color: #c6e3ff;
    background-color: #e6f3ff
}

.error {
    color: #bd6767;
    border-color: #f1bdbd;
    background-color: #fdd
}

.notice {
    color: #a79a30;
    border-color: #d7d099;
    background-color: #f6f2d2
}

.success {
    color: #1ea133;
    border-color: #a9ecb4;
    background-color: #dffbe4
}

.close-but {
    width: 10px;
    height: 10px;
    float: right;
    border: none;
    margin: 5px;
    background: url(../images/elements/icon-remove.png) no-repeat center top
}

.tab-content {
    display: none
}

.dropcap1, .dropcap2, .dropcap3 {
    float: left;
    text-align: center;
    overflow: hidden;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400
}

.dropcap1 {
    width: 53px;
    height: 58px;
    line-height: 50px;
    background: url(../images/elements/dropcap_gray.png) no-repeat scroll 0 0 transparent;
    color: #999;
    margin: 0 8px -4px 0;
    font-size: 32px
}

    .dropcap1.gray {
        background-image: url(../images/elements/dropcap_gray.png)
    }

.dropcap2 {
    background: url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;
    color: #999;
    line-height: 47px;
    height: 56px;
    width: 53px;
    margin: 0 8px -4px 0;
    font-size: 32px
}

    .dropcap2.gray {
        background-image: url(../images/elements/dropcap_gray.png)
    }

.dropcap3 {
    font-size: 40px;
    line-height: 40px;
    width: 44px;
    height: 44px;
    margin: 0 0 -4px 0
}

    .dropcap3.gray {
        color: #999
    }

ul.list1, ul.list10, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9 {
    list-style-type: none;
    margin: 0 0 25px 0;
    padding: 0;
    text-align: left
}

    ul.list1 li, ul.list10 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li {
        padding-left: 18px;
        margin: 3px 0
    }

    ul.list1 li {
        background: url(../images/elements/icon-heart.png) no-repeat left 5px
    }

    ul.list2 li {
        background: url(../images/elements/icon-ok.png) no-repeat left 5px
    }

    ul.list3 li {
        background: url(../images/elements/icon-right-arrow.png) no-repeat left 5px
    }

    ul.list4 li {
        background: url(../images/elements/icon-star.png) no-repeat left 4px
    }

    ul.list5 li {
        background: url(../images/elements/icon-chevron-right.png) no-repeat left 5px
    }

    ul.list6 li {
        background: url(../images/elements/icon-chat.png) no-repeat left 5px
    }

    ul.list7 li {
        background: url(../images/elements/icon-play-button.png) no-repeat left 5px
    }

    ul.list8 li {
        background: url(../images/elements/icon-remove.png) no-repeat left 5px
    }

    ul.list9 li {
        background: url(../images/elements/icon-cart.png) no-repeat left 5px
    }

    ul.list10 li {
        background: url(../images/elements/icon-user.png) no-repeat left 4px
    }

.highlight {
    padding: 2px 5px;
    border-radius: 3px
}

    .highlight.black {
        background: #000;
        border-radius: 3px
    }

    .highlight.red {
        background: red;
        border-radius: 3px
    }

    .highlight.gray {
        background: #aaa;
        color: #fff
    }

    .highlight.yellow {
        background: #fff000
    }

    .highlight.blue {
        color: #007fcc
    }

    .highlight.pink {
        background: #e826b4
    }

    .highlight.green {
        background: #48b02b
    }

    .highlight.orange {
        background: #fc0
    }

    .highlight.magenta {
        background: #9325ea
    }

.button, button {
    text-decoration: none;
    text-align: center;
    color: #585656;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    position: relative;
    outline: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    border: rgba(0,0,0,.2) 1px solid;
    border-bottom: rgba(0,0,0,.4) 1px solid;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background: -moz-linear-gradient(center top,rgba(255,255,255,.1) 0,rgba(0,0,0,.1) 100%);
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,.1)),to(rgba(0,0,0,.1)));
    background-color: #fff
}

    .button::-moz-focus-inner {
        border: none
    }

    .button.hover, .button:hover, .page-numbers:hover {
        background: -moz-linear-gradient(center top,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 100%);
        background: -webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.2)))
    }

    .button.active, .button:active, .page-numbers:active {
        top: 2px;
        background: -moz-linear-gradient(center top,rgba(0,0,0,.1) 0,rgba(255,255,255,.2) 100%);
        background: -webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.2)),to(rgba(0,0,0,.1)))
    }

    .button.full {
        display: block
    }

    .button.small {
        font-size: 13px
    }

    .button.medium {
        font-size: 13px;
        height: 40px;
        line-height: 40px
    }

    .button.large {
        font-size: 16px;
        height: 50px;
        line-height: 50px
    }

    .button.red {
        background-color: red;
        color: #fff
    }

    .button.blue {
        background-color: #117ed1;
        color: #fff
    }

    .button.lightblue {
        background-color: #09c;
        color: #fff
    }

    .button.green {
        background-color: #093;
        color: #fff
    }

    .button.black {
        background-color: #333;
        color: #fff
    }

    .button.orange {
        background-color: #ff8100;
        color: #fff
    }

    .button.darkgray {
        background-color: #818181;
        color: #fff
    }

    .button.gray {
        background-color: #f0f0f0;
        color: #000
    }

.table-style {
    float: left;
    width: 100%;
    margin-bottom: -15px
}

.table-list {
    float: left;
    background-color: #fff;
    border: 0 solid #ddd;
    margin-bottom: 20px;
    width: 100%
}

    .table-list th {
        padding: 5px;
        background-color: #4d4d4f;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        line-height: 12px
    }

        .table-list th a {
            padding: 5px;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
            text-align: left
        }

            .table-list th a:hover {
                padding: 5px;
                color: #fff;
                font-size: 10px;
                font-weight: 700;
                text-decoration: underline
            }

th:first-child {
    padding: 5px;
    background-color: #0061aa;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    min-width: 120px;
    font-size: 10px
}

.table-list td {
    padding: 2px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 400;
    vertical-align: middle
}

td:first-child {
    padding: 5px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 700;
    text-align: left;
    font-size: 11px;
    line-height: 14px
}

.table-list tr:hover td {
    background-color: #f9f9f9
}

.table_left {
    text-align: left
}

.table-style2 {
    float: left;
    width: 100%;
    margin-bottom: -15px
}

.table-list2 {
    float: left;
    background-color: #fff;
    border: 0 solid #ddd;
    margin-bottom: 20px;
    width: 100%
}

    .table-list2 th {
        padding: 5px;
        background-color: #4d4d4f;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        text-align: center
    }

        .table-list2 th a {
            padding: 5px;
            color: #fff;
            font-size: 10px;
            font-weight: 700
        }

            .table-list2 th a:hover {
                padding: 5px;
                color: #fff;
                font-size: 10px;
                font-weight: 700;
                text-decoration: underline
            }

th:first-child2 {
    padding: 5px;
    background-color: #0061aa;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    min-width: 120px;
    font-size: 10px
}

.table-list2 td {
    padding: 2px;
    text-align: left;
    background-color: #fff;
    font-weight: 400;
    vertical-align: top;
    border-bottom: #4d4d4f solid 1px
}

td:first-child2 {
    padding: 5px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 700;
    text-align: left;
    font-size: 11px;
    line-height: 14px
}

.table-list2 tr:hover td {
    background-color: #f9f9f9
}

.table-style3 {
    float: left;
    width: 100%;
    margin-bottom: -15px
}

.table-list3 {
    float: left;
    background-color: #fff;
    border: 0 solid #ddd;
    margin-bottom: 20px;
    width: 100%
}

    .table-list3 th {
        padding: 5px;
        background-color: #4d4d4f;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        text-align: center
    }

        .table-list3 th a {
            padding: 5px;
            color: #fff;
            font-size: 10px;
            font-weight: 700
        }

            .table-list3 th a:hover {
                padding: 5px;
                color: #fff;
                font-size: 10px;
                font-weight: 700;
                text-decoration: underline
            }

th:first-child {
    padding: 5px;
    background-color: #0061aa;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    min-width: 120px;
    font-size: 10px
}

.table-list3 td {
    padding: 2px;
    text-align: center;
    background-color: #fff;
    font-weight: 400;
    vertical-align: top;
    border-bottom: #4d4d4f solid 1px
}

td:first-child {
    padding: 5px;
    text-align: center;
    background-color: #f5f5f5;
    font-weight: 700;
    text-align: left;
    font-size: 11px;
    line-height: 14px
}

.table-list3 tr:hover td {
    background-color: #f9f9f9
}

.table-list4 {
    float: left;
    width: 100%;
    margin-bottom: -15px;
    height: 0
}

.table-list4 {
    float: left;
    background-color: #fff;
    border: 0 solid #ddd;
    margin-bottom: 20px;
    width: 100%
}

    .table-list4 th {
        padding: 5px;
        background-color: #4d4d4f;
        color: #fff;
        font-size: 12px
    }

        .table-list4 th a {
            padding: 5px;
            color: #fff;
            font-size: 12px;
            font-weight: 700
        }

            .table-list4 th a:hover {
                padding: 5px;
                color: #fff;
                font-size: 12px;
                text-decoration: underline
            }

th:first-child {
    padding: 5px;
    background-color: #0061aa;
    color: #fff;
    min-width: 120px;
    font-size: 13px
}

.table-list4 td {
    padding: 2px;
    background-color: #fff;
    font-weight: 400;
    vertical-align: top;
    border-bottom: #4d4d4f solid 1px
}

td:first-child {
    padding: 2px;
    text-align: left;
    font-size: 12px;
    line-height: 14px
}

.table-list4 tr:hover td {
    background-color: #f9f9f9
}

.table-list5 {
    float: left;
    width: 100%;
    margin-bottom: -15px;
    height: 0
}

.table-list5 {
    float: left;
    background-color: #fff;
    border: 0 solid #ddd;
    margin-bottom: 20px;
    width: 100%
}

    .table-list5 th {
        padding: 5px;
        background-color: #4d4d4f;
        color: #fff;
        font-size: 12px
    }

        .table-list5 th a {
            padding: 5px;
            color: #fff;
            font-size: 12px;
            font-weight: 700
        }

            .table-list5 th a:hover {
                padding: 5px;
                color: #fff;
                font-size: 12px;
                text-decoration: underline
            }

th:first-child {
    padding: 5px;
    background-color: #0061aa;
    color: #fff;
    min-width: 120px;
    font-size: 10px
}

.table-list5 td {
    padding: 2px;
    background-color: #fff;
    font-weight: 400;
    vertical-align: top;
    border-bottom: #4d4d4f solid 1px
}

td:first-child {
    padding: 2px;
    text-align: left;
    font-size: 13px;
    line-height: 14px
}

.table-list5 tr:hover td {
    background-color: #f9f9f9
}

ul.list_empty {
    padding: 0;
    margin: 0;
    width: 100%
}

ul.list_empty_products {
    padding: 0;
    margin: 0;
    width: 100%
}

ul.list_empty_home {
    padding: 0;
    margin: 0;
    width: 100%
}

.list_empty li {
    float: left;
    padding: 0;
    margin: 0 1px 35px 0
}

.pricing-tables-main {
    position: relative;
    float: left;
    margin-bottom: 40px
}

.pricing-tables {
    position: relative;
    float: left;
    width: 24%;
    border: 1px solid #eee
}

    .pricing-tables .title {
        float: left;
        width: 100%;
        height: 30px;
        padding: 13px 0 10px 0;
        background-color: #454545;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #818181;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

    .pricing-tables .price {
        float: left;
        width: 100%;
        padding: 20px 0 30px 0;
        background-color: #636363;
        text-align: center;
        font-size: 40px;
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

        .pricing-tables .price i {
            font-size: 14px;
            color: #ccc;
            display: block;
            font-weight: 400;
            font-style: normal;
            margin-top: 5px
        }

    .pricing-tables .cont-list {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272
    }

        .pricing-tables .cont-list ul {
            margin: 0;
            padding: 0
        }

        .pricing-tables .cont-list li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff
        }

            .pricing-tables .cont-list li.last {
                border: none
            }

    .pricing-tables .ordernow {
        float: left;
        width: 100%;
        padding: 18px 0;
        background-color: #eee;
        text-align: center;
        color: #fff
    }

.pricing-tables-main .ordernow .normalbut {
    color: #fff;
    background-color: #666;
    border: 1px solid #454545;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: 700
}

    .pricing-tables-main .ordernow .normalbut:hover {
        background-color: #727272
    }

.pricing-tables-main .ordernow .colorchan {
    color: #fff;
    background-color: #0061aa;
    border: 1px solid #666;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: 700
}

    .pricing-tables-main .ordernow .colorchan:hover {
        color: #fff;
        background-color: #299fd9
    }

.pricing-tables-helight {
    position: relative;
    float: left;
    width: 27%;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1)
}

    .pricing-tables-helight .title {
        float: left;
        width: 100%;
        height: 46px;
        padding: 20px 0 0 0;
        margin-top: -10px;
        background-color: #0091c1;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #0087b3;
        border-bottom: 1px solid #00a4da;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

    .pricing-tables-helight .price {
        float: left;
        width: 100%;
        padding: 20px 0 30px 0;
        background-color: #09c;
        text-align: center;
        font-size: 45px;
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

        .pricing-tables-helight .price i {
            font-size: 14px;
            color: #eee;
            display: block;
            font-weight: 400;
            font-style: normal;
            margin-top: 5px
        }

    .pricing-tables-helight .cont-list {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272
    }

        .pricing-tables-helight .cont-list ul {
            margin: 0;
            padding: 0
        }

        .pricing-tables-helight .cont-list li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff
        }

            .pricing-tables-helight .cont-list li.last {
                border: none
            }

    .pricing-tables-helight .ordernow {
        float: left;
        width: 100%;
        padding: 20px 0 25px 0;
        background-color: #eee;
        text-align: center;
        color: #fff
    }

.pricing-tables-two {
    position: relative;
    float: left;
    width: 33%;
    border: 1px solid #eee
}

    .pricing-tables-two .title {
        float: left;
        width: 100%;
        height: 30px;
        padding: 13px 0 10px 0;
        background-color: #454545;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #818181;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

    .pricing-tables-two .price {
        float: left;
        width: 100%;
        padding: 20px 0 30px 0;
        background-color: #636363;
        text-align: center;
        font-size: 40px;
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

        .pricing-tables-two .price i {
            font-size: 14px;
            color: #ccc;
            display: block;
            font-weight: 400;
            font-style: normal;
            margin-top: 5px
        }

    .pricing-tables-two .cont-list {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272
    }

        .pricing-tables-two .cont-list ul {
            margin: 0;
            padding: 0
        }

        .pricing-tables-two .cont-list li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff
        }

            .pricing-tables-two .cont-list li.last {
                border: none
            }

    .pricing-tables-two .ordernow {
        float: left;
        width: 100%;
        padding: 18px 0;
        background-color: #eee;
        text-align: center;
        color: #fff
    }

.pricing-tables-helight-two {
    position: relative;
    float: left;
    width: 33%;
    z-index: 3;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.1)
}

    .pricing-tables-helight-two .title {
        float: left;
        width: 100%;
        height: 46px;
        padding: 20px 0 0 0;
        margin-top: -10px;
        background-color: #0091c1;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #0087b3;
        border-bottom: 1px solid #00a4da;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

    .pricing-tables-helight-two .price {
        float: left;
        width: 100%;
        padding: 20px 0 30px 0;
        background-color: #09c;
        text-align: center;
        font-size: 45px;
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400
    }

        .pricing-tables-helight-two .price i {
            font-size: 14px;
            color: #eee;
            display: block;
            font-weight: 400;
            font-style: normal;
            margin-top: 5px
        }

    .pricing-tables-helight-two .cont-list {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272
    }

        .pricing-tables-helight-two .cont-list ul {
            margin: 0;
            padding: 0
        }

        .pricing-tables-helight-two .cont-list li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff
        }

            .pricing-tables-helight-two .cont-list li.last {
                border: none
            }

    .pricing-tables-helight-two .ordernow {
        float: left;
        width: 100%;
        padding: 20px 0 25px 0;
        background-color: #eee;
        text-align: center;
        color: #fff
    }

.framed-box {
    border: 0 solid #e3e3e3;
    width: 100%
}

    .framed-box.center {
        text-align: center
    }

.framed-box-wrap {
    padding-left: 8px
}

    .framed-box-wrap .pricing-title {
        background-color: #4d4d4f;
        padding: 12px 0 0 10px;
        text-align: left;
        border-bottom: 1px solid #fff
    }

    .framed-box-wrap .pricing-text-list {
        padding: 15px 20px 20px 20px;
        text-align: center
    }

.testimonials-5 {
    float: left
}

    .testimonials-5 span {
        float: left;
        line-height: 21px;
        margin-top: 15px
    }

.testimonials-4 {
    float: left
}

    .testimonials-4 .left {
        float: left;
        width: 50px;
        margin: 5px 20px 5px 0
    }

    .testimonials-4 span {
        float: left;
        height: 34px;
        width: 100%;
        padding: 0;
        position: relative;
        z-index: 999;
        margin-bottom: -1px;
        margin-top: -15px
    }

    .testimonials-4 .content {
        float: left;
        line-height: 21px;
        padding: 20px 20px 25px 20px;
        border: 1px solid #eee;
        background-color: #f9f9f9;
        border-radius: 5px
    }

        .testimonials-4 .content i {
            font-size: 11px;
            color: #909090;
            text-transform: none
        }

.testimonials-2 {
    float: left
}

    .testimonials-2 span {
        float: left;
        line-height: 21px;
        padding: 20px 30px 20px 30px;
        border: 1px solid #eee;
        background: #f9f9f9
    }

.big_text1 {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    font-size: 27px;
    line-height: 35px;
    color: #999
}

    .big_text1 i {
        color: #0061aa;
        font-style: normal
    }

ul.fullimage_box {
    float: left;
    padding: 0;
    margin: 0;
    width: 48%
}

.fullimage_box li {
    padding: 0;
    margin: 0
}

    .fullimage_box li img {
        margin-bottom: 8px;
        width: 100%
    }

ul.fullimage_box.last {
    float: left;
    width: 48%;
    margin-left: 4%
}

ul.fullimage_box2 {
    float: left;
    padding: 30px 20px;
    margin: 0;
    width: 86.6%;
    border: 1px solid #eee;
    border-radius: 4px
}

.fullimage_box2 li {
    padding: 0;
    margin: 0;
    text-align: center
}

ul.fullimage_box2.last {
    float: left;
    width: 100%;
    margin-left: 4%
}

.fullimage_box2 li i {
    color: #0061aa
}

.fullimage_box2 h3 {
    color: #0061aa;
    margin-top: 13px
}

.box_widget_full {
    float: left;
    width: 96%;
    padding: 2%;
    margin: 0;
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-bottom: 2px solid #eee
}

ul.list_doted02 {
    float: left;
    margin: 13px 0 0 0;
    padding: 0
}

.list_doted02 li {
    margin: 0 0 13px 0;
    padding: 0 0 0 13px;
    background: url(../images/dot.png) no-repeat left 9px
}

    .list_doted02 li h5 {
        margin-bottom: 2px;
        padding-bottom: 8px;
        border-bottom: 1px solid #f3f3f3
    }

.listactive {
    color: #999 !important
}

ul.arrows_list1 {
    float: left;
    margin: 0;
    padding: 0
}

.arrows_list1 li {
    margin: 0;
    padding: 0 0 7px 0;
    list-style-type: none;
    color: #000 !important
}

    .arrows_list1 li a {
        color: #000
    }

ul.arrows_list2 {
    margin: 0;
    padding: 0
}

.arrows_list2 li {
    margin-left: 30px;
    padding: 0 0 7px 0;
    list-style-type: square;
    color: #333;
    list-style-position: outside;
    font-size: 14px
}

ul.arrows_list3 {
    margin: 0;
    padding: 0
}

.arrows_list3 {
    margin-left: 15px;
    padding: 0 0 7px 0;
    list-style-position: outside;
    font-size: 14px
}

ul.lirc_section {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

.lirc_section li {
    float: left;
    padding: 0;
    margin: 0
}

    .lirc_section li.left {
        float: left;
        padding: 0;
        margin: 0 8% 0 0;
        width: 90px;
        height: 90px;
        line-height: 110px;
        text-align: center;
        vertical-align: middle;
        background-color: #f3f3f3;
        border-radius: 100%;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
        -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff
    }

        .lirc_section li.left i {
            color: #0061aa
        }

    .lirc_section li.right {
        float: left;
        padding: 0;
        margin: 0;
        width: 60.7%
    }

    .lirc_section li.left.two {
        padding: 0;
        margin: 0 0 0 35%;
        width: 65px;
        height: 65px;
        line-height: 75px;
        text-align: center;
        vertical-align: middle;
        background-color: #f3f3f3;
        border-radius: 100%;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
        -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff
    }

    .lirc_section li.right.two {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }

        .lirc_section li.right.two h3 {
            margin-top: 20px
        }

.punchline_text_box {
    float: left;
    width: 95.4%;
    padding: 20px;
    margin: 0;
    border: 1px solid #eee;
    border-left: 5px solid #0061aa;
    color: #999;
    background: #f9f9f9
}

    .punchline_text_box strong {
        font-size: 15px;
        color: #454545
    }

    .punchline_text_box .left {
        float: left;
        width: 80%
    }

    .punchline_text_box .right {
        float: left;
        width: 20%
    }

a.knowmore_but {
    float: right;
    padding: 13px 20px 13px 20px;
    margin: 0 0 0 50px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #0061aa;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #454545
}

    a.knowmore_but:hover {
        color: #fff;
        background-color: #32a8e3
    }

.get_features {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

    .get_features h5 {
        margin-bottom: 7px
    }

    .get_features p {
        line-height: 19px
    }

    .get_features ul.get_features_list {
        float: left;
        padding: 0;
        margin: 0 0 23px 0
    }

        .get_features ul.get_features_list.last {
            margin: 0
        }

    .get_features .get_features_list li {
        float: left;
        padding: 0;
        margin: 0
    }

        .get_features .get_features_list li.left {
            float: left;
            padding: 0;
            margin: 0 15px 0 0;
            width: 44px;
            height: 44px;
            background-color: #0061aa;
            border-radius: 45px;
            text-align: center;
            line-height: 52px;
            vertical-align: middle
        }

            .get_features .get_features_list li.left i {
                color: #fff
            }

        .get_features .get_features_list li.right {
            width: 80%
        }

ul.lirt_section {
    float: left;
    padding: 0;
    margin: 0;
    width: 100%
}

.lirt_section li.left {
    float: left;
    padding: 0;
    margin: 0 25px 0 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1),0 2px 0 0 #fff;
    font-size: 22px
}

.lirt_section li strong {
    font-weight: 600;
    font-size: 14px;
    color: #0061aa;
    display: block;
    margin: 8px 0 0 0
}

.lirt_section li i {
    font-style: normal
}

.error_pagenotfound {
    padding: 30px 30px 45px 30px;
    margin: 0 auto;
    width: 67%;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom: 5px solid #eee;
    text-align: center
}

    .error_pagenotfound strong {
        display: block;
        font-size: 145px;
        line-height: 100px;
        color: #e3e3e3
    }

    .error_pagenotfound b {
        display: block;
        font-size: 40px;
        line-height: 40px;
        color: #eee;
        margin: 0
    }

    .error_pagenotfound i {
        display: block;
        font-size: 18px;
        line-height: 50px;
        color: #0061aa;
        margin: 0;
        font-style: normal
    }

a.tooltip {
    outline: 0
}

    a.tooltip strong {
        line-height: 30px
    }

    a.tooltip:hover {
        text-decoration: none
    }

    a.tooltip span {
        z-index: 10;
        display: none;
        padding: 14px 20px;
        margin-top: -30px;
        margin-left: 28px;
        width: 240px;
        line-height: 16px
    }

    a.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #dca;
        background: #fffaf0
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px
}

a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #ccc;
    -webkit-box-shadow: 5px 5px 8px #ccc;
    box-shadow: 5px 5px 8px #ccc
}

.hover_image a {
    position: relative
}

    .hover_image a span {
        position: absolute;
        display: none;
        z-index: 99;
        -webkit-filter: drop-shadow(.5px .5px 5px #000);
        filter: url(#drop-shadow)
    }

    .hover_image a:hover span {
        display: block
    }

.submenu_products {
    margin: 0 auto;
    position: absolute;
    padding-top: 0;
    margin-top: 48px;
    width: 100%;
    height: 35px
}

.submenu_support {
    margin: 0 auto;
    position: absolute;
    padding-top: 0;
    margin-top: 48px;
    width: 100%;
    height: 35px
}

.table_left {
    text-align: left
}

.note {
    margin-left: 50px
}

.link_right {
    text-align: right
}

.cc {
    background: #333;
    color: #ccc;
    text-align: center;
    padding: 15px;
    border: #333 solid 1px;
    border-radius: 4px
}

.box_link a {
    color: #000
}

.box_link h2:a {
    color: #000
}

.box_link a:hover {
    color: #0061aa
}

.box_link h2:hover {
    color: #0061aa
}

.accrodation {
    width: 100%
}

.acc-trigger {
    cursor: pointer;
    display: block;
    margin: 0;
    width: 100%
}

    .acc-container:last-of-type, .acc-trigger:last-of-type {
        margin-bottom: 20px
    }

.no-js .acc-trigger:last-of-type {
    border-bottom: none
}

.acc-trigger a {
    background: url(../../images/accordion-ico.png) no-repeat 20px 13px;
    display: block;
    padding: 11px 20px 11px 50px;
    text-decoration: none;
    text-shadow: none;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    color: #727272;
    border: 1px solid #eee;
    border-bottom: 1px solid #eee
}

    .acc-trigger a:hover {
        background-color: #eee
    }

    .acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
        color: #1889c1;
        border-bottom: 1px solid #fff
    }

        .acc-trigger.active a:hover {
            background-color: transparent
        }

.acc-trigger.active {
    cursor: default;
    background: #fff
}

    .acc-trigger.active:last-of-type {
        border-bottom: none;
        margin-bottom: 0
    }

    .acc-trigger.active a {
        background-position: 20px -58px;
        cursor: default
    }

.acc-container .content {
    padding: 0 14px 15px 50px;
    color: #000;
    margin-bottom: 4px;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0 solid #eee
}

.invalid {
    margin: 0 auto;
    border: 1px solid #c00
}

.validation-message {
    color: #c00
}

.validation-errors {
    padding: 4px 10px 4px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin: 0 auto;
    border: 1px solid #c00;
    background-color: #ffdddc
}

.comment_submit_green {
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    padding: 9px 13px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase
}

    .comment_submit_green:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
        cursor: pointer
    }

ul.tabs li.active, ul.tabs li.active a, ul.tabs li.active a:hover {
    border-top: 2px solid #0a70e3
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .top_section {
        padding: 1px 0 0 0;
        height: 150px;
        position: absolute
    }

    .container {
        width: 747px;
        margin: auto auto auto auto
    }

    .container2 {
        width: 747px;
        margin: auto auto auto auto
    }

    h2 {
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 15px;
        font-style: normal;
        font-weight: 400
    }

    .one_fifth, .one_fourth, .one_fourth_top, .one_half, .one_half_top, .one_sixth, .one_third, .three_fourth, .two_third {
        position: relative;
        float: left
    }

    .one_half_top {
        width: 63%;
        color: #fff;
        margin: 0 auto;
        font-size: 10px
    }

    .one_fourth {
        margin-bottom: 40px;
        margin-top: 30px
    }

    .content_fullwidth {
        float: left;
        width: 100%;
        padding: 40px 0 0 0;
    }

    .page_title {
        margin-top: -28px
    }

    .mar_top8 {
        margin-top: 0
    }

    .submenu_products {
        float: left;
        margin-left: -30px;
        position: absolute;
        padding-top: 0;
        margin-top: 43px;
        margin-bottom: 0;
        width: 100%;
        height: 35px;
        display: block
    }

    ul.list_empty {
        padding: 0;
        margin: 0;
        margin-left: 5px;
        margin-top: 0
    }

    ul.list_empty_products {
        padding: 0;
        margin: 0;
        width: 20%;
        font-size: 10px
    }

    .list_empty li {
        float: left;
        padding: 0;
        margin: 0 1px 2px 0
    }

    a.but_minus {
        padding: 5px 5px 5px 5px;
        margin: 0;
        background: #666;
        border-bottom: 5px solid #909090
    }

        a.but_minus:hover {
            background-color: #747474
        }

    a.but_camera {
        padding: 5px 11px 5px 11px;
        margin: 0;
        background: #007fcc;
        border-bottom: 1px solid #909090
    }

        a.but_camera:hover {
            background-color: #008ada
        }

    .page_title .title h1 {
        color: #4d4d4f;
        margin: 0;
        background: 0 0;
        line-height: 25px;
        font-size: 15px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 700
    }

    h1 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
        padding-bottom: 8px;
        font-style: normal;
        background: url(../images/title-h-line.png) no-repeat left bottom
    }

    .framed-box {
        border: 0 solid #e3e3e3;
        width: 90%
    }

    #access .menu ul li a {
        padding: 30px 6px 20px 6px;
        margin-top: 40px;
        font-size: 12px;
        width: 100%
    }

    .pic_product {
        margin-right: 0;
        padding-top: 25px;
        float: left
    }

    #access .menu ul li a:hover {
        padding: 30px 6px 20px 6px;
        margin-top: 40px
    }

    #access .menu ul li a.active {
        padding: 18px 6px 20px 6px;
        margin-top: 52px
    }

    .top_social_links li {
        margin: 0
    }

    .site_search_home #site-searchform #s {
        width: 70%
    }

    .punch_text {
        font-size: 27px
    }

    .sitefeatures_02 .left {
        width: 38%;
        background-size: 92%
    }

    .sitefeatures_02 .right {
        width: 62%
    }

    .what_people_says .contarea {
        width: 80%
    }

    .punch_text_02 .readmore_but_03 {
        float: left
    }

    .twitter_feed .right {
        width: 85%
    }

    .punchline_text_box {
        width: 93%
    }

        .punchline_text_box .left {
            width: 70%
        }

        .punchline_text_box .right {
            width: 30%
        }

    .lirc_section li.right {
        width: 52%
    }

    .slider_static_image {
        height: 385px
    }

        .slider_static_image .static_right_img {
            height: 385px;
            background-size: 65%
        }

        .slider_static_image .static_left_content {
            float: left;
            width: 38%;
            margin: 65px 0 0 10px
        }

        .slider_static_image .text1 {
            font-size: 18px;
            margin: 0
        }

        .slider_static_image .text2 {
            font-size: 27px;
            margin-top: 10px
        }

        .slider_static_image .text3 {
            font-size: 13px;
            line-height: 22px;
            padding: 18px 0;
            margin-top: 20px
        }

    .slider_video {
        height: 385px
    }

        .slider_video .video_ara {
            width: 94%;
            height: 300px;
            margin-top: 45px
        }

        .slider_video .text1 {
            font-size: 18px;
            margin: 0
        }

        .slider_video .text2 {
            font-size: 27px;
            line-height: 27px;
            margin-top: 10px
        }

        .slider_video .text3 {
            font-size: 13px;
            line-height: 22px;
            padding: 18px 0;
            margin-top: 20px
        }

        .slider_video .slider_video_content {
            margin: 58px 0 0 10px
        }

    .our_team_box_big img.teammempic {
        width: 170px
    }

    .our_team_box_big ul {
        width: 165px
    }

    .our_team_box ul {
        margin: 0;
        padding: 7px 0 0 0;
        float: left;
        width: 120px
    }

    .our_team_box .boxleft {
        width: 120px;
        float: left;
        margin: 0 14px 0 0
    }

    .our_team_box .boxright {
        width: 120px;
        float: right;
        margin: 0
    }

    .box_widget_full {
        width: 95%
    }

    .left_sidebar {
        width: 26%
    }

    .right_sidebar {
        width: 26%
    }

    ul.fullimage_box2 {
        width: 75%
    }

    .project_details strong {
        font-size: 11px
    }

    .project_details span a {
        padding: 3px 4px;
        margin: 0 0 0 1px;
        font-size: 10px
    }

    .portfolio_image {
        width: 93%
    }

        .portfolio_image .title {
            padding: 10px 19px 7px 10px
        }

    #site-searchform #s {
        width: 62%
    }

    .adsbanner-list li {
        width: 90px;
        height: 90px
    }

        .adsbanner-list li img {
            width: 90px;
            height: 90px
        }

        .adsbanner-list li.last {
            width: 90px;
            height: 90px
        }

    .blog_post h3 {
        width: 83%
    }

    .post_info_content {
        padding: 0;
        margin: 0 0 0 15%;
        width: 85%;
        float: left
    }

    .post_info_content_small {
        padding: 0;
        margin: 0 0 0 2.5%;
        width: 51.7%;
        float: left
    }

        .post_info_content_small a.date {
            float: left;
            margin: 0 10px 0 0
        }

        .post_info_content_small h3 {
            font-size: 18px;
            float: left;
            width: 70%
        }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0 12px 70px;
        padding: 0;
        width: 70%
    }

    .blog_postcontent .video_frame iframe {
        height: 250px
    }

    .about_author {
        width: 92%
    }

    .comment_form {
        width: 100%
    }

    .address-info {
        width: 88%
    }

    .google-map {
        width: 96%
    }

    a.show_hide {
        margin: 0 0 0 720px
    }

    .punchline_text_home h2 {
        width: 75%;
        margin: 0
    }

    .punchline_text_home strong {
        width: 20%
    }

    .site_boxedfeatures_two {
        width: 75%
    }

        .site_boxedfeatures_two img {
            width: 100%
        }

    .button_slider {
        margin: 0;
        padding: 0 0 0 20px;
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background-size: 100%
    }

        .button_slider:hover {
            color: #fff;
            background-size: 100%
        }

    .get_features .get_features_list li.right {
        width: 72%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #access .menu ul#tiny {
        display: none
    }

    .selectnav {
        display: block
    }

    .selectnav {
        display: inline
    }

    #access .menu select {
        border: 1px solid #e3e3e3;
        border-top: 2px solid #e3e3e3;
        padding: 9px 9px 9px 9px;
        background-color: #fff;
        color: #333639;
        width: 360px;
        margin: -10px 40px 20px 0;
        float: left
    }

    .content_fullwidth_products {
        width: 100%;
        padding: 0;
        margin-top: 280px
    }

    .content_fullwidth {
        float: left;
        width: 100%;
        padding: 40px 0 0 0;
        margin-top: 220px
    }

    .one_fifth, .one_fourth, .one_fourth_top, .one_half, .one_half_top, .one_sixth, .one_third, .three_fourth, .two_third {
        position: relative;
        float: left
    }

    .one_half_top {
        width: 16%;
        color: #fff;
        margin: 0 auto;
        font-size: 0
    }

    .page_title .title h1 {
        color: #4d4d4f;
        margin: 0;
        background: 0 0;
        line-height: 25px;
        font-size: 14px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 700;
        width: 400px
    }

    .submenu_support {
        margin: 0 auto;
        position: absolute;
        padding-top: 6px;
        margin-top: 30px;
        width: 80%;
        height: 35px
    }

    .page_title .pagenation {
        float: right;
        width: 200px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 8px;
        text-align: right;
        font-weight: 400;
        color: #0061aa;
        margin: 0;
        margin-top: 10px;
        padding: 0;
        padding-right: 0
    }

    .submenu_products {
        margin-left: 0;
        position: absolute;
        padding-top: 0;
        margin-top: 38px;
        margin-bottom: 0;
        width: 100%;
        height: 35px;
        display: block
    }

    .blog_post {
        margin-top: 230px
    }

    .container {
        width: 438px;
        margin: auto auto auto auto
    }

    .container2 {
        width: 400px;
        margin: auto auto auto auto
    }

    .list_empty li {
        float: left;
        padding: 0;
        margin: 0 1px 2px 0
    }

    .mar_top23 {
        width: 350px;
        margin-top: 50px
    }

    .pic_product {
        width: 80%;
        margin-right: 0;
        padding-top: 25px
    }

    .product_title {
        font-weight: 700;
        width: 100%;
        float: left;
        color: #4d4d4f;
        font-size: 24px;
        margin-bottom: 10px
    }

    .framed-box {
        border: 0 solid #e3e3e3;
        width: 220px
    }

    .downloads {
        width: 40%;
        margin-left: 10%
    }

    a.but_book, a.but_bookmark, a.but_calendar, a.but_camera, a.but_chat, a.but_check, a.but_coffe_cup, a.but_cogwheel, a.but_download, a.but_edit, a.but_envelope, a.but_exclamation_mark, a.but_file, a.but_folder_open, a.but_globe, a.but_goback, a.but_hand_right, a.but_hospital, a.but_info, a.but_lock, a.but_minus, a.but_music, a.but_new_window, a.but_ok_2, a.but_pdf, a.but_pencil, a.but_phone, a.but_play_button, a.but_plus, a.but_question_mark, a.but_remove_2, a.but_search, a.but_settings, a.but_shopping_cart, a.but_star, a.but_table, a.but_tag, a.but_thumbs_down, a.but_thumbs_up, a.but_user, a.but_warning_sign, a.but_wifi, a.but_woman, a.but_word_doc {
        font-family: 'Open Sans',sans-serif;
        font-size: 6px;
        color: #fff;
        font-weight: 600;
        -moz-border-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        width: 100%
    }

    a.but_minus {
        padding: 5px 5px 5px 5px;
        margin: 0;
        background: #666;
        border-bottom: 5px solid #909090
    }

        a.but_minus:hover {
            background-color: #747474
        }

    a.but_camera {
        padding: 5px 11px 5px 11px;
        margin: 0;
        background: #007fcc;
        border-bottom: 1px solid #909090
    }

        a.but_camera:hover {
            background-color: #008ada
        }

    .content_left {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .content_fullwidth {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .right_sidebar {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .left_sidebar {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .content_right {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .one_full {
        width: 100%
    }

    .one_half {
        width: 100%;
        margin-bottom: 40px
    }

    .one_third {
        width: 100%;
        margin-bottom: 40px
    }

    .one_fourth {
        width: 50%;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 150px
    }

    .one_sixth {
        width: 69px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 35px;
        border: 0
    }

    .one_fifth {
        width: 100%;
        margin-bottom: 40px
    }

    .two_third {
        width: 100%;
        margin-bottom: 40px
    }

    .three_fourth {
        width: 100%;
        margin-bottom: 40px
    }

    .last {
        margin-right: 0 !important;
        clear: right;
        margin-bottom: 0 !important
    }

    #logo {
        margin: 0 0 -20px 140px
    }

    #logo_innerpage {
        margin: 10px 0 -10px 155px
    }

    .top_section {
        margin-top: 0;
        padding: 0;
        position: absolute
    }

    .mar_top20 {
        margin-top: 0;
        width: 100%;
        height: 40px;
        float: left
    }

    .page_title {
        margin-top: 0
    }

    .sitefeatures_02 .left {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
        min-height: 380px;
        border-bottom: 2px solid #fff;
        background: url(../images/site-img20.png) no-repeat center bottom
    }

    .sitefeatures_02 .right {
        float: right;
        padding: 0 0 50px 0;
        margin: 50px 0 0 0;
        width: 100%;
        color: #fff
    }

    .sitefeatures_03 .left {
        margin: 0 0 50px 0;
        width: 100%
    }

    .sitefeatures_03 .right {
        width: 100%
    }

    .sitefeatures_03 .center {
        display: none
    }

    .what_people_says .contarea {
        float: left;
        width: 88%
    }

    .punch_text_02 .readmore_but_03 {
        float: left
    }

    .tci_list li {
        width: 25px;
        height: 40px
    }

        .tci_list li.email {
            margin: 0 10px 0 0
        }

        .tci_list li.phone {
            margin: 0 10px 0 0
        }

    .site_boxedfeatures {
        margin: 0 20px 30px 0;
        width: 88%
    }

    .about_site img {
        width: 99%
    }

    .get_features ul.get_features_list {
        width: 100%
    }

    .get_features .get_features_list li.right {
        width: 85%
    }

    .clients .jcarousel-skin-tango .jcarousel-item {
        margin-right: 10px
    }

    .bottom_hilight .left {
        float: left;
        width: 100%;
        padding: 0;
        margin: 40px 0 0 0;
        background-color: #fff
    }

        .bottom_hilight .left iframe {
            float: left;
            width: 100%;
            height: 270px
        }

    .bottom_hilight .right {
        float: left;
        width: 100%;
        padding: 0 0 40px 0;
        margin: 27px 0 0 0
    }

    .bottom_hilight p {
        margin-top: 10px
    }

    #footer .newsletter .rss_feeds {
        margin-top: 16px;
        margin-left: 27px
    }

    .fresh_works .fresh_works_multylist li {
        margin: 0
    }

        .fresh_works .fresh_works_multylist li .item {
            width: 223px;
            height: 200px
        }

            .fresh_works .fresh_works_multylist li .item .caption {
                width: 203px;
                height: 180px
            }

    .punchline_text_box {
        width: 90%
    }

        .punchline_text_box .left {
            width: 100%
        }

        .punchline_text_box .right {
            width: 100%;
            float: left
        }

            .punchline_text_box .right a {
                float: left;
                margin: 10px 0 0 0
            }

    ul.fullimage_box2 {
        width: 90%
    }

    .mar_top20 {
        margin-top: 155px;
        width: 100%;
        float: left
    }

    .slider_static_image {
        height: 250px
    }

        .slider_static_image .static_right_img {
            height: 250px;
            background-size: 58%
        }

        .slider_static_image .static_left_content {
            float: left;
            width: 47%;
            margin: 50px 0 0 0
        }

        .slider_static_image .text1 {
            font-size: 14px;
            margin: 0
        }

        .slider_static_image .text2 {
            font-size: 22px;
            margin-top: 0
        }

        .slider_static_image .text3 {
            font-size: 10px;
            line-height: 18px;
            padding: 10px 0;
            margin-top: 13px
        }

        .slider_static_image .text4 {
            margin-top: 13px
        }

    .slider_video {
        height: 540px
    }

        .slider_video .video_ara {
            width: 94%;
            height: 300px;
            margin-top: 0
        }

        .slider_video .text1 {
            font-size: 14px;
            margin: 0
        }

        .slider_video .text2 {
            font-size: 22px;
            line-height: 22px;
            margin-top: 0
        }

        .slider_video .text3 {
            font-size: 10px;
            line-height: 18px;
            padding: 10px 0;
            margin-top: 10px
        }

        .slider_video .text4 {
            margin-top: 10px
        }

        .slider_video .slider_video_content {
            margin: 18px 0 0 10px
        }

    .our_team_box_big img.teammempic {
        width: 100%
    }

    .our_team_box_big ul {
        width: 100%
    }

    .our_team_box .boxleft {
        width: 100%;
        float: left;
        margin: 0 0 30px 0
    }

    .our_team_box .boxright {
        width: 100%;
        float: left;
        margin: 0
    }

    .our_team_box ul {
        width: 100%
    }

    ul.fullimage_box {
        float: left;
        padding: 0;
        margin: 0 0 30px 0;
        width: 100%
    }

        ul.fullimage_box.last {
            float: left;
            width: 100%;
            margin-left: 0
        }

    .lirc_section li.left.two {
        margin: 0 0 0 43%
    }

    .error_pagenotfound strong {
        font-size: 100px;
        line-height: 70px
    }

    .error_pagenotfound b {
        font-size: 20px;
        line-height: 30px
    }

    .error_pagenotfound i {
        font-size: 13px;
        font-weight: 600
    }

    .error_pagenotfound p {
        font-size: 11px
    }

    .portfolio_area_left {
        padding: 0;
        margin: 0 0 30px 0;
        width: 98%;
        float: left
    }

    .portfolio_area_right {
        padding: 0;
        margin: 0;
        width: 98%;
        float: left
    }

    .project_details {
        padding: 0;
        margin: 65px 0 0 0
    }

    .addto_favorites {
        float: left;
        margin: 15px 0 0 0
    }

        .addto_favorites:hover {
            float: left;
            margin: 15px 0 0 0
        }

    .portfolio_area_right ul.small_social_links {
        margin: 22px 0 0 170px
    }

    .project_details span {
        padding: 4px 0
    }

    .project_details strong {
        width: 22%
    }

    .blog_post h3 {
        font-size: 18px;
        float: left;
        width: 82%;
        line-height: 21px
    }

    .blog_post a.date {
        float: left;
        margin-right: 15px
    }

    .post_info_content {
        padding: 0;
        margin: 0;
        width: 97%;
        float: left
    }

    ul.post_meta_links {
        float: left;
        margin: -20px 0 12px 72px;
        padding: 0;
        width: 80%
    }

    .post_meta_links li.post_by {
        float: left;
        padding: 0 0 0 18px;
        border-right: 1px solid #d3d3d3;
        background: url(../images/blog/icon-by-user.png) no-repeat 0 5px
    }

    .post_meta_links li.post_categoty {
        float: left;
        padding: 0 0 0 25px;
        border-right: 1px solid #d3d3d3;
        background: url(../images/blog/icon-category.png) no-repeat 9px 6px
    }

    .post_meta_links li.post_comments {
        float: left;
        padding: 0 0 0 25px;
        background: url(../images/blog/icon-comments.png) no-repeat 9px 5px
    }

    .post_meta_links li a {
        color: #a1a1a1;
        padding: 0 10px 0 0;
        text-decoration: none;
        font-size: 11px
    }

    .blog_postcontent .image_frame {
        float: left;
        width: 96%;
        border: 7px solid #eee;
        margin-bottom: 25px
    }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 50%;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .blog_postcontent .image_frame.small {
        float: left;
        width: 50%;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .blog_postcontent .video_frame.small iframe {
        float: left;
        width: 97%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .post_info_content_small {
        padding: 0;
        margin: 0;
        width: 99%;
        float: left
    }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0 12px 80px;
        padding: 0;
        width: 82%
    }

    #site-searchform #s {
        width: 83%
    }

    ul.adsbanner-list {
        width: 50%
    }

    .adsbanner-list li {
        margin: 0 10px 10px 0;
        padding: 0;
        float: left;
        width: 100px;
        height: 100px;
        list-style-type: none
    }

        .adsbanner-list li.last {
            margin: 0;
            padding: 0;
            float: left;
            width: 100px;
            height: 100px;
            list-style-type: none
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto
        }

    .about_author {
        width: 90%
    }

    .comment_form {
        float: left;
        width: 100%;
        margin-top: 30px
    }

        .comment_form label {
            float: left;
            width: 90px;
            height: 15px;
            padding: 7px 10px;
            margin-bottom: 20px
        }

    .comment_input_bg {
        float: left;
        width: 68%;
        height: 25px;
        padding: 7px 10px 0 10px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9
    }

    .comment_textarea_bg {
        float: left;
        width: 94%;
        height: 235px;
        padding: 7px 10px 0 10px;
        margin-bottom: 20px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9
    }

    .comment_checkbox {
        float: left;
        display: block;
        width: 94%;
        margin-top: 10px
    }

    .address-info {
        width: 90%
    }

    .google-map {
        width: 97%
    }

    .pricing-tables {
        width: 24.5%
    }

        .pricing-tables .title {
            font-size: 12px
        }

        .pricing-tables .price {
            font-size: 18px
        }

            .pricing-tables .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-helight {
        position: relative;
        float: left;
        width: 24.5%
    }

        .pricing-tables-helight .title {
            font-size: 12px
        }

        .pricing-tables-helight .price {
            font-size: 18px
        }

            .pricing-tables-helight .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-two {
        width: 33%
    }

        .pricing-tables-two .title {
            font-size: 12px
        }

        .pricing-tables-two .price {
            font-size: 18px
        }

            .pricing-tables-two .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-helight-two {
        position: relative;
        float: left;
        width: 33%
    }

        .pricing-tables-helight-two .title {
            font-size: 12px
        }

        .pricing-tables-helight-two .price {
            font-size: 18px
        }

            .pricing-tables-helight-two .price i {
                font-size: 9px;
                margin-top: 0
            }

    .slidingDiv {
        height: 75px
    }

    a.show_hide {
        margin: 0 0 0 430px
    }

    .punchline_text_home h2 {
        width: 74%;
        margin: 0
    }

    .punchline_text_home strong {
        width: 25%
    }

    .site_boxedfeatures_two {
        width: 85%
    }

        .site_boxedfeatures_two img {
            width: auto
        }

    .button_slider {
        margin: 0;
        padding: 0 0 0 10px;
        width: 80px;
        height: 27px;
        line-height: 27px;
        font-size: 9px;
        background-size: 100%
    }

        .button_slider:hover {
            color: #fff;
            background-size: 100%
        }

    .pricing-tables-main .ordernow .normalbut {
        padding: 10px 10px
    }

    .pricing-tables-main .ordernow .colorchan {
        padding: 10px 10px
    }

    .tp-caption.h_line {
        width: 10%;
        height: 0;
        background-color: #0061aa
    }
}

@media only screen and (max-width:479px) {
    #access .menu ul#tiny {
        display: none
    }

    .selectnav {
        display: block
    }

    .selectnav {
        display: inline
    }

    #access .menu select {
        border: 1px solid #e3e3e3;
        border-top: 2px solid #e3e3e3;
        padding: 9px 9px 9px 9px;
        background-color: #fff;
        color: #333639;
        width: 220px;
        margin: -10px 37px 20px 0;
        float: left
    }

    .container {
        width: 300px;
        margin: auto auto auto auto
    }

    .container2 {
        width: 100%
    }

    .one_fifth, .one_fourth, .one_fourth_top, .one_half, .one_half_top, .one_sixth, .one_third, .three_fourth, .two_third {
        position: relative;
        float: left
    }

    .one_half_top {
        width: 5%;
        color: #fff;
        margin: 0 auto;
        font-size: 0
    }

    .one_fourth_top {
        width: 52%;
        margin-right: 1%;
        font-size: 7px
    }

    .content_left {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .content_fullwidth {
        float: left;
        width: 100%;
        padding: 40px 0 0 0;
        margin-top: 240px
    }

    .right_sidebar {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .left_sidebar {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .content_right {
        float: left;
        width: 100%;
        padding: 40px 0 0 0
    }

    .one_sixth {
        width: 350px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 35px;
        border: 0
    }

    .one_full {
        width: 100%
    }

    .one_half {
        width: 100%;
        margin-bottom: 0
    }

    .one_third {
        width: 100%;
        margin-bottom: 30px
    }

    .one_fourth {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 80px
    }

    .one_fifth {
        width: 100%;
        margin-bottom: 30px
    }

    .two_third {
        width: 100%;
        margin-bottom: 30px
    }

    .three_fourth {
        width: 100%;
        margin-bottom: 30px
    }

    .last {
        margin-right: 0 !important;
        clear: right;
        margin-bottom: 0 !important
    }

    #logo {
        margin: 0 0 -100px 85px
    }

    #logo_innerpage {
        margin: 10px 0 -10px 105px
    }

    .top_section {
        margin-top: 0;
        padding: 0;
        position: absolute
    }

    .mar_top20 {
        margin-top: 100px;
        width: 100%;
        height: 123px;
        float: left
    }

    .mar_top8 {
        margin-top: 0
    }

    .page_title {
        margin-top: 0
    }

    .top_contact_info {
        min-height: 100px
    }

    .tci_list li {
        width: 40px;
        height: 40px
    }

        .tci_list li.email {
            margin: 0 20px 0 0
        }

        .tci_list li.phone {
            margin: 0 20px 0 0
        }

    .sitefeatures_02 .left {
        float: left;
        padding: 0;
        margin: 0;
        width: 100%;
        min-height: 280px;
        border-bottom: 2px solid #fff;
        background: url(../images/site-img20.png) no-repeat center bottom;
        background-size: 100%
    }

    .sitefeatures_02 .right {
        float: right;
        padding: 0 0 50px 0;
        margin: 50px 0 0 0;
        width: 100%;
        color: #fff
    }

    .sitefeatures_03 .left {
        margin: 0 0 50px 0;
        width: 100%
    }

    .sitefeatures_03 .right {
        width: 100%
    }

    .sitefeatures_03 .center {
        display: none
    }

    .punch_text_02 .readmore_but_03 {
        float: left
    }

    .site_boxedfeatures {
        margin: 0 20px 30px 0;
        width: 81%
    }

    .about_site img {
        width: 99%
    }

    .get_features ul.get_features_list {
        width: 100%
    }

    .clients .jcarousel-skin-tango .jcarousel-item {
        margin-right: 10px
    }

    .bottom_hilight .left {
        float: left;
        width: 100%;
        padding: 0;
        margin: 40px 0 0 0;
        background-color: #fff
    }

        .bottom_hilight .left iframe {
            float: left;
            width: 100%;
            height: 270px
        }

    .bottom_hilight .right {
        float: left;
        width: 100%;
        padding: 0 0 40px 0;
        margin: 27px 0 0 0
    }

    .bottom_hilight p {
        margin-top: 10px
    }

    #footer .newsletter .rss_feeds {
        margin-top: 16px;
        margin-left: 27px
    }

    .fresh_works .fresh_works_multylist li {
        margin: 0
    }

        .fresh_works .fresh_works_multylist li .item {
            width: 223px;
            height: 200px
        }

            .fresh_works .fresh_works_multylist li .item .caption {
                width: 203px;
                height: 180px
            }

    .punchline_text_box {
        width: 83%
    }

        .punchline_text_box .left {
            width: 100%
        }

        .punchline_text_box .right {
            width: 100%;
            float: left
        }

            .punchline_text_box .right a {
                float: left;
                margin: 10px 0 0 0
            }

    ul.fullimage_box2 {
        width: 85%
    }

    .mar_top20 {
        margin-top: 65px;
        width: 100%;
        float: left
    }

    .slider_static_image {
        height: 165px
    }

        .slider_static_image .static_right_img {
            height: 165px;
            background-size: 58%
        }

        .slider_static_image .static_left_content {
            float: left;
            width: 48%;
            margin: 20px 0 0 0
        }

        .slider_static_image .text1 {
            font-size: 10px;
            margin: 0
        }

        .slider_static_image .text2 {
            font-size: 16px;
            margin-top: 0
        }

        .slider_static_image .text3 {
            font-size: 7px;
            line-height: 13px;
            padding: 5px 0;
            margin-top: 7px
        }

        .slider_static_image .text4 {
            margin-top: 7px
        }

    .slider_video {
        height: 415px
    }

        .slider_video .video_ara {
            width: 94%;
            height: 220px;
            margin-top: 0
        }

        .slider_video .text1 {
            font-size: 10px;
            margin: 0
        }

        .slider_video .text2 {
            font-size: 16px;
            line-height: 18px;
            margin-top: 0
        }

        .slider_video .text3 {
            font-size: 7px;
            line-height: 18px;
            padding: 5px 0;
            margin-top: 10px
        }

        .slider_video .text4 {
            margin-top: 10px
        }

        .slider_video .slider_video_content {
            margin: 18px 0 0 10px
        }

    .image_left1 {
        margin: 0 30px 20px 0
    }

    .our_team_box_big img.teammempic {
        width: 100%
    }

    .our_team_box_big ul {
        width: 100%
    }

    .our_team_box .boxleft {
        width: 100%;
        float: left;
        margin: 0 0 30px 0
    }

    .our_team_box .boxright {
        width: 100%;
        float: left;
        margin: 0
    }

    .our_team_box ul {
        width: 100%
    }

    ul.fullimage_box {
        float: left;
        padding: 0;
        margin: 0 0 30px 0;
        width: 100%
    }

        ul.fullimage_box.last {
            float: left;
            width: 100%;
            margin-left: 0
        }

    .lirc_section li.left.two {
        margin: 0 0 0 43%
    }

    .testimonials-9 {
        float: left;
        width: 94%
    }

    .error_pagenotfound strong {
        display: block;
        font-size: 90px;
        line-height: 65px;
        color: #e3e3e3;
        font-weight: 400
    }

    .error_pagenotfound b {
        display: block;
        font-size: 16px;
        line-height: 27px;
        color: #eee;
        margin: 0
    }

    .error_pagenotfound i {
        display: block;
        font-size: 9px;
        line-height: 13px;
        color: #999;
        margin: 0;
        font-style: normal;
        font-weight: 700
    }

    .portfolio_image {
        width: 95%
    }

    .portfolio_area_left {
        padding: 0;
        margin: 0 0 30px 0;
        width: 98%;
        float: left
    }

    .portfolio_area_right {
        padding: 0;
        margin: 0;
        width: 98%;
        float: left
    }

    .project_details {
        padding: 0;
        margin: 65px 0 0 0
    }

    .addto_favorites {
        float: left;
        margin: 15px 0 0 0
    }

        .addto_favorites:hover {
            float: left;
            margin: 15px 0 0 0
        }

    .portfolio_area_right ul.small_social_links {
        margin: 22px 0 0 170px
    }

    .project_details span {
        padding: 4px 0
    }

    .project_details strong {
        width: 22%
    }

    .blog_post h3 {
        font-size: 18px;
        float: left;
        width: 71%;
        line-height: 25px
    }

    .blog_post a.date {
        float: left;
        margin-right: 15px
    }

    .post_info_content {
        padding: 0;
        margin: 10px 0 0 0;
        width: 97%;
        float: left
    }

    ul.post_meta_links {
        float: left;
        margin: -10px 0 12px 72px;
        padding: 0;
        width: 70%
    }

    .post_meta_links li.post_by {
        float: left;
        padding: 0 0 0 18px;
        background: url(../images/blog/icon-by-user.png) no-repeat 0 5px
    }

    .post_meta_links li.post_categoty {
        float: left;
        padding: 0 0 0 25px;
        background: url(../images/blog/icon-category.png) no-repeat 9px 6px
    }

    .post_meta_links li.post_comments {
        float: left;
        padding: 0 0 0 25px;
        background: url(../images/blog/icon-comments.png) no-repeat 9px 5px
    }

    .post_meta_links li a {
        color: #a1a1a1;
        padding: 0 10px 0 0;
        text-decoration: none;
        font-size: 10px
    }

    .blog_postcontent .image_frame {
        float: left;
        width: 100%;
        border: 7px solid #eee;
        margin-bottom: 25px
    }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 50%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .blog_postcontent .image_frame.small {
        float: left;
        width: 95%;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .blog_postcontent .video_frame.small iframe {
        float: left;
        width: 95%;
        height: 200px;
        border: 7px solid #ddd;
        margin-bottom: 25px
    }

    .post_info_content_small {
        padding: 0;
        margin: 0;
        width: 95%;
        float: left
    }

    ul.post_meta_links_small {
        float: left;
        margin: -15px 0 12px 80px;
        padding: 0;
        width: 70%
    }

    .pagination b {
        float: left;
        margin: 0 0 10px 0;
        padding: 0 10px;
        font-weight: 400;
        color: #999;
        width: 90%
    }

    #site-searchform #s {
        width: 74%
    }

    ul.adsbanner-list {
        margin: 0;
        padding: 0;
        float: left;
        width: 50%
    }

    .adsbanner-list li {
        margin: 0 10px 10px 0;
        padding: 0;
        float: left;
        width: 110px;
        height: 110px;
        list-style-type: none
    }

        .adsbanner-list li.last {
            margin: 0;
            padding: 0;
            float: left;
            width: 110px;
            height: 110px;
            list-style-type: none
        }

        .adsbanner-list li img {
            width: 100%;
            height: auto
        }

    ul.adsbanner-list.two {
        margin: 0;
        float: left
    }

    .about_author {
        width: 85%
    }

    .comment_form {
        float: left;
        width: 100%;
        margin-top: 30px
    }

        .comment_form label {
            float: left;
            width: 90px;
            height: 15px;
            padding: 7px 10px;
            margin-bottom: 20px
        }

    .comment_input_bg {
        float: left;
        width: 52%;
        height: 25px;
        padding: 7px 10px 0 10px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9
    }

    .comment_textarea_bg {
        float: left;
        width: 90%;
        height: 235px;
        padding: 7px 10px 0 10px;
        margin-bottom: 20px;
        border-top: 2px solid #e3e3e3;
        border-left: 2px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: #f9f9f9
    }

    .comment_checkbox {
        float: left;
        display: block;
        width: 90%;
        margin-top: 10px
    }

    .address-info {
        width: 84%
    }

    .google-map {
        width: 95%
    }

    .pricing-tables {
        width: 24%
    }

        .pricing-tables .title {
            font-size: 12px
        }

        .pricing-tables .price {
            font-size: 18px
        }

            .pricing-tables .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-helight {
        position: relative;
        float: left;
        width: 24%
    }

        .pricing-tables-helight .title {
            font-size: 12px
        }

        .pricing-tables-helight .price {
            font-size: 18px
        }

            .pricing-tables-helight .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-two {
        width: 32%
    }

        .pricing-tables-two .title {
            font-size: 12px
        }

        .pricing-tables-two .price {
            font-size: 18px
        }

            .pricing-tables-two .price i {
                font-size: 9px;
                margin-top: 0
            }

    .pricing-tables-helight-two {
        position: relative;
        float: left;
        width: 33%
    }

        .pricing-tables-helight-two .title {
            font-size: 12px
        }

        .pricing-tables-helight-two .price {
            font-size: 18px
        }

            .pricing-tables-helight-two .price i {
                font-size: 9px;
                margin-top: 0
            }

    .slidingDiv {
        height: 100px
    }

    a.show_hide {
        margin: 0 0 0 275px
    }

    .punchline_text_home h2 {
        width: 100%;
        margin: 0
    }

    .punchline_text_home strong {
        width: 100%;
        margin: 0 0 20px 0
    }

    .site_boxedfeatures_two {
        width: 80%
    }

        .site_boxedfeatures_two img {
            width: auto
        }

    .tci_list_left li {
        margin: 0 0 0 2px
    }

    .pricing-tables-main .ordernow .normalbut {
        padding: 10px 5px;
        font-size: 10px
    }

    .pricing-tables-main .ordernow .colorchan {
        padding: 10px 5px;
        font-size: 10px
    }

    .button_slider {
        margin: 0;
        padding: 0 0 0 5px;
        width: 58px;
        height: 18px;
        line-height: 18px;
        font-size: 7px;
        background-size: 100%
    }

        .button_slider:hover {
            color: #fff;
            background-size: 100%
        }

    .mar_top23 {
        width: 350px;
        margin-top: 50px
    }

    .blog_post {
        margin-top: 250px
    }

    .submenu_product {
        margin: 0 auto;
        width: 60%
    }

    ul.list_empty {
        padding: 0;
        margin: 0;
        margin-left: 5px;
        margin-top: 50px
    }

    ul.list_empty_products {
        padding: 0;
        margin: 0;
        width: 20%;
        font-size: 10px
    }

    .list_empty li {
        float: left;
        padding: 0;
        margin: 0 1px 2px 0
    }

    a.but_book, a.but_bookmark, a.but_calendar, a.but_camera, a.but_chat, a.but_check, a.but_coffe_cup, a.but_cogwheel, a.but_download, a.but_edit, a.but_envelope, a.but_exclamation_mark, a.but_file, a.but_folder_open, a.but_globe, a.but_goback, a.but_hand_right, a.but_hospital, a.but_info, a.but_lock, a.but_minus, a.but_music, a.but_new_window, a.but_ok_2, a.but_pdf, a.but_pencil, a.but_phone, a.but_play_button, a.but_plus, a.but_question_mark, a.but_remove_2, a.but_search, a.but_settings, a.but_shopping_cart, a.but_star, a.but_table, a.but_tag, a.but_thumbs_down, a.but_thumbs_up, a.but_user, a.but_warning_sign, a.but_wifi, a.but_woman, a.but_word_doc {
        font-family: 'Open Sans',sans-serif;
        font-size: 7px;
        color: #fff;
        font-weight: 600;
        -moz-border-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        width: 40%
    }

    .content_fullwidth_products {
        float: left;
        width: 320px;
        padding: 40px 0 0 0;
        margin-top: 290px
    }

    .content_fullwidth_support {
        float: left;
        width: 100%;
        padding: 40px 0 0 0;
        margin-top: 270px
    }

    .pic_product {
        width: 80%;
        margin-right: 0;
        padding-top: 25px
    }

    .downloads {
        width: 50%;
        margin-right: 0
    }

    .last {
        margin-right: 0 !important;
        clear: right
    }

    .product_title {
        font-weight: 700;
        width: 79%;
        float: left;
        color: #4d4d4f;
        font-size: 24px;
        margin-bottom: 10px
    }

    .submenu_support {
        margin: 0 auto;
        position: absolute;
        padding-top: 6px;
        margin-top: -18px;
        width: 80%;
        height: 35px
    }

    .table-style {
        float: left;
        width: 60%;
        margin-bottom: -15px
    }

    .page_title .title h1 {
        color: #4d4d4f;
        margin: 0;
        background: 0 0;
        line-height: 25px;
        font-size: 12px;
        font-family: 'Open Sans',sans-serif;
        font-weight: 700;
        width: 200px
    }

    h1 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 22px;
        padding-bottom: 8px;
        font-style: normal;
        background: url(../images/title-h-line.png) no-repeat left bottom
    }

    h5 {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px;
        font-style: normal;
        font-weight: 600;
        color: #fff
    }

    .page_title .pagenation {
        float: right;
        width: 45%;
        font-family: 'Open Sans',sans-serif;
        font-weight: 400;
        font-size: 0;
        text-align: right;
        font-weight: 400;
        color: #0061aa;
        margin: 0;
        margin-top: 10px;
        padding: 0;
        padding-right: 18px
    }

    .submenu_products {
        float: left;
        margin-left: -20px;
        position: absolute;
        padding-top: 0;
        margin-top: -12px;
        margin-bottom: 0;
        width: 100%;
        height: 35px;
        display: block
    }

    a.but_minus {
        padding: 5px 5px 5px 5px;
        margin: 0;
        background: #666;
        border-bottom: 5px solid #909090
    }

        a.but_minus:hover {
            background-color: #747474
        }

    a.but_camera {
        padding: 5px 11px 5px 11px;
        margin: 0;
        background: #007fcc;
        border-bottom: 1px solid #909090
    }

        a.but_camera:hover {
            background-color: #008ada
        }

    .copyright_info {
        float: left;
        padding: 35px 0 35px 0;
        margin: 0;
        width: 100%;
        color: #727272;
        background: #272727 url(../images/scrool-up-arrow-02.png) no-repeat center top
    }

    a.but_minus_home {
        padding: 10px 22px 10px 22px;
        margin: 0;
        background: #666;
        border-bottom: 5px solid #909090
    }

        a.but_minus_home:hover {
            background-color: #747474
        }

    a.but_plus_home {
        padding: 10px 22px 10px 22px;
        margin: 0;
        background: #333;
        border-bottom: 1px solid #909090
    }

        a.but_plus_home:hover {
            background-color: #444
        }

    .product_desc {
        padding: 8px;
        text-align: left
    }

    .tp-caption.h_line {
        width: 10%;
        height: 0;
        background-color: #0061aa
    }
}

#tabs {
    padding: 0;
    float: left;
    clear: both;
    width: 99%;
    margin-bottom: 0;
    margin-top: 10px;
    border: 1px solid #eee
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    min-height: 45px;
    width: 100%;
    background: #eee
}

    ul.tabs li {
        float: left;
        padding: 0;
        margin: 0;
        min-height: 45px;
        line-height: 45px;
        border-left: none;
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
        border-right: 2px solid #fff
    }

        ul.tabs li a {
            text-decoration: none;
            color: #454545;
            display: block;
            font-size: 12px;
            outline: 0;
            cursor: pointer;
            text-align: center;
            padding: 0 15px 0 15px;
            background-color: #eee;
            font-family: 'Open Sans' !important;
            font-weight: 400;
            font-weight: 600
        }

html ul.tabs li.active, html ul.tabs li.active a, html ul.tabs li.active a:hover {
    color: #454545;
    background-color: #fff;
    border-top: 2px solid #1889c1;
    height: 44px
}

.tab-container {
    overflow: hidden;
    clear: both;
    float: left;
    padding: 0;
    width: 100%;
    border-bottom: 3px solid #eee
}

.tab-content {
    padding: 25px;
    background: #fff;
    display: none
}

    .tab-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
        color: #454545
    }

@media only screen and (min-width:768px) and (max-width:999px) {
    #tabs {
        padding: 0;
        float: left;
        clear: both;
        width: 99.5%;
        margin-bottom: 0;
        margin-top: 10px;
        border: 1px solid #eee
    }

    .tab-container {
        overflow: hidden;
        clear: both;
        float: left;
        padding: 20px 15px 10px 15px;
        width: 96%;
        background-color: #fff
    }

    .tab-content {
        padding: 15px;
        font-size: 14px;
        background: #fff
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #tabs {
        padding: 0;
        float: left;
        clear: both;
        width: 99%;
        margin-bottom: 0;
        margin-top: 10px;
        border: 1px solid #eee
    }

    .tab-container {
        overflow: hidden;
        clear: both;
        float: left;
        padding: 20px 15px 10px 15px;
        width: 93%;
        background-color: #fff
    }

    .tab-content {
        padding: 5px;
        font-size: 14px;
        background: #fff
    }
}

@media only screen and (max-width:479px) {
    #tabs {
        padding: 0;
        float: left;
        clear: both;
        width: 98%;
        margin-bottom: 0;
        margin-top: 10px;
        border: 1px solid #eee
    }

    .tab-container {
        overflow: hidden;
        clear: both;
        float: left;
        padding: 20px 15px 10px 15px;
        width: 89%;
        background-color: #fff
    }

    .tab-content {
        padding: 5px;
        font-size: 14px;
        background: #fff
    }

    ul.tabs li a {
        font-size: 12px
    }
}

.result-table {
    padding: 5px
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert-heading {
    color: inherit
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

@media print {
    html {
        background: 0 0;
        padding: 0
    }

    body {
        box-shadow: none;
        margin: 0;
        transform: scale(1)
    }

    span:empty {
        display: none
    }

    .add, .cut {
        display: none
    }

    textarea {
        background: #fff
    }

    select {
        border: none;
        color: #000 !important
    }

    option {
        background-color: red !important
    }

    input {
        margin-top: 0 !important;
        color: #000 !important
    }

    .print-width {
        max-width: 150px !important;
        width: 150px
    }

    .select-unit {
        width: 150px !important;
        color: #000 !important
    }

    .print-width2 {
        max-width: 345px !important;
        width: 345px;
        color: #000
    }

    .form-control {
        overflow: visible !important;
        margin: 0
    }

    .moveup {
        margin-top: 0 !important
    }

    .no-print {
        display: none !important
    }

    .result-table {
        padding: 0 !important
    }

    .print-div {
        visibility: hidden
    }

    .content_fullwidth {
        padding: 0 !important;
        margin: 0 !important
    }
}

.content_center {
    margin: auto;
    width: 71%;
    padding: 0px;
}

.button_badge {
    margin: 0px;
    padding: 0px 0px 35px 35px;
    width: 170px;
    height: 41px;
    float: left;
    text-align: left;
    line-height: 40px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: url(../images/award_medal.png) no-repeat left center;
    background-color: blueviolet;
    border-radius: 4px;
}

    .button_badge:hover {
        color: #fff;
    }

aside {
    margin: 20px 0;
    line-height: 14px;
    position: relative;
    cursor: pointer;
    user-select: none;
}

    aside:hover {
        top: -1px;
    }

    aside:active {
        top: 1px;
    }



    aside.ribbon {
        color: black;
        font-size: smaller;
        text-align: center;
        padding: 5px;
        border-radius: 4px;
    }

        aside.ribbon:before, aside.ribbon:after {
            top: 5px;
            z-index: -10;
        }

        aside.ribbon:before {
            border-color: #AA8C2C #AA8C2C #887023 transparent;
            left: -27px;
            border-width: 25px;
        }

        aside.ribbon:after {
            border-color: #AA8C2C transparent #AA8C2C #AA8C2C;
            right: -27px;
            border-width: 25px;
        }





    aside:before, aside:after {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        border-style: solid;
        border-width: 0;
    }

.golddiv {
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

.showribbon {
    display: block;
}

.hideribbon {
    display: none;
}

.required {
    color: red;
}
