* {
    box-sizing: border-box;
    -mox-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

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

body {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    font-family: 'Nunito', sans-serif;
    color:#999;
    display: block;
}
textarea{
    font-family: 'Nunito', sans-serif;
    color:#999;
}
code{
    font-family: 'Nunito', sans-serif;
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

audio,
canvas,
video {
    display: inline-block;
}

.gm-style{
    font-family: 'Nunito', sans-serif;
    color: #999;
}

/*
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space * /
    background: transparent;  /* optional: just make scrollbar invisible * /
}
*/

.clearfix {
    display: block;
}

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

#message {
    overflow: auto;
}

#message::-webkit-scrollbar {
    width: 5px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}


/* optional: show position indicator in red */

::-webkit-scrollbar-thumb {
    background: #f7941d;
}

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

header{
    max-height: 79px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}

a img {
    border: none;
}

:focus {
    outline: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a.next-arrow {
    position: relative;
    top: 2px;
    left: 3px;
    transition: all .2s ease-in;
}

a.next-arrow:hover {
    left: 10px;
}


/* Font Family */

.section-holder {
    height: 100%;
}

.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tablecell {
    display: table-cell;
    /*vertical-align:middle;*/
    width: 100%;
}


/* for menu styling */

a {
    text-decoration: none;
}

div#overlay {
    display: none;
}

a#toggle {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: white;
    display: none;
    z-index: 9999;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

a#toggle i {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

#menu .logo {
    float: left;
    padding: 10px 0px;
}

#menu .header-right {
    float: right;
}

#menu .logo img {
    max-width: 100%;
}

#menu .btn-yellow {
    background-color: #f7941d;
    box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
    color: #ffffff;
    font-size: 17px !important;
    line-height: 12px;
    padding: 11px 20px;
    border-radius: 4px;
}

#menu ul.header-right li {
    padding: 15px 25px;
    text-align: left;
    vertical-align: middle;
    list-style-type: none;
    display: inline-block;
    color: #000;
}

#menu {
    padding: 0px 0px 0 25px;
}

ul.header-right li a {
    font-size: 20px;
    color: #515151;
    font-weight: 400;
}

ul.header-right li p {
    font-size: 17px;
    margin-bottom: 2px;
}

ul.header-right li.header-right-section-1 {
    min-width: 220px;
}

ul.header-right li.header-right-section-2 {
    visibility: hidden;
}

.banner {
    width: 100%;
}

#menu .btn-yellow i {
    padding-left: 10px;
}

.space40 {
    margin-top: 40px;
}

.space30 {
    margin-top: 30px;
}

.space20 {
    margin-top: 20px;
}

.space100 {
    margin-top: 100px !important;
}

.space90 {
    margin-top: 90px;
}

.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -16px;
}

.bouncing-arrow {
    opacity: 1;
    transition: all .5s ease-in 3s;
    -moz-transition: all .5s ease-in 3s;       /* Firefox and other browsers using Mozilla's browser engine */
    -webkit-transition: all .5s ease-in 3s;    /* Safari, Chrome and browsers using the Webkit engine */
    -o-transition: all .5s ease-in 3s;         /* Opera */
    -ms-transition: all .5s ease-in 3s;        /* Internet Explorer (but not always) */    
}

.bouncing-arrow {
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #FFF;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    animation: bounce 2s infinite 2s;
    -moz-animation: bounce 2s infinite 2s;       /* Firefox and other browsers using Mozilla's browser engine */
    -webkit-animation: bounce 2s infinite 2s;    /* Safari, Chrome and browsers using the Webkit engine */
    -o-animation: bounce 2s infinite 2s;         /* Opera */
    -ms-animation: bounce 2s infinite 2s;        /* Internet Explorer (but not always) */    

    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;       /* Firefox and other browsers using Mozilla's browser engine */
    -webkit-transition: all .2s ease-in;    /* Safari, Chrome and browsers using the Webkit engine */
    -o-transition: all .2s ease-in;         /* Opera */
    -ms-transition: all .2s ease-in;        /* Internet Explorer (but not always) */    

}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.bouncing-arrow:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

.black-no {
    color: #000;
}

.orange-no {
    color: #f7941d;
}


/* Css for Footer */

.footer {
    background-color: #FFFFFF;
    padding: 31px 0px 0 0;
    float: left;
    width: 100%;
}

.footer .footer-two {
    width: 40%;
    float: left;
}

