/*
Theme Name: Highfly
Theme URI: https://highflysourcing.com/
Author: 
Author URI: 
*/

:root {
--primary-color:#3fcc07;
--white-color: #ffffff;
--black-color: #000000;
--block-color: #0400db;
--gray-color: #747a90;
--off-white: #f1f1f1;
--light-gray: #eff3f6;
--para-text: #788093;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face{font-family:'FontAwesome';src:url(fonts/FontAwesome.otf);}

::-webkit-input-placeholder { color:#7b7b7b;font-family:16px;font-family: 'Poppins', sans-serif;font-weight:400;}
:-moz-placeholder {  color:#7b7b7b;font-family:16px;font-family: 'Poppins', sans-serif;font-weight:400;}
:-ms-input-placeholder {   color:#7b7b7b;font-family:16px;font-family: 'Poppins', sans-serif;font-weight:400;}

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:14px;line-height:17px;margin:0;padding:0 4px 5px;color:#a6a6a6;font-style:italic;}
p.wp-caption-text{color:#a6a6a6;text-align:center;font-size:14px;font-style:italic;margin-bottom:15px;margin-top:10px;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
blockquote{background:#f9f9f9;color:#222222;overflow:hidden;border-left:2px solid #001e48;font-style:italic;padding:18px;margin: 25px 0;}
a,button,input:focus,textarea:focus,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
::-moz-selection{background:#b142e9;color:#fff}
::selection{background:#00aee4;color:#fff}
a{color:#212739;}
a:hover, a:focus{text-decoration:none;color: var(--primary-bgcolor); outline:0;}
ul li{line-height:24px;margin-bottom:10px;font-size:14px;}
ul{list-style:none;padding:0px;}
ul li a:hover{color:var(--primary-bgcolor);}
address{color:var(--block-color);line-height:26px;font-size:14px;margin-bottom:15px;}
address a {color: var(--block-color);}
address .icon {margin-right:8px; color: var(--primary-color);}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
big{font-size:125%}
pre{background-color:#fff;border:#eaeaea solid 1px;color:#8a8a8a;font-size:13px;line-height:26px}
label{color:#858585;font-size:13px;font-weight:normal;display:block;margin-bottom:0;}
.form-control, #comment, label input{border:1px solid #cccccc;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;background:#none;position:relative;width:100%;}
input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:focus{box-shadow:none;outline:0;}
button{outline:none;cursor:pointer;font-size:13px;text-transform:uppercase;padding:10px 25px;border:1px solid #fff;border-radius:0px;}
button:hover,.search-submit:hover{background-color:#cd2122;}
.btn{font-size:15px;color:#fff;text-transform:capitalize;padding:11px 16px;background:var(--primary-color);border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;white-space:inherit;font-weight:500;display:inline-block; letter-spacing:0px; border: 0px; text-transform: uppercase; font-weight: 600; font-family: "titillium web", sans-serif;}
.btn-red {width: 167px;height: 52px;padding: 0;text-transform: uppercase;font-size: 16px; border: 0;}
.btn-red:hover {background-color: var(--block-color); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.btn-red .icon {font-size: 32px;vertical-align: -5px;margin-left: 5px; color: var(--white-color);}


.btn:hover,.btn:focus,.btn:active:focus{color:#fff;outline:none;-webkit-transition-duration:0.4s;transition-duration:0.4s; background-color:var(--block-color);}
input[type="text"], input[type="email"], textarea{border:1px solid #9b9b9b;height:45px;box-sizing:border-box;border-radius:0px;box-shadow:none;font-size:13px;resize:none;background:none;position:relative;width:100%;padding-left:14px; outline:none;}
textarea{height:auto; padding: 10px 12px;}
button, input[type="submit"]{background:var(--primary-color);padding:12px 30px;color:var(--white-color);border:none;outline:none;font-size:16px;font-weight:500;text-transform:capitalize;-webkit-appearance:default-button;}
button .icon {font-size: 32px;vertical-align: -5px;margin-left: 5px;}
button:hover, input[type="submit"]:hover{background:#272727; color:#fff;}
h1,h2,h3,h4,h5,h6{color:#000;line-height:1;margin-bottom:20px;padding:0;font-weight:400;}
h1{font-size:54px;}
h2{font-size:40px;}
h3{font-size:24px;}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:15px}
p{line-height:24px;margin-bottom:15px;font-size:16px; color: var(--para-text);}
body{color:#3f3f3f;font-family: 'Poppins', sans-serif;font-size:14px;line-height:1.625;font-weight:400; -webkit-font-smoothing: antialiased;overflow-x: hidden;}
hr {border-top: 1px solid #7a7a7a;}
body img {max-width: 100%;}
.btn-black {background-color: var(--block-color);}
.btn-black:hover {background-color: var(--primary-color) !important;}
.pd-0 {padding: 0px;}
.mr-0 {margin: 0px;}
.column-gap-15 {-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 15px;}
.section-heading {text-align: center; margin-bottom:40px;}
.red-color {color: var(--primary-color);}
section {display: block; padding: 50px 0;}
.section-heading h3 {font-size: 32px; line-height: 36px; font-weight: 600; color: var(--block-color);}
.disabled {display: none !important;}

/* Contact Information */
.field {display: block;margin-bottom: 10px;}
.field input[type="text"],.field input[type="email"],.field input[type="tel"]  {
width: 100%;height: 40px;outline: none;border-width: 1px;border-style: solid;border-color: #a6a6a6;background-color: var(--white-color);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;font-size: 16px;padding: 14px;}
.field textarea {height: 200px;width: 100%;outline: none;border-width: 1px;border-style: solid;border-color: #a6a6a6;background-color: var(--white-color);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;font-size: 16px;padding: 14px;}
.field .icon {font-size: 32px;vertical-align: -5px;margin-left: 5px;}
.field button {padding: 0; width: 137px; height: 52px; font-size: 16px; font-weight: 400;}


    
/* Topbar Social */

.topbar-social {
    background-color: var(--primary-color);
    padding: 7px 0;
}
.topbar-social address, .topbar-social .social ul {
    margin-bottom: 0px;
}

.topbar-social address a:hover {
    color: var(--block-color);
}

.topbar-social .social ul li {
    margin-bottom: 0px;
}

.topbar-social address a, address .icon {
    color: var(--black-color) !important;
}


.stellarnav.dark.desktop {
    background-color: transparent !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.stellarnav.dark.desktop ul > li > a {
    color: var(--block-color);
    font-weight: 600;
    transition: all .3s ease-in-out;   
}


.stellarnav.dark.desktop ul > li > a:hover {
    color: var(--primary-color);
}

.stellarnav>ul>li {
    margin-left: 25px;
    position: relative;
}

.stellarnav>ul>li:last-child {
    margin-left: 0;
}

.stellarnav>ul>li>a {
    font-family: "titillium web", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.stellarnav>ul>li.has-sub:after {
    content: "\f078";
    position: absolute;
    right: 6px;
    bottom: 5px;
    line-height: 22px;
    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;
}

.stellarnav ul ul {
    top: 50px !important;
    width: 250px !important;
    left: 0;
}

.stellarnav ul ul ul {
    top: 0 !important;
    left: 250px !important;
}

.stellarnav li li.has-sub>a:after {
    border-left: 6px solid #000 !important;
}

/* Header Logo and Navigation */

.header-nav {
    padding: 10px 0;
}

.logo img {
    width: 100%;
    max-width: 160px;
}


/* Main Silder */

.main-slider {
    position: relative;
    overflow: hidden;
}

.main-slider .banner-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.main-slider .banner-text {
    width: 100%;
    max-width: 500px;
    background-color: #ffffff8f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
}

.main-slider .top-heading {
    color: var(--white-color);
    font-weight: 700;
    font-family: "titillium web", sans-serif;
    font-size: 25px;
}

.main-slider .banner-title {
    color: var(--black-color);
    font-weight: 700;
    font-family: "titillium web", sans-serif;
}

.main-slider .btn .icon {
    background: #fff;
    padding: 6px;
    border-radius: 50px;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-left: 15px;
    color: var(--primary-color);
}

.main-slider .btn-black .icon {
    color: var(--block-color);
}

/* Home About */

.HomeAbt .top-heading {
    color: var(--primary-color);
    font-weight: 700;
    font-family: "Poppins", sans-serif;
    font-size: 25px;
}

.HomeAbt h2 {
    font-weight: 700;
    text-transform: capitalize;
    color: var(--block-color);
}

.HomeAbt p {
    color: var(--gray-color);
    font-family: "titillium web", sans-serif;
    font-weight: 500;
}





/* Home Global Cta */

.GlobalCta {
    background-image: url(images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    border-top: 2px solid var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
}

.GlobalCta p {
    color: var(--white-color);
}

.GlobalCta .forminfo {
    width: 100%;
    max-width: 540px;
    background-color: #2f476deb;
    padding: calc(5% - 10px);
    color: var(--white-color);
}

.GlobalCta h3 {
    color: var(--white-color);
    font-size: 42px;
    line-height: 52px;
}

/* HomeCountry */


.HomeCountry {
    background-color: var(--light-gray);
}

.HomePNP .section-heading h3 {
    color: var(--white-color);
}

.HomeCountry .entry-post, .HomePNP .entry-post {
    background-color: #fff;
    padding: 7px 7px 30px 7px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.HomeCountry .entry-post .entry-img, .HomePNP .entry-post .entry-img {
    margin-bottom: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

.HomeCountry .entry-post .entry-txt h4 {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--block-color);
}


/* HomePNP */

.HomePNP, .HomeWhat {
    background-image: url('images/banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.HomePNP::before, .HomeWhat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000d4;
}

.HomePNP .entry-post {
    min-height: 500px;
}

.HomePNP .entry-post .entry-txt h4 {
    font-size: 24px;
    line-height: 26px;
    color: var(--block-color);
    margin-bottom: 20px;
    font-weight: 600;
}

.HomePNP .entry-post .entry-txt p {
    padding: 0 15px;
    margin-bottom: 35px;
    min-height: 100px;
}

/* Visa Categories */

.HomeVisaCat {
    background-color: var(--off-white);
}

.HomeVisaCat .section-heading {
    margin-bottom: 130px;
}

.HomeVisaCat .entry-post {
    border-width: 2px;
    border-style: solid;
    border-color: var(--primary-color);
    text-align: center;
    padding: 10px;
    margin-bottom: 100px;
    background-color: var(--white-color);
}


.HomeVisaCat .entry-post .entry-img img {
    width: 132px;
    height: 132px;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: var(--primary-color);
    padding: 1px;
}

.HomeVisaCat .entry-post .entry-img {
    position: relative;
    margin-top: -80px;
    margin-bottom: 40px;
}


.HomeVisaCat .entry-txt h4 {
    font-size: 24px;
    line-height: 32px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 5px;
}


/* Hompage :: What we do */

.HomeWhat {
    display: none;
}

.HomeWhat .section-heading {
    margin-bottom: 90px;
}

.HomeWhat .section-heading h3 {
    color: var(--white-color);
}

.HomeWhat .entry-post {
    background: var(--white-color);
    text-align: center;
    margin-bottom: 85px;
    padding: 25px 20px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    min-height: 300px;
}

.HomeWhat .entry-post .entry-img {
    margin-bottom: 25px;
}

.HomeWhat .entry-post .entry-img img {
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border: 5px solid #fff;
    margin-top: -75px;
    padding: 16px 19px;
    background-color: var(--primary-color);
}

.HomeWhat .entry-post .entry-txt h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: var(--block-color);
}


/* Hometestimonials :: Content Styling */


.Hometestimonials {
    background-color: #eff3f6;
    background-image: url('images/bgmap.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}

.Hometestimonials .entry-box {
    background-color: #fff;
    padding: 30px 20px;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.Hometestimonials .entry-box .client-name {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.Hometestimonials .entry-box .entry-icon .fa {
    font-size: 20px;
    margin-right: 2px;
    color: var(--primary-color);
}


/* HomePartner :: Content Styling */

.HomePartner {
    display: none;
}

.HomePartner .media-figure {
    padding: 10px;
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.HomePartner .media-figure img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.HomePartner ul {
    margin-left: 20px;
    list-style-type: disc;
}

/* Canada Immigration/Global Immigration :: Content styling */

.canada-Immigrate .section-heading h1, .aboutbx .section-heading h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
}

.canada-Immigrate .cardbox {
    margin-bottom: 30px;
}

.canada-Immigrate .card-body {
    padding: 0;
}

.canada-Immigrate .card-body h4 {
    font-family: "titillium web", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
}

.canada-Immigrate .card-flag a {
    display: block;
    padding: 5px 15px;
    background: #ebebeb;
    margin-bottom: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.canada-Immigrate .card-flag a:hover {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    background-color: #cacaca;
}

.canada-Immigrate .card-flag .text {
    margin-left: 8px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #292929;
}

.canada-Immigrate .canbody p, .aboutbx .media-body p {
    color: var(--block-color);
    font-size: 15px;
    line-height: 27px;
}

.canada-Immigrate .canbody ol, .canada-Immigrate .canbody ul {
    margin-left: 20px;
    padding-left: 10px;
}

.canada-Immigrate .canbody ol li, .canada-Immigrate .canbody ul li {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 5px;
    color: #000;
}

.canada-Immigrate .canbody ul {
    list-style-type: disc;
}

.canada-Immigrate .canbody h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
}
.canada-Immigrate .canbody h3 {
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
}

.canada-Immigrate .cardbox .sidecnt figure {
    margin-bottom: 0;
}

.canada-Immigrate .cardbox .sidecnt figure img {
    width: 100%;
}

.canada-Immigrate .cardbox .sidecnt  .text {
    background: var(--primary-color);
    padding: 15px;
}

.canada-Immigrate .cardbox .sidecnt .text h5 {
    color: #fff;
    font-weight: 600;
}

.canada-Immigrate .cardbox .sidecnt .text .text-danger, .canada-Immigrate .cardbox .sidecnt .text .fa {
    color: #fff !important;
    min-width: 25px;
}

.canada-Immigrate .canbody table p {
    margin-bottom: 0;
}

/* Basic styling for the dots */
.country-slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

/* Styling for each dot */
.country-slider .owl-dots .owl-dot {
display: inline-block;
width: 12px;
height: 12px;
margin: 5px;
background-color: #ccc; /* Default color */
border-radius: 50%; /* Makes the dots round */
cursor: pointer;
}

/* Styling for the active dot */
.country-slider .owl-dots .owl-dot.active {
background-color: #666; /* Active dot color */
}

/* Optional: Add a transition for a smoother effect */
.country-slider .owl-dots .owl-dot,
.country-slider .owl-dots .owl-dot.active {
transition: background-color 0.3s ease;
}

/* Optional: Hover effect */
.country-slider .owl-dots .owl-dot:hover {
background-color: #999; /* Hover color */
}

.country-slider .owl-nav { display: none;}









/* Global Breadcrumbs */

.global-breadcrumb {
    background: #e9ecef;
}

/* Inner Banner */

.inner-banner img {
    width: 100%;
    max-width: 100%;
}

/* Contact Page */

.contact-page .section-heading h1 {
    font-family: "titillium web", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    margin-bottom: 10px;
}

.contact-page .section-heading p {
    font-family: "titillium web", sans-serif;
    color: #000;
}

.contact-page h2 {
    font-size: 30px;
    font-weight: 600;
    font-family: "titillium web", sans-serif;
    line-height: 36px;
}

.contact-page p {
    color: #000;
    margin-bottom: 15px;
}

.contact-page p a {
    color: var(--primary-color);
}

.contact-page .top-heading {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 600;
    font-family: "titillium web", sans-serif;
    color: var(--primary-color);
}

.contact-page .contact-details__info {
    position: relative;
    display: block;
    margin-top: 41px;
}

.contact-page .contact-details__info li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-page .contact-details__info li:hover .icon {
    background-color:  var(--block-color);
}

.contact-page .contact-details__info li .icon {
    height: 80px;
    width: 80px;
    background-color: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-page .contact-details__info li .icon .icon-plus {
    color: var(--white-color);
    font-size: 25px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.contact-page .contact-details__info li .text {
    margin-left: 30px;
}

.contact-page .contact-details__info .text h6 {
    font-size: 24px;
    margin-bottom: 10px;
    font-family: "titillium web", sans-serif;
    font-weight: 600;
}

.contact-page .contact-details__info .text a {
    font-size: 16px;
}

.contact-page .homeform {
    margin-top: 40px;
}

.contact-page .form-control {
    height: calc(2.25rem + 27px);
    padding: 14px 30px;
    outline: 0;
    background-color: #f4f5f8;
    border: 1px solid #f4f5f8;
    color: #686a6f;
    font-size: 0.9rem;
    width: 100%;
}

.contact-page button {
    font-family: "titillium web", sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}

/* Footer  */

.footer {
    background-color: var(--white-color);
    padding: 60px 0;
    color: var(--white-color);
}
.footer ul {
    margin-bottom: 0;
    margin-left: 20px;
}

.footer ul li {
    position: relative;
}

.footer ul li:before {
    content: "\f0a9";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 5px;
    left: -18px;
    display: block;
    color: var(--primary-color);
}

.footer p, .footer ul li a {
    font-size: 16px;
    line-height: 24px;
    color: var(--block-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.footer ul li a:hover {
    color: var(--primary-color);
}

.footer .footer-logo {
    margin-bottom: 20px;
}

.footer-title {
    color: var(--block-color);
    font-size: 23px;
    margin-bottom: 0px;
}

.footer .sparator {
    display: block;
    margin-bottom: 25px;
}

.footer .footer-logo img {
    width: 100%;
    max-width: 220px;
}

.footer .social ul {
    margin-left: 0;
}

.footer .social ul li:before {
    display: none;
}

.footer address .icon .fa {
    color: var(--primary-color);
}





/* social-icons */


.social ul li{display:inline-block;border-bottom:none;}
.social ul li a {height:30px;width:30px; line-height: 30px; text-align: center; font-size:16px;margin-right:10px;transition:all .5s; background-color:var(--black-color); color: var(--primary-color); display: block; border-radius: 50px;}
.social ul li:last-child a {margin-right: 0px;}
.social ul li a:hover { transition:all .3s; color:var(--white-color);}
.google:hover{color:#dd4b39; }
.facebook:hover{color:#3b5998;}
.twitter:hover{color:#55acee;}
.instagram:hover{color:#125688;}
.pinterest:hover{color:#cb2027;}
.linkedin:hover{color:#007bb5;}
.youtube:hover{color:#bb0000;}
.skype:hover{color:#12A5F4;}
.rss:hover{color:#ff6600;}
.tumblr:hover{color:#32506d;}
.stumbleupon:hover{color:#EB4823;}
.reddit:hover{color:#FF4500;}
.vk:hover{color:#4c75a3;}
.flickr:hover{color:#ff0084;}
.vimeo:hover{color:#1ab7ea;}

footer .social ul li a {
    background-color: var(--block-color);
    color: var(--white-color);
}

footer .social ul li a:hover {
    color: var(--primary-color) !important;
}




/* scroll_up */
.scrollup{width:34px;height:34px;position:fixed;right:20px;bottom:-34px;background-color: #00aee4;opacity: 1;text-align:center;cursor:pointer;z-index:100;border-top-left-radius:3px;border-top-right-radius:3px;}
.scrollup i{display:block;font-size:16px;line-height:34px;color:#fff;}
.scrollup:hover{opacity:1 !important;}
.scrollup svg {font-size: 18px;color: #fff;margin-top: 8px;}


@media only screen and (max-width:1364px){
.stellarnav.dark, .stellarnav.dark ul ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;
align-items: end;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;}
.topbar-social .social {text-align: right;}
.stellarnav.mobile .menu-toggle {background: black; color: #fff;}
.stellarnav.mobile ul li a {color: #fff;font-size: 15px;line-height: 20px;font-family: "titillium web", sans-serif;font-weight: 600;}
.stellarnav .full {color: #fff;}
.stellarnav .icon-close {margin-right: 5px;}
.stellarnav>ul>li {margin-left: 0px;}
.stellarnav>ul>li.has-sub:after {display: none !important;}
.stellarnav ul ul ul, .stellarnav ul ul {left: 0 !important; top: 0 !important; width: 100% !important;}
 
    
    
}

@media screen and (min-width: 992px) {
.navbar {padding-top:0px;padding-bottom:0px;}
.navbar .nav-item {padding:.5rem .5rem;margin:0 .25rem;}
.navbar .dropdown {position:static;}
.navbar .dropdown-menu {width:100%;left:-1px;right:0;/*  height of nav-item  */  top:61px;display:block;visibility: hidden; opacity: 0;  transition: visibility 0s, opacity 0.3s linear;}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {display:block;visibility: visible;opacity: 1;transition: visibility 0s, opacity 0.3s linear;}
.navbar .dropdown-menu {border: 1px solid rgba(0,0,0,.15);background-color: #fff; }
.navbar-expand-lg .navbar-toggler {display: none;}

}


/* 
font-family: "Poppins", sans-serif; 
font-family: "titillium web", sans-serif;
*/