/*
 Theme Name:     Shetland Arts & Crafts
 Theme URI:      http://saca.dev.rw.digital/
 Description:    Shetlandcrafts Theme
 Author:         Shetlandcrafts Shetland
 Author URI:     http://saca.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: "Montserrat", 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, 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:1200px;}


html{overflow-x:hidden;}

/*==================topgray-section start======================*/
.topgray-section{ width:100%; background:#333333; color:#d3d3d3; padding:8px 0px; margin:0px auto; display:table;}
.topgray-section-left .textsec{ width:auto; height:auto; padding:0px; margin:0px; display:table;}
.topgray-section-left .textsec ul{ list-style:none; padding:0px; margin:0px;}
.topgray-section-left .textsec ul li{ float:left; padding:0px; margin:0px 10px 0px 0px; color:#d3d3d3; font-size:15px; line-height:24px; font-weight:400;}
.topgray-section-left .textsec ul li img{ vertical-align:middle; margin-right:6px;}
.topgray-section-left .textsec ul li a{color:#d3d3d3;}

.topgray-section-right .textsec{ width:auto; float:right; display:table; padding:0px; margin:0px;}
.topgray-section-right .textsec ul{ list-style:none; padding:0px; margin:0px;}
.topgray-section-right .textsec ul li{ float:left; padding:0px; margin:0px 8px;}
.topgray-section-right .textsec ul li img{ vertical-align:middle;}
/*==================topgray-section end======================*/

/*==================topbanner-section start==================*/
.topbanner-section { width:100%; height:auto; padding:0px; margin:0px; position:relative; border:0px solid red;}
.top-section{ width:100%; height:auto; position:absolute; left:0px; top:0px; z-index:9999; padding:10px 0px; margin:0px;}
li.login{ margin-right:0px;}
li.login a{ background:#31746b!important; color:#FFF!important; padding:0px 35px!important; border-radius:28px;}
li.login:hover a{ background:#FFF!important; color:#000!important; border:none!important;}

.home .topbanner-section .top-section .logosec{ display:none!important;}


/*==================topbanner-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:8; 
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 .bannerlogo{ width:170px!important; margin:0px auto 20px auto!important; display:table!important;} 
.banner-section .full-img-text h1{ color:#191919; font-size:80px; line-height:82px; font-weight:700; text-transform:uppercase;}
.banner-section .full-img-text h3{ color:#191919; font-size:45px; line-height:48px; font-weight:500; text-transform:uppercase; margin-bottom:10px;}
.banner-section .full-img-text h6{ color:#191919; font-size:23px; line-height:27px; font-weight:400; 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 8px;}
.banner-section .full-img-text ul li a{ background:#ffffff; color:#000; font-size:18px; line-height:45px; font-weight:500; display:inline-block;
padding:0px 30px; border:2px solid #000; border-radius:29px;}
.banner-section .full-img-text ul li a:hover{border:2px solid #31746b; background:#31746b; 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; }*/

.homebanner-textsec .container{ width:98%!important; max-width:98%!important; margin:0px auto;}

.innerbanner-text h1{ color:#ffffff!important; font-size:60px!important; line-height:62px!important; font-weight:800; margin-bottom:16px;}
.innerbanner-text p{ color:#fff; font-size:20px; line-height:24px; font-weight:400;}
/*==========banner-section end===========*/

/*==============homesection01 start=================*/
.homesection01{background: url(assets/images/home-section02-bg.jpg) no-repeat center center; width:100%; height:auto; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; background-size: cover; padding:0px; margin:0px auto;}
.homesection01-right{ float:right; padding-top:50px; padding-bottom:50px;}

.homesection01-right .textsec{ margin-bottom:27px;}
.homesection01-right .textsec h2{ color:#191919; font-size:40px; line-height:42px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.homesection01-right .textsec h2 span{ color:#31746b;}
.homesection01-right .textsec h6{ color:#262626; font-size:20px; line-height:24px; font-weight:400; margin-bottom:36px;}
.homesection01-right .textsec ul{ list-style:none; padding:0px; margin:0px; display:table; margin-bottom:18px;}
.homesection01-right .textsec ul li{ float:left; padding:0px; margin:0px 15px 10px 0px;}
.homesection01-right .textsec ul li.brows-btn a{ background:#31746b; color:#FFF; line-height:45px; padding:0px 30px; display:inline-block; border-radius:28px;}
.homesection01-right .textsec ul li a{ color:#31746b; font-size:15px; line-height:30px; font-weight:400; text-transform:uppercase;}

.homesection01box{ width:100%; display:table; margin:0px;}
.homesection01box01{ width:29%; float:left; margin:0px 1%;}
.homesection01box01 .imgsec{ width:100%; height:auto; padding:0px; margin:0px auto 10px auto;}
.homesection01box01 .imgsec img{ width:100%; height:auto; border-radius:12px;}
.homesection01box01 .textsec{ color:#191919; font-size:17px; line-height:24px; font-weight:400; text-transform:uppercase;}
/*==============homesection01 end=================*/

/*==============homesection02 start=================*/
.homesection02{background: url(assets/images/home-section03-bg.jpg) no-repeat bottom center; width:100%; height:auto; min-height:1080px; -webkit-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; background-size: cover; padding-top:83px; padding-bottom:330px; margin:0px auto;}
.homesection02 .title-sec{ margin-bottom:44px; text-align:center;}
.homesection02 .title-sec h2{ color:#191919; font-size:40px; line-height:42px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.homesection02 .title-sec h2 span{ color:#31746b;}
.homesection02 .title-sec p{ color:#444444; font-size:17px; line-height:25px; font-weight:400; padding:0px 4%;}

.homesection02-middlebox{ width:100%; height:auto; padding:0px; margin:0px auto;}
.homesection02-middlebox .imgsec{ width:100%; background: url(assets/images/feature-imagesbg.png) repeat center center; padding:12px; border:1px solid #e0e0e0; margin:0px auto 20px auto; border-radius:12px; height:280px;}
.homesection02-middlebox .imgsec img{ width:100%!important; height:100%!important;}
.homesection02-middlebox .textsec{ width:100%; height:auto; padding:0px; margin:0px auto; text-align:center;}
.homesection02-middlebox .textsec h3{ color:#fffffc; font-size:20px; line-height:23px; font-weight:600; text-transform:uppercase; margin-bottom:10px;}
.homesection02-middlebox .textsec h3 a{color:#fffffc;}

.homesection02-middlebox .textsec p{ color:#edf6ff; font-size:16px; line-height:24px; font-weight:400;}

.homesection02-bottom{ margin-top:25px; text-align:center;}
.homesection02-bottom a.profile-btn{ background:#31746b; color:#FFF; font-size:16px; line-height:50px; font-weight:500; text-transform:uppercase; display:inline-block; padding:0px 40px; border-radius:29px; border:2px solid #FFF; letter-spacing:-1px; }

/*==============homesection02 end=================*/

/*==============blog-section start==================*/
.homenews-section{ width:100%; height:auto; padding-top:40px; padding-bottom:206px; text-align:center;}
.homenews-section .titlesec{ margin-bottom:26px;}
.homenews-section .titlesec h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; text-transform:uppercase;}
.homenews-section .titlesec h2 span{ color:#31746b;}

.homenewsbox-section{ width:44%; height:auto; display:inline-block; padding:0px; margin:0px 1%; vertical-align:top; position:relative;}
.homenewsbox-section .imagesec{ width:100%; height:auto; padding:0px; margin:0px; height:300px; overflow:hidden;}
.homenewsbox-section .imagesec img{ width:100%; height:100%!important; border-radius:10px; border-radius:10px;}
.homenewsbox-section .textsec{ width:100%; height:auto; padding:0px; margin:0px; position: absolute; left: 0px; bottom: -36px;}
.homenewsbox-section .textsec .homenewsbox-text{ width:94%; background:#FFF; padding:12px; margin:0px auto; text-align:center; box-shadow:2px 2px 10px #d8d8d8;}
.homenewsbox-section .textsec .homenewsbox-text h3{ color:#31746b; font-size:24px; line-height:35px; font-weight:600; margin-bottom:8px;}
.homenewsbox-section .textsec .homenewsbox-text h6{ color:#4e4e4e; font-size:17px; line-height:24px; font-weight:600;}


.homenews-bottomsec{ margin-top:94px; text-align:center}
.homenews-bottomsec a.newsbtn{ background:#31746b; color:#FFF; font-size:16px; line-height:35px; font-weight:600; display:inline-block; text-transform:uppercase; padding:9px 35px; border-radius:29px;}

/*==============blog-section start==================*/

/*================contact-section start==================*/
.contact-section{background: url(assets/images/contact-bg.jpg) no-repeat bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:auto; padding-top:85px; padding-bottom:220px; margin:0px auto;}

.contact-section-left .contact-lefttext01{ width:100%; height:auto; padding:0px; margin:0px auto 23px auto;}
.contact-section-left .contact-lefttext01 h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; text-transform:uppercase; margin-bottom:16px;}
.contact-section-left .contact-lefttext01 h2 span{ color:#31746b}
.contact-section-left .contact-lefttext01 p{ color:#262626; font-size:17px; line-height:24px; font-weight:400; margin-bottom:20px;}

.contactboxtext01{ width:100%; height:auto; min-height:45px; padding:0px 0px 0px 36px; margin:0px auto 17px auto; position:relative;}
.contactboxtext01 .imagesec{ width:auto; height:auto; position:absolute; left:0px; top:0px;}
.contactboxtext01 .textsec p{ color:#262626; font-size:17px; line-height:24px; font-weight:500;}
.contactboxtext01 .textsec p a{ color:#31746b; font-weight:700;}

.contact-section-right01{ width:100%; background:#eeeeee; padding:0px; margin:0px auto; border-radius:12px; box-shadow:2px 5px 6px #a7a5a5; overflow:hidden;}
.contact-section-right01 .greensec{ width:100%; background:#31746b; padding:24px; margin:0px auto; color:#FFF;}
.contact-section-right01 .greensec p{ color:#ffffff; font-size:17px; line-height:24px; font-weight:400;}
.contact-section-right01 .greensec p a{ color:#FFF; font-weight:800;}

.contact-section-right01-main{ width:100%; height:auto; padding:25px; margin:0px auto;}
.contact-section-right01-main p{ margin-bottom:0px;}
.contact-section-right01-main .nmesec{ width:100%; display:table; margin:0px auto 12px auto;}
.contact-section-right01-main .nmesec input[type="text"]{ width:100%; background:#FFF; height:48px; border:1px solid #cbd1d0; padding:0px 15px; margin:0px auto; border-radius:8px; color:#000; font-size:15px; line-height:48px; font-weight:400;}
.contact-section-right01-main .nmesec input[type="email"]{ width:100%; background:#FFF; height:48px; border:1px solid #cbd1d0; padding:0px 15px; margin:0px auto; border-radius:8px; color:#000; font-size:15px; line-height:48px; font-weight:400;}
.contact-section-right01-main .nmesec textarea{ width:100%; background:#FFF; height:160px!important; border:1px solid #cbd1d0; padding:15px; margin:0px auto; border-radius:8px; color:#000; font-size:15px; line-height:26px; font-weight:400;}
.contact-section-right01-main .nmesec input[type="submit"]{ background:#31746b!important; color:#FFF!important; font-size:17px; line-height:40px; font-weight:600; display:inline-block; padding:4px 35px; border:none; border-radius:29px; text-transform:uppercase;}
.contact-lefttext02{ padding-right:30px;}

/*================contact-section start==================*/

/*=============about-section start===============*/
.abouttop-section{ width:100%; height:auto; padding-top:40px; padding-bottom:40px; margin:0px auto;}

.abouttop-section-main{ width:100%; height:auto; display:table; margin:0px auto; padding:20px 0px; margin:0px auto;}
.abouttop-section-left{ width:48%; float:left; height:auto; padding:0px; margin:0px;}
.abouttop-section-left .imagesec img{ width:100%; height:100%; border-radius:12px;}

.abouttop-section-right{ width:48%; float:right; height:auto; padding:20px 0px 0px 0px; margin:0px;}

.aboutbottom-section{ width:100%; background:#e5f7f7; padding-top:60px; padding-bottom:180px; margin:0px auto;}
.aboutbottom-section-left .testsec h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; text-transform:uppercase;}
.aboutbottom-section-left .testsec h2 span{ color:#31746b;}

.aboutbottom-section-right .testsec p{ color:#262626; font-size:20px; line-height:27px; font-weight:400; margin-bottom:30px;}
.aboutbottom-section-right .testsec a.morebtn{ background:#31746b; color:#FFF; font-size:17px; line-height:40px; font-weight:600 ; display:inline-block; text-transform:uppercase; padding:6px 36px;
border-radius:28px;}

.abouttop-section-main:nth-child(odd) {}
.abouttop-section-main:nth-child(even) {}

.abouttop-section-main:nth-child(odd) .abouttop-section-left{ float:right!important;}
.abouttop-section-main:nth-child(odd) .abouttop-section-right{ float:left!important;}

.abouttop-section-right .textsec h2{ color:#191919; font-size:40px; line-height:42px; font-weight:700; text-transform:uppercase; margin-bottom:15px;}
.abouttop-section-right .textsec h2 span{ color:#31746b;}
.abouttop-section-right .textsec p{ color:#262626; font-size:17px; line-height:24px; font-weight:400; margin-bottom:20px;}

/*=============about-section end===============*/


/*===============footer-section start==================*/
.footer-section{ width:100%; background:#112830; border-top:7px solid #31746b; padding:0px; margin:0px; min-height:300px; color:#FFF;}
.footer-section-top{ margin-bottom:48px; position:relative;}
.footersubmissions-sec{background: url(assets/images/footer-bg.jpg) no-repeat bottom center; -webkit-background-size: cover;
-moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; min-height:260px; margin:-142px auto 0px auto; z-index:9999; border-radius:15px; padding:80px 50px 50px 50px; text-align:center;}
.footersubmissions-sec h5{ color:#ffffff; font-size:30px; line-height:35px; font-weight:600; padding:0px 20%; margin-bottom:30px;}

.footersubmissions-sec ul{ list-style:none; padding:0px; margin:0px; text-align:center}
.footersubmissions-sec ul li{ display:inline-block; padding:0px; margin:0px 8px;}
.footersubmissions-sec ul li a{  color:#FFF; font-size:18px; line-height:45px; font-weight:500; display:inline-block;
padding:0px 30px; border:2px solid #FFF; border-radius:29px; text-transform:uppercase;}
.footersubmissions-sec ul li a:hover{ background:#FFF; color:#31746b; }

.footer-section-middle{ padding-bottom:25px;}

.footer-section-bottom{ padding-bottom:20px; padding-top:20px; border-top:1px solid #67767b; text-align:center;}
.footer-section-bottom h6{ color:#bdcdd3; font-size:16px; line-height:24px; font-weight:400;}

.footer-section-middle h3{ color:#ffffff; font-size:26px; line-height:30px; font-weight:600; margin-bottom:15px; text-transform:uppercase;}
.footer-section-middle02 .textsec{ padding-right:50px;}
.footer-section-middle02 .textsec p{  color:#bdcdd3; font-size:16px; line-height:24px; font-weight:400; margin-bottom:18px;}
.footer-section-middle02 .textsec p a{ color:#bdcdd3;}
.footer-section-middle02 .textsec p a:hover{ color:#FFF;}

.footer-section-middle03 ul{ list-style:none; padding:0px; margin:0px;}
.footer-section-middle03 ul li{color:#bdcdd3; font-size:16px; line-height:24px; font-weight:400; margin:8px 0px; text-transform:capitalize;}
.footer-section-middle03 ul li a{color:#bdcdd3;}
.footer-section-middle03 ul li a:hover{ color:#FFF;}

.footer-section-middle04 ul{ list-style:none; padding:0px; margin:0px;}
.footer-section-middle04 ul li{ float:left; padding:0px; margin:0px 8px 0px 0px;}
/*===============footer-section end==================*/

/*===================crafttrail-section start===================*/
.crafttrail-section{ width:100%; height:auto; padding-top:60px; padding-bottom:200px;}
.crafttrail-section-top{ margin-bottom:64px; text-align:center;}
.crafttrail-section-top h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; text-transform:uppercase; margin-bottom:17px;}
.crafttrail-section-top h2 span{ color:#31746b;}
.crafttrail-section-top p{ color:#262626; font-size:16px; line-height:24px; font-weight:400; margin-bottom:18px;}

.crafttrail-section-bottom-main{ width:100%; background:#f1faf9; border:1px solid #c3c9c8; padding:1px; display:table; margin:0px auto;}
.crafttrail-section-bottom-main01{ width:38%; height:100%; float:left; background:#d7e8e6; padding:30px 50px; margin:0px;}
.crafttrail-section-bottom-main01 h3{background: url(assets/images/green-titlebg.png) no-repeat 0 0; width:100%; padding:0px 15px; color:#ffffff; font-size:20px; line-height:47px; font-weight:600; text-transform:uppercase; margin-bottom:15px; }
.crafttrail-section-bottom-main01 ol{ padding:0px; margin:0px 0px 25px 20px;}
.crafttrail-section-bottom-main01 ol li{ color:#262626; font-size:16px; line-height:22px; font-weight:400; margin:6px 0px;}

.crafttrail-section-bottom-main02{ width:62%; float:right; height:auto; padding:25px; margin:0px;}
.crafttrail-section-bottom-main02 img{ width:100%; height:auto;}

/*===================crafttrail-section end===================*/

/*===============news-section start==================*/
.news-section{ width:100%; height: auto; padding-top:60px; padding-bottom:230px;}
.news-section .title-sec{ margin-bottom:40px; text-align:center;}
.news-section .title-sec h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; margin-bottom:15px; text-transform:uppercase;}
.news-section .title-sec h2 span{ color:#31746b;}
.news-section .title-sec p{ color:#262626; font-size:17px; line-height:25px; font-weight:400;}
.news-section-left .textsec{ width:100%; display:table; margin:0px; text-align:center;}
.news-section-left .textsec .blogsec{ width:320px; display:inline-block; padding:0px; margin:10px; vertical-align:top; text-align:left;}
.news-section-left .textsec .blogsec .imgsection{ width:100%; height:250px; padding:00px; margin:0px auto 15px auto; overflow:hidden;}
.news-section-left .textsec .blogsec .imgsection img{ border-radius:10px; width:100%; height:100%!important;}
.news-section-left .textsec .blogsec .blogtextsection{ color:#191919; font-size:19px; line-height:24px; font-weight:500;}

.craftbottom-sec{ text-align:center!important; padding-top:30px;}
.craftbottom-sec a{ background:#31746b; color:#FFF; font-size:17px; line-height:45px; font-weight:600; display:inline-block; padding:0px 30px; border-radius:30px;}

/*===============news-section end==================*/

/*===============newsinner-section start===============*/
.newsinner-section{ width:100%; height:auto; padding-top:50px; padding-bottom:200px; margin:0px auto;}
.newsinner-section .images-sec{ width:40%; float:left; height:auto; padding:0px; margin:0px;}
.newsinner-section .newsinner-section01{ width:58%; float:right; height:auto; padding:0px; margin:0px;}

.newsinner-section .newsinner-section01 h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; margin-bottom:15px;}
.newsinner-section .newsinner-section01 p{ color:#262626; font-size:16px; line-height:25px; font-weight:400; margin-bottom:20px; text-align:justify;}
/*===============newsinner-section start===============*/

/*================member-titlesec start=================*/
.member-titlesec{ text-align:center; padding:0px 4%; margin-bottom:26px;}
.member-titlesec h2{ color:#191919; font-size:40px; line-height:45px; font-weight:700; text-transform:uppercase; margin-bottom:14px;}
.member-titlesec h2 span{ color:#31746b;}
.member-titlesec p{ color:#262626; font-size:17px; line-height:24px; font-weight:400;}

.portfolio-tabs ul.tab-nav{ width:100%; height:auto; border-top:1px solid #b4b4b4; border-bottom:1px solid #b4b4b4; padding:4px; margin:0px auto 25px auto; text-align:center; list-style:none;}
.portfolio-tabs ul.tab-nav li{ display:inline-block; padding:0px; margin:0px 4px;}
.portfolio-tabs ul.tab-nav li a{ background:#FFF; color:#858585; font-size:16px; line-height:40px; font-weight:400; display:inline-block; padding:0px 18px; border-radius:28px;}
.portfolio-tabs ul.tab-nav li a:hover{ background:#31746b; color:#FFF;}
.portfolio-tabs ul.tab-nav li a.active{ background:#31746b; color:#FFF;}

.portfolio-grid{ width:100%; height:auto; display:table; margin:0px auto 20px auto; border:0px solid red; }
.portfolio-grid .portfolio-item{ width:234px; min-height:300px; border:1px solid #dedede; display:inline-block; vertical-align:top; margin:14px; text-align:center; border-radius:8px; overflow-x:hidden;}
.portfolio-grid .portfolio-item a{ width:100%; height:100%; display:block;}
.portfolio-grid .portfolio-item .imgsec{ width:100%; height:210px; overflow:hidden; margin:0px auto 16px auto;}
.portfolio-grid .portfolio-item img{ width:100%; height:100%; padding:0px; margin:0px auto;}
.portfolio-grid .portfolio-item h3{ color:#303030; font-size:19px; line-height:24px; font-weight:600; padding:0px 8px; margin-bottom:6px; }
.portfolio-grid .portfolio-item .member-categories{ color:#31746b; font-size:13px; line-height:21px; font-weight:400; padding-bottom:10px;}

.portfolio-pagination{ width:100%; height:auto; display:table; margin:0px auto; text-align:center;}
.portfolio-pagination a{ color:#303030; font-size:14px; line-height:30px; font-weight:600; display:inline-block; padding:0px 14px;}
.portfolio-pagination a:hover{ background:#31746b; color:#FFF;}
/*================member-titlesec end=================*/


.member-detail{ display:flex; gap:30px; max-width:1200px; margin:auto;padding:60px 15px 180px 15px;}
.member-image{ width:40%;}
.member-image img{width:100%;height:auto;}
.member-content{ width:60%;}
.member-content h1{margin-bottom:10px;}
.member-categories{color:#999;margin-bottom:30px;}
.about-member{margin-bottom:40px;}
.contact-info p{margin-bottom:12px;}
.member-content h2{ color:#191919; font-size:40px; line-height:42px; font-weight:700; margin-bottom:15px;}
.member-content .member-categories{ color:#31746b; font-size:15px; line-height:18px; font-weight:400;}
.member-image img{ width:100%; height:auto; border-radius:10px;}

.about-member h3{color:#191919; font-size:35px; line-height:40px; font-weight:700; margin-bottom:8px;}
.about-member { color:#262626; font-size:16px; line-height:24px; font-weight:400;}
.contact-info h3{color:#191919; font-size:35px; line-height:40px; font-weight:700; margin-bottom:8px;}
.contact-info h3 span{ color:#31746b;}
.contact-info p{color:#262626; font-size:16px; line-height:24px; font-weight:400;}
.contact-info p a{ color:#31746b;}

.pagination-section{ width:100%; height:auto; display:table; margin:0px auto; padding-top:25px; text-align:center;}
.pagination-section a{ color:#303030; font-size:14px; line-height:30px; font-weight:600; display:inline-block; padding:0px 14px;}
.pagination-section a:hover{ background:#31746b; color:#FFF;}