.footer .footer-two-right {
    width: 44%;
    float: right;
    text-align: center;
}

.footer h4 {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.footer .footer-two .footer-list ul li a {
    color: #999999;
    font-weight: 400;
    padding-bottom: 15px;
    font-size: 16px;
    display: block;
    padding-left: 0px;
    transition: all 500ms linear;
}

.footer .footer-two .footer-list ul li {
    list-style-type: none;
    position: relative;
}

.footer .footer-two .footer-list,
.footer .footer-two-right .footer-list {
    width: 50%;
    float: left;
}

/*.footer .footer-two .footer-list ul li:before {
    position: absolute;
    content: ".";
    left: 0px;
    top: -4px;
    font-size: 45px;
    line-height: 0px;
    color: #999999;
}*/

.footer .footer-list .footer-bottom-address h5 {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
}

.footer .footer-list .footer-bottom-address p {
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.footer-copy {
    background-color: #16c2f4;
    padding: 18px 0px;
    color: #FFFFFF;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: -3px;
}

.fleft {
    width: 48%;
    float: left;
}

.fright {
    width: 48%;
    float: right;
}

.footer .footer-list img {
    display: table;
    margin: 35px auto 0 auto;
}

.footer-copy ul.list-social {
    float: right;
}

.footer-copy ul.list-social li {
    float: left;
    list-style-type: none;
}

.footer-copy ul.list-social li a {
    display: block;
}

.footer-copy ul.list-social li a i {
    width: 39px;
    height: 39px;
    background-color: #FFFFFF;
    border-radius: 100%;
    margin-right: 10px;
    text-align: center;
    color: #adadad;
    font-size: 18px;
    font-weight: 400;
    line-height: 38px;
    transition: all 500ms linear;
}

.fleft p {
    font-size: 16px;
    line-height: 45px;
}

.footer .footer-two .footer-list ul li:hover a {
    color: #000000;
    transition: all 500ms linear;
}

.footer-copy ul.list-social li:nth-child(1) a i {
    color: #0077B5;
}

.footer-copy ul.list-social li:nth-child(2) a i {
    color: #3b5998;
}

.footer-copy ul.list-social li:nth-child(3) a i {
    color: #1da1f2;
}

.footer-copy ul.list-social li:nth-child(4) a i {
    color: #d66b57;
}

.footer-copy ul.list-social li:hover a i {
    color: #FFFFFF;
}

.footer-copy ul.list-social li:hover:nth-child(1) a i {
    background-color: #0077B5;
}

.footer-copy ul.list-social li:hover:nth-child(2) a i {
    background-color: #3b5998;
}

.footer-copy ul.list-social li:hover:nth-child(3) a i {
    background-color: #1da1f2;
}

.footer-copy ul.list-social li:hover:nth-child(4) a i {
    background-color: #d66b57;
}

.footer-copy .fleft p {
    color: #ffffff !important;
}

.scrolloff {
    pointer-events: none;
}

.form-radio,
.form-group {
    position: relative;
    margin-top: 2.25rem;
    margin-bottom: 2.25rem;
    float: left;
    width: 100%;
}

.form-inline > .form-group,
.form-inline > .btn {
    display: inline-block;
    margin-bottom: 0;
}

.form-group input {
    height: 1.9rem;
}

.form-group textarea {
    resize: none;
}

.form-group select {
    width: 100%;
    font-size: 1rem;
    height: 1.6rem;
    padding: 0.125rem 0.125rem 0.0625rem;
    background: none;
    border: none;
    line-height: 1.6;
    box-shadow: none;
}

.form-group .control-label {
    position: absolute;
    top: 0.25rem;
    pointer-events: none;
    padding-left: 0.125rem;
    z-index: 1;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.form-group .bar {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.56);
    display: block;
}

.form-group .bar::before {
    content: '';
    height: 1px;
    width: 0;
    left: 50%;
    bottom: -0.0625rem;
    position: absolute;
    background: rgb(0, 152, 197);
    -webkit-transition: left 0.28s ease, width 0.28s ease;
    transition: left 0.28s ease, width 0.28s ease;
    z-index: 2;
}

.form-group input,
.form-group textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 16px;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
}

.form-group input[type="file"] {
    line-height: 1;
}

.form-group input[type="file"] ~ .bar {
    display: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
    color: #ffffff;
}

.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,

/*.form-group input:valid ~ .control-label,*/

.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
    font-size: 0.8rem;
    color: #4d4d4d;
    top: -1rem;
    left: 0;
}
#quote_message{
    /*font-family: 'AvenirLTStd-Roman';*/
}

