/*
 Theme Name:     Shetland Ecology
 Theme URI:      https://shetecology.dev.rw.digital/
 Description:    Shetland-Ecology Theme
 Author:         Shetaccesspanel Shetland
 Author URI:     https://shetecology.dev.rw.digital/
 Template:       twentytwentyone
 Version:        1.4
*/

@charset "utf-8";
/* CSS Document */
/*  -----------------------------------------------------
  ------------------- General Styles ------------------
  ----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
* {margin:0; padding:0; outline:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after,  {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; }
img {width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}

body{margin:0; padding:0px; background:#fff; font-family: "Inter", sans-serif!important; color:#000; font-size:14px; font-weight:400; line-height:normal;}

@-webkit-keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

a{text-decoration:none; box-shadow:none; transition: all 0.4s ease-in-out 0s;}
a:hover{text-decoration:none; box-shadow:none; border-bottom:none; }
a:focus{text-decoration:none; box-shadow:none; border-bottom:none;}
strong{font-weight:600;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
.full-img{ width:100%; height:auto; }

h1,h2{}

h1, h2, h3, h4, h5, h6, p{margin-top:0px; letter-spacing:0px;}
.pull-left{float:left;}
.pull-right{float:right;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-transform{text-transform:uppercase;}
.image-left{ float:left; margin:0px 25px 15px 0px;}
.image-right{ float:right; margin:0px 0px 15px 25px;}
.alignleft{ float:left; margin:0px 25px 20px 0px;}
.alignright{ float:right; margin:0px 0px 20px 25px;}
.image-left img, .image-right img{ border:0px solid #fff;}
.image-middle{margin:0px auto 20px;}
.image-responsive{width:100%;}
.container{ max-width:1250px; width:1250px!important;}

html{overflow-x:hidden;}


/*=================topbar-section start=================*/
.topbarsec{ width:100%; height:auto; padding:0px; margin:0px auto; min-height:38px; background:#265738;}

.topbarsec-left ul{ list-style:none; padding:8px 0px 0px 0px; margin:0px;}
.topbarsec-left ul li{ float:left; padding:0px; margin:0px 12px}
.topbarsec-left ul li a{ color:#ffffff; font-size:17px; line-height:22px; font-weight:400;}
.topbarsec-left ul li a:hover{ color:#90d55d;}

.topbarsec-right{ padding-top:5px;}
.topbarsec-right ul{ width:auto; float:right; display:table; padding:0px; margin:0px; list-style:none;}
.topbarsec-right ul li{ float:left; padding:0px; margin:0px 8px 0px 20px;}
.topbarsec-right ul li a{color:#ffffff; font-size:17px; line-height:22px; font-weight:400;}
.topbarsec-right ul li a:hover{ color:#90d55d;}

.topbanner-section{ width:100%; height:auto; padding:0px; margin:0px; position:relative;}

.topsection{ width:100%; height:auto; display:table; padding:12px 0px; margin:0px; position:absolute; left:0px; top:0px; z-index:9999;}

#cssmenu > ul > li.contact-btn a{ background:#002053!important; color:#FFF!important; padding:5px 30px!important; border-radius:12px;}
#cssmenu > ul > li.contact-btn a:hover{background:#265738!important; }
/*=================topbar-section start=================*/


/*==========banner-section start===========*/
.banner-section{ width:100%; height:auto; padding:0px; margin:0px auto; position:relative; background:#000;}
.banner-section img.fullimg{ width:100%; height:auto; }

/*.banner-section::after{ width:60%; height:100%; background: rgba(0, 0, 0, 0.5); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:3}

.banner-section::before{ width:65%; height:100%; background: rgba(255, 255, 255, 0.3); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:2}*/


.banner-section .full-img-text{ width:100%; height:auto; position:absolute; left:0px; top:0px; z-index:99999; 
top:50%; color:#000; transform:translateY(-50%); -ms-transform:translateY(-50%); 
-webkit-transform:translateY(-50%); -o-transform:translateY(-50%); text-align:center; color:#FFF;}
.banner-section-text01{ float:right; }

.banner-section .full-img-text h1{font-family: "Inter", sans-serif; font-size:70px; line-height:75px; font-weight:500; text-shadow:1px 2px 10px #212121; margin-bottom:10px}
.banner-section .full-img-text h1 span{ font-size:100px!important; line-height:110px; font-weight:800!important;}

.banner-section .full-img-text p{ color:#ffffff; font-size:20px; line-height:26px; font-weight:600; margin-bottom:20px; padding:0px 8%;}
.banner-section .full-img-text h5{background: url(assets//images/banner-titlebg.png) no-repeat center center; text-align:center; font-size:30px; line-height:50px; font-weight:800; font-style:italic;
color:#90d55d; margin-bottom:22px;}

.banner-section .full-img-text ul{ list-style:none; padding:0px; margin:0px; text-align:center}
.banner-section .full-img-text ul li{ display:inline-block; padding:0px; margin:0px 10px;}
.banner-section .full-img-text ul li a{background:none; color:#ffffff; font-size:18px; line-height:45px; font-weight:600; display:inline-block;
padding:0px 30px; border:2px solid #ffffff; border-radius:10px;}
.banner-section .full-img-text ul li a:hover{border:2px solid #0d6a9e; background:#0d6a9e; color:#FFF;}
.banner-section .full-img-text ul li a.active{border:2px solid #0d6a9e; background:#0d6a9e; color:#FFF;}

/*.banner-section .bx-prev{left:2%; background: url(assets/images/banner-prev.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}
.banner-section .bx-next{right:2%; background: url(assets/images/banner-next.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}

.banner-section .bx-controls .bx-pager-item { margin:4px 4px; float:left; }
.banner-section .bx-controls .bx-pager-item .bx-pager-link{ width:14px; height:14px; background:#45484c; color:#45484c;
text-align:center; font-size:3px; line-height:14px; -webkit-border-radius:50%; -moz-border-radius:50%;
border-radius:50%; border:2px solid #FFF; display:inline-block; float:left;}
.banner-section .bx-controls .bx-pager-item .active{ background:#FFF!important; color:#FFF!important; border:2px solid #FFF!important; }*/

/*==========banner-section end===========*/



/*==============hometeam-section start===============*/
.hometeam-section{ width:100%; background:#e8f7ff; text-align:center; padding-top:60px; padding-bottom:60px; text-align:center;}
.hometeam-section .textsec h3{ color:#172522; font-size:50px; line-height:52px; font-weight:500; letter-spacing:-3px; margin-bottom:10px;}
.hometeam-section .textsec p{ color:#172522; font-size:17px; line-height:25px; font-weight:400; padding:0px 18%; margin-bottom:12px;}
.hometeam-section .textsec .maintext{ margin-bottom:22px;}
.hometeam-section .textsec h5 a{ background:#002053; color:#FFF; font-size:20px; line-height:45px; font-weight:600; display:inline-block; padding:10px 30px; border-radius:15px;}
.hometeam-section .textsec h5 a:hover{ background:#0ca64e;}
/*==============hometeam-section end===============*/

/*============welcomesec start====================*/
.welcomesec{ width:100%; height:auto; background:#FFF; padding-top:60px; padding-bottom:60px; margin:0px auto;}
.welcomesec-right .textsec{ padding-right:25px; padding-top:55px;}
.welcomesec-right .textsec h5{ color:#83c32f; font-size:20px; line-height:25px; font-weight:600; font-style:italic; margin-bottom:7px;}
.welcomesec-right .textsec h2{ color:#172522; font-size:50px; line-height:52px; font-weight:600; margin-bottom:35px; position:relative; letter-spacing:-2px;}
.welcomesec-right .textsec h2::after{ content:''; background:#3c5363; width:70px; height:3px; position:absolute; left:0px; bottom:-15px;}
.welcomesec-right .textsec p{ color:#27292a; font-size:18px; line-height:26px; font-weight:400; margin-bottom:25px;}
/*============welcomesec start====================*/




/*==============homesection03 start================*/
.homesection03{ width:100%; background:#ffffff; padding-top:80px; padding-bottom:80px; margin:0px auto;}
.homesection03-left .textsec{ padding-right:80px;}
.homesection03-left .textsec h3{ color:#172522; font-size:50px; line-height:52px; font-weight:600; letter-spacing:-2px; margin-bottom:27px;}
.homesection03-left .textsec p{ color:#27292a; font-size:18px; line-height:26px; font-weight:400; margin-bottom:20px;}
.homesection03-left .textsec h5 a{background:#FFF; border:2px solid #002053; color:#002053; font-size:20px; line-height:45px; font-weight:600; display:inline-block; padding:8px 25px; border-radius:15px;}
.homesection03-left .textsec h5{ margin-top:35px;}
.homesection03-left .textsec h5 a:hover{ background:#002053; color:#FFF;}

.homesection02-middle{ text-align:center; margin-bottom:40px;}
.home-servicesbox{ width:auto; height:auto; display:inline-block; padding:0px; margin:0px 4px; border:0px solid red; transition: all 0.6s ease-in-out 0s; border-radius:10px; overflow:hidden;}
.home-servicesbox:hover .home-servicesboxmain{ width:370px; transition: all 0.6s ease-in-out 0s;}
.home-servicesboxmain{ width:190px; height:450px; overflow-x:hidden; position:relative;}
.home-servicesboxmain .imagesec{ width:100%; height:100%; overflow-x:hidden; position:absolute; left:0px; top:0px;}
.home-servicesboxmain .imagesec img{ width:100%; height:100%; max-width:100%!important;}

.home-servicesboxmain .textsec{ width:100%; height:100%; position:absolute; left:0px; top:0px; background: url(assets/images/services-textbg.png) repeat-x bottom left;}
.home-servicesbox:hover .home-servicesboxmain .textsec{background: url(assets/images/services-textbg-hover.png) repeat-x bottom left;}

.home-servicesboxmain .textsec .textsecmain{ width:100%; height:100%; position:relative;}
.home-servicesboxmain .textsec .textsecmain .textsecmain01{ width:100%; height:auto; position:absolute; left:0px; bottom:0px; padding:16px; text-align:left;}
.home-servicesboxmain .textsec .textsecmain .textsecmain01 h4{ color:#ffffff; font-size:17px; line-height:22px; font-weight:700; margin-bottom:14px!important;} 
.home-servicesboxmain .textsec .textsecmain .textsecmain01 p{ color:#ffffff; font-size:14px; line-height:21px; font-weight:400; display:none; transition: all 0.6s ease-in-out 0s;}
.home-servicesbox:hover .home-servicesboxmain .textsec .textsecmain .textsecmain01 p{ display:block; transition: all 0.6s ease-in-out 0s;}
/*==============homesection03 end================*/

/*============homesection02 start==================*/
.homesection02{ width:100%; height:auto; background: url(assets/images/home-servicesbg.jpg) no-repeat bottom center; width:100%; height:auto; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:70px; padding-bottom:70px; margin:0px auto;}
.homesection02 .homesection02-top{ text-align:center; margin-bottom:45px;}
.homesection02 .homesection02-top h2{ color:#172522; font-size:45px; line-height:50px; font-weight:600; margin-bottom:8px;}
.homesection02 .homesection02-top h5{ color:#172522; font-size:17px; line-height:24px; font-weight:500;}

.homesection02-bottom{ text-align:center;}
.homesection02-bottom h6 a{ background:#002053; color:#FFF; font-size:17px; line-height:54px; font-weight:600; display:inline-block; padding:0px 34px; border-radius:12px;}
.homesection02-bottom h6 a:hover{ background:#2c4a0f;}
/*============homesection02 end==================*/

/*==============aboutus-section start==================*/
.aboutus-section{ width:100%; height: auto; padding-top:70px; padding-bottom:70px;}
.aboutus-section-top{ text-align:center; margin-bottom:50px;}
.aboutus-section-top h2{ color:#172522; font-size:45px; line-height:50px; font-weight:600;}

.aboutus-section-middle{ margin-bottom:67px;}
.aboutus-section-middle01 .imagesec{ padding-right:25px;}
.aboutus-section-middle01 .imagesec img{ width:100%; height:auto;}

.aboutus-section-middle02 .textsec{ padding-top:25px;}
.aboutus-section-middle02 .textsec p{ color:#27292a; font-size:17px; line-height:24px; font-weight:400; margin-bottom:30px;}

.aboutus-section-buttom01{ float:right;}
.aboutus-section-buttom01 .imagesec{ padding-left:25px;}
.aboutus-section-buttom01 .imagesec img{ width:100%; height:auto;}

.aboutus-section-buttom02{float:left;}
.aboutus-section-buttom02 .textsec{ padding-top:25px;}
.aboutus-section-buttom02 .textsec p{ color:#27292a; font-size:17px; line-height:24px; font-weight:400; margin-bottom:30px;}


/*==============aboutus-section start==================*/

/*=================ourservices start=================*/
.services-secmain{ width:100%; height:auto; padding-top:70px; padding-bottom:70px; margin:0px auto;}
.services-innersec{ width:100%; height:auto; padding:34px 0px; margin:0px auto; display:table; border-bottom:1px solid #e8e5e5;}
.services-innersec .services-images{ width:30%; float:left; height:auto; padding:0px; margin:0px;}
.services-innersec .services-images img{ width:100%; height:auto; border-radius:12px; max-width:100%!important}


.services-innersec .services-text{ width:68%; float:right; height:auto; padding:70px 50px 0px 40px; margin:0px;}
.services-innersec .services-text h4{ color:#191717; font-size:28px; line-height:34px; font-weight:700; margin-bottom:17px;}
.services-innersec .services-text p{ color:#161616; font-size:17px; line-height:24px; font-weight:400;}

.services-innersec:nth-child(odd) {}
.services-innersec:nth-child(even) {}

.services-innersec:last-of-type{ border-bottom:none;}
.services-innersec:nth-child(even) .services-images{ float:right;}
.services-innersec:nth-child(even) .services-text{ float:left;}

/*=================ourservices start=================*/

/*=================our-team section start================*/
.ourteam-section{ width:100%; height: auto; padding-top:90px; padding-bottom:90px; margin:0px auto; text-align:center;}

.ourteam-boxsection{ width:300px; height:auto; display:inline-block; padding:0px; margin:0px 35px; text-align:center;}
.ourteam-boxsection .ourteam-boxsection-images{ width:220px; height:auto; padding:0px; margin:0px auto 20px auto;}
.ourteam-boxsection .ourteam-boxsection-images img{ width:100%; height:auto; border-radius:50%; border:7px solid #e2e3e0;}
.ourteam-boxsection-text .textsec h4{ color:#002053; font-size:25px; line-height:30px; font-weight:700; margin-bottom:12px;}
.ourteam-boxsection-text .textsec p{ color:#161616; font-size:17px; line-height:24px; font-weight:400;}

/*=================our-team section end================*/

/*===============contact start=====================*/
.contact-section{ width:100%; height:auto; padding-top:70px; padding-bottom:70px; margin:0px auto;}
.contact-section .contact-section-top h2{ color:#172522; font-size:44px; line-height:52px; font-weight:600; margin-bottom:32px; text-align:center; letter-spacing:-2px;}

.contact-section-bottom01-text{ width:94%; background:#001d4b; color:#001d4b; padding:0px; margin:0px; border-radius:15px; overflow:hidden;}
.contact-section-bottom01-text .textsec{ padding:25px 40px;}

.contacttext01{ width:100%; border-bottom:1px solid #677d9f; padding:15px 15px 15px 84px; min-height:80px; position:relative;}
.contacttext01 .imagesec{ width:57px; height:57px; position:absolute; left:0px; top:15px;}
.contacttext01textsec h5{ color:#ffffff; font-size:14px; line-height:23px; font-weight:400; text-transform:uppercase;}
.contacttext01textsec h6 a{ color:#ffffff; font-size:22px; line-height:26px; font-weight:600;}

.contacttext01:last-of-type{ border-bottom:none;}
.contactform-main p{ margin-bottom:0px;}
.contactform-main .contactform-main01{ margin-bottom:10px;}
.contactform-main .contactform-main01 input[type="text"], .contactform-main .contactform-main01 input[type="email"], .contactform-main .contactform-main01 input[type="tel"], .contactform-main .contactform-main01 textarea{ width:100%; height:54px; background:#f6f8fb; color:#000; font-size:15px; line-height:54px; font-weight:400; border:none; border-radius:10px; padding:0px 20px;}

.contactform-main .contactform-main01 textarea{ height:160px; resize:none; font-size:15px; line-height:25px; padding:15px;}
.contactform-main .contactform-main01 input[type="submit"]{background:#0a588c!important; color:#FFF!important; font-size:18px; line-height:24px; font-weight:700; display:inline-block; border:none; padding:12px 35px!important; border-radius:8px;}

.contact-formsec{ padding-top:20px;}

/*===============contact end=====================*/


/*============footer-section start==============*/
.footer-section{ width:100%; background:#09101b;  height:auto; padding-top:50px; padding-bottom:30px; color:#FFF; }
.footer-top{ margin-bottom:40px;}
.footer-top h3{ color:#ffffff; font-size:23px; line-height:26px; font-weight:600; margin-bottom:15px;}

.footer-top02 ul{ list-style:none; padding:0px; margin:0px;}
.footer-top02 ul li{ color:#a2a2a2; font-size:15px; line-height:20px; font-weight:500; margin:7px 0px;}
.footer-top02 ul li a{ color:#a2a2a2;}
.footer-top02 ul li a:hover{ color:#FFF;}

.footer-top03 ul{ list-style:none; padding:0px; margin:0px;}
.footer-top03 ul li{ color:#a2a2a2; font-size:15px; line-height:20px; font-weight:500; margin:7px 0px;}
.footer-top03 ul li a{ color:#a2a2a2;}
.footer-top03 ul li a:hover{ color:#FFF;}

.footer-top04 h5{ margin-bottom:8px;}
.footer-top04 h5 a{ color:#a2a2a2; font-size:15px; line-height:20px; font-weight:500;}
.footer-top04 h5 a i{ color:#0e8c47;}

.footer-top04 h6{ margin-bottom:8px;}
.footer-top04 h6 a{ color:#a2a2a2; font-size:15px; line-height:20px; font-weight:500;}
.footer-top04 h6 a i{ color:#0e8c47;}

.footer-top04 ul{ list-style:none; padding:0px; margin:30px 0px 0px 0px;}
.footer-top04 ul li{ color:#a2a2a2; font-size:17px; line-height:20px; float:left; font-weight:700; margin:0px 10px 0px 0px;}
.footer-top04 ul li a{ color:#a2a2a2;}
.footer-top04 ul li a:hover{ color:#FFF;}

.footer-bottom{ text-align:center;}
.footer-bottom h6{ color:#8e8e8e; font-size:14px; line-height:20px; font-weight:400;}

/*============footer-section end==============*/