@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon/icomoon.eot?srf3rx");
    src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* ====================================================== */
body { font-family: "Miriam Libre", Arial, sans-serif; line-height: 1.8; font-size: 16px; font-weight: 300; overflow-x: hidden; }
body.yud-offcanvas { overflow: hidden; }

a { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover { text-decoration: none !important; }

p, ul, ol { margin-bottom: 1.5em; font-size: 20px; font-family: "Miriam Libre", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Miriam Libre", Arial, sans-serif; font-weight: 400; margin: 0 0 30px 0; }

figure { margin-bottom: 2em; }

#yud-header { position: relative; margin-bottom: 0px !important; z-index: 9999999; }

.yud-cover, .yud-hero { position: relative; height: 800px; }

/* Head search */
div#nvsrch { width: 410px; float: left; margin-left: 20px; clear: both; }
#nvsrch form.search { margin: 0px !important; padding: 0px !important; clear: both; display: inline; }
#nvsrch input.search-words { min-width: 180px; border-radius: 4px 0px 0px 4px;  float: left;}
#nvsrch input.search-submit { padding: 0px 10px 0px 10px !important; margin-top: 0px; height: 34px; line-height: 26px; border-radius: 0px 4px 4px 0px; border: 0px; border-style: solid; font-size: 14px; background: #155487; color: #FFFFFF; float: left;}
#nvsrch .search-submit:hover { background: #f68121; }
#nvsrch .nvsico { margin-left: 10px; }

@media screen and (max-width: 768px) {
    .yud-cover, .yud-hero { height: 700px; }
}

.template-cover, .template-hero { position: relative; height: 400px; }
@media screen and (max-width: 768px) {
    .template-cover, .template-hero { height: 300px; }
}

div.demo-inner-content, .yud-zoom { position: relative; height: 620px; }
.yud-zoom a#bzoom { font-size: 50px; font-weight: bold; letter-spacing: 2; }
.yud-zoom p { font-size: 30px; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.7); }
.yud-zoom #h1zoom { margin-top: 200px; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.7); }

@media screen and (max-width: 768px) {
    div.demo-inner-content, .yud-zoom  { position: relative; height: 320px; }
    .yud-zoom a#bzoom { font-size: 22px; letter-spacing: 1; }
    .yud-zoom p { font-size: 14px !important; }
    .yud-zoom #h1zoom { margin-top: 160px; }
    #insdpgttl h2 { margin-top: -60px; font-size: 20px !important; }
}

.yud-cover.yud-hero-2, .yud-hero.yud-hero-2 { height: 400px; }

.template-cover { padding-top: 220px; }
.template-cover h2 { font-size: 56px; font-weight: bold; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.7); }

.template-cover.yud-hero-2 .yud-overlay,
.template-hero.yud-hero-2 .yud-overlay,
.yud-cover.yud-hero-2 .yud-overlay,
.yud-hero.yud-hero-2 .yud-overlay {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.yud-overlay {
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.yud-cover {
    background-size: cover;
    position: relative;
}
@media screen and (max-width: 768px) {
    .yud-cover {
        heifght: inherit;
        padding: 3em 0;
    }
}
.yud-cover .btn {
    padding: 1em 5em;
    opacity: .9;
}
.yud-cover.yud-cover_2 {
    height: 600px;
}
@media screen and (max-width: 768px) {
    .yud-cover.yud-cover_2 {
        heifght: inherit;
        padding: 3em 0;
    }
}
.yud-cover .desc {
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: -80px;
    z-index: 2;
}
@media screen and (max-width: 768px) {
    .yud-cover .desc {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.yud-cover .desc h2 {
    text-transform: uppercase;
    font-size: 60px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .yud-cover .desc h2 {
        font-size: 40px;
    }
}
.yud-cover .desc span {
    display: block;
    margin-bottom: 30px;
    font-size: 28px;
    letter-spacing: 1px;
}

.yud-cover .desc span a.yud-site-name { padding-bottom: 2px; }

#yud-header-section { width: 100%; padding: 0; /*  position: absolute; top: 0; right: 0; z-index: 2; */ }

.nav-header { position: relative; float: left; width: 100%; }

#yud-logo { position: relative; z-index: 2; font-size: 28px; text-transform: uppercase; margin-top: 30px; margin-bottom: 16px; font-weight: 300; float: right;
}
#yud-logo span { font-weight: 700; }
@media screen and (max-width: 768px) {
    #yud-logo { width: 80%; float: none; text-align: center; }
    #yud-logo img { max-width: 80%; }
}

#YudWork,
#YudServices,
#YudContent,
#YudWork_2,
#YudBlog-section {
    padding: 7em 0;
}
@media screen and (max-width: 768px) {
    #YudWork,
    #YudServices,
    #YudContent,
    #YudWork_2,
    #YudBlog-section {
        padding: 4em 0;
    }
}


.heading-section {
    padding-bottom: 1em;
    margin-bottom: 5em;
}
.heading-section:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: 100px;
    margin-left: -50px;
    height: 2px;
}
.heading-section h3 {
    font-size: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
}

