/* CustomFonts */
@font-face {
 font-family: 'Tondo';
 src: url('/Portals/0/ThemePluginPro/uploads/2024/11/19/Tondo-Regular.woff') format('woff'),url('/Portals/0/ThemePluginPro/uploads/2024/11/19/Tondo-Regular.woff2') format('woff2'),url('/Portals/0/ThemePluginPro/uploads/2024/11/19/Tondo-Regular.ttf') format('truetype');
 font-weight: 400;
 font-style: normal;
}




:root{
	--default-color: #64686a;
    --accent-color:#8b8b8b;
    --accent-color2:#fa4c4b;
    --accent-color3:#ff6600;
    --accent-color4:#ffbc00;

    --family:"Tondo";
    --family2:"Alata";

    --button-color1:#da2e29;
	--button-hover-color1:#c71813;
    --button-color2:#004A99;
	--button-hover-color2:#004a99;
    --button-color3:#ff6600;
	--button-hover-color3:#ff8330;
    --button-color4:#ffbc00;
	--button-hover-color4:#ffcc3e;
    --button-color5:#ffffff;
	--button-hover-color5:#ffffff; 

	--link-color:#004a99;
	--link-visited-color:#004a99;
	--link-hover-color:#000000;
	--link-active-color:#3aaadc;

	--container-width: auto;

	--h1-color: #272727;
	--h2-color: #000000;
	--h3-color: #ec7552;
	--h4-color: #000000;
	--h5-color: #000000;
	--h6-color: #004a99;
}
 

@media (min-width:576px) {
	:root{
		--container-width: 540px;
	}
}
@media (min-width:768px) {
	:root{
		--container-width: 760px;
	}
}
@media (min-width:992px) {
	:root{
		--container-width: 1000px;
	}
}
@media (min-width:1200px) {
	:root{
		--container-width: 1200px;
	}
}
@media (min-width:1600px) {
	:root{
		--container-width: 1300px;
	}
}
 

/* Search Input */
.search-normal-box .NormalTextBox { background: #FFFFFF !important; width: 300px !important; height: 35px !important;
    font-size: 13px !important;}
.search-normal-box .search {height: 35px !important; width: 35px !important;}

/* Hide Page Title */
.page-title {display: none; visibility: hidden;}

