Font Awesome icon usage statistics

  • 14 types of Font Awesome iconic font are used and found 34 times in total.
  • VIVACITYINFOTECH.COM used 2.4 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of VIVACITYINFOTECH.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • VIVACITYINFOTECH.COM includes "http://VIVACITYINFOTECH.COM/css/style.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.glyphicon:empty{width:1em}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px
    0;
    margin:2px 0 0;
    font-size:14px;
    list-style:none;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0,
    0,
    0,
    0.15);
    border-radius:4px;
    -webkit-box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    box-shadow:0 6px 12px rgba(0,
    0,
    0,
    0.175);
    background-clip:padding-box
    }
    .dropdown-menu.pull-right {
        right:0;
        left:auto
    }
    .dropdown-menu .divider {
        height:1px;
        margin:9px 0;
        overflow:hidden;
        background-color:#e5e5e5
    }
    .dropdown-menu>li>a {
        display:block;
        padding:3px 20px;
        clear:both;
        font-weight:normal;
        line-height:1.428571429;
        color:#333;
        white-space:nowrap
    }
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        color:#262626;
        text-decoration:none;
        background-color:#f5f5f5
    }
    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        color:#fff;
        text-decoration:none;
        background-color:#428bca;
        outline:0
    }
    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        color:#999
    }
    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        text-decoration:none;
        cursor:not-allowed;
        background-color:transparent;
        background-image:none;
        filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }
    .open>.dropdown-menu {
        display:block
    }
    .open>a {
        outline:0
    }
    .dropdown-header {
        display:block;
        padding:3px 20px;
        font-size:12px;
        line-height:1.428571429;
        color:#999
    }
    .dropdown-backdrop {
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:990
    }
    .pull-right>.dropdown-menu {
        right:0;
        left:auto
    }
    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        border-top:0 dotted;
        border-bottom:4px solid #000;
        content:""
    }
    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top:auto;
        bottom:100%;
        margin-bottom:1px
    }
    @media(min-width:768px){.navbar-right .dropdown-menu {
        right:0;
        left:auto
    }
    }
    .btn-default .caret {
        border-top-color:#333
    }
    .btn-primary .caret,
    .btn-success .caret,
    .btn-warning .caret,
    .btn-danger .caret,
    .btn-info .caret {
        border-top-color:#fff
    }
    .dropup .btn-default .caret {
        border-bottom-color:#333
    }
    .dropup .btn-primary .caret,
    .dropup .btn-success .caret,
    .dropup .btn-warning .caret,
    .dropup .btn-danger .caret,
    .dropup .btn-info .caret {
        border-bottom-color:#fff
    }
    .btn-group,
    .btn-group-vertical {
        position:relative;
        display:inline-block;
        vertical-align:middle
    }
    .btn-group>.btn,
    .btn-group-vertical>.btn {
        position:relative;
        float:left
    }
    .btn-group>.btn:hover,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn:focus,
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn:active,
    .btn-group-vertical>.btn:active,
    .btn-group>.btn.active,
    .btn-group-vertical>.btn.active {
        z-index:2
    }
    .btn-group>.btn:focus,
    .btn-group-vertical>.btn:focus {
        outline:0
    }
    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left:-1px
    }
    .btn-toolbar:before,
    .btn-toolbar:after {
        display:table;
        content:" "
    }
    .btn-toolbar:after {
        clear:both
    }
    .btn-toolbar:before,
    .btn-toolbar:after {
        display:table;
        content:" "
    }
    .btn-toolbar:after {
        clear:both
    }
    .btn-toolbar .btn-group {
        float:left
    }
    .btn-toolbar>.btn+.btn,
    .btn-toolbar>.btn-group+.btn,
    .btn-toolbar>.btn+.btn-group,
    .btn-toolbar>.btn-group+.btn-group {
        margin-left:5px
    }
    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius:0
    }
    .btn-group>.btn:first-child {
        margin-left:0
    }
    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .btn-group>.btn-group {
        float:left
    }
    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius:0
    }
    .btn-group>.btn-group:first-child>.btn:last-child,
    .btn-group>.btn-group:first-child>.dropdown-toggle {
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .btn-group>.btn-group:last-child>.btn:first-child {
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline:0
    }
    .btn-group-xs>.btn {
        padding:5px 10px;
        padding:1px 5px;
        font-size:12px;
        line-height:1.5;
        border-radius:3px
    }
    .btn-group-sm>.btn {
        padding:5px 10px;
        font-size:12px;
        line-height:1.5;
        border-radius:3px
    }
    .btn-group-lg>.btn {
        padding:10px 16px;
        font-size:18px;
        line-height:1.33;
        border-radius:6px
    }
    .btn-group>.btn+.dropdown-toggle {
        padding-right:8px;
        padding-left:8px
    }
    .btn-group>.btn-lg+.dropdown-toggle {
        padding-right:12px;
        padding-left:12px
    }
    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow:inset 0 3px 5px rgba(0,
        0,
        0,
        0.125);
        box-shadow:inset 0 3px 5px rgba(0,
        0,
        0,
        0.125)
    }
    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .btn .caret {
        margin-left:0
    }
    .btn-lg .caret {
        border-width:5px 5px 0;
        border-bottom-width:0
    }
    .dropup .btn-lg .caret {
        border-width:0 5px 5px
    }
    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group {
        display:block;
        float:none;
        width:100%;
        max-width:100%
    }
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after {
        display:table;
        content:" "
    }
    .btn-group-vertical>.btn-group:after {
        clear:both
    }
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after {
        display:table;
        content:" "
    }
    .btn-group-vertical>.btn-group:after {
        clear:both
    }
    .btn-group-vertical>.btn-group>.btn {
        float:none
    }
    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top:-1px;
        margin-left:0
    }
    .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius:0
    }
    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-right-radius:4px;
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
    }
    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-right-radius:0;
        border-bottom-left-radius:4px;
        border-top-left-radius:0
    }
    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius:0
    }
    .btn-group-vertical>.btn-group:first-child>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child>.dropdown-toggle {
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
    }
    .btn-group-vertical>.btn-group:last-child>.btn:first-child {
        border-top-right-radius:0;
        border-top-left-radius:0
    }
    .btn-group-justified {
        display:table;
        width:100%;
        border-collapse:separate;
        table-layout:fixed
    }
    .btn-group-justified .btn {
        display:table-cell;
        float:none;
        width:1%
    }
    [data-toggle="buttons"]>.btn>input[type="radio"],
    [data-toggle="buttons"]>.btn>input[type="checkbox"] {
        display:none
    }
    .input-group {
        position:relative;
        display:table;
        border-collapse:separate
    }
    .input-group.col {
        float:none;
        padding-right:0;
        padding-left:0
    }
    .input-group .form-control {
        width:100%;
        margin-bottom:0
    }
    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height:45px;
        padding:10px 16px;
        font-size:18px;
        line-height:1.33;
        border-radius:6px
    }
    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height:45px;
        line-height:45px
    }
    textarea.input-group-lg>.form-control,
    textarea.input-group-lg>.input-group-addon,
    textarea.input-group-lg>.input-group-btn>.btn {
        height:auto
    }
    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn {
        height:30px;
        padding:5px 10px;
        font-size:12px;
        line-height:1.5;
        border-radius:3px
    }
    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn {
        height:30px;
        line-height:30px
    }
    textarea.input-group-sm>.form-control,
    textarea.input-group-sm>.input-group-addon,
    textarea.input-group-sm>.input-group-btn>.btn {
        height:auto
    }
    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display:table-cell
    }
    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius:0
    }
    .input-group-addon,
    .input-group-btn {
        width:1%;
        white-space:nowrap;
        vertical-align:middle
    }
    .input-group-addon {
        padding:6px 12px;
        font-size:14px;
        font-weight:normal;
        line-height:1;
        color:#555;
        text-align:center;
        background-color:#eee;
        border:1px solid #ccc;
        border-radius:4px
    }
    .input-group-addon.input-sm {
        padding:5px 10px;
        font-size:12px;
        border-radius:3px
    }
    .input-group-addon.input-lg {
        padding:10px 16px;
        font-size:18px;
        border-radius:6px
    }
    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top:0
    }
    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius:0;
        border-bottom-right-radius:0
    }
    .input-group-addon:first-child {
        border-right:0
    }
    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:first-child>.btn:not(:first-child) {
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .input-group-addon:last-child {
        border-left:0
    }
    .input-group-btn {
        position:relative;
        white-space:nowrap
    }
    .input-group-btn:first-child>.btn {
        margin-right:-1px
    }
    .input-group-btn:last-child>.btn {
        margin-left:-1px
    }
    .input-group-btn>.btn {
        position:relative
    }
    .input-group-btn>.btn+.btn {
        margin-left:-4px
    }
    .input-group-btn>.btn:hover,
    .input-group-btn>.btn:active {
        z-index:2
    }
    .nav {
        padding-left:0;
        margin-bottom:0;
        list-style:none
    }
    .nav:before,
    .nav:after {
        display:table;
        content:" "
    }
    .nav:after {
        clear:both
    }
    .nav:before,
    .nav:after {
        display:table;
        content:" "
    }
    .nav:after {
        clear:both
    }
    .nav>li {
        position:relative;
        display:block
    }
    .nav>li>a {
        position:relative;
        display:block;
        padding:10px 15px
    }
    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration:none
    }
    .nav>li.disabled>a {
        color:#999
    }
    .nav>li.disabled>a:hover,
    .nav>li.disabled>a:focus {
        color:#999;
        text-decoration:none;
        cursor:not-allowed;
        background-color:transparent
    }
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        border-color:#428bca
    }
    .nav .open>a .caret,
    .nav .open>a:hover .caret,
    .nav .open>a:focus .caret {
        border-top-color:#2a6496;
        border-bottom-color:#2a6496
    }
    .nav .nav-divider {
        height:1px;
        margin:9px 0;
        overflow:hidden;
        background-color:#e5e5e5
    }
    .nav>li>a>img {
        max-width:none
    }
    .nav-tabs {
        border-bottom:1px solid #ddd
    }
    .nav-tabs>li {
        float:left;
        margin-bottom:-1px
    }
    .nav-tabs>li>a {
        margin-right:2px;
        line-height:1.428571429;
        border:1px solid transparent;
        border-radius:4px 4px 0 0
    }
    .nav-tabs>li>a:hover {
        border-color:#eee #eee #ddd
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        color:#555;
        cursor:default;
        background-color:#fff;
        border:1px solid #ddd;
        border-bottom-color:transparent
    }
    .nav-tabs.nav-justified {
        width:100%;
        border-bottom:0
    }
    .nav-tabs.nav-justified>li {
        float:none
    }
    .nav-tabs.nav-justified>li>a {
        margin-bottom:5px;
        text-align:center
    }
    .nav-tabs.nav-justified>.dropdown .dropdown-menu {
        top:auto;
        left:auto
    }
    @media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px
    solid #ddd
    }
    @media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;
    border-radius:4px 4px 0 0
    }
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color:#fff
    }
    }
    .nav-pills>li {
        float:left
    }
    .nav-pills>li>a {
        border-radius:4px
    }
    .nav-pills>li+li {
        margin-left:2px
    }
    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        color:#fff;
        background-color:#428bca
    }
    .nav-pills>li.active>a .caret,
    .nav-pills>li.active>a:hover .caret,
    .nav-pills>li.active>a:focus .caret {
        border-top-color:#fff;
        border-bottom-color:#fff
    }
    .nav-stacked>li {
        float:none
    }
    .nav-stacked>li+li {
        margin-top:2px;
        margin-left:0
    }
    .nav-justified {
        width:100%
    }
    .nav-justified>li {
        float:none
    }
    .nav-justified>li>a {
        margin-bottom:5px;
        text-align:center
    }
    .nav-justified>.dropdown .dropdown-menu {
        top:auto;
        left:auto
    }
    @media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px
    solid #ddd
    }
    @media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;
    border-radius:4px 4px 0 0
    }
    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border-bottom-color:#fff
    }
    }
    .tab-content>.tab-pane {
        display:none
    }
    .tab-content>.active {
        display:block
    }
    .nav .caret {
        border-top-color:#428bca;
        border-bottom-color:#428bca
    }
    .nav a:hover .caret {
        border-top-color:#2a6496;
        border-bottom-color:#2a6496
    }
    .nav-tabs .dropdown-menu {
        margin-top:-1px;
        border-top-right-radius:0;
        border-top-left-radius:0
    }
    .navbar {
        position:relative;
        min-height:50px;
        margin-bottom:20px;
        border:1px solid transparent
    }
    .navbar:before,
    .navbar:after {
        display:table;
        content:" "
    }
    .navbar:after {
        clear:both
    }
    .navbar:before,
    .navbar:after {
        display:table;
        content:" "
    }
    .navbar:after {
        clear:both
    }
    @media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:""}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:""}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:""}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:auto}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left: -15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right: -15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right: -15px;margin-left: -15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px
    15px;
    font-size:18px;
    line-height:20px
    }
    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration:none
    }
    @media(min-width:768px){.navbar>.container .navbar-brand {
        margin-left:-15px
    }
    }
    .navbar-toggle {
        position:relative;
        float:right;
        padding:9px 10px;
        margin-top:8px;
        margin-right:15px;
        margin-bottom:8px;
        background-color:transparent;
        border:1px solid transparent;
        border-radius:4px
    }
    .navbar-toggle .icon-bar {
        display:block;
        width:22px;
        height:2px;
        border-radius:1px
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top:4px
    }
    @media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px
    }
    .navbar-nav>li>a {
        padding-top:10px;
        padding-bottom:10px;
        line-height:20px
    }
    @media(max-width:767px){.navbar-nav .open .dropdown-menu {
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        box-shadow:none
    }
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding:5px 15px 5px 25px
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height:20px
    }
    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image:none
    }
    }
    @media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px
    15px;
    margin-top:8px;
    margin-right:-15px;
    margin-bottom:8px;
    margin-left:-15px;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,
    255,
    255,
    0.1),
    0 1px 0 rgba(255,
    255,
    255,
    0.1);
    box-shadow:inset 0 1px 0 rgba(255,
    255,
    255,
    0.1),
    0 1px 0 rgba(255,
    255,
    255,
    0.1)
    }
    @media(min-width:768px){.navbar-form .form-group {
        display:inline-block;
        margin-bottom:0;
        vertical-align:middle
    }
    .navbar-form .form-control {
        display:inline-block
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
        display:inline-block;
        padding-left:0;
        margin-top:0;
        margin-bottom:0
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float:none;
        margin-left:0
    }
    }
    @media(max-width:767px){.item img   { width: 90%;  height: auto;  }
        
        .carousel .item { height: 200px; }
        #c-slide .item { min-height: 200px !important; }
    .btex {
        font-size:20vw !important
    }
    .item .container .notransition {
        text-align:center
    }
    .navbar-form .form-group {
        margin-bottom:5px
    }
        
        .carousel-control.left, .carousel-control.right { margin-top: 16% !important; }
    }
    @media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        border-bottom-right-radius:0;
        border-bottom-left-radius:0
    }
    .navbar-nav.pull-right>li>.dropdown-menu,
    .navbar-nav>li>.dropdown-menu.pull-right {
        right:0;
        left:auto
    }
    .navbar-btn {
        margin-top:8px;
        margin-bottom:8px
    }
    .navbar-text {
        float:left;
        margin-top:15px;
        margin-bottom:15px
    }
    @media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand {
        color:#777
    }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color:#5e5e5e;
        background-color:transparent
    }
    .navbar-default .navbar-text {
        color:#777
    }
    .navbar-default .navbar-nav>li>a {
        color:#777
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color:#333;
        background-color:transparent
    }
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color:#555;
        background-color:#e7e7e7
    }
    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:hover,
    .navbar-default .navbar-nav>.disabled>a:focus {
        color:#ccc;
        background-color:transparent
    }
    .navbar-default .navbar-toggle {
        border-color:#ddd
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color:#ddd
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color:#ccc
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color:#e7e7e7
    }
    .navbar-default .navbar-nav>.dropdown>a:hover .caret,
    .navbar-default .navbar-nav>.dropdown>a:focus .caret {
        border-top-color:#333;
        border-bottom-color:#333
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        color:#555;
        background-color:#e7e7e7
    }
    .navbar-default .navbar-nav>.open>a .caret,
    .navbar-default .navbar-nav>.open>a:hover .caret,
    .navbar-default .navbar-nav>.open>a:focus .caret {
        border-top-color:#555;
        border-bottom-color:#555
    }
    .navbar-default .navbar-nav>.dropdown>a .caret {
        border-top-color:#777;
        border-bottom-color:#777
    }
    @media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color:#333;
        background-color:transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color:#555;
        background-color:#e7e7e7
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color:#ccc;
        background-color:transparent
    }
    }
    .navbar-default .navbar-link {
        color:#777
    }
    .navbar-default .navbar-link:hover {
        color:#333
    }
    .navbar-inverse {
        background-color:#222;
        border-color:#080808
    }
    .navbar-inverse .navbar-brand {
        color:#999
    }
    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color:#fff;
        background-color:transparent
    }
    .navbar-inverse .navbar-text {
        color:#999
    }
    .navbar-inverse .navbar-nav>li>a {
        color:#999
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        color:#fff;
        background-color:transparent
    }
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        color:#fff;
        background-color:#080808
    }
    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:hover,
    .navbar-inverse .navbar-nav>.disabled>a:focus {
        color:#444;
        background-color:transparent
    }
    .navbar-inverse .navbar-toggle {
        border-color:#333
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color:#333
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color:#fff
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color:#101010
    }
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        color:#fff;
        background-color:#080808
    }
    .navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
        border-top-color:#fff;
        border-bottom-color:#fff
    }
    .navbar-inverse .navbar-nav>.dropdown>a .caret {
        border-top-color:#999;
        border-bottom-color:#999
    }
    .navbar-inverse .navbar-nav>.open>a .caret,
    .navbar-inverse .navbar-nav>.open>a:hover .caret,
    .navbar-inverse .navbar-nav>.open>a:focus .caret {
        border-top-color:#fff;
        border-bottom-color:#fff
    }
    @media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color:#999
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color:#fff;
        background-color:transparent
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color:#fff;
        background-color:#080808
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color:#444;
        background-color:transparent
    }
    }
    .navbar-inverse .navbar-link {
        color:#999
    }
    .navbar-inverse .navbar-link:hover {
        color:#fff
    }
    .breadcrumb {
        padding:8px 15px;
        margin-bottom:20px;
        list-style:none;
        background-color:#f5f5f5;
        border-radius:4px
    }
    .breadcrumb>li {
        display:inline-block
    }
    .breadcrumb>li+li:before {
        padding:0 5px;
        color:#ccc;
        content:"/\00a0"
    }
    .breadcrumb>.active {
        color:#999
    }
    .pagination {
        display:inline-block;
        padding-left:0;
        margin:20px 0;
        border-radius:4px
    }
    .pagination>li {
        display:inline
    }
    .pagination>li>a,
    .pagination>li>span {
        position:relative;
        float:left;
        padding:6px 12px;
        margin-left:-1px;
        line-height:1.428571429;
        text-decoration:none;
        background-color:#fff;
        border:1px solid #ddd
    }
    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left:0;
        border-bottom-left-radius:4px;
        border-top-left-radius:4px
    }
    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius:4px;
        border-bottom-right-radius:4px
    }
    .pagination>li>a:hover,
    .pagination>li>span:hover,
    .pagination>li>a:focus,
    .pagination>li>span:focus {
        background-color:#eee
    }
    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        z-index:2;
        color:#fff;
        cursor:default;
        background-color:#428bca;
        border-color:#428bca
    }
    .pagination>.disabled>span,
    .pagination>.disabled>span:hover,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>a,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>a:focus {
        color:#999;
        cursor:not-allowed;
        background-color:#fff;
        border-color:#ddd
    }
    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding:10px 16px;
        font-size:18px
    }
    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-bottom-left-radius:6px;
        border-top-left-radius:6px
    }
    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius:6px;
        border-bottom-right-radius:6px
    }
    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding:5px 10px;
        font-size:12px
    }
    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-bottom-left-radius:3px;
        border-top-left-radius:3px
    }
    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius:3px;
        border-bottom-right-radius:3px
    }
    .pager {
        padding-left:0;
        margin:20px 0;
        text-align:center;
        list-style:none
    }
    .pager:before,
    .pager:after {
        display:table;
        content:" "
    }
    .pager:after {
        clear:both
    }
    .pager:before,
    .pager:after {
        display:table;
        content:" "
    }
    .pager:after {
        clear:both
    }
    .pager li {
        display:inline
    }
    .pager li>a,
    .pager li>span {
        display:inline-block;
        padding:5px 14px;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius:15px
    }
    .pager li>a:hover,
    .pager li>a:focus {
        text-decoration:none;
        background-color:#eee
    }
    .pager .next>a,
    .pager .next>span {
        float:right
    }
    .pager .previous>a,
    .pager .previous>span {
        float:left
    }
    .pager .disabled>a,
    .pager .disabled>a:hover,
    .pager .disabled>a:focus,
    .pager .disabled>span {
        color:#999;
        cursor:not-allowed;
        background-color:#fff
    }
    .label {
        display:inline;
        padding:.2em .6em .3em;
        font-size:75%;
        font-weight:bold;
        line-height:1;
        color:#fff;
        text-align:center;
        white-space:nowrap;
        vertical-align:baseline;
        border-radius:.25em
    }
    .label[href]:hover,
    .label[href]:focus {
        color:#fff;
        text-decoration:none;
        cursor:pointer
    }
    .label:empty {
        display:none
    }
    .label-default {
        background-color:#999
    }
    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color:#808080
    }
    .label-primary {
        background-color:#428bca
    }
    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color:#3071a9
    }
    .label-success {
        background-color:#5cb85c
    }
    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color:#449d44
    }
    .label-info {
        background-color:#5bc0de
    }
    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color:#31b0d5
    }
    .label-warning {
        background-color:#f0ad4e
    }
    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color:#ec971f
    }
    .label-danger {
        background-color:#d9534f
    }
    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color:#c9302c
    }
    .badge {
        display:inline-block;
        min-width:10px;
        padding:3px 7px;
        font-size:12px;
        font-weight:bold;
        line-height:1;
        color:#fff;
        text-align:center;
        white-space:nowrap;
        vertical-align:baseline;
        background-color:#999;
        border-radius:10px
    }
    .badge:empty {
        display:none
    }
    a.badge:hover,
    a.badge:focus {
        color:#fff;
        text-decoration:none;
        cursor:pointer
    }
    .btn .badge {
        position:relative;
        top:-1px
    }
    a.list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color:#428bca;
        background-color:#fff
    }
    .nav-pills>li>a>.badge {
        margin-left:3px
    }
    .jumbotron {
        padding:30px;
        margin-bottom:30px;
        font-size:21px;
        font-weight:200;
        line-height:2.1428571435;
        color:inherit;
        background-color:#eee
    }
    .jumbotron h1 {
        line-height:1;
        color:inherit
    }
    .jumbotron p {
        line-height:1.4
    }
    .container .jumbotron {
        border-radius:6px
    }
    @media screen and (min-width: 768px) {
        .jumbotron {
            padding-top:48px;
            padding-bottom:48px
        }
        .container .jumbotron {
            padding-right:60px;
            padding-left:60px
        }
        .jumbotron h1 {
            font-size:63px
        }
    }
    .thumbnail {
        display:inline-block;
        display:block;
        height:auto;
        max-width:100%;
        padding:4px;
        margin-bottom:20px;
        line-height:1.428571429;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius:4px;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
    .thumbnail>img {
        display:block;
        height:auto;
        max-width:100%;
        margin-right:auto;
        margin-left:auto
    }
    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active {
        border-color:#428bca
    }
    .thumbnail .caption {
        padding:9px;
        color:#333
    }
    .alert {
        padding:15px;
        margin-bottom:20px;
        border:1px solid transparent;
        border-radius:4px
    }
    .alert h4 {
        margin-top:0;
        color:inherit
    }
    .alert .alert-link {
        font-weight:bold
    }
    .alert>p,
    .alert>ul {
        margin-bottom:0
    }
    .alert>p+p {
        margin-top:5px
    }
    .alert-dismissable {
        padding-right:35px
    }
    .alert-dismissable .close {
        position:relative;
        top:-2px;
        right:-21px;
        color:inherit
    }
    .alert-success {
        color:#468847;
        background-color:#dff0d8;
        border-color:#d6e9c6
    }
    .alert-success hr {
        border-top-color:#c9e2b3
    }
    .alert-success .alert-link {
        color:#356635
    }
    .alert-info {
        color:#3a87ad;
        background-color:#d9edf7;
        border-color:#bce8f1
    }
    .alert-info hr {
        border-top-color:#a6e1ec
    }
    .alert-info .alert-link {
        color:#2d6987
    }
    .alert-warning {
        color:#c09853;
        background-color:#fcf8e3;
        border-color:#faebcc
    }
    .alert-warning hr {
        border-top-color:#f7e1b5
    }
    .alert-warning .alert-link {
        color:#a47e3c
    }
    .alert-danger {
        color:#b94a48;
        background-color:#f2dede;
        border-color:#ebccd1
    }
    .alert-danger hr {
        border-top-color:#e4b9c0
    }
    .alert-danger .alert-link {
        color:#953b39
    }
    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position:40px 0
        }
        to {
            background-position:0 0
        }
    }
    @-moz-keyframes progress-bar-stripes {
        from {
            background-position:40px 0
        }
        to {
            background-position:0 0
        }
    }
    @-o-keyframes progress-bar-stripes {
        from {
            background-position:0 0
        }
        to {
            background-position:40px 0
        }
    }
    @keyframes progress-bar-stripes {
        from {
            background-position:40px 0
        }
        to {
            background-position:0 0
        }
    }
    .progress {
        height:20px;
        margin-bottom:20px;
        overflow:hidden;
        background-color:#f5f5f5;
        border-radius:4px;
        -webkit-box-shadow:inset 0 1px 2px rgba(0,
        0,
        0,
        0.1);
        box-shadow:inset 0 1px 2px rgba(0,
        0,
        0,
        0.1)
    }
    .progress-bar {
        float:left;
        width:0;
        height:100%;
        font-size:12px;
        line-height:20px;
        color:#fff;
        text-align:center;
        background-color:#428bca;
        -webkit-box-shadow:inset 0 -1px 0 rgba(0,
        0,
        0,
        0.15);
        box-shadow:inset 0 -1px 0 rgba(0,
        0,
        0,
        0.15);
        -webkit-transition:width .6s ease;
        transition:width .6s ease
    }
    .progress-striped .progress-bar {
        background-image:-webkit-gradient(linear,
        0 100%,
        100% 0,
        color-stop(0.25,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.25,
        transparent),
        color-stop(0.5,
        transparent),
        color-stop(0.5,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        transparent),
        to(transparent));
        background-image:-webkit-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:-moz-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-size:40px 40px
    }
    .progress.active .progress-bar {
        -webkit-animation:progress-bar-stripes 2s linear infinite;
        animation:progress-bar-stripes 2s linear infinite
    }
    .progress-bar-success {
        background-color:#5cb85c
    }
    .progress-striped .progress-bar-success {
        background-image:-webkit-gradient(linear,
        0 100%,
        100% 0,
        color-stop(0.25,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.25,
        transparent),
        color-stop(0.5,
        transparent),
        color-stop(0.5,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        transparent),
        to(transparent));
        background-image:-webkit-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:-moz-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent)
    }
    .progress-bar-info {
        background-color:#5bc0de
    }
    .progress-striped .progress-bar-info {
        background-image:-webkit-gradient(linear,
        0 100%,
        100% 0,
        color-stop(0.25,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.25,
        transparent),
        color-stop(0.5,
        transparent),
        color-stop(0.5,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        transparent),
        to(transparent));
        background-image:-webkit-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:-moz-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent)
    }
    .progress-bar-warning {
        background-color:#f0ad4e
    }
    .progress-striped .progress-bar-warning {
        background-image:-webkit-gradient(linear,
        0 100%,
        100% 0,
        color-stop(0.25,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.25,
        transparent),
        color-stop(0.5,
        transparent),
        color-stop(0.5,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        transparent),
        to(transparent));
        background-image:-webkit-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:-moz-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent)
    }
    .progress-bar-danger {
        background-color:#d9534f
    }
    .progress-striped .progress-bar-danger {
        background-image:-webkit-gradient(linear,
        0 100%,
        100% 0,
        color-stop(0.25,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.25,
        transparent),
        color-stop(0.5,
        transparent),
        color-stop(0.5,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        rgba(255,
        255,
        255,
        0.15)),
        color-stop(0.75,
        transparent),
        to(transparent));
        background-image:-webkit-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:-moz-linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent);
        background-image:linear-gradient(45deg,
        rgba(255,
        255,
        255,
        0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255,
        255,
        255,
        0.15) 50%,
        rgba(255,
        255,
        255,
        0.15) 75%,
        transparent 75%,
        transparent)
    }
    .media,
    .media-body {
        overflow:hidden;
        zoom:1
    }
    .media,
    .media .media {
        margin-top:15px
    }
    .media:first-child {
        margin-top:0
    }
    .media-object {
        display:block
    }
    .media-heading {
        margin:0 0 5px
    }
    .media>.pull-left {
        margin-right:10px
    }
    .media>.pull-right {
        margin-left:10px
    }
    .media-list {
        padding-left:0;
        list-style:none
    }
    .list-group {
        padding-left:0;
        margin-bottom:20px
    }
    .list-group-item {
        position:relative;
        display:block;
        padding:10px 15px;
        margin-bottom:-1px;
        background-color:#fff;
        border:1px solid #ddd
    }
    .list-group-item:first-child {
        border-top-right-radius:4px;
        border-top-left-radius:4px
    }
    .list-group-item:last-child {
        margin-bottom:0;
        border-bottom-right-radius:4px;
        border-bottom-left-radius:4px
    }
    .list-group-item>.badge {
        float:right
    }
    .list-group-item>.badge+.badge {
        margin-right:5px
    }
    a.list-group-item {
        color:#555
    }
    a.list-group-item .list-group-item-heading {
        color:#333
    }
    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration:none;
        background-color:#f5f5f5
    }
    a.list-group-item.active,
    a.list-group-item.active:hover,
    a.list-group-item.active:focus {
        z-index:2;
        color:#fff;
        background-color:#428bca;
        border-color:#428bca
    }
    a.list-group-item.active .list-group-item-heading,
    a.list-group-item.active:hover .list-group-item-heading,
    a.list-group-item.active:focus .list-group-item-heading {
        color:inherit
    }
    a.list-group-item.active .list-group-item-text,
    a.list-group-item.active:hover .list-group-item-text,
    a.list-group-item.active:focus .list-group-item-text {
        color:#e1edf7
    }
    .list-group-item-heading {
        margin-top:0;
        margin-bottom:5px
    }
    .list-group-item-text {
        margin-bottom:0;
        line-height:1.3
    }
    .panel {
        margin-bottom:20px;
        background-color:#fff;
        border:1px solid transparent;
        border-radius:4px;
        -webkit-box-shadow:0 1px 1px rgba(0,
        0,
        0,
        0.05);
        box-shadow:0 1px 1px rgba(0,
        0,
        0,
        0.05)
    }
    .panel-body {
        padding:15px
    }
    .panel-body:before,
    .panel-body:after {
        display:table;
        content:" "
    }
    .panel-body:after {
        clear:both
    }
    .panel-body:before,
    .panel-body:after {
        display:table;
        content:" "
    }
    .panel-body:after {
        clear:both
    }
    .panel>.list-group {
        margin-bottom:0
    }
    .panel>.list-group .list-group-item {
        border-width:1px 0
    }
    .panel>.list-group .list-group-item:first-child {
        border-top-right-radius:0;
        border-top-left-radius:0
    }
    .panel>.list-group .list-group-item:last-child {
        border-bottom:0
    }
    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width:0
    }
    .panel>.table,
    .panel>.table-responsive {
        margin-bottom:0
    }
    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive {
        border-top:1px solid #ddd
    }
    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border:0
    }
    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left:0
    }
    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right:0
    }
    .panel>.table-bordered>thead>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:last-child>th,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-bordered>thead>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom:0
    }
    .panel-heading {
        padding:10px 15px;
        border-bottom:1px solid transparent;
        border-top-right-radius:3px;
        border-top-left-radius:3px
    }
    .panel-heading>.dropdown .dropdown-toggle {
        color:inherit
    }
    .panel-title {
        margin-top:0;
        margin-bottom:0;
        font-size:16px
    }
    .panel-title>a {
        color:inherit
    }
    .panel-footer {
        padding:10px 15px;
        background-color:#f5f5f5;
        border-top:1px solid #ddd;
        border-bottom-right-radius:3px;
        border-bottom-left-radius:3px
    }
    .panel-group .panel {
        margin-bottom:0;
        overflow:hidden;
        border-radius:4px
    }
    .panel-group .panel+.panel {
        margin-top:5px
    }
    .panel-group .panel-heading {
        border-bottom:0
    }
    .panel-group .panel-heading+.panel-collapse .panel-body {
        border-top:1px solid #ddd
    }
    .panel-group .panel-footer {
        border-top:0
    }
    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom:1px solid #ddd
    }
    .panel-default {
        border-color:#ddd
    }
    .panel-default>.panel-heading {
        color:#333;
        background-color:#f5f5f5;
        border-color:#ddd
    }
    .panel-default>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#ddd
    }
    .panel-default>.panel-heading>.dropdown .caret {
        border-color:#333 transparent
    }
    .panel-default>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#ddd
    }
    .panel-primary {
        border-color:#428bca
    }
    .panel-primary>.panel-heading {
        color:#fff;
        background-color:#428bca;
        border-color:#428bca
    }
    .panel-primary>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#428bca
    }
    .panel-primary>.panel-heading>.dropdown .caret {
        border-color:#fff transparent
    }
    .panel-primary>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#428bca
    }
    .panel-success {
        border-color:#d6e9c6
    }
    .panel-success>.panel-heading {
        color:#468847;
        background-color:#dff0d8;
        border-color:#d6e9c6
    }
    .panel-success>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#d6e9c6
    }
    .panel-success>.panel-heading>.dropdown .caret {
        border-color:#468847 transparent
    }
    .panel-success>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#d6e9c6
    }
    .panel-warning {
        border-color:#faebcc
    }
    .panel-warning>.panel-heading {
        color:#c09853;
        background-color:#fcf8e3;
        border-color:#faebcc
    }
    .panel-warning>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#faebcc
    }
    .panel-warning>.panel-heading>.dropdown .caret {
        border-color:#c09853 transparent
    }
    .panel-warning>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#faebcc
    }
    .panel-danger {
        border-color:#ebccd1
    }
    .panel-danger>.panel-heading {
        color:#b94a48;
        background-color:#f2dede;
        border-color:#ebccd1
    }
    .panel-danger>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#ebccd1
    }
    .panel-danger>.panel-heading>.dropdown .caret {
        border-color:#b94a48 transparent
    }
    .panel-danger>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#ebccd1
    }
    .panel-info {
        border-color:#bce8f1
    }
    .panel-info>.panel-heading {
        color:#3a87ad;
        background-color:#d9edf7;
        border-color:#bce8f1
    }
    .panel-info>.panel-heading+.panel-collapse .panel-body {
        border-top-color:#bce8f1
    }
    .panel-info>.panel-heading>.dropdown .caret {
        border-color:#3a87ad transparent
    }
    .panel-info>.panel-footer+.panel-collapse .panel-body {
        border-bottom-color:#bce8f1
    }
    .well {
        min-height:20px;
        padding:19px;
        margin-bottom:20px;
        background-color:#f5f5f5;
        border:1px solid #e3e3e3;
        border-radius:4px;
        -webkit-box-shadow:inset 0 1px 1px rgba(0,
        0,
        0,
        0.05);
        box-shadow:inset 0 1px 1px rgba(0,
        0,
        0,
        0.05)
    }
    .well blockquote {
        border-color:#ddd;
        border-color:rgba(0,
        0,
        0,
        0.15)
    }
    .well-lg {
        padding:24px;
        border-radius:6px
    }
    .well-sm {
        padding:9px;
        border-radius:3px
    }
    .close {
        float:right;
        font-size:21px;
        font-weight:bold;
        line-height:1;
        color:#000;
        text-shadow:0 1px 0 #fff;
        opacity:.2;
        filter:alpha(opacity=20)
    }
    .close:hover,
    .close:focus {
        color:#000;
        text-decoration:none;
        cursor:pointer;
        opacity:.5;
        filter:alpha(opacity=50)
    }
    button.close {
        padding:0;
        cursor:pointer;
        background:transparent;
        border:0;
        -webkit-appearance:none
    }
    .modal-open {
        overflow:hidden
    }
    .modal {
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1040;
        display:none;
        overflow:auto;
        overflow-y:scroll
    }
    .modal.fade .modal-dialog {
        -webkit-transform:translate(0,
        -25%);
        -ms-transform:translate(0,
        -25%);
        transform:translate(0,
        -25%);
        -webkit-transition:-webkit-transform .3s ease-out;
        -moz-transition:-moz-transform .3s ease-out;
        -o-transition:-o-transform .3s ease-out;
        transition:transform .3s ease-out
    }
    .modal.in .modal-dialog {
        -webkit-transform:translate(0,
        0);
        -ms-transform:translate(0,
        0);
        transform:translate(0,
        0)
    }
    .modal-dialog {
        position:relative;
        z-index:1050;
        width:auto;
        padding:10px;
        margin-right:auto;
        margin-left:auto
    }
    .modal-content {
        position:relative;
        background-color:#fff;
        border:1px solid #999;
        border:1px solid rgba(0,
        0,
        0,
        0.2);
        border-radius:6px;
        outline:0;
        -webkit-box-shadow:0 3px 9px rgba(0,
        0,
        0,
        0.5);
        box-shadow:0 3px 9px rgba(0,
        0,
        0,
        0.5);
        background-clip:padding-box
    }
    .modal-backdrop {
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        z-index:1030;
        background-color:#000
    }
    .modal-backdrop.fade {
        opacity:0;
        filter:alpha(opacity=0)
    }
    .modal-backdrop.in {
        opacity:.5;
        filter:alpha(opacity=50)
    }
    .modal-header {
        min-height:16.428571429px;
        padding:15px;
        border-bottom:1px solid #e5e5e5
    }
    .modal-header .close {
        margin-top:-2px
    }
    .modal-title {
        margin:0;
        line-height:1.428571429
    }
    .modal-body {
        position:relative;
        padding:20px
    }
    .modal-footer {
        padding:19px 20px 20px;
        margin-top:15px;
        text-align:right;
        border-top:1px solid #e5e5e5
    }
    .modal-footer:before,
    .modal-footer:after {
        display:table;
        content:" "
    }
    .modal-footer:after {
        clear:both
    }
    .modal-footer:before,
    .modal-footer:after {
        display:table;
        content:" "
    }
    .modal-footer:after {
        clear:both
    }
    .modal-footer .btn+.btn {
        margin-bottom:0;
        margin-left:5px
    }
    .modal-footer .btn-group .btn+.btn {
        margin-left:-1px
    }
    .modal-footer .btn-block+.btn-block {
        margin-left:0
    }
    @media screen and (min-width: 768px) {
        .modal-dialog {
            width:600px;
            padding-top:30px;
            padding-bottom:30px
        }
        .modal-content {
            -webkit-box-shadow:0 5px 15px rgba(0,
            0,
            0,
            0.5);
            box-shadow:0 5px 15px rgba(0,
            0,
            0,
            0.5)
        }
    }
    .tooltip {
        position:absolute;
        z-index:1030;
        display:block;
        font-size:12px;
        line-height:1.4;
        opacity:0;
        filter:alpha(opacity=0);
        visibility:visible
    }
    .tooltip.in {
        opacity:.9;
        filter:alpha(opacity=90)
    }
    .tooltip.top {
        padding:5px 0;
        margin-top:-3px
    }
    .tooltip.right {
        padding:0 5px;
        margin-left:3px
    }
    .tooltip.bottom {
        padding:5px 0;
        margin-top:3px
    }
    .tooltip.left {
        padding:0 5px;
        margin-left:-3px
    }
    .tooltip-inner {
        max-width:200px;
        padding:3px 8px;
        color:#fff;
        text-align:center;
        text-decoration:none;
        background-color:#000;
        border-radius:4px
    }
    .tooltip-arrow {
        position:absolute;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid
    }
    .tooltip.top .tooltip-arrow {
        bottom:0;
        left:50%;
        margin-left:-5px;
        border-top-color:#000;
        border-width:5px 5px 0
    }
    .tooltip.top-left .tooltip-arrow {
        bottom:0;
        left:5px;
        border-top-color:#000;
        border-width:5px 5px 0
    }
    .tooltip.top-right .tooltip-arrow {
        right:5px;
        bottom:0;
        border-top-color:#000;
        border-width:5px 5px 0
    }
    .tooltip.right .tooltip-arrow {
        top:50%;
        left:0;
        margin-top:-5px;
        border-right-color:#000;
        border-width:5px 5px 5px 0
    }
    .tooltip.left .tooltip-arrow {
        top:50%;
        right:0;
        margin-top:-5px;
        border-left-color:#000;
        border-width:5px 0 5px 5px
    }
    .tooltip.bottom .tooltip-arrow {
        top:0;
        left:50%;
        margin-left:-5px;
        border-bottom-color:#000;
        border-width:0 5px 5px
    }
    .tooltip.bottom-left .tooltip-arrow {
        top:0;
        left:5px;
        border-bottom-color:#000;
        border-width:0 5px 5px
    }
    .tooltip.bottom-right .tooltip-arrow {
        top:0;
        right:5px;
        border-bottom-color:#000;
        border-width:0 5px 5px
    }
    .popover {
        position:absolute;
        top:0;
        left:0;
        z-index:1010;
        display:none;
        max-width:276px;
        padding:1px;
        text-align:left;
        white-space:normal;
        background-color:#fff;
        border:1px solid #ccc;
        border:1px solid rgba(0,
        0,
        0,
        0.2);
        border-radius:6px;
        -webkit-box-shadow:0 5px 10px rgba(0,
        0,
        0,
        0.2);
        box-shadow:0 5px 10px rgba(0,
        0,
        0,
        0.2);
        background-clip:padding-box
    }
    .popover.top {
        margin-top:-10px
    }
    .popover.right {
        margin-left:10px
    }
    .popover.bottom {
        margin-top:10px
    }
    .popover.left {
        margin-left:-10px
    }
    .popover-title {
        padding:8px 14px;
        margin:0;
        font-size:14px;
        font-weight:normal;
        line-height:18px;
        background-color:#f7f7f7;
        border-bottom:1px solid #ebebeb;
        border-radius:5px 5px 0 0
    }
    .popover-content {
        padding:9px 14px
    }
    .popover .arrow,
    .popover .arrow:after {
        position:absolute;
        display:block;
        width:0;
        height:0;
        border-color:transparent;
        border-style:solid
    }
    .popover .arrow {
        border-width:11px
    }
    .popover .arrow:after {
        border-width:10px;
        content:""
    }
    .popover.top .arrow {
        bottom:-11px;
        left:50%;
        margin-left:-11px;
        border-top-color:#999;
        border-top-color:rgba(0,
        0,
        0,
        0.25);
        border-bottom-width:0
    }
    .popover.top .arrow:after {
        bottom:1px;
        margin-left:-10px;
        border-top-color:#fff;
        border-bottom-width:0;
        content:" "
    }
    .popover.right .arrow {
        top:50%;
        left:-11px;
        margin-top:-11px;
        border-right-color:#999;
        border-right-color:rgba(0,
        0,
        0,
        0.25);
        border-left-width:0
    }
    .popover.right .arrow:after {
        bottom:-10px;
        left:1px;
        border-right-color:#fff;
        border-left-width:0;
        content:" "
    }
    .popover.bottom .arrow {
        top:-11px;
        left:50%;
        margin-left:-11px;
        border-bottom-color:#999;
        border-bottom-color:rgba(0,
        0,
        0,
        0.25);
        border-top-width:0
    }
    .popover.bottom .arrow:after {
        top:1px;
        margin-left:-10px;
        border-bottom-color:#fff;
        border-top-width:0;
        content:" "
    }
    .popover.left .arrow {
        top:50%;
        right:-11px;
        margin-top:-11px;
        border-left-color:#999;
        border-left-color:rgba(0,
        0,
        0,
        0.25);
        border-right-width:0
    }
    .popover.left .arrow:after {
        right:1px;
        bottom:-10px;
        border-left-color:#fff;
        border-right-width:0;
        content:" "
    }
    .carousel {
        position:relative
    }
    .carousel-inner {
        position:relative;
        width:100%;
        overflow:hidden
    }
    .carousel-inner>.item {
        position:relative;
        display:none;
        -webkit-transition:.6s ease-in-out left;
        transition:.6s ease-in-out left
    }
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        display:block;
        height:auto;
        max-width:100%;
        line-height:1
    }
    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display:block
    }
    .carousel-inner>.active {
        left:0
    }
    .carousel-inner>.next,
    .carousel-inner>.prev {
        position:absolute;
        top:0;
        width:100%
    }
    .carousel-inner>.next {
        left:100%
    }
    .carousel-inner>.prev {
        left:-100%
    }
    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left:0
    }
    .carousel-inner>.active.left {
        left:-100%
    }
    .carousel-inner>.active.right {
        left:100%
    }
    .carousel-control {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        width:15%;
        font-size:20px;
        color:#fff;
        text-align:center;
        text-shadow:0 1px 2px rgba(0,
        0,
        0,
        0.6);
        opacity:.5;
        filter:alpha(opacity=50)
    }
    .carousel-control.left {
        background-image:-webkit-gradient(linear,
        0 top,
        100% top,
        from(rgba(0,
        0,
        0,
        0.5)),
        to(rgba(0,
        0,
        0,
        0.0001)));
        background-image:-webkit-linear-gradient(left,
        color-stop(rgba(0,
        0,
        0,
        0.5) 0),
        color-stop(rgba(0,
        0,
        0,
        0.0001) 100%));
        background-image:-moz-linear-gradient(left,
        rgba(0,
        0,
        0,
        0.5) 0,
        rgba(0,
        0,
        0,
        0.0001) 100%);
        background-image:linear-gradient(to right,
        rgba(0,
        0,
        0,
        0.5) 0,
        rgba(0,
        0,
        0,
        0.0001) 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
        endColorstr='#00000000',
        GradientType=1)
    }
    .carousel-control.right {
        right:0;
        left:auto;
        background-image:-webkit-gradient(linear,
        0 top,
        100% top,
        from(rgba(0,
        0,
        0,
        0.0001)),
        to(rgba(0,
        0,
        0,
        0.5)));
        background-image:-webkit-linear-gradient(left,
        color-stop(rgba(0,
        0,
        0,
        0.0001) 0),
        color-stop(rgba(0,
        0,
        0,
        0.5) 100%));
        background-image:-moz-linear-gradient(left,
        rgba(0,
        0,
        0,
        0.0001) 0,
        rgba(0,
        0,
        0,
        0.5) 100%);
        background-image:linear-gradient(to right,
        rgba(0,
        0,
        0,
        0.0001) 0,
        rgba(0,
        0,
        0,
        0.5) 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
        endColorstr='#80000000',
        GradientType=1)
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color:#fff;
        text-decoration:none;
        opacity:.9;
        filter:alpha(opacity=90)
    }
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position:absolute;
        top:50%;
        z-index:5;
        display:inline-block
    }
    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left:50%
    }
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right:50%
    }
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width:20px;
        height:20px;
        margin-top:-10px;
        margin-left:-10px;
        font-family:serif
    }
    .carousel-control .icon-prev:before {
        content:'\2039'
    }
    .carousel-control .icon-next:before {
        content:'\203a'
    }
    .carousel-indicators {
        position:absolute;
        bottom:10px;
        left:50%;
        z-index:15;
        width:60%;
        padding-left:0;
        margin-left:-30%;
        text-align:center;
        list-style:none
    }
    .carousel-indicators li {
        display:inline-block;
        width:10px;
        height:10px;
        margin:1px;
        text-indent:-999px;
        cursor:pointer;
        background-color:#000 \9;
        background-color:rgba(0,
        0,
        0,
        0);
        border:1px solid #fff;
        border-radius:10px
    }
    .carousel-indicators .active {
        width:12px;
        height:12px;
        margin:0;
        background-color:#fff
    }
    .carousel-caption {
        position:absolute;
        right:15%;
        bottom:20px;
        left:15%;
        z-index:10;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
        text-align:center;
        text-shadow:0 1px 2px rgba(0,
        0,
        0,
        0.6)
    }
    .carousel-caption .btn {
        text-shadow:none
    }
    @media screen and (min-width: 768px) {
        .carousel-control .glyphicons-chevron-left,
        .carousel-control .glyphicons-chevron-right,
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width:30px;
            height:30px;
            margin-top:-15px;
            margin-left:-15px;
            font-size:30px
        }
        .carousel-caption {
            right:20%;
            left:20%;
            padding-bottom:30px
        }
        .carousel-indicators {
            bottom:20px
        }
    }
    .clearfix:before,
    .clearfix:after {
        display:table;
        content:" "
    }
    .clearfix:after {
        clear:both
    }
    .center-block {
        display:block;
        margin-right:auto;
        margin-left:auto
    }
    .pull-right {
        float:right!important
    }
    .pull-left {
        float:left!important
    }
    .hide {
        display:none!important
    }
    .show {
        display:block!important
    }
    .invisible {
        visibility:hidden
    }
    .text-hide {
        font:0/0 a;
        color:transparent;
        text-shadow:none;
        background-color:transparent;
        border:0
    }
    .hidden {
        display:none!important;
        visibility:hidden!important
    }
    .affix {
        position:fixed
    }
    @-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
        .visible-xs.visible-sm {
            display:block!important
        }
        tr.visible-xs.visible-sm {
            display:table-row!important
        }
        th.visible-xs.visible-sm,
        td.visible-xs.visible-sm {
            display:table-cell!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .visible-xs.visible-md {
            display:block!important
        }
        tr.visible-xs.visible-md {
            display:table-row!important
        }
        th.visible-xs.visible-md,
        td.visible-xs.visible-md {
            display:table-cell!important
        }
    }
    @media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
        .visible-sm {
            display:block!important
        }
        tr.visible-sm {
            display:table-row!important
        }
        th.visible-sm,
        td.visible-sm {
            display:table-cell!important
        }
        
        
    }
    @media(min-width:992px) and (max-width:1199px) {
        .visible-sm.visible-md {
            display:block!important
        }
        tr.visible-sm.visible-md {
            display:table-row!important
        }
        th.visible-sm.visible-md,
        td.visible-sm.visible-md {
            display:table-cell!important
        }
    }
    @media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
        .visible-md.visible-sm {
            display:block!important
        }
        tr.visible-md.visible-sm {
            display:table-row!important
        }
        th.visible-md.visible-sm,
        td.visible-md.visible-sm {
            display:table-cell!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .visible-md {
            display:block!important
        }
        tr.visible-md {
            display:table-row!important
        }
        th.visible-md,
        td.visible-md {
            display:table-cell!important
        }
    }
    @media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px) {
        .visible-lg.visible-sm {
            display:block!important
        }
        tr.visible-lg.visible-sm {
            display:table-row!important
        }
        th.visible-lg.visible-sm,
        td.visible-lg.visible-sm {
            display:table-cell!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .visible-lg.visible-md {
            display:block!important
        }
        tr.visible-lg.visible-md {
            display:table-row!important
        }
        th.visible-lg.visible-md,
        td.visible-lg.visible-md {
            display:table-cell!important
        }
    }
    @media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
        .hidden-xs.hidden-sm,
        tr.hidden-xs.hidden-sm,
        th.hidden-xs.hidden-sm,
        td.hidden-xs.hidden-sm {
            display:none!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .hidden-xs.hidden-md,
        tr.hidden-xs.hidden-md,
        th.hidden-xs.hidden-md,
        td.hidden-xs.hidden-md {
            display:none!important
        }
    }
    @media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
        .hidden-sm,
        tr.hidden-sm,
        th.hidden-sm,
        td.hidden-sm {
            display:none!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .hidden-sm.hidden-md,
        tr.hidden-sm.hidden-md,
        th.hidden-sm.hidden-md,
        td.hidden-sm.hidden-md {
            display:none!important
        }
    }
    @media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
        .hidden-md.hidden-sm,
        tr.hidden-md.hidden-sm,
        th.hidden-md.hidden-sm,
        td.hidden-md.hidden-sm {
            display:none!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .hidden-md,
        tr.hidden-md,
        th.hidden-md,
        td.hidden-md {
            display:none!important
        }
    }
    @media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px) {
        .hidden-lg.hidden-sm,
        tr.hidden-lg.hidden-sm,
        th.hidden-lg.hidden-sm,
        td.hidden-lg.hidden-sm {
            display:none!important
        }
    }
    @media(min-width:992px) and (max-width:1199px) {
        .hidden-lg.hidden-md,
        tr.hidden-lg.hidden-md,
        th.hidden-lg.hidden-md,
        td.hidden-lg.hidden-md {
            display:none!important
        }
    }
    @media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media
    print {
        .visible-print {
            display:block!important
        }
        tr.visible-print {
            display:table-row!important
        }
        th.visible-print,
        td.visible-print {
            display:table-cell!important
        }
        .hidden-print,
        tr.hidden-print,
        th.hidden-print,
        td.hidden-print {
            display:none!important
        }
    }
    html {
        margin-right:10px
    }
    body {
        font-family:'HelveticaNeueRegular',
        Helvetica,
        Arial,
        sans-serif;
        font-size:14px;
        line-height:19px;
        color:#777;
        overflow-y:hidden
    }
    .btex {
        font-size:6.6vw;
        color:#236cb8 !important;
        padding:0px !important;
        line-height:none !important;
        clear:both;
        margin-top:28px;
        text-align:left !important
    }
    #quotes {
        height:160px !important
    }
    a.colortext {
        color:#1E6CBE !important;
        line-height:30px;
        font-weight:bold
    }
    .wrapsemibox {
        padding-top:40px
    }
    .row {
        margin-left:0;
        margin-right:0
    }
    .stButton .stButton_gradient {
        height:23px !important
    }
    .stButton .stFb,
    .stButton .stTwbutton,
    .stButton .stMainServices {
        height:23px !important
    }
    .pdd {
        padding:10px
    }
    .tyuimg img {
        width:80%;
        height:auto;
        margin:-20px 0 10px 0
    }
    .cola {
        color:#FFF
    }
    .cola:hover {
        color:#000
    }
    ul,
    menu,
    dir {
        display:block;
        list-style-type:disc;
        -webkit-padding-start:0;
        -moz-padding-start:0;
        -khtml-padding-start:0px;
        -o-padding-start:0px;
        padding-start:0px;
        padding:0px
    }
    ul.icons {
        list-style:none
    }
    ul.icons i {
        margin-right:5px
    }
    a {
        color:#1E6CBE
    }
    ul#nav li span {
        margin-top:20px;
        float:left
    }
    .jstf {
        text-align:justify !important
    }
    .spr {
        clear:both;
        display:none
    }
    a:hover {
        text-decoration:none
    }
    ::selection {
        background:#1E6CBE;
        color:#fff
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        color:#444;
        font-family:'HelveticaNeueRegular',
        sans-serif
    }
    h6.title {
        color:#FFF !important;
        text-transform:uppercase;
        font-weight:bold
    }
    h6.title span {
        float:left;
        background:#064973;
        padding-right:10px
    }
    strong,
    b {
        font-weight:bold
    }
    ul.list-unstyled li {
        border-bottom:1px solid #125884;
        line-height:29px
    }
    ul.list-unstyled li a {
        color:#90b3c2
    }
    ul.list-unstyled li i {
        color:#125884
    }
    .iho span {
        display:none
    }
    .iho span i {
        font-size:18px !important;
        font-family:'HelveticaNeueRegular'
    }
    .iho:hover i.ih {
        display:none
    }
    .iho:hover span {
        display:block
    }
    .linen {
        width:100%;
        float:left;
        height:4px;
        border-bottom:1px solid #125884;
        border-top:1px solid #125884;
        position:relative;
        z-index:-1;
        margin-top:-7px;
        margin-bottom:20px
    }
    #contactform {
        margin-top:20px;
        float:left
    }
    .mmp {
        padding:15px !important;
        margin-right:5px;
        font-size:14px;
        height:52px;
        border:0px
    }
    .fsiz {
        font-size:12px !important;
        padding-top:10px;
        line-height:12px !important
    }
    .mmp2 {
        padding:15px !important;
        text-transform:uppercase;
        font-size:16px
    }
    .mrig {
        margin-right:5px;
        margin-left:12px
    }
    .toparea {
        background:#fdfdfd;
        font-size:12px;
        color:#999;
        margin-bottom:75px;
        min-height:40px
    }
    .toparea a {
        color:#ccc;
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out
    }
    .toparea .separator {
        display:inline-block;
        width:1px;
        height:10px;
        border-left:solid 1px #ccc;
        margin:0 20px 0 20px
    }
    .toparea .pull-left {
        margin-top:-3px
    }
    .social-icons a {
        display:inline-block !important;
        width:32px;
        margin:0px 0px;
        font-size:16px;
        text-align:center;
        color:#999;
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
        line-height:40px;
        border-right:1px solid #f2f2f2
    }
    .social-icons a:hover {
        color:#236CB8
    }
    .llh {
        line-height:40px;
        border-right:1px solid #f2f2f2;
        margin-right:-95px;
    }
    .llh:hover {
        color:#1E6CBE;
    }
    .llh   a { color: #999999 !important; }
    .llh a:hover { color:#1E6CBE !important; }
    .llh2 {
        line-height:40px;
        border-right:1px solid #f2f2f2;
        margin-right:-82px;
        margin-top: -2px;
    }
    .llh2:hover {
        color:#1E6CBE
    }
    .llh3 {
        line-height:45px;
        border-right:1px solid #f2f2f2;
        margin-right:-35px;
        margin-top: -2px;
    }
    .llh3:hover {
        color:#1E6CBE
    }
    .top-text a:hover {
        color:#fff
    }
    .navbar-toggle {
        background:#333
    }
    .nav {
        margin-top:28px
    }
    .navbar {
        background-color:#fff;
        -webkit-box-shadow:0 1px 3px rgba(0,
        0,
        0,
        .12);
        -moz-box-shadow:0 1px 3px rgba(0,
        0,
        0,
        .12);
        box-shadow:0 1px 3px rgba(0,
        0,
        0,
        .12);
        background:url(../img/head.png) repeat;
        min-height:0;
        border-radius:0;
        border:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:5px;
        padding-bottom:7px
    }
    .navbar-brand {
        padding:0
    }
    .nav {
        margin-top:0
    }
    .navbar-fixed-top {
        top:41px
    }
    .navbar>.container .navbar-brand {
        margin-left:15px
    }
    .navbar-nav>li {
        margin-left:2px
    }
    .navbar-nav>li>a {
        color:#949ba1;
        border-radius:0px;
        margin-top:0px;
        padding-top:26px;
        margin-bottom:-20px;
        padding-bottom:20px;
        line-height:40px;
        text-transform:uppercase;
        font-size:12px;
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        -ms-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out
    }
    .navbar-nav>li.active>a,
    .navbar-nav>li.active>a:hover,
    .navbar-nav>li.active>a:focus {
        color:#1E6CBE;
        border-radius:3px 3px 0 0 !Important
    }
    .navbar-nav>li.active>a:before,
    .navbar-nav>li>a:hover:before,
    .navbar-nav>li>a:focus:before,
    .extra-nav-class a.dropdown-toggle:before {
        width:0;
        height:0;
        border-right:6px solid transparent;
        position:absolute;
        top:0px;
        right:-4px;
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        -ms-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out
    }
    .navbar-nav>li>a:hover,
    .navbar-nav>li>a:focus {
        border-radius:3px 3px 0 0 !Important;
        color:#1e6cbe
    }
    .navbar-nav>li>.dropdown-menu {
        margin:0px 0px 0 10px !Important;
        background-color:#236CB8;
        border:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        font-size:12px;
        padding-top:0;
        padding-bottom:0;
        min-width:180px
    }
    .dropdown-menu {
        border-radius:0;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
        -webkit-background-clip:padding-box;
        -moz-background-clip:padding;
        font-size:13px;
        padding-top:0;
        padding-bottom:0;
        border:0px;
        font-size:13px
    }
    .dropdown-menu>li>a {
        color:#FFF;
        padding-top:10px;
        padding-bottom:10px;
        border-bottom:1px solid #0846b3;
        border-top:1px solid #3879be;
        background:#1e6cbe !important;
        text-transform:uppercase
    }
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        background-color:#0846b3 !Important;
        color:#fff
    }
    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a {
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        -ms-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out;
        background:#1e6cbe !important
    }
    .navbar-nav.pull-right>li>.dropdown-menu,
    .navbar-nav>li>.dropdown-menu.pull-right {
        left:0
    }
    .dropdown-toggle i {
        font-weight:700
    }
    .extra-nav-class a.dropdown-toggle {
        color:#949ba1 !important;
        border-radius:3px 3px 0 0 !Important
    }
    .dropdown-menu .sub-menu {
        position:absolute;
        visibility:hidden;
        margin-top:-40px;
        top:auto;
        display:inline;
        left:-100%;
        margin-left:5px
    }
    .dropdown-menu .sub-menu li a,
    .dropdown-menu .sub-menu li a:hover {
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
        transition:margin-left 0.3s linear
    }
    .dropdown-menu li a i {
        margin-left:5px
    }
    .dropdown-menu li:hover .sub-menu {
        visibility:visible;
        display:block
    }
    .navbar .sub-menu:before {
        border-bottom:7px solid transparent;
        border-left:none;
        border-right:7px solid rgba(0,
        0,
        0,
        0.2);
        border-top:7px solid transparent;
        left:-7px;
        top:10px
    }
    .navbar .sub-menu:after {
        border-top:6px solid transparent;
        border-left:none;
        border-right:6px solid #fff;
        border-bottom:6px solid transparent;
        left:10px;
        top:11px;
        left:-6px
    }
    .wowmenu.tiny {
        top:0px !Important;
        background:rgba(255,
        255,
        255,
        0.97) !important;
        padding-top:10px;
        padding-bottom:10px
    }
    .wowmenu.tiny .navbar-nav>li>a {
        line-height:24px;
        margin-top:-13px;
        padding-top:30px;
        margin-bottom:-20px;
        padding-bottom:16px
    }
    .navbar-brand img {
        max-width:51.5%
    }
    .wowmenu.tiny .navbar-nav>li>span {
        margin-top:5px !important;
        float:left
    }
    .wowmenu.tiny .navbar-brand img {
        max-width:30%
    }
    .navbar-brand img,
    .wowmenu.tiny .navbar-brand img {
        transition:all 0.7s ease;
        -webkit-transition:all 0.7s ease;
        -moz-transition:all 0.7s ease;
        -o-transition:all 0.7s ease
    }
    .semiboxshadow {
        display:none
    }
    #c-slide {
        padding:0px;
        margin-top:-2px
    }
    .carouselvshadow {
        margin-top:-30px
    }
    .car-highlight1 {
        font-size:20px;
        line-height:20px;
        font-weight:800;
        color:rgb(255,
        255,
        255);
        text-decoration:none;
        background-color:#1E6CBE;
        padding:10px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        border-style:none;
        display:inline-block
    }
    .car-highlight2 {
        font-size:20px;
        line-height:20px;
        font-weight:800;
        color:rgb(255,
        255,
        255);
        text-decoration:none;
        background-color:#7f8c8d;
        padding:10px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        border-style:none;
        display:inline-block;
        margin-top:10px
    }
    .link11 {
        color:#444 !important
    }
    .link11:hover {
        color:#1E6CBE !important
    }
    .car-highlight3 {
        font-size:20px;
        line-height:20px;
        font-weight:800;
        color:rgb(255,
        255,
        255);
        text-decoration:none;
        background-color:#f39c12;
        padding:10px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        border-style:none;
        display:inline-block;
        margin-top:10px
    }
    .car-highlight4 {
        font-size:20px;
        line-height:20px;
        font-weight:800;
        color:rgb(255,
        255,
        255);
        text-decoration:none;
        background-color:#34495e;
        padding:10px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        border-style:none;
        display:inline-block;
        margin-top:10px
    }
    .car-highlight5 {
        font-size:20px;
        line-height:28px;
        font-weight:800;
        color:#fff;
        text-decoration:none;
        padding:10px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        margin-left:-6px;
        border-style:none;
        display:inline-block;
        margin-top:10px;
        text-shadow:0 1px 0 rgba(0,
        0,
        0,
        0.2)
    }
    .car-largetext {
        font-weight:800;
        font-family:OpenSans;
        color:#fff;
        text-decoration:none;
        background-color:transparent;
        text-shadow:0 1px 0 rgba(0,
        0,
        0,
        0.2);
        margin:0px;
        padding:1px 4px 0px;
        border-width:0px;
        border-color:rgb(255,
        214,
        88);
        border-style:none;
        font-size:50px;
        line-height:50px
    }
    .car-widecircle {
        background:#222;
        width:130px;
        height:130px;
        color:#fff;
        border-radius:50%;
        display:inline-block;
        position:relative;
        margin-right:20px
    }
    .car-widecircle span {
        position:absolute;
        text-align:center;
        vertical-align:middle;
        line-height:130px;
        width:130px;
        margin:0px auto;
        right:0;
        font-weight:100;
        font-size:19px
    }
    .car-middlecircle {
        background:#fff;
        width:120px;
        height:120px;
        color:#555;
        border-radius:50%;
        display:inline-block;
        position:relative;
        margin-right:20px
    }
    .car-middlecircle span {
        position:absolute;
        text-align:center;
        vertical-align:middle;
        line-height:120px;
        width:120px;
        margin:0px auto;
        right:0;
        font-weight:100;
        font-size:19px
    }
    .car-smallcircle {
        background:#1E6CBE;
        width:100px;
        height:100px;
        color:#fff;
        border-radius:50%;
        display:inline-block;
        position:relative
    }
    .car-smallcircle span {
        position:absolute;
        text-align:center;
        vertical-align:middle;
        line-height:100px;
        width:100px;
        margin:0px auto;
        right:0;
        font-weight:100;
        font-size:19px
    }
    .carouselText1 {
        margin-top:50px;
        margin-bottom:0px !important;
        font-size:36px;
        background:#236cb8;
        color:#fff;
        padding:10px 20px;
        display:inline-block;
        text-transform:uppercase;
        text-shadow:0 1px 0 rgba(0,
        0,
        0,
        0.2);
        border-radius:0
    }
    .carouselText2 {
        display:inline-block;
        padding:5px 20px;
        color:#fff;
        border-radius:0;
        margin-bottom:15px;
        text-shadow:0 1px 0 rgba(0,
        0,
        0,
        0.2);
        font-weight:600
    }
    .carouselText3 {
        font-size:14px;
        display:inline-block;
        padding:0px 10px;
        color:#fff;
        border-radius:5px;
        text-shadow:0 1px 0 rgba(0,
        0,
        0,
        0.2)
    }
    .slide1-1 {
        z-index:0;
        margin-top:-230px;
        position:relative;
        margin-left:0px;
        left:0px;
        max-width:85%
    }
    .slide1-2 {
        z-index:1000;
        margin-top:-250px;
        position:relative;
        right:180px;
        max-width:22%
    }
    .slide1-3 {
        position:relative;
        z-index:1000;
        float:right;
        top:50px;
        left:10px
    }
    .carousel .carousel-control {
        width:10%
    }
    .carousel .item {
        padding:30px 0px;
        height:390px;
        overflow:hidden;
        -webkit-background-size:cover !Important;
        -moz-background-size:cover !Important;
        -o-background-size:cover !Important;
        background-size:cover !Important
    }
    .carousel {
        position:relative
    }
    .carousel p {
        color:#000;
        line-height:20px;
        font-size:16px
    }
    .carousel-inner>.item {
        display:none;
        position:relative;
        -webkit-transition:0.6s ease-in-out left;
        transition:0.6s ease-in-out left
    }
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        display:block;
        max-width:100%;
        height:auto;
        line-height:1
    }
    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display:block
    }
    .carousel-inner>.active {
        left:0
    }
    .carousel-inner>.next,
    .carousel-inner>.prev {
        position:absolute;
        top:0;
        width:100%
    }
    .carousel-inner>.next {
        left:100%
    }
    .carousel-inner>.prev {
        left:-100%
    }
    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left:0
    }
    .carousel-inner>.active.left {
        left:-100%
    }
    .carousel-inner>.active.right {
        left:100%
    }
    .carousel-control {
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        width:15%;
        opacity:0.5;
        filter:alpha(opacity=50);
        font-size:20px;
        color:#fff;
        text-align:center;
        text-shadow:0 1px 2px rgba(0,
        0,
        0,
        0.6)
    }
    .carousel-fade .carousel-inner .item {
        opacity:0;
        -webkit-transition-property:opacity;
        -moz-transition-property:opacity;
        -o-transition-property:opacity;
        transition-property:opacity
    }
    .carousel-fade .carousel-inner .active {
        opacity:1
    }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left:0;
        opacity:0;
        z-index:1
    }
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity:1
    }
    .carousel-fade .carousel-control {
        z-index:2
    }
    .carousel-control.left {
        background-image:-webkit-gradient(linear,
        0% top,
        100% top,
        from(rgba(0,
        0,
        0,
        0.5)),
        to(rgba(0,
        0,
        0,
        0.0001)));
        background-image:-webkit-linear-gradient(left,
        color-stop(rgba(0,
        0,
        0,
        0.5) 0%),
        color-stop(rgba(0,
        0,
        0,
        0.0001) 100%));
        background-image:-moz-linear-gradient(left,
        rgba(0,
        0,
        0,
        0.5) 0%,
        rgba(0,
        0,
        0,
        0.0001) 100%);
        background-image:linear-gradient(to right,
        rgba(0,
        0,
        0,
        0.5) 0%,
        rgba(0,
        0,
        0,
        0.0001) 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',
        endColorstr='#00000000',
        GradientType=1)
    }
    .carousel-control.right {
        left:auto;
        right:0;
        background-image:-webkit-gradient(linear,
        0% top,
        100% top,
        from(rgba(0,
        0,
        0,
        0.0001)),
        to(rgba(0,
        0,
        0,
        0.5)));
        background-image:-webkit-linear-gradient(left,
        color-stop(rgba(0,
        0,
        0,
        0.0001) 0%),
        color-stop(rgba(0,
        0,
        0,
        0.5) 100%));
        background-image:-moz-linear-gradient(left,
        rgba(0,
        0,
        0,
        0.0001) 0%,
        rgba(0,
        0,
        0,
        0.5) 100%);
        background-image:linear-gradient(to right,
        rgba(0,
        0,
        0,
        0.0001) 0%,
        rgba(0,
        0,
        0,
        0.5) 100%);
        background-repeat:repeat-x;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
        endColorstr='#80000000',
        GradientType=1)
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color:#fff;
        text-decoration:none;
        opacity:0.9;
        filter:alpha(opacity=90)
    }
    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position:absolute;
        top:50%;
        left:50%;
        z-index:5;
        display:inline-block
    }
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width:20px;
        height:20px;
        margin-top:-10px;
        margin-left:-10px;
        font-family:serif
    }
    .carousel-control .icon-prev:before {
        content:'\2039'
    }
    .carousel-control .icon-next:before {
        content:'\203a'
    }
    .carousel-indicators {
        position:absolute;
        left:50%;
        z-index:10000;
        width:60%;
        margin-left:-30%;
        padding-left:0;
        list-style:none;
        text-align:center
    }
    .carousel-indicators li {
        display:inline-block;
        width:10px;
        height:10px;
        margin:1px;
        text-indent:-999px;
        border:1px solid #fff;
        border-radius:10px;
        cursor:pointer
    }
    .carousel-indicators .active {
        margin:0;
        width:12px;
        height:12px;
        background-color:#fff
    }
    .carousel-caption {
        position:absolute;
        left:15%;
        right:15%;
        bottom:20px;
        z-index:10;
        padding-top:20px;
        padding-bottom:20px;
        color:#fff;
        text-align:center;
        text-shadow:0 1px 2px rgba(0,
        0,
        0,
        0.6)
    }
    .carousel-caption .btn {
        text-shadow:none
    }
    .carousel-control {
        width:40px;
        color:#fff;
        text-shadow:none;
        opacity:1;
        margin-left:40px;
        margin-right:40px
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color:#ccc;
        text-decoration:none;
        opacity:0.9;
        filter:alpha(opacity=90)
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image:none;
        filter:none;
        background:rgba(0,
        0,
        0,
        .1);
        height:80px;
        width:50px;
        margin-top:25%;
        margin-left:0px;
        margin-right:0
    }
    .carousel:hover .carousel-control.left,
    .carousel:hover .carousel-control.right {}.carousel-control.left {
        border-top-right-radius:5px;
        border-bottom-right-radius:5px
    }
    .carousel-control.right {
        border-top-left-radius:5px;
        border-bottom-left-radius:5px
    }
    .carousel-control i {
        position:absolute;
        top:30px;
        left:0;
        z-index:5;
        display:inline-block;
        width:50px;
        height:80px;
        margin-left:0px
    }
    .carousel-indicators.out {
        bottom:-5px
    }
    .carousel-control.left,
    .carousel-control.right {
        margin-top:13%
    }
    #carousel-featuredwork .item {
        padding:0;
        height:410px
    }
    #carousel-featuredwork .carousel-indicators {
        margin-left:-31%
    }
    .intro-note h1 {
        text-transform:uppercase;
        font-size:27px;
        margin-top:0
    }
    .intro-note p {
        font-weight:300;
        line-height:28px;
        font-size:19px
    }
    .iicon {
        float:left;
        margin-right:10px;
        margin-bottom:35px
    }
    .service-box h1 {
        text-transform:uppercase;
        font-size:16px;
        line-height:19px;
        font-weight:700
    }
    .service-box a.readmore {
        color:#666
    }
    .service-box p {
        font-family:OpenSans;
        font-size:13px;
        line-height:22px
    }
    .grey-box-icon {
        text-align:center;
        position:relative
    }
    .icon-box-top i:hover {
        color:#fff;
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        -ms-transform:rotate(360deg)
    }
    .fontawesome-icon.medium.circle-center,
    .fontawesome-icon.medium.circle-white {
        width:95px;
        height:95px;
        line-height:95px;
        display:inline-block
    }
    .fontawesome-icon.medium {
        font-size:28px
    }
    .fontawesome-icon.circle-white {
        -moz-border-radius:95px;
        -webkit-border-radius:95px;
        border-radius:95px;
        background-color:#eee;
        color:#1E6CBE;
        text-align:center;
        margin-bottom:5px;
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out
    }
    .grey-box-icon:hover .fontawesome-icon.circle-white,
    .grey-box-icon.active .fontawesome-icon.circle-white,
    .active i.fontawesome-icon {
        background-color:#1E6CBE;
        color:#fff
    }
    #ascrail2000 {
        z-index:99990!important;
        background-color:#2c2c2c;
        padding:0 0 0 1px
    }
    .home-features h4 {
        font-weight:300;
        font-size:17px
    }
    .home-features .icon {
        background:#1E6CBE;
        display:inline-block;
        text-align:center;
        border-radius:50%;
        width:40px;
        height:40px;
        line-height:40px;
        margin-right:5px;
        color:#fff
    }
    .map {
        height:400px
    }
    .map img {
        max-width:none
    }
    .show-grid[class^="col-"] {
        background-color:#ebebeb;
        text-align:center;
        min-height:40px;
        line-height:40px;
        margin-top:20px;
        margin-bottom:20px;
        border:1px solid #e1e1e1
    }
    .round-image {
        border-radius:50% !Important;
        -moz-box-shadow:0 0 5px #ccc;
        -webkit-box-shadow:0 0 2px#ccc;
        box-shadow:0 0 2px #ccc
    }
    input,
    button,
    select,
    textarea {
        background-image:none;
        border:1px solid #e1e1e1;
        padding:7px;
        margin-bottom:15px;
        font-size:12px
    }
    .mrgr {
        margin-right:1%
    }
    .btn {
        padding:8px 12px
    }
    .btn,
    .alert,
    .progress,
    .form-control,
    .breadcrumb,
    .well {
        border-radius:0
    }
    .alert {
        font-size:14px
    }
    .progress {
        height:40px;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .unstyled {
        list-style:none;
        -webkit-padding-start:0px
    }
    .leftradius {
        border-bottom-left-radius:3px;
        border-top-left-radius:3px
    }
    .rightradius {
        border-bottom-right-radius:3px;
        border-top-right-radius:3px
    }
    .allradius {
        border-radius:3px
    }
    h1.big {
        font-size:27px
    }
    h1.small {
        font-size:24px
    }
    .smalltitle span {
        display:inline-block;
        background-color:#fff;
        padding:1px 12px;
        position:relative;
        color:#444;
        font-size:20px;
        top:12px;
        padding-left:0 !important;
        font-weight:700;
        text-transform:uppercase
    }
    .smalltitle {
        position:relative;
        border-bottom:1px solid #ebebeb;
        margin-bottom:35px
    }
    .text-center.smalltitle span {
        padding-left:12px !important
    }
    .text-center.smalltitle {
        margin-left:15px;
        margin-right:15px;
        margin-top:0
    }
    .colortext {
        color:#1E6CBE
    }
    .colorbg {
        background:#1E6CBE
    }
    .br-hr {
        position:relative;
        clear:both;
        margin:25px 0 25px;
        width:100%;
        height:1px
    }
    .br-hr.type_short .br-hr-h {
        left:50%;
        width:30%;
        margin-left:-15%
    }
    .br-hr-h {
        position:absolute;
        top:50%;
        left:0;
        height:0;
        width:100%;
        border-top:1px solid #ddd;
        border-bottom:1px solid #fff
    }
    .br-hr-h i {
        position:absolute;
        top:0;
        left:50%;
        font-size:16px;
        height:16px;
        width:50px;
        margin-top:-8px;
        margin-left:-25px;
        text-align:center;
        background-color:#fff;
        color:#ddd
    }
    .grayarea .br-hr-h i {
        background:#f9f9f9
    }
    .grayarea {
        background:#125884;
        padding:10px 0px 0px 0px;
        position:relative;
        -webkit-background-size:cover !important;
        -moz-background-size:cover !important;
        -o-background-size:cover !important;
        background-size:cover !important;
        color:#FFF
    }
    .grayarea h4 {
        color:#FFF;
        font-weight:bold
    }
    .grayarea h4 i {
        font-size:30px;
        margin-right:10px
    }
    #quote_wrap div {}.bgarea {
        position:relative;
        -webkit-background-size:cover !important;
        -moz-background-size:cover !important;
        -o-background-size:cover !important;
        background-size:cover !important;
        color:#fff
    }
    .bgarea:before {
        top:0;
        background-image:url(../img/sha-up.png)
    }
    .bgarea:before,
    .bgarea:after {
        content:"";
        position:absolute;
        width:100%;
        height:20px;
        left:0;
        background-repeat:no-repeat;
        background-size:100% 20px;
        z-index:100
    }
    .bgarea-semitransparent {
        background:#f1f6f9
    }
    .bgarea h1,
    .bgarea h2,
    .bgarea h3,
    .bgarea h4,
    .bgarea h5,
    .bgarea,
    .bgarea a,
    .bgarea p {
        color:#575757
    }
    .title-divide {
        position:relative;
        clear:both;
        margin:25px 0 25px;
        width:100%;
        height:1px
    }
    .title-divide-h {
        left:50%;
        width:30%;
        margin-left:-15%;
        position:absolute;
        top:50%;
        height:0;
        border-bottom:1px solid #fff;
        z-index:9
    }
    .title-divide-h i {
        position:absolute;
        top:0;
        left:50%;
        font-size:16px;
        height:10px;
        width:10px;
        margin-top:-4px;
        margin-left:0;
        text-align:center;
        border-radius:50%;
        background:#fff
    }
    .cbp-qtrotator {
        position:relative;
        margin:0px auto 0 auto;
        max-width:920px;
        width:100%;
        min-height:100px
    }
    .cbp-qtrotator .cbp-qtcontent {
        position:absolute;
        min-height:180px;
        border-bottom:1px solid #f4f4f4;
        top:0;
        z-index:0;
        opacity:0;
        width:100%
    }
    .no-js .cbp-qtrotator .cbp-qtcontent {
        border-bottom:none
    }
    .cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
    .no-js .cbp-qtrotator .cbp-qtcontent {
        position:relative;
        z-index:100;
        pointer-events:auto;
        opacity:1
    }
    .cbp-qtrotator .cbp-qtcontent:before,
    .cbp-qtrotator .cbp-qtcontent:after {
        content:" ";
        display:table
    }
    .cbp-qtrotator .cbp-qtcontent:after {
        clear:both
    }
    .cbp-qtprogress {
        position:absolute;
        background:#e0e0e0;
        height:1px;
        width:0%;
        bottom:0;
        z-index:1000
    }
    .cbp-qtrotator blockquote {
        margin:0;
        padding:0;
        border-left:0;
        background:#fff
    }
    .grayarea .cbp-qtrotator blockquote {
        background:#f9f9f9
    }
    .cbp-qtrotator blockquote p {
        font-size:17px;
        color:#888;
        font-weight:300;
        margin:0.4em 0 1em
    }
    .cbp-qtrotator blockquote footer {
        font-size:1.2em;
        text-align:center;
        font-weight:300;
        margin-bottom:30px
    }
    .cbp-qtrotator blockquote footer:before {
        content:''
    }
    .cbp-qtrotator .cbp-qtcontent img {
        float:right;
        margin-left:3em;
        width:100px;
        height:100px;
        border-radius:50%;
        margin-top:10px;
        border:1px solid #ebebeb
    }
    @media screen and (max-width: 30.6em) {
        .cbp-qtrotator {
            font-size:70%
        }
        .cbp-qtrotator img {
            width:80px
        }
    }
    .bigquote {
        font-size:17px;
        font-style:italic;
        color:#999;
        text-align:center;
        line-height:30px
    }
    .quoteicon {
        font-size:36px;
        margin-right:10px
    }
    .home-portfolio h4 {
        font-size:15px;
        text-transform:uppercase
    }
    .footerarr {
        text-align:center;
        margin-top:-59px;
        margin-bottom:20px
    }
    .footerarr i {
        color:#fff;
        font-size:60px
    }
    .footer {
        background:#064973;
        color:#90b3c2;
        padding-top:16px;
        padding-bottom:16px;
        font-size:13px;
        line-height:20px;
        -webkit-background-size:cover !Important;
        -moz-background-size:cover !Important;
        -o-background-size:cover !Important;
        background-size:cover !Important
    }
    .footerbrand {
        font-family:Pacifico;
        font-size:30px !Important;
        font-weight:300 !Important;
        text-transform:none !Important;
        margin-bottom:20px !important;
        border-bottom:0px !Important;
        letter-spacing:1px;
        display:block !Important;
        color:#fff !important
    }
    .footermap {
        margin-top:5px
    }
    .footer .boxcontainer {
        margin-top:6px
    }
    .footer #contactform {
        margin-top:5px
    }
    .footerbrand i {
        color:#555;
        font-size:15px
    }
    .footer h1 {
        font-size:18px;
        color:#fff;
        text-align:left;
        display:inline-block;
        font-weight:700;
        margin-bottom:25px;
        margin-top:0
    }
    .footer hr {
        border-top:1px solid #494949;
        margin-bottom:25px
    }
    .footer ul.social-icons {
        list-style:none;
        margin-left:0px;
        margin-top:25px
    }
    .copyright {
        color:#666;
        font-size:12px;
        background:#FFF
    }
    .copyright ul.footermenu li a {
        color:#fff;
        height:50px
    }
    .copyright p {
        line-height:50px;
        margin:0px
    }
    .footer input,
    .footer textarea,
    .footer input[type="text"] {
        background-color:#064973;
        border:1px solid #125884;
        font-size:12px;
        margin-bottom:10px;
        color:#aaa;
        padding:5px
    }
    .footer .btn {
        background:#006edf;
        text-shadow:none;
        padding:6px 12px;
        font-size:13px;
        color:#FFF
    }
    ul.footermenu {
        list-style:none;
        margin-top:10px
    }
    ul.footermenu li {
        float:left;
        margin-left:5px;
        margin-right:5px;
        text-transform:uppercase;
        line-height:33px
    }
    ul.footermenu li a {
        -webkit-transition:all 0.5s ease-in-out;
        -moz-transition:all 0.5s ease-in-out;
        -o-transition:all 0.5s ease-in-out;
        -ms-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
        color:#999;
        font-size:11px
    }
    ul.footermenu li a:hover {
        color:#fff
    }
    .footermenu li:before {
        content:'|';
        color:#fff;
        display:inline-block;
        margin-right:7px
    }
    .footermenu li:nth-child(1):before {
        display:none
    }
    .footer .titlearrow {
        font-size:30px;
        color:#444;
        background:#373737;
    }
    .footer .wraptitle {
        margin-bottom:10px;
        text-align:left
    }
    .done {
        display:none
    }
    .error input,
    input.error,
    .error textarea,
    textarea.error {
        background-color:#fff;
        border:1px solid red !Important;
        -webkit-transition:border linear 0.2s,
        box-shadow linear 0.2s;
        -moz-transition:border linear 0.2s,
        box-shadow linear 0.2s;
        -o-transition:border linear 0.2s,
        box-shadow linear 0.2s;
        transition:border linear 0.2s,
        box-shadow linear 0.2s
    }
    #back-top {
        position:fixed;
        bottom:50px;
        right:2%;
        z-index:1000
    }
    #back-top span {
        width:40px;
        height:40px;
        display:block;
        margin-bottom:7px;
        background:#1E6CBE url(../img/up-arrow.png) no-repeat center center;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        border-radius:50%;
        -webkit-transition:1s;
        -moz-transition:1s;
        transition:1s
    }
    #back-top a:hover span {
        opacity:0.7
    }
    #back-top a {
        width:44px;
        display:block;
        text-align:center;
        font:11px/100% Arial,
        Helvetica,
        sans-serif;
        text-transform:uppercase;
        text-decoration:none;
        color:#666;
        -webkit-transition:1s;
        -moz-transition:1s;
        transition:1s
    }
    #back-top a:hover {
        color:#999
    }
    ul.social-icons li {
        display:inline-block;
        float:none;
        padding:17px;
        width:10px;
        height:10px;
        position:relative;
        margin-right:5px;
        border-radius:3px
    }
    ul.social-icons li i {
        position:absolute;
        font-size:15px;
        width:40px;
        height:40px;
        text-align:center;
        line-height:40px;
        left:50%;
        top:50%;
        margin-left:-20px;
        margin-top:-20px
    }
    ul.social-icons li a {
        color:#fff
    }
    ul.social-icons li a i {
        -webkit-transition-duration:0.8s;
        -moz-transition-duration:0.8s;
        -o-transition-duration:0.8s;
        transition-duration:0.8s;
        -webkit-transition-property:-webkit-transform;
        -moz-transition-property:-moz-transform;
        -o-transition-property:-o-transform;
        transition-property:transform;
        overflow:hidden
    }
    ul.social-icons li a i:hover {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg)
    }
    ul.social-icons li a:hover {
        text-decoration:none;
        color:#fff
    }
    .fb {
        background:#305891
    }
    .tw {
        background:#2ca8d2
    }
    .in {
        background:#4498c8
    }
    .gp {
        background:#db4b39
    }
    @keyframes
    fadein {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    @-moz-keyframes
    fadein {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    @-webkit-keyframes
    fadein {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    @-o-keyframes
    fadein {
        from {
            opacity:0
        }
        to {
            opacity:1
        }
    }
    ​.quote_wrap {
        height:100% !Important
    }
    .textItem {}.tweetprofilelink a {
        color:#FFF
    }
    .tweetprofilelink a:hover {
        color:#FFF
    }
    .tweet-time a {
        color:#FFF
    }
    .tweet-time a:hover {
        color:#FFF
    }
    .textItem a {
        color:#FFF
    }
    .textItem a:hover {
        color:#FFF
    }
    .avatar {
        float:left;
        background:#fff;
        width:54px;
        height:54px;
        padding:10px;
        border:1px solid #ebebeb;
        border-radius:50%;
        box-shadow:0px 1px 1px 1px #fff;
        margin-right:10px
    }
    .avatar img {
        display:block;
        width:100%;
        border:0;
        margin:0;
        border-radius:50%
    }
    .topspace0 {
        margin-top:0px !Important
    }
    .topspace10 {
        margin-top:10px
    }
    .topspace15 {
        margin-top:15px
    }
    .topspace20 {
        margin-top:20px !important
    }
    .topspace25 {
        margin-top:25px
    }
    .topspace30 {
        margin-top:30px
    }
    .topspace35 {
        margin-top:35px
    }
    .topspace40 {
        margin-top:40px
    }
    .topspace50 {
        margin-top:50px
    }
    .bottomspace0 {
        margin-bottom:0px
    }
    .bottomspace10 {
        margin-bottom:10px
    }
    .redtext {
        color:#f00
    }
    .bottomspace15 {
        margin-bottom:15px
    }
    .bottomspace20 {
        margin-bottom:20px
    }
    .bottomspace25 {
        margin-bottom:25px
    }
    .bottomspace30 {
        margin-bottom:30px
    }
    .bottomspace35 {
        margin-bottom:35px
    }
    .bottomspace40 {
        margin-bottom:40px
    }
    .fontroboto {
        font-family:Roboto
    }
    .fontopensans {
        font-family:OpenSans
    }
    .fontpacifico {
        font-family:Pacifico
    }
    .font100 {
        font-weight:100
    }
    .font200 {
        font-weight:200
    }
    .font300 {
        font-weight:300
    }
    .font400 {
        font-weight:400
    }
    .font500 {
        font-weight:500
    }
    .font600 {
        font-weight:600
    }
    .font700 {
        font-weight:700
    }
    .font800 {
        font-weight:800
    }
    .font900 {
        font-weight:900
    }
    .fontnormal {
        font-style:normal
    }
    .fontitalic {
        font-style:italic
    }
    .fontupper {
        text-transform:uppercase
    }
    .panel1 {
        width:100%;
        padding:30px 30px 15px;
        background-color:#f6f6f6;
        border-left:6px solid #1E6CBE
    }
    .bigtext {
        font-size:24px;
        text-transform:capitalize;
        line-height:24px;
        color:#333
    }
    .buttonblack {
        background:#333;
        line-height:40px;
        padding:7px 20px;
        border-radius:0;
        display:inline-block;
        color:#fff;
        text-transform:uppercase;
        font-weight:700;
        min-width:170px
    }
    .buttoncolor {
        line-height:40px;
        background:#1E6CBE;
        color:#fff !important;
        padding:3px 18px;
        margin-left:-3px;
        border-radius:0;
        display:inline-block;
        text-transform:uppercase;
        font-weight:700;
        border-radius:3%
    }
    .buttonblack:hover,
    .buttoncolor:hover {
        background:#555;
        color:#fff
    }
    .panel h1,
    .panel2 h1 {
        font-size:18px;
        font-family:RalewayRegular;
        margin-top:0;
        line-height:24px
    }
    .panel ul,
    .panel2 ul {
        margin-left:55px;
        list-style:square
    }
    .panel,
    .panel2 {
        padding:20px;
        background-color:#f7f7f7;
        position:relative;
        margin-bottom:15px;
        border-radius:0;
        border:0;
        border-left:8px solid #1E6CBE
    }
    .panel2:after {
        z-index:-1;
        position:absolute;
        content:"";
        bottom:15px;
        left:10px;
        width:50%;
        top:80%;
        max-width:300px;
        background:#777;
        -webkit-box-shadow:0 15px 10px #777;
        -moz-box-shadow:0 15px 10px #777;
        box-shadow:0 15px 10px #777;
        -webkit-transform:rotate(-3deg);
        -moz-transform:rotate(-3deg);
        -o-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
        transform:rotate(-3deg)
    }
    .panel2:after {
        -webkit-transform:rotate(3deg);
        -moz-transform:rotate(3deg);
        -o-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
        transform:rotate(3deg);
        right:10px;
        left:auto;
        clear:both;
        float:none
    }
    .info-box {
        background:#eee !important;
        border:1px solid #e4e4e4;
        padding:6px;
        margin-bottom:15px
    }
    .info-box-inner {
        background-image:linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-o-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-moz-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-webkit-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-ms-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        border:1px solid #e4e4e4;
        padding:25px;
        background:#fff
    }
    .info-box p {
        margin:0
    }
    .info-box h4 {
        font-size:20px;
        line-height:26px;
        margin:0
    }
    .info-box a {
        margin:0
    }
    .info-content {
        float:left
    }
    .info-box-2 {
        margin:0 0 10px 0
    }
    .info-box-inner-2 {
        background-image:linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-o-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-moz-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-webkit-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        background-image:-ms-linear-gradient(bottom,
        #fafafa 0%,
        #fff 100%);
        -webkit-border-radius:0 0 3px 3px;
        -moz-border-radius:0 0 3px 3px;
        border-radius:0 0 3px 3px;
        border-top:0 none;
        border-right:1px solid #e4e4e4;
        border-left:1px solid #e4e4e4;
        border-bottom:1px solid #e4e4e4;
        padding:17px
    }
    .info-box-2 p {
        margin:0
    }
    .info-box-2 h4 {
        color:#2778C8;
        font-size:24px;
        line-height:26px;
        margin:0
    }
    .info-box-2 a {
        margin:6px 0 0
    }
    .info-content-2 {
        float:left
    }
    .buttonblack,
    .buttoncolor {
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        -ms-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out
    }
    .checkitems {
        color:#666;
        font-style:italic
    }
    .btn-default {
        color:#fff;
        background-color:#1E6CBE;
        border:0
    }
    .btn-default:hover {
        background:#444;
        color:#fff
    }
    .btn-wrap {
        margin-left:10px
    }
    .btn-minimal {
        background:0 0;
        padding:13px 25px;
        font-family:Opensans;
        font-size:14px;
        color:#fff;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        border:2px solid #fff;
        -webkit-transition:all 0.2s ease-in-out;
        -moz-transition:all 0.2s ease-in-out;
        -o-transition:all 0.2s ease-in-out;
        -ms-transition:all 0.2s ease-in-out;
        transition:all 0.2s ease-in-out
    }
    .btn-minimal:hover {
        background:#fff;
        color:#1E6CBE
    }
    #accordion {
        margin-bottom:0
    }
    #accordion div h4 {
        position:relative;
        font-size:15px;
        color:#444;
        font-weight:300;
        padding:15px 0px 15px 70px;
        border:1px solid #ebebeb;
        margin-top:0;
        cursor:pointer;
        transition:all 0.17s ease-in-out;
        -moz-transition:all 0.17s ease-in-out;
        -webkit-transition:all 0.17s ease-in-out;
        -o-transition:all 0.17s ease-in-out
    }
    #accordion div.active h4 {
        border:1px solid transparent;
        color:#fff;
        background:#444;
        margin-bottom:0
    }
    #accordion div h4:before {
        position:absolute;
        content:'';
        top:-1px;
        left:-1px;
        height:48px;
        width:48px;
        background:#1E6CBE url('../img/plus.png') center center no-repeat;
        transition:all 0.17s ease-in-out;
        -moz-transition:all 0.17s ease-in-out;
        -webkit-transition:all 0.17s ease-in-out;
        -o-transition:all 0.17s ease-in-out
    }
    #accordion div.active h4:before {
        background:#1E6CBE url('../img/minus.png') center center no-repeat
    }
    #accordion div p {
        display:none;
        transition:all 0.17s ease-in-out;
        -moz-transition:all 0.17s ease-in-out;
        -webkit-transition:all 0.17s ease-in-out;
        -o-transition:all 0.17s ease-in-out
    }
    #accordion div p span {
        color:#666;
        font-weight:bold
    }
    #accordion div.active p {
        display:block;
        border-left:1px solid #ebebeb;
        border-right:1px solid #ebebeb;
        border-bottom:1px solid #ebebeb;
        padding:20px;
        margin:0;
        margin-bottom:10px
    }
    #accordion div:last-child.active p {
        border-bottom:1px solid #ebebeb
    }
    .breadcr {
        margin-top:28px
    }
    .pageheader {
        padding-top:30px
    }
    .pageheader h1 {
        text-transform:uppercase;
        font-size:27px;
        text-align:center
    }
    .page-description {
        color:#fff;
        font-size:20px;
        line-height:30px;
        font-weight:300;
        text-align:center;
        margin-bottom:0;
        margin:0px auto;
        margin-top:15px
    }
    .wowbreadcr {
        color:#fff;
        font-size:15px;
        line-height:36px;
        font-weight:300;
        text-align:center;
        margin-bottom:0;
        margin-top:15px
    }
    .text-left {
        text-align:left
    }
    .text_int {
        text-indent:80px
    }
    .pageheader-default {
        -webkit-background-size:cover !Important;
        -moz-background-size:cover !Important;
        -o-background-size:cover !Important;
        background-size:cover !Important;
        background:url(../img/demo/3.jpg);
        color:#fff;
        background-attachment:fixed;
        background-position:0 -170px
    }
    .pageheader_why {
        background:url(../img/demo/whyus.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_testm {
        background:url(../img/demo/testimonials_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_produ {
        background:url(../img/demo/products_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_servi {
        background:url(../img/demo/services_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_career {
        background:url(../img/demo/career_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_contact {
        background:url(../img/demo/contact_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader_about {
        background:url(../img/demo/about_b.jpg) center 20px !important;
        background-size:100% !important
    }
    .pageheader-default h1 {
        color:#fff;
        display:inline-block;
        font-weight:700;
        margin-top:30px;
        margin-bottom:0;
        line-height:30px;
        font-size:35px;
        text-shadow:0 2px 0 rgba(0,
        0,
        0,
        0.1)
    }
    .pageheader-default .semitransparentbg {
        background:rgba(35,
        108,
        184,
        0.90) !important;
        padding-bottom:35px;
        padding-top:20px
    }
    .semitransparentbg {
        background:rgba(0,
        0,
        0,
        0.70) !important
    }
    .thumbnail {
        border:1px solid #f3f3f3;
        font-size:13px;
        background:#fff;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        padding:0px;
        border-bottom:medium double #ddd;
        text-align:center;
        line-height:25px
    }
    .thumbnail h4 {
        font-size:16px;
        line-height:0.5;
        margin-top:20px
    }
    .thumbnail .caption {
        color:#888;
        padding:10px 20px 15px;
        background:#f7f7f7
    }
    .thumbnail .caption span {
        font-style:italic
    }
    .thumbnail img {
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease;
        -ms-transition:all 1s ease;
        transition:all 1s ease
    }
    .iconmargin {
        margin-right:5px
    }
    .sidebar .categories>li {
        position:relative;
        display:block;
        -moz-transition:all 0.3s;
        -o-transition:all 0.3s;
        -webkit-transition:all 0.3s;
        background-position:9px 16px;
        background-repeat:no-repeat;
        border-bottom:1px solid #EDEDDE;
        padding:10px 0;
        transition:all 0.3s
    }
    .sidebar .categories>li a {
        color:#666
    }
    .sidebar .categories>li a:before {
        font-family:'FontAwesome';
        content:"\f101";
        margin-right:5px
    }
    .sidebar .categories>li:hover {
        background:#f6f6f6;
        padding-left:15px
    }
    .sidebar h4 {
        color:#1E6CBE;
        font-size:19px
    }
    .wowwidget {
        margin-bottom:35px;
        clear:both;
        float:none
    }
    .tab-content .tabbedwidget img {
        width:50px;
        height:50px;
        margin-bottom:0;
        padding:4px;
        line-height:1.428571429;
        background-color:#fff;
        border:1px solid #ddd;
        border-radius:4px;
        margin-right:10px;
        margin-top:5px
    }
    .tab-content li {
        float:none;
        clear:both
    }
    .nav-tabs {
        border:0px;
        margin-bottom:0px
    }
    .nav-tabs li a {
        color:#444;
        background:#F8F8F8;
        font-weight:300;
        font-size:13px;
        padding:15px 25px;
        margin-right:0px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        border:1px solid #e5e5e5;
        border-right:0px !important;
        text-transform:uppercase
    }
    .nav-tabs li:last-child>a,
    .nav-tabs li:last-child>a:hover {
        border-right:1px solid #e5e5e5 !important
    }
    .nav-tabs li a:hover {
        background:#fff !important;
        border:1px solid #e5e5e5
    }
    .nav-tabs i {
        padding-right:10px
    }
    .tab-content {
        background:#fff;
        border:1px solid #e5e5e5;
        padding:25px
    }
    .tab-content img {
        max-width:150px;
        height:auto;
        width:auto;
        margin-right:20px;
        margin-bottom:5px;
        float:left;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px
    }
    .nav-tabs>.active>a,
    .nav-tabs>.active>a:hover {
        background-color:#fff !important;
        border-color:#e5e5e5 #e5e5e5 transparent;
        border-style:solid;
        border-right:1px !important;
        color:#1E6CBE !important
    }
    blockquote {
        border-left:5px solid #1E6CBE;
        padding:20px 20px 20px 30px;
        background:#f8f8f8
    }
    blockquote p {
        font-size:13px;
        line-height:22px;
        font-weight:400
    }
    th {
        font-size:14px;
        background:#f9f9f9;
        border-bottom:0 !Important;
        font-weight:normal;
        color:#444
    }
    ul#skill {
        list-style:none
    }
    #skill {
        list-style:none;
        font-size:12px;
        position:relative;
        line-height:2em
    }
    #skill li {
        margin-bottom:20px;
        height:45px;
        background:#f5f5f5
    }
    #skill li:last-child {
        margin-bottom:0px
    }
    #skill li h3 {
        position:relative;
        font-size:14px;
        color:#fff;
        padding-left:10px;
        font-weight:300;
        margin-top:0;
        padding:13px;
        display:inline;
        line-height:45px
    }
    #skill i {
        background:#1E6CBE;
        color:#fff;
        margin-left:-13px;
        margin-right:10px;
        width:45px;
        display:inline-block;
        text-align:center;
        height:45px;
        padding:18px 0
    }
    .thebar {
        height:45px;
        position:absolute;
        width:100%
    }
    .progressdefault {
        background-color:#444
    }
    .progresspink {
        background-color:#f674a4
    }
    .progressorange {
        background:orange
    }
    .progressgreen {
        background-color:#a1ce5b
    }
    .progressblue {
        background-color:#0E8FAB
    }
    .flex-video {
        position:relative;
        padding-top:25px;
        padding-bottom:67.5%;
        height:0;
        margin-bottom:16px;
        overflow:hidden
    }
    .flex-video.widescreen {
        padding-bottom:57.25%
    }
    .flex-video.vimeo {
        padding-top:0
    }
    .flex-video iframe,
    .flex-video object,
    .flex-video embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%
    }
    @media only screen and (max-device-width: 800px),
    only screen and (device-width: 1024px) and (device-height: 600px),
    only screen and (width: 1280px) and (orientation: landscape),
    only screen and (device-width: 800px),
    only screen and (max-width: 767px) {
        .flex-video {
            padding-top:0
        }
    }
    .box {
        background:#f7f7f7;
        padding:22px
    }
    .effect1 {
        -webkit-box-shadow:0 10px 6px -6px #777;
        -moz-box-shadow:0 10px 6px -6px #777;
        box-shadow:0 10px 6px -6px #777
    }
    .effect2 {
        position:relative
    }
    .effect2:before,
    .effect2:after {
        z-index:-1;
        position:absolute;
        content:"";
        bottom:15px;
        left:10px;
        width:50%;
        top:80%;
        max-width:300px;
        background:#777;
        -webkit-box-shadow:0 15px 10px #777;
        -moz-box-shadow:0 15px 10px #777;
        box-shadow:0 15px 10px #777;
        -webkit-transform:rotate(-3deg);
        -moz-transform:rotate(-3deg);
        -o-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
        transform:rotate(-3deg)
    }
    .effect2:after {
        -webkit-transform:rotate(3deg);
        -moz-transform:rotate(3deg);
        -o-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
        transform:rotate(3deg);
        right:10px;
        left:auto
    }
    .effect3 {
        position:relative
    }
    .effect3:before {
        z-index:-1;
        position:absolute;
        content:"";
        bottom:15px;
        left:10px;
        width:50%;
        top:80%;
        max-width:300px;
        background:#777;
        -webkit-box-shadow:0 15px 10px #777;
        -moz-box-shadow:0 15px 10px #777;
        box-shadow:0 15px 10px #777;
        -webkit-transform:rotate(-3deg);
        -moz-transform:rotate(-3deg);
        -o-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
        transform:rotate(-3deg)
    }
    .effect4 {
        position:relative
    }
    .effect4:after {
        z-index:-1;
        position:absolute;
        content:"";
        bottom:15px;
        right:10px;
        left:auto;
        width:50%;
        top:80%;
        max-width:300px;
        background:#777;
        -webkit-box-shadow:0 15px 10px #777;
        -moz-box-shadow:0 15px 10px #777;
        box-shadow:0 15px 10px #777;
        -webkit-transform:rotate(3deg);
        -moz-transform:rotate(3deg);
        -o-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    .effect5 {
        position:relative
    }
    .effect5:before,
    .effect5:after {
        z-index:-1;
        position:absolute;
        content:"";
        bottom:25px;
        left:10px;
        width:50%;
        top:80%;
        max-width:300px;
        background:#777;
        -webkit-box-shadow:0 35px 20px #777;
        -moz-box-shadow:0 35px 20px #777;
        box-shadow:0 35px 20px #777;
        -webkit-transform:rotate(-8deg);
        -moz-transform:rotate(-8deg);
        -o-transform:rotate(-8deg);
        -ms-transform:rotate(-8deg);
        transform:rotate(-8deg)
    }
    .effect5:after {
        -webkit-transform:rotate(8deg);
        -moz-transform:rotate(8deg);
        -o-transform:rotate(8deg);
        -ms-transform:rotate(8deg);
        transform:rotate(8deg);
        right:10px;
        left:auto
    }
    .effect6 {
        position:relative;
        -webkit-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset
    }
    .effect6:before,
    .effect6:after {
        content:"";
        position:absolute;
        z-index:-1;
        -webkit-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        -moz-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        top:50%;
        bottom:0;
        left:10px;
        right:10px;
        -moz-border-radius:100px / 10px;
        border-radius:100px / 10px
    }
    .effect6:after {
        right:10px;
        left:auto;
        -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
        -o-transform:skew(8deg) rotate(3deg);
        transform:skew(8deg) rotate(3deg)
    }
    .effect7 {
        position:relative;
        -webkit-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset
    }
    .effect7:before,
    .effect7:after {
        content:"";
        position:absolute;
        z-index:-1;
        -webkit-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        -moz-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        top:0;
        bottom:0;
        left:10px;
        right:10px;
        -moz-border-radius:100px / 10px;
        border-radius:100px / 10px
    }
    .effect7:after {
        right:10px;
        left:auto;
        -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
        -o-transform:skew(8deg) rotate(3deg);
        transform:skew(8deg) rotate(3deg)
    }
    .effect8 {
        position:relative;
        -webkit-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset;
        box-shadow:0 1px 4px rgba(0,
        0,
        0,
        0.3),
        0 0 40px rgba(0,
        0,
        0,
        0.1) inset
    }
    .effect8:before,
    .effect8:after {
        content:"";
        position:absolute;
        z-index:-1;
        -webkit-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        -moz-box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        box-shadow:0 0 20px rgba(0,
        0,
        0,
        0.8);
        top:10px;
        bottom:10px;
        left:0;
        right:0;
        -moz-border-radius:100px / 10px;
        border-radius:100px / 10px
    }
    .effect8:after {
        right:10px;
        left:auto;
        -webkit-transform:skew(8deg) rotate(3deg);
        -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
        -o-transform:skew(8deg) rotate(3deg);
        transform:skew(8deg) rotate(3deg)
    }
    .caroufredsel_wrapper {
        height:100px !important
    }
    .list_carousel {
        margin-left:-10px;
        clear:both
    }
    .list_carousel ul {
        margin:0;
        padding:0;
        list-style:none;
        display:block;
        height:100px
    }
    .list_carousel li {
        display:block;
        float:left;
        margin-left:10px;
        cursor:default !important;
        height:auto
    }
    .list_carousel.responsive {
        width:auto;
        margin-left:-10px
    }
    .clearfix {
        float:none;
        clear:both
    }
    .list_carousel .carousel_nav {
        position:relative;
        padding-left:8px;
        padding-right:12px;
        text-align:center;
        margin-bottom:20px;
        float:none;
        clear:both;
        display:inline-block;
        background:#fff
    }
    .grayarea .list_carousel .carousel_nav {
        background:#f9f9f9
    }
    a.prev,
    a.next {
        background:url(../img/carousel_arrows.png) no-repeat #444;
        width:24px;
        height:24px;
        display:block;
        position:relative;
        float:left;
        margin-left:3px;
        -webkit-background-clip:padding-box;
        background-clip:padding-box;
        box-shadow:inset 0 -1px 0 0 rgba(0,
        0,
        0,
        0.1);
        border-radius:2px
    }
    a.prev:hover,
    a.next:hover {
        background-color:#444
    }
    a.prev {
        background-position:-2px 0
    }
    a.prev.disabled {
        background-color:#555
    }
    a.next {
        background-position:-22px 0
    }
    a.next.disabled {
        background-color:#555
    }
    a.prev.disabled,
    a.next.disabled {
        cursor:default
    }
    a.prev span,
    a.next span {
        display:none
    }
    .pager {
        float:left;
        width:300px;
        text-align:center
    }
    .pager a {
        margin:0 5px;
        text-decoration:none
    }
    .pager a.selected {
        text-decoration:underline
    }
    .timer {
        background-color:#999;
        height:6px;
        width:0px
    }
    .testimonials .list_carousel li {
        width:330px
    }
    .testavatar {
        border:1px solid #ebebeb;
        margin-left:15px
    }
    .maxwidth {
        max-width:100%
    }
    .carousel-content {
        float:left;
        width:100%
    }
    .featured-projects {
        background:#fff;
        font-size:12px;
        -moz-box-shadow:0 1px 3px rgba(34,
        25,
        25,
        0.4);
        text-align:center;
        overflow:hidden;
        position:relative;
        -webkit-transition:all 1s ease-in-out;
        -moz-transition:all 1s ease-in-out;
        -o-transition:all 1s ease-in-out;
        transition:all 1s ease-in-out
    }
    .featured-projects:hover {}.featured-projects-image {
        padding:0px
    }
    .featured-projects-image img {
        -webkit-box-sizing:content-box;
        -moz-box-sizing:content-box;
        box-sizing:content-box
    }
    .featured-projects-image a {
        display:block
    }
    .featured-projects-content {
        padding:0 10px
    }
    .featured-projects-content p {
        margin-bottom:10px
    }
    .featured-projects-content h1 {
        font-size:13px;
        line-height:1;
        font-weight:bold
    }
    .featured-projects-content h1 a {
        padding-bottom:10px;border-bottom:1px solid #ebebeb;display:block;color:#444;font-weight:normal}.small{font-size:12px}.grayimage{filter:url("data:image/svg+xml;nowhitespace:afterproperty;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%)}.imgproject{float:left;margin-right:20px}.service-fancybox,.service-fancybox i,.service-fancybox p,.service-fancybox
        h3 {
            -webkit-transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -o-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out
        }
        .service-fancybox {
            background:#fff;
            padding:18px 29px;
            border-radius:4px;
            box-shadow:inset 0 -1px 0 0 rgba(0,
            0,
            0,
            0.15);
            border-radius:3px;
            text-align:center;
            color:#888;
            margin-bottom:15px;
            border:1px solid #ebebeb
        }
        .service-fancybox p {
            margin-top:20px
        }
        .service-fancybox i {
            font-size:80px;
            height:80px;
            color:#666;
            margin:10px 0;
            display:inline
        }
        .service-fancybox:hover,
        .service-fancybox:hover h3 {
            color:#fff
        }
        .service-fancybox:hover i {
            color:#1E6CBE
        }
        .service-fancybox:hover p {
            -webkit-transition:none;
            -moz-transition:none;
            -o-transition:none;
            -ms-transition:none;
            transition:none;
            color:#fff
        }
        .service-fancybox:hover {
            background:#1E6CBE
        }
        .service-fancybox h3 {
            font-size:16px;
            margin-bottom:20px
        }
        .circleicon {
            width:105px;
            height:105px;
            border-radius:50%;
            padding:23px 0;
            background:#f7f7f7;
            margin:0px auto;
            margin-bottom:15px;
            border:1px solid #ebebeb
        }
        .circleicon i {
            font-size:60px
        }
        .service-fancybox.featured {
            background:#1E6CBE;
            color:#fff
        }
        .service-fancybox.featured h3 {
            color:#fff
        }
        .service-fancybox.featured .circleicon i {
            color:#1E6CBE
        }
        .service-fancybox.featured:hover .circleicon i {
            color:#666
        }
        .service-fancybox.black {
            background:#333;
            color:#fff
        }
        .service-fancybox.black h3 {
            color:#fff
        }
        .service-fancybox.black .circleicon i {
            color:#1E6CBE
        }
        .service-fancybox.black:hover .circleicon i {
            color:#444
        }
        .cbp_tmtimeline {
            margin:0;
            padding:0;
            list-style:none;
            position:relative
        }
        .cbp_tmtimeline:before {
            content:'';
            position:absolute;
            top:0;
            bottom:0;
            width:10px;
            background:#ececec;
            left:20%;
            margin-left:-10px
        }
        .cbp_tmtimeline>li {
            position:relative
        }
        .cbp_tmtimeline>li .cbp_tmtime {
            display:block;
            width:25%;
            padding-right:100px;
            position:absolute;
            margin-top:10px
        }
        .cbp_tmtimeline>li .cbp_tmtime span {
            display:block;
            text-align:right
        }
        .cbp_tmtimeline>li .cbp_tmtime span:first-child {
            font-size:0.9em;
            color:#bdd0db
        }
        .cbp_tmtimeline>li .cbp_tmtime span:last-child {
            font-size:15px;
            color:#999
        }
        .cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
            color:#999
        }
        .cbp_tmtimeline>li .cbp_tmlabel {
            margin:0 0 15px 25%;
            padding:2em;
            position:relative;
            border-radius:5px;
            background:#f8f8f8;
            border:1px solid #ebebeb
        }
        .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
            background:#fff;
            border:1px solid #ebebeb
        }
        .cbp_tmtimeline>li .cbp_tmlabel h2 {
            margin-top:0px;
            padding:0 0 10px 0;
            font-family:OpenSans;
            font-weight:300;
            text-transform:uppercase;
            font-size:25px
        }
        .cbp_tmtimeline>li .cbp_tmlabel:after {
            right:100%;
            border:solid transparent;
            content:" ";
            height:0;
            width:0;
            position:absolute;
            pointer-events:none;
            border-right-color:#ebebeb;
            border-width:10px;
            top:10px
        }
        .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
            border-right-color:#ebebeb
        }
        .cbp_tmtimeline>li .cbp_tmicon {
            width:40px;
            height:40px;
            font-family:'ecoico';
            speak:none;
            font-style:normal;
            font-weight:normal;
            font-variant:normal;
            text-transform:none;
            font-size:1.4em;
            line-height:40px;
            -webkit-font-smoothing:antialiased;
            position:absolute;
            color:#fff;
            background:#1E6CBE;
            border-radius:50%;
            box-shadow:0 0 0 8px #ececec;
            text-align:center;
            left:20%;
            top:0;
            margin:0 0 0 -25px
        }
        @media screen and (max-width: 65.375em) {
            .cbp_tmtimeline>li .cbp_tmtime span:last-child {
                font-size:1.5em
            }
        }
        @media screen and (max-width: 47.2em) {
            .cbp_tmtimeline:before {
                display:none
            }
            .cbp_tmtimeline>li .cbp_tmtime {
                width:100%;
                position:relative;
                padding:0 0 20px 0
            }
            .cbp_tmtimeline>li .cbp_tmtime span {
                text-align:left
            }
            .cbp_tmtimeline>li .cbp_tmlabel {
                margin:0 0 30px 0;
                padding:1em;
                font-weight:400;
                font-size:95%
            }
            .cbp_tmtimeline>li .cbp_tmlabel:after {
                right:auto;
                left:20px;
                border-right-color:transparent;
                border-bottom-color:#ebebeb;
                top:-20px
            }
            .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
                border-right-color:transparent;
                border-bottom-color:#ebebeb
            }
            .cbp_tmtimeline>li .cbp_tmicon {
                position:relative;
                float:right;
                left:auto;
                margin:-55px 5px 0 0px
            }
        }
        .container.isoport .row {
            margin-left:-30px;
            margin-right:0px
        }
        .well {
            border-color:#ebebeb
        }
        .item h4 a {
            color:#333
        }
        .item img.image {
            max-width:100%;
            margin-top:9px
        }
        .info {
            padding:4px
        }
        .services i {
            color:#1E6CBE;
            font-size:30px
        }
        .section-header {
            text-align:center;
            position:relative;
            border-bottom:0;
            margin-top:0;
            padding-bottom:0;
            margin-bottom:36px
        }
        .section-header h1 {
            text-align:center;
            display:inline-block;
            border-bottom:0;
            padding:0 24px;
            background-color:white;
            position:relative;
            z-index:1;
            margin-bottom:0
        }
        .section-header h1 small {
            font-size:inherit;
            text-transform:uppercase
        }
        .section-alt .section-header h1 {
            background-color:#f2f2f4
        }
        .section-header:before,
        .section-header:after {
            content:"";
            position:absolute;
            width:30%;
            height:1px;
            background-color:#f2f2f4;
            -webkit-box-shadow:0px 1px 0px white;
            -moz-box-shadow:0px 1px 0px white;
            box-shadow:0px 1px 0px white;
            top:50%;
            z-index:0
        }
        .section-alt .section-header:before,
        .section-alt .section-header:after {
            background-color:#d8d8d8
        }
        .section-header:before {
            left:0
        }
        .section-header:after {
            right:0
        }
        .section-dark .section-header h1 {
            background-color:#444;
            color:white
        }
        .section-dark .section-header h1 small {
            color:white
        }
        .section-dark .section-header:before,
        .section-dark .section-header:after {
            background-color:#151515;
            -webkit-box-shadow:0px 1px 0px #656565;
            -moz-box-shadow:0px 1px 0px #656565;
            box-shadow:0px 1px 0px #656565
        }
        .tpo {
            top:0% !important
        }
        .opc:hover {
            opacity:100 !important
        }
        .isotope-item {
            z-index:2
        }
        .isotope-hidden.isotope-item {
            pointer-events:none;
            z-index:1
        }
        .isotope,
        .isotope .isotope-item {
            -webkit-transition-duration:0.8s;
            -moz-transition-duration:0.8s;
            transition-duration:0.8s
        }
        .isotope {
            -webkit-transition-property:height,
            width;
            -moz-transition-property:height,
            width;
            transition-property:height,
            width
        }
        .isotope .isotope-item {
            -webkit-transition-property:-webkit-transform,
            opacity;
            -moz-transition-property:-moz-transform,
            opacity;
            transition-property:transform,
            opacity
        }
        #content {
            max-width:1170px;
            z-index:0;
            overflow:hidden;
            margin-left:-4px
        }
        #filter ul {
            margin-left:0px
        }
        #filter ul li {
            list-style:none;
            float:left;
            margin-right:10px;
            margin-bottom:40px;
            display:initial;
            -webkit-transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -o-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out;
            font-size:14px
        }
        #filter ul li a {
            color:#444;
            margin-bottom:23px;
            background:#ebebeb;
            padding:10px;
            -webkit-transition:all 0.5s ease-in-out;
            -moz-transition:all 0.5s ease-in-out;
            -o-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out;
            border-radius:2px;
            text-transform:uppercase;
            font-weight:500
        }
        #filter ul li a:hover {
            opacity:0.8
        }
        #filter ul li .selected {
            background:#e7402f !Important;
            color:#fff
        }
        .inneritem {
            border:1px solid #ebebeb;
            padding:15px
        }
        .boxportfolio4 {
            float:left;
            width:42.90%;
            display:inline-block;
            margin-bottom:20px;
            position:relative;
            z-index:0;
            margin-left:20px
        }
        .boxportfolio3 {
            float:left;
            display:inline-block;
            margin-bottom:20px;
            position:relative;
            z-index:0;
            width:31.23%;
            margin-left:20px
        }
        .boxportfolio2 {
            float:left;
            margin-left:20px;
            width:47.50%;
            display:inline-block;
            margin-bottom:20px;
            position:relative;
            z-index:0
        }
        .roll {
            position:absolute;
            font-size:30px;
            width:100%;
            margin:0px auto;
            height:100%;
            top:1px;
            display:table-cell;
            vertical-align:middle;
            background:#000;
            z-index:10;
            opacity:0;
            -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
            filter:alpha(opacity=0);
            zoom:1
        }
        .boxcontainer {
            border:1px solid #ededed;
            border-bottom:double medium #ececec;
            background:#fff;
            font-size:13px;
            text-align:center;
            transition:border 500ms ease-out;
            -webkit-transition:border 500ms ease-out;
            -moz-transition:border 500ms ease-out;
            -o-transition:border 500ms ease-out;
            position:relative;
            overflow:hidden;
            margin-bottom:9px;
            text-align:center
        }
        .boxcontainer:hover {
            border-bottom:double medium #eaeaea
        }
        .boxcontainer p {
            margin-bottom:10px;
            color:#666;
            padding:0px 10px
        }
        .boxcontainer h1 {
            font-size:13px;
            line-height:1;
            padding-left:10px;
            padding-right:10px;
            margin-top:15px
        }
        .boxcontainer h1 a {
            padding-bottom:10px;
            border-bottom:1px solid #ebebeb;
            display:block;
            color:#666;
            line-height:20px;
            text-transform:uppercase
        }
        .boxcontainer img {
            position:relative
        }
        .recent-projects-home .boxcontainer img {
            height:185px
        }
        .recent-projects-home .smalltitle {
            max-width:50%;
            margin:0px auto;
            margin-top:30px;
            margin-bottom:-13px;
            border-bottom:1px solid #fff;
            border-top:1px solid #ebebeb
        }
        .wrapcaption {
            position:absolute;
            font-size:30px;
            background:transparent;
            width:100%;
            margin:0px auto;
            display:table-cell;
            vertical-align:middle;
            top:43%
        }
        .captionicons {
            font-size:20px;
            padding:13px;
            background:#e7402f;
            margin-right:0px;
            border-radius:50%;
            color:#fff;
            position:relative;
            top:55%;
            vertical-align:middle;
            margin-top:0px;
            margin:0 auto
        }
        .captionicons:hover {
            opacity:0.9
        }
        .boxportfolio2 .captionicons {
            top:57%
        }
        .aligncenter {
            margin:0px auto;
            text-align:center
        }
        span.meta {
            display:block;
            margin-bottom:20px
        }
        .comments .media-object {
            display:block;
            border-radius:50%;
            width:74px;
            height:74px;
            border:1px solid #ebebeb
        }
        .media-body {
            padding:20px;
            border:1px solid #ebebeb;
            display:block;
            z-index:100;
            position:relative
        }
        .blogindex .lead {
            font-size:17px
        }
        .blogindex hr {
            margin-top:30px
        }
        .blogindex img.pull-left {
            margin-right:10px
        }
        .pagination>li>a,
        .pagination>li>span {
            color:#444
        }
        .pagination>.active>a,
        .pagination>.active>span,
        .pagination>.active>a:hover,
        .pagination>.active>span:hover,
        .pagination>.active>a:focus,
        .pagination>.active>span:focus {
            background-color:#1E6CBE;
            border-color:#1E6CBE
        }
        .comments .smalltitle span {
            font-size:18px
        }
        .comment-metadata,
        .comment-metadata a {
            color:#999;
            font-size:12px
        }
        .landingpage-button {
            background:#fff;
            color:#1E6CBE;
            width:260px;
            padding:0px 20px;
            border-bottom:3px solid
        }
        .landingpage-button span {
            width:50px;
            margin-left:10px;
            color:#1E6CBE;
            position:relative;
            top:-18px
        }
        .landingpage-button strong {
            margin-left:34px;
            font-size:24px;
            color:#1E6CBE
        }
        .landingpage-button i {
            padding-right:5px;
            color:#1E6CBE;
            position:relative;
            top:10px
        }
        h1.landingpage {
            font-size:58px;
            font-weight:800;
            line-height:71px;
            padding:10px 0;
            color:#fff;
            margin-top:40px;
            text-transform:uppercase;
            font-family:OpenSans;
            margin-left:0
        }
        h3.landingpage {
            color:#fff;
            font-weight:300;
            margin-bottom:30px;
            line-height:35px;
            margin-top:0
        }
        .btn-wrap span {
            margin:5px 10px;
            font-size:16px;
            color:#fff
        }
        h1.pagenotfound {
            font-size:140px;
            font-weight:600;
            letter-spacing:-10px;
            line-height:140px
        }
        .tinynav {
            display:none
        }
        .faqs dl {
            margin-bottom:20px
        }
        .faqs dl,
        .faqs dt,
        .faqs dd {
            padding:0;
            margin:0
        }
        .faqs {
            padding-top:20px;
            padding-top:20px;
            border:1px solid #ebebeb;
            padding:20px;
            border-top:0px
        }
        .faqstitle {
            color:#444;
            font-size:18px;
            padding-bottom:20px;
            line-height:0;
            padding-top:20px;
            background:#f7f7f7;
            padding-left:20px;
            padding-right:20px;
            margin-bottom:-18px;
            border:1px solid #f1f1f1;
            font-weight:300;
            margin-top:0
        }
        .faqs dt {
            font-size:13px;
            background:url(../img/plust.png) 0 4px no-repeat;
            padding:3px 0 10px 30px;
            position:relative;
            font-weight:normal
        }
        .faqs dt:hover {
            cursor:pointer
        }
        .faqs dd {
            padding:0 0 5px 30px;
            position:relative;
            line-height:1.8
        }
        .faqs .hover {
            color:#0E8FAB
        }
        .faqsicon {
            float:left;
            margin-top:-9px !Important;
            padding-right:10px;
            font-size:18px
        }
        @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
        url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),
        url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
        font-weight:normal;
        font-style:normal
    }

Examples and source code

icon-angle-right

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-angle-right"></i> icon-angle-right
Icon classes are echoed via CSS :before.

icon-angle-right

icon-angle-right

icon-angle-right

icon-angle-right

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-angle-right icon-large"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-2x"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-3x"></i> icon-angle-right</p>
<p><i class=" icon-angle-right icon-4x"></i> icon-angle-right</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-angle-right"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-angle-right icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-angle-right icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-angle-right"></i>  normal<br>
<i class=" icon-angle-right icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-angle-right icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-angle-right icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-angle-right icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-angle-right icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-angle-right icon-2x icon-spin"></i>
<i class=" icon-angle-right icon-3x icon-spin"></i>
<i class=" icon-angle-right icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-angle-right on icon-check-empty
icon-angle-right on icon-circle
icon-angle-rightl on icon-sign-blank
icon-ban-circle on icon-angle-right

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-angle-right "></i>
</span>
icon-angle-right on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-angle-right icon-light"></i>
</span>
icon-angle-right on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-angle-right icon-light "></i>
</span>
icon-angle-right on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-angle-right icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-angle-right