#txt_website:valid ~ .control-label{
    font-size: 16px;
    color: #ffffff;
    display: block;
    top: 0.25rem;
}
#txt_website:focus ~ .control-label,
#txt_website.has-value ~ .control-label{
    font-size: 0.8rem;
    color: #4d4d4d;
    top: -1rem;
    left: 0;
}
.form-group label.filled{
    font-size: 0.8rem !important;
    color: #4d4d4d !important;
    top: -1rem !important;
    left: 0 !important;
}



.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
    outline: none;
}

.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
    color: #4d4d4d;
}

.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
    width: 100%;
    left: 0;
}

.form-radio label {
    position: relative;
    cursor: pointer;
    padding-left: 2rem;
    text-align: left;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.form-radio input {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
}

.radio {
    margin-bottom: 1rem;
    display: inline-block;
    margin-right: 20px;
}

.radio .helper {
    position: absolute;
    top: -0.25rem;
    left: -0.25rem;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
}

.radio .helper::before,
.radio .helper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 0.25rem;
    width: 1rem;
    height: 1rem;
    -webkit-transition: -webkit-transform 0.28s ease;
    transition: -webkit-transform 0.28s ease;
    transition: transform 0.28s ease;
    transition: transform 0.28s ease, -webkit-transform 0.28s ease;
    border-radius: 50%;
    border: 0.125rem solid currentColor;
}

.radio .helper::after {
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.radio label:hover .helper {
    color: #ffffff;
}

.radio input:checked ~ .helper::after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.radio input:checked ~ .helper::before {
    color: #ffffff;
}

.radio + .radio {
    margin-top: 1rem;
}

.button {
    position: relative;
    border: 1px solid currentColor;
    font-size: 18px;
    color: #4f93ce;
    padding: 12px 21px;
    cursor: pointer;
    -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
    overflow: hidden;
    border-radius: 4px;
    background-color: #f7941d;
    box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
    border: 1px solid #f7941d;
}

.button span {
    color: #fff;
    position: relative;
    z-index: 1;
}

.margin15 {
    margin-top: 15px
}

.option-items {
    padding: 0 50px 50px 50px;
    border-right: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
    width: 50%;
    float: left;
    margin-top: 80px
}

.option-items ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.option-items li {
    padding: 20px 30px
}

.option-items-title {
    font-size: 20px;
    display: block;
    margin-bottom: 10px
}

.option-items code {
    width: 100%;
    word-wrap: break-word;
    display: block;
    margin-bottom: 20px
}

.option-items li span {
    display: block
}

.numbercss {
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    border: 8px solid #dadada;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: inline-block !important;
    color: #4d4d4d;
    line-height: 32px
}

.numbercont {
    margin: 0 !important;
    padding: 0!important
}

.white-btn {
    background: #fff;
    border-radius: 2px;
    color: #4d4d4d;
    padding: 10px 20px;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.bg-blue {
    background-color: #16c2f4;
    padding: 0 0 70px 0;
    text-align: center;
}

.aboutus-wrap-talk .about-wrap-1 {
    display: inline-block;
    vertical-align: middle;
    padding-left: 56px;
}

.aboutus-wrap-talk .btn-yellow {
    background-color: #f7941d;
    box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
    color: #ffffff;
    font-size: 17px !important;
    line-height: 12px;
    padding: 13px 24px;
    border-radius: 4px;
    display: block;
    margin-top: 25px;
}

.aboutus-wrap-talk .btn-yellow i {
    padding-left: 10px;
}

section#content {
    min-height: 900px;
    padding: 50px 0;
}

.two-section {
    width: 43.65%;
    float: left;
}

.two-section-right {
    width: 49%;
    float: right;
}

.bg-border {
    position: relative;
}

.bg-border:before {
    content: '';
    position: absolute;
    right: 0;
    width: 66.66%;
    background: #fff;
    height: 1px;
    top: 145px;
    opacity: .2
}

.bg-border:after {
    content: '';
    background: rgba(255, 255, 255, .20);
    width: 150%;
    height: 1px;
    position: absolute;
    right: 57%;
    top: 95px;
}

.wrapper {
    float: left;
    width: 100%;
    margin: 30px 0px 0px 0px;
}

.wrap-talk .bg-blue {
    padding: 50px 0px;
}

.wrap-talk h2 {
    color: #FFFFFF;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.wrap-talk p {
    color: #FFFFFF !important;
    text-align: left;
    font-size: 18px;
}

.wrap-talk h4 {
    /*color: #4d4d4d;*/
    font-size: 17px;
    font-weight: 500;
    position: relative;
    display: table;
    margin: 50px auto 60px auto;
}

.wrap-talk h4:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 30%;
    background-color: #606060;
    bottom: 0px;
    left: 50%;
    margin-left: -15px;
    bottom: -15px;
}