/* Breadcrumbs */
.breadcrumbs-box ul li::after { content: ">>" !important; color: #004a99 !important; padding: 0 7px  !important;}
.breadcrumbs-box ul li:last-child:after{ content: none !important;}

.page-breadcrumbs .breadcrumbs a, .page-breadcrumbs .breadcrumbs a:link, .page-breadcrumbs .breadcrumbs a:active, .page-breadcrumbs .breadcrumbs a:visited { color: #004a99 !important; font-weight: 700; font-size: 15px;}
.breadcrumbs-box ul li:last-child a span {color: #6c757d !important;  font-weight: 400  !important; }


.webstun_LogoNavBar,.breadcrumbs-box { /*padding-left: 20px;*/}




.header-wrap .logo img {
        max-height: 96%  !important; 
	margin-top: 2px  !important;
}

.memberCenter {color: #FFFFFF !important; padding: 0.5rem 1rem; display: inline-block;}




/* Footer Social Icons */

table.dnnGrid {
    width: 100% !important;
}


tr.dnnGridItem {float: left;    background: transparent !important;}

.dnnGridAltItem {float: left; background: transparent !important;}
tr.dnnGridHeader {
    visibility: hidden;
    display: none;
}

tr.dnnGridItem td, tr.dnnGridAltItem td {
    border-right: none;
  
    padding: 5px 5px 5px 0 !important;
    text-align: center !important;
}

tr.dnnGridItem td:hover, tr.dnnGridAltItem td:hover {
    transition: all 300ms ease-in;
}

/*Mega Menu */
/*li.dir.current span { border-bottom: 1px solid #3aaadc !important; padding-bottom: 5px;}*/
.sub-menu-text h5, .menu-text h5 {
    color: #ec7552 !important;
    font-size: 19px !important;
    line-height: 23px !important;
    font-weight: 600 !important;
}
.sub-menu-text p, .menu-text p {
    color: #64686a !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    font-family: Tondo, Arial, Tahoma, sans-serif !important;
}


/* Mobile menu */
#dng-megamenu914898.hoverstyle_12 .primary_structure > li:hover > a,
#dng-megamenu914898.hoverstyle_12 .primary_structure > li.current > a, 
#dng-megamenu914898.hoverstyle_12 .primary_structure > li.menu_hover > a
{border-bottom: 1px solid #3aaadc !important;}
#mobilemenu766584 .gomenu > ul > li > a >span::after {
    background-color: transparent !important;}
#mobilemenu766584 li:hover, #mobilemenu766584 li.current {border-bottom: 2px solid #3aaadc !important;}
.mobilemenu-main .gomenu > ul > li > ul {background-color: #3aaadc !important;}
.mobilemenu-main .gomenu li .arrows:after {
    content: " + "  !important;
    font-size: 20px !important;
    border: 1px solid currentColor !important;
    width: 24px !important;
    height: 24px !important;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
.mobilemenu-main .gomenu li .arrows.active:after {
    content: "|" !important;
    font-size: 13px !important;
    font-weight: 700;
}
.mobilemenu-main .gomenu li .arrows.active {
    transform: none !important;
}
#mobilemenu766584 .mobileclose,.header-mobile .dg-menu-anime
{color: #3aaadc !important;}
@media only screen and (max-width: 992px) {
    .search-popup-box .icon {
        color: #3aaadc !important;
    }
}
#mobilemenu766584 li.subcurrent > a > span { color: #FFFFFF !important; }


/* Footer Menu */
.footer_head{color:#FFF !important; font-size:17px !important; font-weight:600 !important; padding: 10px 0 0px 0 !important; line-height: 20px;}
.Social_head{ padding: 10px 0 0px 0 !important;    line-height: 10px !important;}

a.Footer_con {color:#FFFFFF !important; font-size:14px !important; font-weight:400 !important; line-height:30px !important;}
a.Footer_con:hover {color:#FFFFFF !important; text-decoration:underline;}
ul.footer_menu {margin-left: 0; padding-left: 0 !important;}
ul.footer_menu li { list-style: none;}
.footer_menu li.selected.breadcrumb {
    background: none !important;
    border-bottom: 0 !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.footer-filter {
    border-bottom: 2px solid rgba(255, 255, 255, 0.22);
    padding-bottom: 15px !important;
}

.Subscribe { padding-top: 30px;}
.Subscribe h4 {font-size:30px !important; line-height:36px !important; color: #FFFFFF !important;}
.Subscribe h5 {font-size:17px !important; line-height:20px !important; color: #FFFFFF !important;}

/* Custom heading */
.inner-heading h3 {
    border-left: 2px solid #3aaadc  !important; 
}

.inner-heading h3 {
    background-color:rgba(58, 170, 220, 0.1) !important;
    width: fit-content !important;
    padding: 12px !important;
    color: #3aaadc !important;
    font-size: 23px !important;
    margin: 23px 0 !important;
}

/* FAQs */
.accordion05 .accordion-item { 
border: 1px solid #dee2e6 !important; border-radius: 10px !important; margin-bottom: 20px !important; background-color: #FAFAFA !important;}
.accordion05 .panel-heading .arrow::after, .accordion05 .panel-heading .arrow::before { width: 10px !important;
    border-bottom: 2px solid #004a99 !important;}
.accordion05 .panel-heading button { color: #000000 !important;font-size: 17px !important; 
padding: 14px 30px 14px 20px !important;}
.accordion05 .accordion-content {color: #64686a !important; line-height: 26px !important;font-size: 15px !important;
    font-weight: 400; padding: 0px 30px 20px 20px !important;}

/* Publications Details */
.art_border {border: 2px solid #e2e2e2; padding: 10px 20px;  margin: 30px 0 0 0;}
.blog-detail01 .detail-title {line-height: 24px !important; color: #000000 !important; margin: auto !important; text-align: left;}

/* Events List*/
.XBD_Effect_10_Default { margin: 30px 30px auto 30px;}
.XBD_Effect_10_Default > ul > li {min-height: 480px;}
.XBD_Effect_10_Default > ul > li .thumbnail img {
    -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important;}
.XBD_Effect_10_Default > ul > li .thumbnail { border: 0px !important; margin-bottom: 0 !important;}
.XBD_Effect_10_Default > ul > li .title {margin-top: 12px !important; min-height: 70px;}
.XBD_Effect_10_Default > ul > li .title a { font-size: 17px !important; line-height: 20px !important; color: #000 !important;}
.XBD_Effect_10_Default > ul > li .info li {
    font-size: 15px !important;color: #ec7552 !important; line-height: 23px !important; font-weight: 400 !important;
    background-color: transparent !important;padding: 0 !important; margin-bottom: 0 !important;}
a.Read_More {color: #004a99 !important; font-weight: 400; border-bottom: 2px solid #004a99 !important; 
     padding-bottom: 5px !important;}
.Details_Published_date {color: #5e4b95  !important;}
span.ListPublished_date:before { }
.blog-detail01 .detail-heading { color: #000 !important; font-size: 23px !important; line-height: 27px !important;font-weight: 700 !important;}
.XBD_Effect_10_Default > ul > li .content {min-height:80px;}
/* xblog Pager */
.xblog_page { text-align: center !important;  margin-top: 30px;}
.xblog_page .disabled { background: #004A99  !important; padding: 8px !important;}
.xblog_page .button {  padding: 8px !important;}
.xblog_page .button:hover { color: #fff !important; background: #004A99 !important; }
.xblog_page a.next.button { border: 1px solid #004A99 !important; color: #004A99 !important;}
.xblog_page a.next.button:hover { color: #FFF !important;}

/* Gallery Page */
.photo_198 { border: none !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.portfolio-masonry-style07 .category {visibility: hidden !important;}
.portfolio-masonry-style07 .info {padding: 0 !important;}
.portfolio-masonry-style07 .info::after {width: 0 !important;  border-bottom: 0 !important;}
.portfolio-masonry-style07 .title { font-size: 17px !important; line-height: 20px !important; color: #000 !important;
    font-weight: 700 !important; }
.isotope-grid { margin: 0 20px;}
.portfolio-masonry-style07 .box .pic img { max-height: 225px !important; height: 225px !important;}

/* 
.minilightbox-content .lightbox-youtube iframe, .minilightbox-content .lightbox-vimeo iframe, .minilightbox-content .lightbox-map iframe, .minilightbox-content .lightbox-html5 video {width: 90% !important; height: auto !important;}
 */


/* Buttons */
body .button-02 {font-size: 12px  !important; 
line-height: 19px !important; 
font-family: 'Tondo' !important; 
height: 35px  !important; 
font-weight: 600 !important; 
min-width: 100px !important; 
border-radius: 5px !important;
border-width: 1px !important;
padding: 0px !important;}

body .btn-color2.button-02 {
    color: #004A99 !important;
    border: 1px solid #004A99 !important;}

body .btn-color2.button-02:hover {
    color: #FFF !important;
    border-color: #004a99;
    background-color: #004a99;}

.home_btn {    padding: 20px 30px !important; margin-top: 20px !important;}

/*Home - Publications Slider */

@media screen and (min-width: 1024px){
.easy-carousel .carousel-prev,.easy-carousel .carousel-next { display: none !important;     visibility: hidden !important;  }}

.portfolio-carousel05 .item-box img {max-height: 350px !important;}

.easy-carousel .carousel-prev { left: -15px !important;}
.easy-carousel .carousel-next { right: -15px !important;}
.easy-carousel .carousel-navigation {
    top: 50%;
    width: 30px !important;
    height: 30px !important;
    background-color: #004a99 !important;
    border-radius: 100% !important;
}
.pubication_slider_section { background-color: #FFF !important; padding: 25px 0 0 0 !important;}
.portfolio-carousel05.easy-carousel .carousel-navigation span {
    color: #FFF !important;
}
.easy-carousel .carousel-navigation span { border-top: 2px solid #FFF !important;
    border-left: 2px solid #FFF !important;}
.easy-carousel .carousel-next span { margin: -5px 0 0 -7px !important;}
.easy-carousel .carousel-navigation span { width: 10px !important; height: 10px !important;}
.easy-carousel .carousel-navigation span { margin: -5px 0 0 -5px !important;}


/*Data & Statistics */
.tab03 ul.resp-tabs-list li { border-radius: 0 !important; text-align: center !important; min-width: 300px !important;
                                       padding: 15px 0 !important; margin: 0 15px !important; 
                                       border-bottom: 1px solid #c5c6c8 !important; box-shadow: none !important;}
.tab03 ul.resp-tabs-list li .title {color: #64686a !important;}
.tab03 ul.resp-tabs-list li.resp-tab-active { background-color: #3AAADC !important;}
.tab03 ul.resp-tabs-list li>div { display: none  !important; visibility: hidden  !important;}  /* Hide Subtitile*/
.tab03 ul.resp-tabs-list li.resp-tab-active:after {visibility: hidden !important;}
.tab03 ul.resp-tabs-list li .title { font-size: 15px !important;  line-height: 23px !important;}
.tab03 .resp_margin { padding: 0 55px 78px 70px !important; }
.tab03 .resp-tabs-container {box-shadow: none !important;}

@media only screen and (max-width: 767px) {
    .tab03 h2.resp-accordion.resp-tab-active, .tab03 h2.resp-accordion.resp-tab-active .sico, .tab03 h2.resp-accordion.resp-tab-active .icon-svg {
        color: #FFF !important;
        background-color: #3AAADC !important;
    }
}


/* Home - Latest Updates */
.DashBoard-photo .content {
    top: 0% !important;
    padding-top: 1%;
    height: 100% !important;
    width: 100% !important;
    max-width: 350px;
    padding-left: 50px;
    margin-left: 18px;
    text-align: left !important;
    z-index: 1000;
    position: absolute;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.XBD_Effect_03_Default .post_category a {
    margin-bottom: 4px;
    color: #FFF !important;
    font-size: 15px !important;
    line-height: 18px;
    font-weight: 700 !important;
}
.XBD_Effect_03_Default .post_title {
    margin-bottom: 4px;
    margin: 12px 0 !important;
}
.XBD_Effect_03_Default .DashBoard-single-item .content h3.post_title a {
    color: #FFF !important;
    font-size: 18px !important;
    line-height: 21px;
    font-weight: 700  !important;
}
.XBD_Effect_03_Default .DashBoard-single-item .content h5.post_read_more a {
    color: #FFF !important;
    font-size: 15px !important;
    line-height: 18px;
    font-weight: 700  !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #004a99 !important;
}

.XBD_Effect_03_Default .DashBoard-single-item .content h5.post_read_more a:hover { color: #000 !important;}
.XBD_Effect_03_Default .slick-next,.XBD_Effect_03_Default .slick-prev { background: #004a99 !important; }

/* Home - GECF Award */
.XBD_Effect_11_Default .image-grid img {
    border-radius: 100% !important;
    object-fit: cover !important;
    width: 10rem !important;
    height: 10rem !important;
    min-width: 10rem !important;
    margin-left: 15px;
    margin-top: 15px;
}
.XBD_Effect_11_Default .item_image .image_dim {position: relative !important;}
.XBD_Effect_11_Default .portfolio_descr .name a:link {color: #000 !important;font-size: 18px !important;     text- 
               decoration: none; font-weight: 700 !important; text-transform: initial !important; }
.XBD_Effect_11_Default .portfolio_descr .name a:hover {
    color: #000 !important; text-decoration: none !important; }
.XBD_Effect_11_Default .portfolio_descr p {
    font-size: 15px !important;
    color: #101d19 !important;
    font-weight: 400 !important;
      min-height: 50px;
}
.XBD_Effect_11_Default .portfolio_descr { background-color: transparent !important; padding: 18px 18px 18px 18px !important;}
.XBD_Effect_11_Default .view-tenth { background-color: #FFF !important; 
    -webkit-border-radius: 10px  !important; -moz-border-radius  !important: 10px;  border-radius: 10px  !important;}
.XBD_Effect_11_Default .meassage_box { visibility: hidden !important;  display: none !important;}

/*Home - Counter*/
.counter-14 {background-color: rgb(0 0 0 / 40%) !important;  text-align: center  !important; border: 2px solid #3aaadc !important; padding: 30px 35px !important; margin: 5px 0 5px 0 !important; }
.counter-14:hover { background-color: rgb(0 0 0 / 65%) !important; }
.counter-14 .custom-module {color: #3aaadc !important;     display: inline;}
.counter-14 .custom-module .number, .counter-14 .custom-module .plus {
    color: #3aaadc !important;
    font-size: 60px !important;
    line-height: 72px !important;
    font-weight: bold !important;
}

.counter_minus
{
     color: #3aaadc !important;
    font-size: 60px !important;
    line-height: 72px !important;
    font-weight: bold !important;
    display: inline !important;
}
.counter-14 h4 {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-align: center;
}

.counter-14 .title {
    font-size: 15px !important;
    line-height: 18px !important;
    color: #FFF !important;
    padding-top: 20px;
}
.home_counter_Bg {background-size: cover  !important; background-repeat: no-repeat !important;  background-position: top center  !important;}

.GECF_Effect_04_Default li .title { word-break: break-word !important;  }
/*---------------------------------------------------------------------------------*/


/* Common */
ul {    list-style-type: disc !important;}
.common_banner {    margin-left: 2%; margin-right: 2%; width: 96%; max-height: 600px;}
.marg { margin: 0 20px;}
hr.webstun_hr { margin: 0 20px !important; padding: 0 !important; }
.sub-heading { color: #000;}

.webstun_zoom{  transition: transform .5s;}
.webstun_zoom:hover {    -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); }


.img_overlay {    background-color: rgb(0 74 153 / 40%) !important; opacity: 0.4; }
.img_overlay:hover {    background-color: rgb(0 74 153 / 55%) !important; opacity: 0.55; }
.webstun_slide_img {max-width: 100%; max-height: 250px; width:100%; height: 250px !important;}

/* Page container top bottom margins */
/* .d-wrapper .is-box .is-container {    margin-top: 42px !important; margin-bottom: 42px !important;} */
.d-wrapper .is-box .is-container {
         /* margin-top: 30px !important;*/ 
    margin-bottom: 30px !important;
}
#dnn_content { padding-top: 30px  !important;}

/* Ronded */
.rc {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.cnt_border {border: 2px solid #e2e2e2; padding: 15px 0px;  margin: 30px 0 0 0;}

.cnt_margin {margin: 0  20px  !important;}
.no_margin {margin: 0  !important;}
.no_padding {padding : 0 !important;}
.no_top_margin {margin-top: 0px !important;}
.no_bottom_margin {margin-bottom: 0px !important;}

/* Newsletter Box */
#row_1_7 {margin-top:25px !important;}

#row_1_7 .checkbox-list,
input#email_1_3
 {
    background-color: rgb(255 255 255 / 22%) !important;
    padding: 0.75rem;
    border-radius: 0.5rem;
    color: #FFF !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    height: 50px !important;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}
#row_1_7 input[type="checkbox"],
input#email_1_3 {
    border: 1px solid #FFF !important;
    box-shadow: none !important;
    border-radius: 5px;
    margin: auto 0 !important;
}
#row_1_7 input[type="checkbox"]{ background-color: transparent !important;}

input#email_1_3 { border: 0px  !important; }

#submit_1_1-submit {
    background-color: transparent !important;
    border: 1px solid #FFF !important;
    width: 100%;
    font-size: 12px !important;
    line-height: 19px !important;
    font-weight: 600 !important;
    height: 48px !important;
}

/* Sitemap */
span#dnn_ctr2463_dnnTITLE_titleLabel {
    color: #212529 !important;
    font-size: 28px !important;
    line-height: 34px !important;
    font-weight: 700 !important;
}
.SiteMap-Minimum ul.Minimum li {
    padding-left: 0 !important;
    list-style: none !important;
    padding-bottom: 5px;
}

.SiteMap-Minimum ul.Minimum a {  color: #004a99 !important; }
.SiteMap-Minimum ul.Minimum li.SubLi a { font-size: 19px !important; line-height: 23px !important; font-weight:700 
         !important;}
.SiteMap-Minimum ul.Minimum li.SubLi ul li a { font-size: 15px !important; line-height: 23px !important; font-weight:400 
          !important;}
.SiteMap-Minimum ul.Minimum li.SubLi ul { padding-left: 0 !important; }

/* Webstun Footer */
.copyright_text {float:left; color: #FFF !important; padding-top: 20px;}
.webstun_FooterLinks, .webstun_FooterLinks a {color: #FFFFFF !important;  text-align: right !important; padding-top: 20px; }
.webstun_FooterLinks a:hover {color: #000000 !important; text-decoration: underline;}

/* Hide 'All Files'  Title*/
.File_downloads h4 { display: none; visibility: hidden;}

/* Li */
ul.layui-nav.layui-layout-right { display: none !important; visibility: hidden !important;}
a[menu-url*="Admin/License"] {display: none !important; visibility: hidden !important;}
.footer .footer-inner, .navbar .navbar-brand, .navbar .navbar-tools {display: none !important;  visibility: hidden !important;}
.main-navigation-menu a[href*="Token=License"] { display: none !important; visibility: hidden !important;}
.navbar.navbar-inverse.navbar-fixed-top { display: none !important; visibility: hidden !important;}

.actionMenuEdit a[href*="Token=License"], .Navigation .hlLicense {  display: none !important; visibility: hidden !important;}


/* Search Grid */
.Effect_Search-grid .item_image {min-height: 250px;}
.Effect_Search-grid .item_image img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 250px;
}




	
:root{
	--headerHeight: calc( var(--header-top-height,0px) + var(--header-center-height,0px) + var(--header-bottom-height,0px) );
	--mobileHeaderHeight: calc( var(--header-mobile-top-height,0px) + var(--header-mobile-height,0px) + var(--header-mobile-bottom-height,0px) );
	--floatingHeaderHeight: calc( var(--floating-header-top-height,0px) + var(--floating-header-center-height,0px) + var(--floating-header-bottom-height,0px) );
}

.dng-main{
	 background-color:#FFFFFF;  	}
.container{
		padding-left:10px;
	padding-right:10px;
		width: var(--container-width);
	max-width: 100%;
}
.is-container{
	max-width:var(--container-width);
}
.container-fluid {
		padding-right:10px;
	padding-left:10px;
		margin-right: auto;
	margin-left: auto;
}   
#dnn_content{
	 padding-top:0px;		 padding-bottom:0px;	}		

@media (min-width:576px) {
	
		.container{
		padding-left:10px;
		padding-right:10px;
	}
	.container-fluid {
		padding-right:10px;
		padding-left:10px;
	}
			#dnn_content{
		 padding-top:0px;			 padding-bottom:0px;		}		
	}
@media (min-width:768px) {
		.container{
		padding-left:30px;
		padding-right:30px;
	}
	.container-fluid {
		padding-right:30px;
		padding-left:30px;
	}
			#dnn_content{
		 padding-top:0px;			 padding-bottom:0px;		}		
	}
@media (min-width:992px) {
		.container{
		padding-left:30px;
		padding-right:30px;
	}
	.container-fluid {
		padding-right:30px;
		padding-left:30px;
	}
			#dnn_content{
		 padding-top:0px;			 padding-bottom:0px;		}		
	}
@media (min-width:1200px) {
		.container{
		padding-left:30px;
		padding-right:30px;
	}
	.container-fluid {
		padding-right:30px;
		padding-left:30px;
	}
			#dnn_content{
		 padding-top:0px;			 padding-bottom:0px;		}		
	}


	.left-full-column > .full-column-inner{
		margin-inline-start:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.right-full-column > .full-column-inner{
		margin-inline-end:calc((var(--container-width) - 100vw)/2);
		width:calc(100% + (100vw - var(--container-width))/2);
	}
	.full-column > .full-column-inner{
		width:100vw;	
		margin-inline-start:calc((var(--container-width) - 100vw)/2 - 15px);
	}
	.layout-no-plr .full-column > .full-column-inner{
		margin-inline-start:calc((var(--container-width) - 100vw)/2);
	}

		@media (max-width:575px) {
		.left-full-column > .full-column-inner{
			margin-inline-start:-15px;
			width:calc(100% + 15px);
		}
		.right-full-column > .full-column-inner{
			margin-inline-end:-15px;
			width:calc(100% + 15px);
		}
		.full-column > .full-column-inner{
			width:calc(100% + 30px);
			margin-inline-start:-15px;
		}
	}
	



h1, h2, h3, h4, h5, h6{
	font-family:inherit;
}

h1{
	color:var(--h1-color);
	font-family:"Tondo"; 	font-weight:500;
	font-size:2.25rem;
	line-height:1.2;
	letter-spacing:0;
}		
h2{
	color:var(--h2-color);
		font-family:"Tondo"; 	font-weight:500;
	font-size:1.75rem;
	line-height:1.3;
	letter-spacing:0;
}		
h3{
	color:var(--h3-color);
		font-family:"Tondo"; 	font-weight:700;
	font-size:23px;
	line-height:27px;
	letter-spacing:0;
}		
h4{
	color:var(--h4-color);
		font-family:"Tondo"; 	font-weight:700;
	font-size:17px;
	line-height:20px;
	letter-spacing:0;
}		
h5{
	color:var(--h5-color);
		font-family:"Tondo"; 	font-weight:700;
	font-size:23px;
	line-height:27px;
	letter-spacing:0;
}		
h6{
	color:var(--h6-color);
		font-family:"Tondo"; 	font-weight:700;
	font-size:15px;
	line-height:18px;
	letter-spacing:0;
}	

#Body .is-inherit-root-text,
#Body .is-inherit-root-text p,
#Body .is-inherit-root-text li,
#Body .is-inherit-root-text div,
#Body .is-inherit-root-text span{
	color: var(--default-color);
}
#Body .is-inherit-root-text h1{
	color:var(--h1-color);
}
#Body .is-inherit-root-text h2{
	color:var(--h2-color);
}
#Body .is-inherit-root-text h3{
	color:var(--h3-color);
}
#Body .is-inherit-root-text h4{
	color:var(--h4-color);
}
#Body .is-inherit-root-text h5{
	color:var(--h5-color);
}
#Body .is-inherit-root-text h6{
	color:var(--h6-color);
}
#Body .is-inherit-root-text a, 
#Body .is-inherit-root-text a:link{
	color:var(--link-color);
}
#Body .is-inherit-root-text a:visited{
	color:var(--link-visited-color);
}
#Body .is-inherit-root-text a:hover{
	color:var(--link-hover-color);
}
#Body .is-inherit-root-text a:active{
	color:var(--link-active-color);
}

 
@media only screen and (min-width: 576px)  {
				h3{
		font-size:23px;		line-height:27px;	}		
			h4{
		font-size:17px;		line-height:20px;	}		
			h5{
		font-size:23px;		line-height:27px;	}		
			h6{
		font-size:15px;		line-height:18px;	}					
	}
@media only screen and (min-width: 768px) {	
				h3{
		font-size:23px;		line-height:27px;	}		
			h4{
		font-size:17px;		line-height:20px;	}		
			h5{
		font-size:23px;		line-height:27px;	}		
			h6{
		font-size:15px;		line-height:18px;	}					
	}
@media only screen and (min-width: 992px) {	
		h1{
		font-size:3rem;		line-height:1.2;	}
			h2{
		font-size:2.5rem;		line-height:1.4;	}		
			h3{
		font-size:23px;		line-height:27px;	}		
			h4{
		font-size:17px;		line-height:20px;	}		
			h5{
		font-size:23px;		line-height:27px;	}		
			h6{
		font-size:15px;		line-height:18px;	}					
	}
@media only screen and (min-width: 1200px) {	
				h3{
		font-size:23px;		line-height:27px;	}		
			h4{
		font-size:17px;		line-height:20px;	}		
			h5{
		font-size:23px;		line-height:27px;	}		
			h6{
		font-size:15px;		line-height:18px;	}					
	}

a, 
a:link{
	color: var(--link-color);
}
a:visited{
	color: var(--link-visited-color);
}
a:hover{
	color: var(--link-hover-color);
}
a:active{
	color: var(--link-active-color);
}


.btn-accent,
a.btn-accent{
	color:var(--accent-color);
	border-color:var(--accent-color);
	background-color:var(--accent-color);
}
[class*="am-btn-"].btn-accent:before{
	background-color:var(--accent-color);
}

div [class*="am-btn-"].hover-accent:hover{
	color:var(--accent-color);
	border-color:var(--accent-color);
	background-color:var(--accent-color);
}
div [class*="am-btn-"].hover-accent:hover:before{
	background-color:var(--accent-color); 
}



#Body .bg-accent{
	background-color:var(--accent-color);
}
#Body .color-accent{
	color:var(--accent-color);
} 
#Body .border-accent{
	border-color:var(--accent-color);
}
#Body .bg-accent-hover:hover{
	background-color:var(--accent-color);
}
#Body .color-accent-hover:hover{
	color:var(--accent-color);
} 
#Body .border-accent-hover:hover{
	border-color:var(--accent-color);
}

#Body .bg-accent2{
	background-color:var(--accent-color2);
}
#Body .color-accent2{
	color:var(--accent-color2);
} 
#Body .border-accent2{
	border-color:var(--accent-color2);
}

#Body .bg-accent3{
	background-color:var(--accent-color3);
}
#Body .color-accent3{
	color:var(--accent-color3);
} 
#Body .border-accent3{
	border-color:var(--accent-color3);
}
#Body .bg-accent4{
	background-color:var(--accent-color4);
}
#Body .color-accent4{
	color:var(--accent-color4);
} 
#Body .border-accent4{
	border-color:var(--accent-color4);
}

b,
strong{
	font-weight:700;
}
.bold,
.font-weight-bold,
.strong-before:before,
.strong-after:after,
.strong-before :before,
.strong-after :after{
	font-weight:700!important;
}



#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal{
	font-family: var(--family);  
	font-size: 15px; 
	line-height: 23px;
	letter-spacing: 0;
	color: var(--default-color);
}
.default-size{font-size:15px;}
.default-lineheight{line-height:23px;}

@media (min-width:576px) {
	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-size{font-size:15px;}	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-lineheight{line-height:23px;}}
@media (min-width:768px) {
	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-size{font-size:15px;}	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-lineheight{line-height:23px;}}
@media (min-width:992px) {
	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-size{font-size:15px;}	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-lineheight{line-height:23px;}}
@media (min-width:1200px) {
	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-size{font-size:15px;}	#Body, body, .Head, .SubTitle, .SubSubTitle, .Normal,.default-lineheight{line-height:23px;}}



button, 
input, 
select, 
textarea,
.btn{
	font-family: var(--family);  
}

.default-color{
	color: var(--default-color)!important;
}
.default-bg-color{
	background-color: var(--default-color)!important;
}
.default-bg-color-hover:hover{
	background-color: var(--default-color)!important;
}
.default-border-color{
	border-color: var(--default-color)!important;
}
.accent-color{
	color: $var(--accent-color);
}
.default-family{
	font-family: var(--family)!important;
}
.family2{
	font-family: var(--family2)!important;
}

/*default color*/



/*page title*/
.page-title-bg{
			background-color:#ffffff; 
		}		
.page-title .title-area:after{
	border-color: #f3bebe; 
}



	

.page-title-bg.light-overlay::after{
	background-color: rgba(255, 255, 255, 0.10);
}
.page-title-bg.dark-overlay::after{
	background-color: rgba(0, 0, 0, 0.10);
}

.page-title-container{
	 height: 1px;
}
@media only screen and (max-width: 767px) {
	.page-title-container{
		height: auto;padding-top:35px;padding-bottom:35px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page-title-container{
		height:0px;
		min-height:162px;
		padding-top: 45px;
		padding-bottom: 45px;
	}
}
 


 	.page-title .main-title span::before{
		content: none;
	}
 


/*breadcrumbs*/
.page-breadcrumbs{
	background-color:#ffffff;  
	}
.page-breadcrumbs > .container{
		padding-top:0px;
				padding-bottom:0px;
		}

.page-breadcrumbs .breadcrumbs a:hover{
		color:#004a99!important;
	}

.page-breadcrumbs .breadcrumbs{
    color: #6c757d;
    font-size: 15px;
}
.page-breadcrumbs .breadcrumbs-box > a,
.page-breadcrumbs .breadcrumbs-box > span > span > span{
    line-height:23px;
}
.page-breadcrumbs .breadcrumbs a,
.page-breadcrumbs .breadcrumbs a:link,
.page-breadcrumbs .breadcrumbs a:active,
.page-breadcrumbs .breadcrumbs a:visited{
    color: #6c757d;
    font-size: 15px;
}
.page-breadcrumbs .breadcrumbs a:hover{
			color:#004a99!important;
	}

.breadcrumbs_sytle2 .breadcrumbs-box,
.breadcrumbs_sytle3 .breadcrumbs-box > a:before, 
.breadcrumbs_sytle3 .breadcrumbs-box > span > span > span:before{
	background-color:#ededed;
}

/*sidebar dynamic*/

.sidebar_dynamic.sidebar_dynamic_sytle01{
	padding-right:40px;	}
.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
	 	 }


.sidebar-main{
	display: flex;
}
.sidebar-main .sidebar-bar{
	width: 340px;
    flex: 0 0 340px;
}
.sidebar-main .sidebar-container{
	 flex-grow: 1;
	 width:  calc(100% - 340px);
}

.sidebar-main .sidebar_pos_right{
	order:2
}


@media only screen and (max-width: 767px) {
	.sidebar-main{
		flex-direction: column;
	}
	.sidebar-main .sidebar-bar{
		width:100%;
		flex: 0 0 100%;
	}	
	.sidebar-main .sidebar-container{
		width: 100%;
		flex: 0 0 100%;
	}

				.sidebar-main .sidebar-bar{
			order:1
		}	
		.sidebar-main .sidebar-container{
			order:0
		}
	}
 
@media only screen and (max-width: 991px) {
	.sidebar_dynamic.sidebar_dynamic_sytle01{
		padding-right:15px!important;
		padding-left:15px!important;
		margin-top: 30px;
	}
	.sidebar_dynamic.sidebar_dynamic_sytle01 > .sidebar_sticky{
		padding-top:0!important;
		padding-bottom:0!important;
	 }

}

.has-sidebar >.row{
	position: relative;
}




/*page */
.swiper-container .swiper-pagination-bullet-active{
	background: var(--accent-color);	
}
.swiper-container .swiper-button-next:hover, 
.swiper-container .swiper-button-prev:hover{
	color: var(--accent-color);	
}
 
.isotope-grid .isotope-group a:before {
    border-top-color:var(--accent-color2);
}

.isotope-grid .isotope-group a:after {
    border-top-color:var(--accent-color2);
}

.easy-carousel .pagination-bullet{
	color: var(--accent-color);	
}
 

/*backtop */
.fixed-backtop{
	position: fixed;
	right: 42px;
	bottom:42px;
	margin: 0;
	padding: 0;
	z-index: 1100;
    width: 56px;
	height: 56px;
    color: #3aaadc; 
    cursor: pointer;
    transition:all 300ms ease-in ;
	margin-right: -100px;
}
.fixed-backtop.active{
    
	margin-right: 0;
}

.fixed-backtop::after{
	content: "";
	width: 100%;
	height: 100%;
	border: 2px solid currentColor;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
    opacity: .3;
    transition:all 300ms ease-in ;
}
.fixed-backtop svg{
    fill: transparent;
    transform: rotate(-90deg);
}
.fixed-backtop svg circle {
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-dasharray:  150px;
    box-sizing: border-box;
    stroke-dashoffset: -150px;
    
}
.fixed-backtop .backtop-arrow{
    opacity: 0.6;
    transition:all 300ms ease-in ;
}
.fixed-backtop .backtop-arrow::after{
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(-45deg);
    margin: -8px 0 0 -5px;
}
.fixed-backtop .backtop-arrow::before{
    content: "";
    position: absolute;
    left: 50%;
    border-right: 2px solid currentColor;
    top: 18px;
    bottom: 18px;

}

.fixed-backtop:hover .backtop-arrow{
    opacity: 1;
}

@media only screen and (max-width: 767px) {
	.fixed-backtop{
		right: 15px;
		bottom: 15px;
		-webkit-transform: scale(0.714285714);
		transform: scale(0.714285714);
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
	}
}