.yud-grid {
    height: 302px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 30px;
    position: relative;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}
@media screen and (max-width: 480px) {
    .yud-grid {
        height: 400px;
    }
}
.yud-grid .image-popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}
.yud-grid .image-popup .prod-title {
    position: absolute;
    top: 50%;
    bottom: 20px;
    left: 20px;
    right: 20px;
    margin-top: -25px;
}
.yud-grid .image-popup .prod-title h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.yud-grid:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.yud-grid:hover .image-popup { opacity: 1; }

#Ftxt { padding:44px 0 44px 0;}
#Ftxt h2 { font-weight: bold; }

.services { margin-bottom: 5em; }
.services span { margin-bottom: 30px; display: block; width: 100%; }
.services span i { font-size: 50px; }
.services h3 { font-size: 20px; font-weight: 400; }

#yud-services, #yud-about, #yud-contact {
    padding: 7em 0;
}
@media screen and (max-width: 768px) {
    #yud-services, #yud-about, #yud-contact {
        padding: 4em 0;
    }
}
#yud-services .yud-number {
    font-size: 30px;
    position: relative;
    padding-top: 10px;
    font-style: italic;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#yud-services .yud-number:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
}
#yud-services .yud-icon {
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
@media screen and (max-width: 768px) {
    #yud-services .yud-icon {
        margin-top: 0px;
        float: none;
    }
}
#yud-services .yud-icon i {
    font-size: 200px;
}
@media screen and (max-width: 768px) {
    #yud-services .yud-icon i {
        font-size: 100px;
    }
}

#yud-contact .contact-info {
    margin: 0;
    padding: 0;
}
#yud-contact .contact-info li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    padding-left: 40px;
}
#yud-contact .contact-info li i {
    position: absolute;
    top: .3em;
    left: 0;
    font-size: 22px;
}
#yud-contact .contact-info li a {
    font-weight: 400 !important;
}
#yud-contact .form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18px;
    font-weight: 400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}
#yud-contact .form-control:focus, #yud-contact .form-control:active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#yud-contact input[type="text"] { height: 50px; }
#yud-contact .form-group { margin-bottom: 30px; }
.yud-testimonial {
    position: relative;
    padding: 4em 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
    -moz-box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
    box-shadow: 0px 18px 88px -22px rgba(0, 0, 0, 0.58);
}
@media screen and (max-width: 768px) {
    .yud-testimonial {
        border-right: 0;
        margin-bottom: 80px;
    }
}
.yud-testimonial h2 {
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 50px;
}
.yud-testimonial figure {
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -44px;
    margin-bottom: 20px;
    background-size: cover;
}
.yud-testimonial figure img {
    width: 88px;
    height: 88px;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.yud-testimonial blockquote {
    border: none;
    margin-bottom: 20px;
}
.yud-testimonial blockquote p {
    font-style: italic;
    font-size: 26px;
    line-height: 1.6em;
}
.yud-testimonial span {
    font-style: italic;
}

.YudBlog {
    margin-bottom: 60px;
}
.YudBlog a img {
    margin-bottom: 30px;
    width: 100%;
    height: 300px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
}
@media screen and (max-width: 768px) {
    .YudBlog {
        width: 100%;
    }
}
.YudBlog .image-popup {
    opacity: 1;
}
.YudBlog .image-popup span {
    display: inline-block;
    margin-bottom: 20px;
}
.YudBlog .image-popup span.posted_by {
    font-style: italic;
    color: rgba(0, 0, 0, 0.3);
    font-size: 18px;
}
.YudBlog .image-popup span.comment {
    float: right;
}

.YudBlog .image-popup span.comment a i {
    padding-left: 7px;
}
.YudBlog .image-popup h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

#yud-start-project-section {
    padding: 7em 0;
}
#yud-start-project-section h2 {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 300;
}
@media screen and (max-width: 768px) {
    #yud-start-project-section h2 {
        font-size: 30px;
    }
}