.wrap-talk ul.award-affili {
    text-align: center;
    width: 86%;
    margin: 0 auto;
    position: relative;
    padding: 0px 50px 0 50px;
}

.wrap-talk ul.award-affili li {
    width: 17%;
    display: inline-block;
    list-style-type: none;
    margin-bottom: 39px;
}

.wrap-talk ul.award-affili li img {
    display: block;
    max-width: 100%;
}

.wrap-talk .bg-grey-section {
    padding-bottom: 0px;
}

.bg-grey-section {
    background-color: #f4f4f4;
    padding-bottom: 100px;
    position: relative;
}

.main-title-wrap-blue {
    background-color: #16c2f4;
    padding: 125px 0 125px 0px;
    position: relative;
    clear: both;
}
.page-template-default .main-title-wrap-blue {
    background-color: #16c2f4;
    padding: 80px 0 125px 0px;
    position: relative;
}

.main-title-wrap-blue #content{
    color: #fff;
}

.main-title-wrap-blue,
.tools-main-title-wrap-blue {
    margin-top: 79px;
}

.inner-title {
    position: relative;
    color: #ffffff;
    font-size: 75px;
    font-weight: 700;
    z-index: 4;
    margin-bottom: 10px;
}
.error404 .inner-title, .page-template-default .inner-title {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    z-index: 4;
    margin-bottom: 10px;
    text-align: center;
}
.error404 #main-contents, .page-template-default #main-contents {
    background-color: #f4f4f4;
    padding-bottom: 50px;
}
.error404 #main-contents .top-wrap, .page-template-default #main-contents .top-wrap {
    margin-top: -50px;
    z-index: 5;
    position: relative;
}
.error404 #main-contents .white-box-wrap, .page-template-default #main-contents .white-box-wrap {
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -moz-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -webkit-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -o-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    width: 100%;
    float: none;
}
.error404 #main-contents .white-box-wrap p, .page-template-default #main-contents .white-box-wrap p{
    color: #999999;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    padding-bottom:20px;
}

.page-template-default #main-contents ul li {
    position: relative;
    list-style-type: none;
    margin-bottom: 25px;
}
.page-template-default #main-contents ul li:before{
    content: "\f00c";
    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;
    color: #16c1f3;
    width: 19px;
    height: 19px;
    border: 2px solid #16c1f3;
    border-radius: 100%;
    text-align: center;
    line-height: 17px;
    font-size: 11px;
    margin-right:10px;
}



.inner-sub-title {
    font-size: 19px;
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-weight: 500;
    padding-left: 5%;
}

.white-box-wrap {
    background-color: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -moz-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -webkit-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    -o-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
    padding: 60px;
    width: 62.69%;
    position: relative;
    z-index: 1;
}

.white-box-wrap {
    float: right;
}

.white-box-wrap h1 {
    font-size: 30px;
    /*color: #4d4d4d;*/
    font-weight: 300;
    margin-bottom: 30px;
}

.white-box-wrap h2 {
    font-size: 30px;
    /*color: #4d4d4d;*/
    font-weight: 300;
    margin-bottom: 30px;
}

.white-box-wrap p {
    /*color: #999999;*/
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.white-box-wrap p span {
    font-weight: bold;
}

.top-wrap {
    position: absolute;
    width: 100%;
}

.white-box-wrap p.italiq {
    font-size: 16px;
    font-style: italic;
    margin-top: 20px;
}

.inner-maintitle {
    color: #555555;
    font-size: 34px;
    font-weight: 300;
    display: table;
    margin: 15px auto 0 auto;
    position: relative;
}

.inner-maintitle:after {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #16c2f4;
    bottom: -10px;
    content: "";
    left: 50%;
    margin-left: -5%;
}

.btn-yellow {
    box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
    border-radius: 4px;
    background-color: #f7941d;
    color: #ffffff;
    font-size: 17px !important;
    line-height: 12px;
    padding: 11px 24px;
}

.btn-yellow i {
    padding-left: 10px;
}

.btn-schedule .btn-yellow {
    padding: 14px 24px;
}

.form-open.btn-yellow {
    display: inline-block;
}

.project-section .project-right .btn-yellow {
    padding: 13px 24px;
}

.back {
    display: none;
    float: left;
    width: 100%;
}

.front {
    float: left;
    width: 100%;
    /*padding: 27px 0px;*/
}

#manage_reply_enquiry {
    display: none;
}

