input[type="text"]:focus,
textarea:focus,
textarea.form-control:focus{outline:0;background:#fff;border:2px solid #ccc;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
input[type="password"]:focus,
textarea:focus,
textarea.form-control:focus{outline:0;background:#fff;border:2px solid #ccc;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

.search { position: relative; color: #aaa; }

.search .fa-search {
    position: relative;
    top: 7px;
    right: 30px;
}

.keyword{width: 175px;margin: auto;height: 30px;font-size: 15px}
.search-button{margin-left: -1px;margin-right:-2px;padding-left: 40px;padding-right: 40px;padding-top:9px;width: 200px;height: 42.1px;font-weight: bold}
.search-button-block{margin-left: -1px;margin-right:-2px;padding-left: 40px;padding-right: 40px;padding-top:9px;height: 42px;font-weight: bold}

.bold-n-white{color: white;font-weight: bold}
.bold-n-black{color: #0a0a0a;font-weight: bold}
.bold-n-blue{color: #00636d;font-weight: bold}
.icon-color-n-padding{color: #00636d;padding-right: 15px}
.pad-r-5{padding-right: 5px}
.text-left{text-align: left}
.card-c-name{color: #2d4283;font-weight: bold;line-height: 1.4}
.logo-link{font-size: 20px;font-weight: 500;overflow: visible;margin-top: 5px}
.m-t-3px{margin-top: 3px}
.dropDown-bt{padding-left:20px;padding-right:20px;border: 1px solid #fff;border-radius: 0px; font-size: 14px;box-shadow: none;color: #555;font-weight: bold;height: 42px}
.dropDown-menu-m{margin-top: -42px}
.detail-image{width:150px;height: 130px;object-fit: contain;margin-right: 20px; }
.detail-resource-image{width:250px;height: 200px;object-fit: contain;margin-right: 20px; }
.m-top-minus-5{margin-top: -5px}
.m-left-minus-3{margin-left: -3px}
.m-top-minus-5-left-0{margin-top: -5px;margin-left: 0px}
.m-top-minus-8{margin-top: -8px}
.stats-align{float: right;color: gray;font-size: 15px}
.stats-view-align{color: gray;padding-right: 5px;padding-left: 10px}
.stats-download-align{color: gray;padding-right: 5px}
.f-15-gray{color: gray;font-size: 15px}
.search-topic{margin:0px;font-weight: bold;color: #222;font-size: 16px;}
.search-input{border: 1px solid #ccc;border-radius: 2px; height: 22.5px;margin-top: 6px;width: 90%}
.checkbox-background{background: rgba(204, 204, 204,0.3);margin-bottom: 5px;border-radius: 4px}
.label-value{padding: 4px 5px}
.search-result{margin: 15px 15px;font-weight: bold;color: #222}
.search-result1{margin: 15px;font-weight: bold;color: #222;text-align: left}
.search-result-tagline{font-weight: bold;margin-top: -10px;margin-left: 15px}
.search-result-tagline1{font-weight: bold;margin-top: -10px;margin-left: 25px}
.s-p-r-h{margin: 0;font-weight: bold;color: #0a0a0a}
.s-c-l{margin-top: 3px;font-weight: bold}
.s-c-l-span{padding-left:10px;color: #00636d;font-weight: bold}
.s-p{padding: 0;margin-top: -4px;font-size: 14px}
.s-tag{margin-right: 5px;font-size: 11px;}
.readmore{margin-right: 5px;margin-top:5px;font-size: 14px;float: right}
.form-label{font-weight: bold;font-size: 15px;color: #222;opacity: 0.9}
.form-asterick{color: #a94442;font-size: 20px;}
.dropdown-menu.columns-2{min-width:400px;}
.dropdown-menu.columns-3{min-width:820px;}
.dropdown-menu li a{padding:5px 15px;font-weight:300;}
.multi-column-dropdown{list-style:none;margin:0px;padding:0px;}
.multi-column-dropdown li a{display:block;clear:both;line-height:1.428571429;color:#333;white-space:normal;font-size:14px;font-weight: bold}
.multi-column-dropdown li a:hover{text-decoration:none; background-color: #efefef;}

@media (max-width:767px){.dropdown-menu.multi-column{min-width:240px !important;overflow-x:hidden;}}
.modal-open {
    overflow: hidden !important;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    overflow-y: auto;
}
::-webkit-scrollbar
{
    width: 12px;  /* for vertical scrollbars */
    height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
    background-color: white;
}

::-webkit-scrollbar-thumb
{
    background-color: #00636d;
}
::-webkit-scrollbar-thumb:horizontal {
    height: 30px;
    background-color: #fff;
}
@media print {
    a[href]:after {
        content: " (" attr(href) ")";
    }

    a[href]:after {
        content: "" !important;
    }
}
label.error {
    font-weight: bold;
    color: #ca3220;

    margin-top: 2px;
    margin-bottom: 4px;
    display: inline;
}
#preloader{background-color:#f6f6f6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}
#status{background-image:url(../../public/images/rolling.gif);background-position:center center;background-repeat:no-repeat;height:200px;left:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;width:200px}
ul
{
    list-style-type:circle;
}

#editor {
    max-height: 250px;
    height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; border-top-left-radius: 3px;
    overflow: scroll;
    outline: none;
    margin-top: 10px;
}

#editor1{
    max-height: 250px;
    height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid rgb(204, 204, 204);
    padding: 4px;
    box-sizing: content-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px; border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; border-top-left-radius: 3px;
    overflow: scroll;
    outline: none;
    margin-top: 10px;
}

.loading{position:fixed;z-index:999;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;}
.loading:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.loading:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-0.5em;-webkit-animation:spinner 1500ms infinite linear;-moz-animation:spinner 1500ms infinite linear;-ms-animation:spinner 1500ms infinite linear;-o-animation:spinner 1500ms infinite linear;animation:spinner 1500ms infinite linear;border-radius:0.5em;-webkit-box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;box-shadow:rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;}
@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
}

@media (min-width: 250px) and (max-width: 580px) {
    #id-example{background-image:url(../../public/images/flock-xchange-banner-cover.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:350px;margin-top:-16px;}
    #id-example1{background-image:url(../../public/images/banner-image.png); background-repeat: no-repeat;
        background-size: 100% 100%;height:350px;margin-top:-16px;}
    body{;padding-top:85px}
    .banner-text{color: white;text-align: center;padding-top: 20px;font-weight: bold;font-size: 15px;font-style: italic}
    .banner-text-bottom{color: white;text-align: center;font-weight: bold;font-size: 15px;font-style: italic}
    .banner-text1{color: white;text-align: center;padding-top: 80px;font-size: 20px}
    .logo-responsive{margin-top: -2px;height: 50px}
    .dropDown-bt-pos{margin-top: 7px}
    .label-width{max-width: 200px}
    .padding-0{padding: 0px}
    .m-l-25{}
    .try-button{
        margin-top: 350px;
    }

}
@media (min-width: 581px) and (max-width: 767px) {
    #id-example{background-image:url(../../public/images/flock-xchange-banner-cover.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:450px;margin-top:-16px;}
    #id-example1{background-image:url(../../public/images/banner1.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:450px;margin-top:-16px;}
    body{;padding-top:85px}
    .banner-text{color: white;text-align: center;padding-top: 20px;font-weight: bold;font-style: italic}
    .banner-text-bottom{color: white;text-align: center;font-weight: bold;font-style: italic}
    .banner-text1{color: white;text-align: center;padding-top: 80px;font-size: 22px}
    .logo-responsive{margin-top: -8px; height: 50px}
    .dropDown-bt-pos{margin-top: 7px}
    .label-width{}
    .padding-0{padding: 0px}
    .m-l-25{}
    .try-button{
        margin-top: 350px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #id-example{background-image:url(../../public/images/flock-xchange-banner-cover.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:450px;margin-top:-16px;}
    #id-example1{background-image:url(../../public/images/banner1.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:450px;margin-top:-16px;}
    body{;padding-top:85px}
    .banner-text{color: white;text-align: center;padding-top: 10px;font-weight: bold;font-style: italic}
    .banner-text-bottom{color: white;text-align: center;padding-top: 30px;font-weight: bold;font-size: 25px;font-style: italic}
    .banner-text1{color: white;text-align: center;padding-top: 100px;font-size: 25px}
    .logo-responsive{margin-top: -8px;height: 50px}
    .dropDown-bt-pos{margin-top: 7px;margin-right: 10px;margin-left: 50px}
    .dd-left{ position: fixed;   top: 50px; /*height of main menu*/ width: 100%}
    .label-width{}
    .padding-0{}
    .m-l-25{margin-left: 25px}
    .try-button{
        margin-top: 350px;
    }

}
@media (min-width: 992px) and (max-width: 1199px) {
    #id-example{background-image:url(../../public/images/flock-xchange-banner-cover.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:380px;margin-top:-16px;}
    #id-example1{background-image:url(../../public/images/banner1.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:400px;margin-top:-16px;}
    body{;padding-top:85px}
    .banner-text{color: white;text-align: center;padding-top: 10px;font-weight: bold;font-style: italic}
    .banner-text-bottom{color: white;text-align: center;font-weight: bold;font-style: italic}
    .banner-text1{color: white;text-align: center;padding-top: 125px;font-size: 25px}
    .logo-responsive{margin-top: -8px; height: 50px}
    .dropDown-bt-pos{margin-top: 7px;margin-right: 10px;margin-left: 50px}
    .dd-left{ position: fixed; top: 50px; /*height of main menu*/ width: 100%}
    .label-width{}
    .padding-0{}
    .m-l-25{margin-left: 25px}
    .try-button{
        margin-top: 310px;
    }
}
@media (min-width: 1200px) {
    #id-example{background-image:url(../../public/images/flock-xchange-banner-cover.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:380px;margin-top:-16px;}
    #id-example1{background-image:url(../../public/images/banner1.jpg); background-repeat: no-repeat;
        background-size: 100% 100%;height:400px;margin-top:-16px;}
    body{;padding-top:85px}
    .keyword-text{width:200px;height:42px;border-radius:0;margin:auto}
    .banner-text{color: white;text-align: center;padding-top: 10px;font-weight: bold;font-style: italic}
    .banner-text-bottom{color: white;text-align: center;padding-top: 15px;font-weight: bold;font-style: italic;font-size: 26px}
    .banner-text1{color: white;text-align: center;padding-top: 100px;}
    .logo-responsive{margin-top: -8px; height: 50px}
    .dropDown-bt-pos{margin-top: 7px;margin-right: 10px;margin-left: 50px}
    .dd-left{ position: fixed;
        top: 50px; /*height of main menu*/
        width: 100%}
    .label-width{}
    .padding-0{}
    .m-l-25{margin-left: 25px}

    .try-button{
        margin-top: 310px;
    }

}



@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}
.hm-white-slight .full-bg-img, .hm-white-slight .mask:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

#overlay{
    position:fixed;
    z-index:99999;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0,0,0,0.9);
    transition: 1s 0.4s;
}
#progress{
    height:1px;
    background:#fff;
    position:absolute;
    width:0;
    top:50%;
}
#progstat{
    font-size:0.7em;
    letter-spacing: 3px;
    position:absolute;
    top:50%;
    margin-top:-40px;
    width:100%;
    text-align:center;
    color:#fff;
}

.home-newsletter .single {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2; }
.home-newsletter .single h2 {
    font-size: 22px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 40px; }
.single .form-control {
    height: 34px;
    background: white;
    border-color: transparent;
    border-radius: 5px 0 0 5px; }
.home-newsletter .single .form-control:focus {
    box-shadow: none;
    border-color: #243c4f; }
.home-newsletter .single .btn {
    min-height: 50px;
    border-radius: 0 20px 20px 0;
    background: #243c4f;
    color: #fff;
}
.company-card-logo{
    margin-top: -5px;margin-bottom: 10px;object-fit: contain;height:40px !important;width: 100px
}
.brand-card-logo{
    margin: auto;margin-top: 5px;margin-bottom: 10px;object-fit: contain;height: 25px !important;
}

input[type="text"].search:focus {
    margin-left: -135px;
    width: 400px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .16), 0 -2px 3px 0 rgba(0, 0, 0, .12)!important
}

input[type="text"].search {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    border: 2px solid #ccc;
}
.featured-ribbon {
    position: absolute;
    z-index: 30;
    background: rgba(182, 51, 57,.8);
    color: #fff;
    line-height: 12px;
    font-size: 10px;
    font-weight: 700;
    padding: 4px;
    right: 0px;
    top: 5px;
}
.btn-floating.btn-large {
    height: 40px;
    border-radius: 50%;
    width: 40px;
    background-color: #00636d;
}
.btn-floating {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 37px;
    height: 37px;
    padding: 0;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -ms-border-radius: 0%;
    -o-border-radius: 0%;
    border-radius: 0%;
    transition: .3s;
    margin: 0px;
}
.btn-floating i {
    font-size: 1.2rem;
    width: initial;
    margin-top: -4px;
    text-align: center;
}

.btn-floating.btn-large i {
    line-height: 51.5px;
}

.premium-box{
    background-color: #fff;margin-bottom: -8px;
}
.premium-image{
    width: 50px;height: 70px;margin: 5px;object-fit: contain;border: 1px solid #efefef;
}
.premium-text{
    min-height:80px;color: #373a3c;font-size: 14px;line-height: 18px; padding: 2px;
}

.showbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
}

.loader {
    position: relative;
    margin: 0 auto;
    width: 100px;
}
.loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.circular {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}
@-webkit-keyframes color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}
@keyframes color {
    100%,
    0% {
        stroke: #d62d20;
    }
    40% {
        stroke: #0057e7;
    }
    66% {
        stroke: #008744;
    }
    80%,
    90% {
        stroke: #ffa700;
    }
}
.sticky {
    width:100% !important;
}

#nprogress{pointer-events:none;}#nprogress .bar{background:#00636d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px;}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #00636d,0 0 5px #00636d;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px);}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px;}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#00636d;border-left-color:#00636d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite;}.nprogress-custom-parent{overflow:hidden;position:relative;}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute;}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes nprogress-spinner{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}