#map {
    width: 100%;
    height: 500px;
    position: relative;
}
@media screen and (max-width: 768px) {
    #map {
        height: 200px;
    }
}

.yud-social-icons > a {
    padding: 4px 10px;
}
.yud-social-icons > a i {
    font-size: 26px;
}
.yud-social-icons > a:hover, .yud-social-icons > a:focus, .yud-social-icons > a:active {
    text-decoration: none;
}

#subfooter { padding-top: 20px; padding-bottom: 20px; }
ul.sfootlinks { padding-right: 20px !important; }
ul.sfootlinks li { line-height: 20px; }
.sfootlinks a { font-weight: bold; font-size: 14px;}

#footer { padding: 60px 0 40px; }
#footer p { letter-spacing: 1px; font-size: 14px; }

.btn {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn {
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.btn.btn-primary { border: none !important; }
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    box-shadow: none;
}
.btn:hover, .btn:active, .btn:focus { outline: none !important; }

.js .animate-box { opacity: 0; }

#yud-wrapper { overflow-x: hidden; position: relative; }
.yud-offcanvas { overflow: hidden; }
.yud-offcanvas #yud-wrapper { overflow: hidden !important; }

#yud-page {
    position: relative;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.yud-offcanvas #yud-page {
    -moz-transform: translateX(-240px);
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
}


@media screen and (max-width: 480px) {
    .col-xxs-12 {
        float: none;
        width: 100%;
    }
}
.row-bottom-padded-lg {
    padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
    .row-bottom-padded-lg {
        padding-bottom: 2em;
    }
}
.row-top-padded-lg {
    padding-top: 7em;
}
@media screen and (max-width: 768px) {
    .row-top-padded-lg {
        padding-top: 2em;
    }
}

.row-bottom-padded-md {
    padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
    .row-bottom-padded-md {
        padding-bottom: 2em;
    }
}

.row-top-padded-md {
    padding-top: 4em;
}
@media screen and (max-width: 768px) {
    .row-top-padded-md {
        padding-top: 2em;
    }
}
.row-bottom-padded-sm {
    padding-bottom: 2em;
}
@media screen and (max-width: 768px) {
    .row-bottom-padded-sm {
        padding-bottom: 2em;
    }
}

.row-top-padded-sm { padding-top: 2em; }

@media screen and (max-width: 768px) {
    .row-top-padded-sm { padding-top: 2em; }
}

.lead { line-height: 1.8; }

.no-js #loader { display: none; }


