/* photo gallery
    -------------------------------------- */
    .sp-gallery             { width:100%; }
    .sp-gallery .sp-col1 	{ width:50%; float:left; padding:20px 0 20px 20px; }
    .sp-gallery .sp-col2 	{ width:50%; float:left; padding:20px; }

    .sp-gallery.spg-purple  { background: #513f71 url(images/bg-wave3-purple-half.svg); background-position:center top; background-size:250%; background-repeat:no-repeat ; }
    .sp-gallery.spg-blue    { background: #3a436b url(images/bg-wave3-blue-half.svg);   background-position:center top; background-size:250%; background-repeat:no-repeat ; }
    .sp-gallery.spg-green   { background: #415864 url(images/bg-wave3-green-half.svg);  background-position:center top; background-size:250%; background-repeat:no-repeat ; }
    .sp-gallery.spg-gold    { background: #8e7e67 url(images/bg-wave3-gold-half.svg);   background-position:center top; background-size:250%; background-repeat:no-repeat ; }

    .sp-gallery .flex-container > div:last-child 					{ cursor:pointer; transition: all 0.3s ease-out;}
    .sp-gallery.spg-purple .flex-container > div:last-child 		{ background-color:#513f71; }
    .sp-gallery.spg-purple .flex-container > div:last-child:hover 	{ background-color:#261a3a; }

    .sp-gallery.spg-blue .flex-container > div:last-child 			{ background-color:#3a436b; }
    .sp-gallery.spg-blue .flex-container > div:last-child:hover 	{ background-color:#1a244f; }

    .sp-gallery.spg-green .flex-container > div:last-child 			{ background-color:#415864; }
    .sp-gallery.spg-green .flex-container > div:last-child:hover 	{ background-color:#26414f; }

    .sp-gallery.spg-gold .flex-container > div:last-child 			{ background-color:#8e7e67; }
    .sp-gallery.spg-gold .flex-container > div:last-child:hover 	{ background-color:#72634e; }



    .gallery-caption 	{ line-height:normal; padding:10px 0; color:#fff;  }


    .flex-container         			{ display:flex; flex-wrap:wrap; gap:12px;}
    .flex-container > div   			{ background-color: #ececec; width:calc(100% / 5 - 12px) ; height:100px;  background-size:cover; background-position:center; }
	.flex-container > div[onclick]	{ cursor: pointer; }
	.flex-container > div.fade		{  }
	.flex-container > div:last-child 	{ border:1px solid #fff; padding:5px 10px;  }
    .flex-container > div:last-child .fa-viewmore 			{ position:absolute; bottom:10px; right:10px; font-size:14px; font-weight:400; padding:0 5px; line-height:normal; text-transform:uppercase; color:#fff;  text-transform:uppercase; }
    .flex-container > div:last-child .fa-viewmore .fa-icon  { padding-left:5px; }
    .sp-gallery .fa-picture-o { padding-right:5px; }
	.sp-gallery .galimg { max-height: 330px; object-fit: contain; object-position: center; }
	.sp-gallery [onclick] { cursor: pointer; }

    /* Slider
    -------------------------------------- */
    .sp-slider                  { }
    .sp-slider .sps-content     { width:100%; padding:20px 0}
    .sp-slider .sps-title-blk       { display:table; position:relative; width:80%; background-color:#8e7e67; padding:15px 10px;
                                  font-size:30px; font-weight:200; font-family:'robotolight'; color:#fff; line-height:1;
                                      -webkit-border-radius: 5px;
                                         -moz-border-radius: 5px;
                                              border-radius: 5px; }

    .sps-arrow-blk  { position:absolute; /*right:20px; top:40px;*/ top:50%; left:50%; width: 100%;
                      transform: translate(-50%, -50%);}
    .sps-icon       { display:block; width:50px; text-align:center; display:table-cell; vertical-align:middle;}
    .sps-title      { display:table-cell; width:calc(100% - 50px); vertical-align:middle; text-align:left; }

	   .sps-btn		            { width:100%; height: 40px; }
	   .sps-btn:after         { content: ""; display:table; clear:both; }
    .sps-btn .next          {  position: absolute; top: 10px; right: 20px; width:20px; height:20px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
    .sps-btn .prev          {  position: absolute; top: 10px; left: 20px; width:20px; height:20px; -webkit-transform: rotate(315deg); transform: rotate(315deg);}
    .sps-btn .next:after    { content: ''; width:20px; height:20px; background:#f1f1f1; position:absolute; left:3px; top:3px;}
    .sps-btn .prev:after    { content: ''; width:20px; height:20px; background:#f1f1f1; position:absolute; left:3px; top:3px;}
    .sps-btn-hover          { background: #8e7e67; cursor:pointer;  transition: all 0.3s ease-out;}
    .sps-btn-hover:hover    { background: #333;  }


	.tab-link { transform: translateY(-86px); position: absolute; }


	/* ==========================================================================
	    Media Style: no dropdown, section flowdown, sslider flowdown
	============================================================================= */
	@media only screen and (max-width:1400px) {
    .flex-container > div   				{ background-color: #ececec; width:calc(100% / 4 - 12px) ; height:100px; }
	}


    @media only screen and (max-width:1024px) {
    .sps-icon       { vertical-align:top;}
    .sps-icon>.fa   { font-size:80%; margin-top:5px; } 
    }

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .flex-container > div   { height:70px; }
	}


	@media only screen and (max-width:767px) {
	   .sp-gallery             { display:flex; flex-direction:column;}
    .sp-gallery .sp-col1 	{ width:100%; order:2 }
    .sp-gallery .sp-col2 	{ width:100%; order:1 }

    .sp-gallery.spg-purple  { background: #513f71 url(images/bg-wave3-purple-half-for-sm.svg); background-position:right top; background-size:450%; background-repeat:no-repeat ; }
    .sp-gallery.spg-blue  	{ background: #3a436b url(images/bg-wave3-blue-half-for-sm.svg);   background-position:right top; background-size:450%; background-repeat:no-repeat ; }
    .sp-gallery.spg-green  	{ background: #415864 url(images/bg-wave3-green-half-for-sm.svg);   background-position:right top; background-size:450%; background-repeat:no-repeat ; }
    .sp-gallery.spg-gold  	{ background: #8e7e67 url(images/bg-wave3-gold-half-for-sm.svg);   background-position:right top; background-size:450%; background-repeat:no-repeat ; }

    .flex-container > div   { width:calc(100% / 6 - 12px) ; }

    .flex-container > div   				{ height:40px; }

    .flex-container > div:nth-child(n+7) 	{ display:none }
    .flex-container > div:last-child 		{ display:block; width:calc(100% - 12px); height:40px;}
    .sp-gallery .sp-col2 	{ padding:10px}
    .sp-gallery .sp-col1 	{ padding: 20px 0 20px 10px; }
    .gallery-caption 		{ font-size:85% }


    .sps-arrow-blk              { width:100%; /*text-align:right; top:35px; right:5px*/}

    .sp-slider .sps-title-blk   { width:100%; padding:10px; font-size:24px; font-weight:400; line-height:1.2;}
/*    .sps-btn                   { float:right;  }*/
	  .sps-btn		                 { width: 100%; height: 35px; }
    .sps-icon                    { width:35px; }
    .sps-btn .next,          
    .sps-btn .prev,          
    .sps-btn .next:after,    
    .sps-btn .prev:after    { width:15px; height:15px;}
	}