#manage_reply_enquiry .form-inline .form-group {
    display: inline-block;
    width: 40%;
    margin-right: 40px;
    text-align: left;
}

#manage_reply_enquiry .form-inline {
    width: 80%;
    display: table;
    margin: 0 auto;
    text-align: center;
    padding: 0 80px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 99;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}


/* Modal Content */

.modal-content {
    position: relative;
    background-color: #FFFFFF;
    margin: auto;
    padding: 0;
    display: table;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}


/*.modal-body .modal-left{width:39%;display:inline-block;background-color:#FFFFFF;padding:45px 45px;}
.modal-body .modal-right{width:60%;display:inline-block;background-color:#f7f7f7;padding:45px 45px;}*/

.modal-body .modal-wrap-box p {
    font-size: 16px;
    color: #999999;
}

.modal-body .modal-wrap-box h3 {
    /*color: #4d4d4d;*/
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 400;
}

.modal-body .modal-wrap-box {
    margin-bottom: 20px;
}

.modal-body .modal-wrap-box-border {
    border-bottom: 1px solid #b5b5b5;
    opacity: 0.3;
    padding-top: 35px;
}

.modal-body .modal-wrap-box h6 {
    /*color: #4d4d4d;*/
    font-size: 16px;
    margin-bottom: 10px;
}
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #4d4d4d;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 0;
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index:99;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.close1 {
    color: #4d4d4d;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 0;
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index:99;
}

.close1:hover,
.close1:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.get-quote-form .form-group .bar {
    border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.get-quote-form .form-group .control-label {
    color: #999999;
    font-size: 14px;
}

.modal-content .modal-body .modal-left {
    float: left;
    width: 35%;
    /*padding:45px 0px 45px 45px;*/
    padding: 45px 0px 34px 45px;
    min-height: 618px;
}

.modal-content .modal-body .modal-right {
    float: right;
    width: 55%;
    background-color: #f7f7f7;
    /*padding:45px 45px;*/
    padding: 0px 45px;
    min-height: 618px;
}

.modal-content .modal-body .modal-right .modal-left {
    float: left;
    width: 49%;
    padding: 0px;
    min-height: initial;
}

.modal-content .modal-body .modal-right .modal-right {
    float: right;
    width: 49%;
    padding: 0px;
    min-height: initial;
}

.modal-content .modal-body .modal-right .modal-right .control-label {
    top: -1rem;
    font-size: 0.8rem;
}

.modal-content .modal-body .modal-right .modal-right select {
    margin-bottom: 5px;
}

.modal-content .modal-body .modal-height.sameheight {
    border: 1px solid #f12;
}

.btn-right {
    float: right;
}

.blue-border {
    height: 3px;
    width: 30px;
    background: #20b9e5;
    margin-top: 15px;
}

.modal .form-group select,
.modal .form-group input:focus,
.modal .form-group input:valid,
.modal .form-group input.form-file,
.modal .form-group input.has-value,
.modal .form-group textarea:focus,
.modal .form-group textarea:valid,
.modal .form-group textarea.form-file,
.modal .form-group textarea.has-value {
    color: #4d4d4d;
}

.modal textarea {
    line-height: 20px !important;
}


/* Flip Form */

.form-con {
    position: relative;
}

.disble-form {
    padding: 15px 0px;
    position: relative;
}

.round-check {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 3px solid #16c1f3;
    margin: 0 auto 20px auto;
    text-align: center;
    font-size: 21px;
    color: #16c1f3;
    line-height: 53px;
}

.disble-form h3 {
    color: #4d4d4d;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}

.disble-form p {
    color: #959595;
    font-size: 16px;
    text-align: center;
    margin-bottom: 30px;
}

.disble-form.form-group .bar {
    border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.disble-form .form-group .control-label {
    color: #999999;
    font-size: 14px;
}

.disble-form .form-group .bar {
    border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.disble-form .form-group input[type="date"] {
    color: #4d4d4d;
}

.disble-form .form-group input[type="date"] {
    height: 1.9rem;
    -webkit-appearance: none;
}

.disble-form .form-group input {
    color: #4d4d4d;
}

.thank-form {
    color: #4e4e4e;
    text-align: center;
    display: table;
    clear: both;
    padding-top: 30px;
    border-bottom: 1px solid #4d4d4d;
    margin: 0 auto;
}

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

.disble-form .form-inline {
    width: 60%;
    margin: 0 auto;
}

.disble-form .form-group .control-label {
    top: -0.8rem;
}

.disble-form .form-group .date {
    position: absolute;
    top: 0px;
    right: 0px;
}

.form-group.fgroup {
    width: 60%;
    left: 20%;
}

.space20 {
    margin-top: 20px;
}

.space30 {
    margin-top: 30px;
}

.space40 {
    margin-top: 40px;
}

.space50 {
    margin-top: 50px;
}

.space60 {
    margin-top: 60px;
}

.space70 {
    margin-top: 70px;
}

.space90 {
    margin-top: 90px;
}

.space100 {
    margin-top: 100px !important;
}

.thank-form:hover {
    color: #232323;
}


/* The Close Button */

.close {
    color: #4d4d4d;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 0;
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.map {
    height: 320px;
    width: 100%;
}

#webdevelopment .map {
    height: 320px;
    width: 100%;
}

.map .place-desc div {
    padding: 3px 0;
}

#webdevelopment .map .place-desc div {
    padding: 10px 0;
    color: #848484;
}

.fa-chevron-down:before {
    content: "" !important;
}

.admin_footer {
    padding: 30px;
    padding-top: 50;
    background-color: #16c2f4;
    color: white;
    font-size: 18px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.google-maps-link a{
    position: inherit !important;
}
.admin_footer a {
    color: white;
}

/******************************
*******************************
**    CSS for Search bar     **
*******************************
*******************************/

#info-bar {
    background-color: #28779f;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
}
#navigation-bar {
    position: relative;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
}
#navigation-bar #input input {
    transition: all 800ms linear;
    -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
}
#navigation-bar ul.search-scan-form li {
    padding: 15px 20px 15px 0px;
    float: none;
    display: table-cell;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    overflow: hidden;
}
#navigation-bar.intro ul.search-scan-form li {
    visibility: visible;
}
#navigation-bar ul.search-scan-form li:last-child {
    padding: 15px 0px 15px 0px
}

