* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
    margin: 0;
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

small {
    font-size: 80%;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: #333;
    background-color: #fff;
}

body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #FFFFFF;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body {
    height: 100%;
}

    body.landing-page {
        color: #676a6c;
        font-family: "Open Sans", helvetica, arial, sans-serif;
        background-color: #fff;
    }

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

.container {
    width: 750px;
}

.container {
    width: 970px;
}

.container {
    width: 1170px;
}

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

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

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

.text-center {
    text-align: center;
}

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}

.col-lg-5 {
    width: 41.66%;
}

.col-lg-offset-1 {
    margin-left: 8.33%;
}

.landing-page .features-text {
    margin-top: 40px;
}

.small, small {
    font-size: 85%;
}

.landing-page .features small {
    color: #1ab394;
}

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

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

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

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

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
}

h2 {
    font-size: 24px;
}

.landing-page .features h2 {
    font-size: 18px;
    margin-top: 5px;
}

.pull-right {
    float: right !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0px, 0px);
}

.pull-right {
    float: right;
}

.big-icon {
    font-size: 160px !important;
    color: #e5e6e7;
}

.fa-group::before, .fa-users::before {
    content: "\f0c0";
}

.fa-clock-o::before {
    content: "\f017";
}

.fa-flash::before, .fa-bolt::before {
    content: "\f0e7";
}

.fa-bar-chart-o::before, .fa-bar-chart::before {
    content: "\f080";
}

.fa.pull-right {
    margin-left: 0.3em;
}

.landing-page .big-icon {
    font-size: 56px !important;
}

.landing-page .features .big-icon {
    color: #1ab394 !important;
}

p {
    margin: 0 0 10px;
}

.landing-page section p {
    color: #aeaeae;
    font-size: 13px;
}

.col-lg-12 {
    width: 100%;
}

.landing-page .navy-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 0;
    border-bottom: 2px solid #1ab394;
}

h1 {
    font-size: 30px;
}

.landing-page h1 {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 200;
}

.comments .gray-section {
    background: #f4f4f4;
    margin-top: 60px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox-content {
    clear: both;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0px;
    padding: 0;
}

    .ibox::after, .ibox::before {
        display: table;
    }

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

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
    float: left;
}

.col-lg-12 {
    width: 100%;
}

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

.panel-body {
    padding: 15px;
}

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

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

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.wrapper {
    padding: 0 20px;
}

.wrapper-content {
    padding: 20px 10px 40px;
}

.gray-bg {
    background-color: #f3f3f4;
}

#page-wrapper {
    min-height: auto;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    position: relative !important;
}

#page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 2002px;
}

#page-wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px;
}

.pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#wrapper {
    width: 100%;
    overflow-x: hidden;
}

.col-lg-4 {
    width: 33.33%;
}

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

.panel-danger {
    border-color: #ebccd1;
}

.panel-warning {
    border-color: #faebcc;
}

.panel-info {
    border-color: #bce8f1;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-primary {
    border-color: #337ab7;
}

.panel-default {
    border-color: #ddd;
}

.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    box-shadow: none;
}

.panel-danger {
    border-color: #ed5565;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

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

.panel-danger > .panel-heading {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #ffffff;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

p {
    margin: 0 0 10px;
}

.panel-warning {
    border-color: #f8ac59;
}

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

    .panel-warning > .panel-heading {
        background-color: #f8ac59;
        border-color: #f8ac59;
        color: #ffffff;
    }

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0px, 0px);
}

.fa-warning::before, .fa-exclamation-triangle::before {
    content: "\f071";
}

.panel-info {
    border-color: #23c6c8;
}

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

    .panel-info > .panel-heading {
        background-color: #23c6c8;
        border-color: #23c6c8;
        color: #ffffff;
    }

.fa-info-circle::before {
    content: "\f05a";
}

.panel-success {
    border-color: #1c84c6;
}

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

    .panel-success > .panel-heading {
        background-color: #1c84c6;
        border-color: #1c84c6;
        color: #ffffff;
    }

.panel-primary {
    border-color: #1ab394;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

    .panel-primary > .panel-heading {
        background-color: #1ab394;
        border-color: #1ab394;
    }

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.modal.modal-wide .modal-dialog {
    width: 90%;
}

.square-corner .modal-dialog {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.modal-content{
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
} 

.icon .close{
font-size: 40px;
font-family: Garamond,'Apple Garamond','Lucida Sans Unicode';
text-align: center;
}
.icon:hover{
    color: blue;
}
/* Image cropper style */
.img-container, .img-preview {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

/* Image cropper style */
.img-container, .img-preview img {
    /*overflow: hidden;*/
    text-align: center;
    width: 100%;
    height: 100%;
}

.img-preview-sm {
    height: 130px;
    width: 200px;
}

.view-content .simulators.Web {
    border: 1px solid #e9e9e9;
}

.view-content .simulators {
    min-height: 440px;
}

    .view-content .simulators.Web .demo-device {
        border: 8px solid #f5f5f5;
    }

    .view-content .simulators .demo-device {
        min-height: 440px;
    }

    .view-content .simulators.Web .demo-device .demo-display {
        border: 1px solid #e9e9e9;
        padding: 20px 20px;
    }

    .view-content .simulators.light .demo-device .demo-display, .view-content .simulators.light-compact .demo-device .demo-display, .view-content .simulators.material-blue-light .demo-device .demo-display, .view-content .simulators.material-orange-light .demo-device .demo-display, .view-content .simulators.material-lime-light .demo-device .demo-display, .view-content .simulators.material-teal-light .demo-device .demo-display, .view-content .simulators.material-purple-light .demo-device .demo-display {
        background-color: #fff;
    }

    .view-content .simulators .demo-device .demo-display {
        min-height: 440px;
        background: inherit;
        position: relative;
    }

label {
    font-weight: 400;
}
.leave_message input[type='button'] {
    background: #0072a5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "RobotoMedium";
    font-size: 13px;
    padding: 5px 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}