@media (min-width: 1600px) {
    header#yud-header-section { padding-left: 10%; padding-right: 10%; }
}
/* oembed responsive videos */
.embeddedContent { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
@media screen and (max-width: 768px) {
.embeddedContent iframe, .embeddedContent object, .embeddedContent embed { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
}


/* -------------- \\ Dotcom LOGO // ----------- */
#SiteBy {margin-top: -4px;  width: 62px; float: right; color: #ffffff !important; font-size: 12px; line-height: 26px; font-family: Arial !important;}
#Dotcomlogo {margin-top: -4px; float: right; margin-right: 6px; margin-left: auto; width: 32px; height: 32px;
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
    display: inline-block; text-shadow: 1px 1px 1px #F7F7F7 !important; position: relative; top:-5px; right: 0px; background-color: #4669ae !important; }
#Dotcomlogo a { font-family: Arial !important; display : block; position : absolute; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: #ffffff; text-decoration: none;
        -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#Dotcomlogo .Dot { left: 4px; bottom :4px; background-color: #002ab1; padding: 1px; }
#Dotcomlogo .com { right: -19px; bottom :4px; color: #012189; padding: 1px; }
#Dotcomlogo a:hover { color: #012189 !important; background-color: #ffffff !important; text-decoration: none !important; }


/*shareline*/
#shareline { margin-top: 30px; margin-bottom: 20px;}
#shareline:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------- \\ magnificPopup popup-inline // ----------- */
.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 800px; margin: 20px auto; }

.follow-me-icons { font-size:16px;  }
.follow-me-icons i { margin:0 10px 0 0; }

ul.nm_recent { padding: 0px !important; margin: 0px !important; min-width: 280px !important; display: block !important; }
ul.nm_recent li { padding: 10px 15px 15px 15px !important; list-style-type: none; display: block;  text-align:left !important; }

ul.nm_recent li:first-child { padding-top: 0px !important; }
.nm_recent h5 { margin-top:0px !important; margin-bottom:-10px !important; padding: 0px !important; line-height:0.9 !important; text-align:left !important; font-size: 14px !important; }
.nm_recent h5 a { margin: 0px !important; font-size: 14px; line-height: 18px;  font-weight: bold;}
.nm_recent h5 a:hover { font-weight: bold; }

.nm_recent p { margin: 0px !important; padding: 0px !important; line-height: 16px; }
ul.nm_recent a.photo { padding: 0 !important; margin-right: 10px; margin-bottom: 6px; float: left; display: block; width: 50px; height: 50px; left: 0px; top: 15px; }

ul.nm_recent > li img { width: 50px; height: 50px; clear: right; }

/* news [page] */
div.nm_post_image { width: 160px; height: 160px; float: right; padding: 40px; margin: -40px 0px 0px 10px; }
div.nm_post_image img { padding: 0 !important; margin: -40px 0px 0px -40px !important; display: block; float: none !important; clear: both;  width: 160px; height:160px; }
.nm_post_content .nm_readmore { margin-left: 15px;}

.footer_tags ul { margin-left:0px !important; padding-left:0px !important; margin-bottom:-6px; display:block; overflow:hidden; list-style: none; }
.footer_tags li { margin-left:6px; margin-bottom:6px; float:left; list-style: none; }
.footer_tags li a {
    height:26px; line-height:28px; padding:0px 9px; display:block; position:relative; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.03); -webkit-box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.03);
    box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.03); behavior:url(layout/plugins/PIE.htc); font-size:12px; }
.footer_tags li a:hover { background:-webkit-gradient(linear, 0 0, 0 100%, from(#232d37) to(#232d37));
    background:-webkit-linear-gradient(#32414f, #232d37 1px, #232d37);
    background:-moz-linear-gradient(#32414f, #232d37 1px, #232d37);
    background:-ms-linear-gradient(#595959, #404040 1px, #404040);
    background:linear-gradient(#32414f, #232d37 1px, #232d37);
    background:-o-linear-gradient(#32414f, #232d37 1px, #232d37);
    -pie-background:linear-gradient(#32414f, #232d37 1px, #232d37);
    text-decoration:none;
}
 /* pagination */
.search-results-paging, .nm_page_nav {
    display:block;
    text-align:center;
    height:22px;
    line-height:21px;
    clear:both;
    padding: 8px 3px 22px 3px;
        margin-top: 20px; margin-bottom: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
}

.search-results-paging a:link, .search-results-paging a:visited, .nm_page_nav a:link, .nm_page_nav a:visited{
    padding:7px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:10px;
    text-decoration:none;
    width:22px;
    font-weight:normal;
}

.search-results-paging .current, .nm_page_nav .current {
    padding:7px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:10px;
    text-decoration:none;
    cursor:default;
}

.search-results-paging .disabled_search-results-paging, .nm_page_nav .disabled_search-results-paging {
    padding:7px;
    padding-top:2px;
    padding-bottom:2px;
    margin-right:10px;
    text-decoration:none;
    cursor:default;
}

.search-words {/* display:block;*/  width:140px !important; height:34px; padding:6px 12px;font-size:14px;line-height:1.428571429;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.search-words:focus{outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
textarea.search-words{height:auto}
.has-feedback .search-words{padding-left:42.5px}
input.search-submit {padding: 8px 10px 9px 10px;}
#navbarSicons li a {padding-right: 4px !important; padding-left: 4px; }

.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.yud-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;
    background: url(../images/hourglass.svg) center no-repeat #222222;
}

/*# sourceMappingURL=style.css.map */