#analize_form {
    opacity: 0;
    position: absolute;
    float: right;
    right: 0px;
    width: 90%;
    z-index: -1;
    top: 0px;
    padding: 12px 0px;
    overflow: hidden;
}

.open-form #analize_form {
    opacity: 1;
    overflow: hidden;
    z-index: 30;
    background-color: #FFFFFF;
}

#input input {
    border: 0px;
    width: 95%;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
}

ul.close-nav-section-new {
    opacity: 1;
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
}

ul.close-nav-section-new>li:first-child {
    transition: all 1500ms ease-in;
    -webkit-transition: all 1500ms ease-in;
}

ul.close-nav-section-new>li:nth-child(2) {
    transition: all 1500ms ease-in;
    -webkit-transition: all 1500ms ease-in;
}

ul.open-nav-section-new>li:last-child .btn-yellow {
    opacity: 0;
}

.close-nav-section-new .new-li {
    transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
}

.search-wrap {
    background-color: #FFFFFF;
    width: 90%;
    float: right;
    display: block;
    transform: translateX(0px);
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
}

.open-form .search-wrap {
    transform: translateX(0px);
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    background-color: #FFFFFF;
}

#input input:focus {
    outline: none
}

#input.focus {
    z-index: 20
}

#input.focus input {
    right: 0px;
    transition: all 800ms linear;
    -webkit-transition: all 800ms linear;
    -moz-transition: all 800ms linear;
}

nav {
    width: 100%;
    float: left;
    padding-left: 10px;
    position: relative;
    z-index: 10;
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.search-scan-form {
    display: flex;
    width: 70%;
    text-align: right;
    margin: 0 auto;
    background-color: #FFFFFF;
}

ul.search-scan-form li {
    display: inline-block;
    list-style: none;
    padding: 0px 40px;
}

ul.search-scan-form li .loader-img {
    width: 15px;
    height: 15px;
}

ul.search-scan-form li:first-child {
    width: 70%;
}

.btn {
    padding: 4px 7px;
    color: #16c2f4;
}

.search-wrap-form {
    position: relative;
    overflow: hidden;
}

ul.search-scan-form li i {
    font-size: 18px;
    color: #777777;
    margin: 0 10px 0px 0px;
}

input[type="url"] {
    color: #777777;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 15px;
}

ul.header-right li a.btn-scan-report {
    border: 1px solid #16c2f4;
    color: #16c2f4;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 6px 17px;
    box-shadow: 0px 1px 2.91px 0.09px rgba(0, 0, 0, 0.21);
    font-weight: bold;
    font-family: 'Nunito Sans', sans-serif;
}

ul.search-scan-form li a#close {
    color: #a6a6a6;
    font-size: 0px;
    font-weight: normal;
}

ul.search-scan-form li a.loader {
    font-size: 0px;
    font-weight: normal;
}

.open-form-hide #analize_form {
    opacity: 0;
}

.myBtnyell {
    background: #FFFFFF;
    border: 1px solid #f7941d;
    color: #f7941d !important;
    font-weight: 500;
    box-shadow: 0px 2px 5.95px -0.95px rgba(0, 0, 0, 0.19);
    font-size: 17px !important;
    line-height: 12px;
    padding: 11px 20px;
    border-radius: 4px;
}

.well-report {
    display: block;
    margin: 20px 0 0 0;
}

.scan-wrap-mask .mask:before {
    display: block;
}

.well-report img {
    display: block;
    width: 100%;
    box-shadow: none;
    padding: 0px;
}

.loader-img {
    visibility: hidden;
}

.loader-img{visibility: hidden;}
#myModal-scan .get-quote-form input{ color: #999; }
#myModal-scan .get-quote-form .form-group .control-label{top:-1rem;}
.red {color: #ff0000 !important;}
#myModal-scan.modal1{padding-top:50px;}

#myModal-scan .get-quote-form input {
    color: #999;
}

#myModal-scan .get-quote-form .form-group .control-label {
    top: -1rem;
}

.red {
    color: #ff0000 !important;
}

#myModal-scan.modal1 {
    display: none;
    padding-top: 50px;
}

#slideshow {
    margin: 20px auto;
    position: relative;
    height: 335px;
    max-width: 100%;
    display: block;
    float: left;
    width: 100%;
}

#slideshow > div {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 334px;
}

#slideshow > div img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
}

.modal-generate-report .modal-content.modal-scan .modal-body .modal-left {
    padding: 20px 20px 0 20px;
}

.modal-generate-report .modal-content .modal-body .modal-wrap-box {
    margin-bottom: 0px;
}

.modal-generate-report .modal-content .modal-body .disble-form {
    padding: 15px 0 0 0;
}

    ul.nav-sections li, ul.nav-sections li>a{
        opacity: 1;     
        
    }
    /*
    ul.open-nav-section-new .li_btn{
        opacity: 0;
    }
    */
    .li_btn{
        -webkit-transition-delay: 0; /* Safari */
        transition-delay: 0;        
        animation-delay: 0;
        animation-duration: 0;
    }

    ul.open-nav-section li{
        /*transform: scale(0);*/
        animation-name: zoomout;
        animation-duration: 800ms;
        animation-iteration-count: 1;
        -webkit-animation-fill-mode: forwards; 
        animation-fill-mode: forwards;      
    }
    ul.open-nav-section li:nth-child(1){
        animation-delay: 400ms;
    }
    ul.open-nav-section li:nth-child(2){
        animation-delay: 300ms;
    }
    ul.open-nav-section li:nth-child(3){
        animation-delay: 200ms;
    }
    ul.open-nav-section li:nth-child(4){
        animation-delay: 100ms;
    }
    ul.open-nav-section li:nth-child(5){
        animation-delay: 0ms;
    }

    ul.close-nav-section li{
        opacity: 1;
        transform: scale(1);
        animation-name: zoomin;
        animation-duration: 800ms;
        animation-iteration-count: 1;
    }
    ul.close-nav-section li:nth-child(1){
        animation-duration: 400ms;
    }
    ul.close-nav-section li:nth-child(2){
        animation-duration: 500ms;
    }
    ul.close-nav-section li:nth-child(3){
        animation-duration: 600ms;
    }
    ul.close-nav-section li:nth-child(4){
        animation-duration: 700ms;
    }
    ul.close-nav-section li:nth-child(5){
        animation-duration: 800ms;
    }

    ul.close-nav-section li>a{
        /*
        opacity: 1;
        transform: scale(1);
        animation-delay: 5s;
        animation-name: zoomin;
        animation-duration: 5s;
        animation-iteration-count: 1;
        */
    }

    ul.close-nav-section li{
        /*display: none !important;*/   /*Temp*/
    }




    @-webkit-keyframes zoomout {
        0% { transform: scale(1); opacity: 0.6;}
        100% { transform: scale(0); opacity: 0; }
    }

    @keyframes zoomout {
        0% { transform: scale(1); opacity: 0.6;}
        100% { transform: scale(0); opacity: 0;}
    }
    @-webkit-keyframes zoomin {
        0% { transform: scale(0); opacity: 0;}
        100% { transform: scale(1); opacity: 0.6;}
    }

    @keyframes zoomin {
        0% { transform: scale(0); opacity: 0;}
        100% { transform: scale(1); opacity: 0.6;}
    }

    @-webkit-keyframes slide {
        100% { left: 0; }
    }

    @keyframes slide {
        100% { left: 0; }
    }

    ul.header-right>li:last-child{
        opacity: 1;     
        /*
        -webkit-animation-duration: 0; /* Safari 4.0 - 8.0 * /
        animation-duration: 0;           
        */
    }
    ul.close-nav-section-new>li:last-child{
        opacity: 0;     
        /*
        -webkit-animation-duration: 0.001s; /* Safari 4.0 - 8.0 * /
        animation-duration: 0.001s;          
        */
    }

    /*
    ul.open-nav-section-new>li:last-child{
        -webkit-animation-delay: 5s; /* Safari 4.0 - 8.0 * /
        animation-delay: 5s;
        
        opacity: 1;      
        transition: all 1500ms linear;
        -webkit-transition: all 1500ms linear;
        -moz-transition: all 1500ms linear;

    }
    */

    ul.open-nav-section-new>li:first-child{
        opacity: 0;
    }

    ul.header-right .open-form #analize_form{
        /*display: none;    Temp*/
    }

    .open-nav-section-new .li_btn{
        opacity: 0;
    }
    .close-nav-section-right .li_btn{
        opacity: 0;
        animation-name: appear;
        animation-duration: 0.1s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; 
        animation-fill-mode: forwards;      
        animation-delay: 0.5s;
    }

    ul.header-right .open-form #analize_form{
        opacity: 0;
        animation-name: appear;
        animation-duration: 0.1s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; 
        animation-fill-mode: forwards;      
        animation-delay: 0.5s;
    }

    ul.header-right .open-form ul.search-scan-form{
        opacity: 0;
        /*display: none;*/
        animation-name: appear;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
        animation-fill-mode: forwards;      
        animation-delay: 0.3s;
    }

    ul.header-right .open-form #analize_form #input{        
        opacity: 0;
        animation-name: slideeffect;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
        animation-fill-mode: forwards;      
        animation-delay: 0.3s;;
    }

    @-webkit-keyframes slideeffect {
        0% { opacity: 0; margin-left: 0; }
        50% { opacity: 0; margin-left: 80px; }
        100% { opacity: 1; margin-left: 0;}
    }

    @keyframes slideeffect {
        0% { opacity: 0; margin-left: 0; }
        50% { opacity: 0; margin-left: 80px; }
        100% { opacity: 1; margin-left: 0;}
    }


    ul.header-right .close-form ul.search-scan-form{
        animation-name: disappear;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
        animation-fill-mode: forwards;      
    }

    ul.header-right .close-form #analize_form {
        opacity: 1;
    }
    ul.header-right .close-form #analize_form #input{
        animation-name: slideouteffect;
        animation-duration: 0.7s;
        animation-iteration-count: 1;
        animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
        animation-fill-mode: forwards;      
    }
    @-webkit-keyframes slideouteffect {
        100% { opacity: 0; margin-left: 0px; }
        50% { opacity: 0; margin-left: 80px; }
        0% { opacity: 1; margin-left: 0;}
    }

    @keyframes slideouteffect {
        100% { opacity: 0; margin-left: 0px; }
        50% { opacity: 0; margin-left: 80px; }
        0% { opacity: 1; margin-left: 0;}
    }


    @-webkit-keyframes appear {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    @keyframes appear {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }

    @-webkit-keyframes disappear {
        0% { opacity: 1;}
        100% { opacity: 0;}
    }

    @keyframes disappear {
        0% { opacity: 1;}
        100% { opacity: 0;}
    }

    #spinner{
        display: none;
    }