/* --------------------------------------------- 
* Filename:     custom-style.css
* Version:      1.0.0 (2016-01-12)
* 1.0.2 (2024-01-09)
* Website:      https://www.hyscaler.com
* Description:  System Style (Rearranged & Mobile Patched)
* Author:       Hyscaler Team
-----------------------------------------------*/

/* ==========================================================================
   1. NAVIGATION, HEADER & BRANDING STYLES (Moved to top for easy management)
   ========================================================================== */
a {
	text-decoration:none !important;
}
.main-header {
    position: fixed;
    top: 20px;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: all .35s ease;
}
.main-header.header-hide { transform: translateY(-120%); }
.main-header.header-show { transform: translateY(0); }

.big-logo-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    margin-top: 10px;
    background: rgba(0,0,0,.50);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0,.25);
    transition: .35s;
}

/* ==========================
   Desktop Site Branding
========================== */

.site-branding{
    display:flex;
    align-items:center;
    height:100%;
}

.brand.site-name{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
}

/* Site Title */
.site-branding__name{
    width:100%;
    margin:0;
    padding:0;
}

.site-branding__name a{
    display:block;
    font-size:32px;
    font-weight:700;
    line-height:1.1;
    text-decoration:none;
	color:#f3ac71;
}

/* Slogan */
.site-branding__slogan{
	width: 100%;
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
	text-align: left;
	letter-spacing: 1px;
	font-weight: bold;
}


/*.site-branding {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}*/
.site-branding .brand {
    display: block;
    align-items: center;
    margin:0 15px 0 0;
}
.site-branding .brand img {
    max-height: 60px;
    width: auto;
}

.sts-logo-area { flex: 0 0 auto; }
.sts-logo-area img {
    max-height: 70px;
    width: auto;
}

/*.site-name {
    margin: 0;
    line-height: 1.2;
}
.site-name a {
    color: #f3ac71;
    font-size: 28px;
    font-weight: 700;
    text-decoration: none;
}

.site-slogan {
    color: #ddd;
    font-size: 13px;
}*/

.navbar {
    margin: 0;
    min-height: auto;
}
.main-menu {
    position: relative;
    z-index: 9999;
}
.navbar-default {
    background: none;
    border: 0;
    box-shadow: none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 16px;
    transition: .3s;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a {
    background: none;
    color: #ffcc33;
}

.menu-base-theme,
.menu-base-theme a {
    background: none;
}
.menu-base-theme a {
    border-bottom: 1px solid #EEF0F7;
}
.menu-base-theme li a {
    color: #FFFFFF;
    font-weight: bold;
}
.menu-base-theme a span.sub-arrow {
    color: #999;
    font-size: 22px;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #DCDCDC;
    background: #EFEFEF;
} 

nav h2 { display: none; }

/* Mobile Menu Icon Customization: Black background, White stripes */
.navbar-toggle {
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 8px;
    margin: 5px;
    padding: 10px;
    z-index: 999;
    background-color: #000000 !important; /* Button background becomes black */
}
.navbar-default .navbar-toggle {
    background-color: #000000 !important;
}
.navbar-toggle .icon-bar {
    background: #ffffff !important; /* Icon stripes become white */
}
.navbar-toggle:hover,
.navbar-toggle:focus {
    background: #222222 !important;
}

/* ==========================================================================
   2. GLOBAL TYPOGRAPHY, STRUCTURE & RESETS
   ========================================================================== */

html, body {
    font-size: 15px; /* Forces Bootstrap's baseline to scale up */
}

body {
    font-family: 'Arial', Helvetica, sans-serif;
    line-height: 1.62em;
    color: #333;
    overflow-x: hidden;
}

p { margin: 0 0 20px 0; }

h1, .h1 { font-size: 36px; color: #000; }
h2, .h2 { font-size: 36px; color: #000; }
h3, .h3 { font-size: 26px; color: #000; }
h4, .h4 { font-size: 20px; color: #000; }

img { max-width: 100%; }

a { color: #91412F; }
a:hover { color: #f9ba88; }

ol, ul { padding-left: 15px; }

ul.links.inline { padding: 0; }
ul.links.inline li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}

.block { margin-bottom: 20px; }
.container { max-width: 1296px; }

/* ==========================================================================
   3. RESPONSIVE LAYOUT MEDIA QUERIES
   ========================================================================== */

/* TABLET Layout Adjustments */
@media (max-width: 991px) {
    .main-header {
        /*top: 10px;*/
		position:relative;
		top:0;
    }
    .big-logo-menu {
        padding:15px 5px 0;
        border-radius: 0 0;
    }
    .site-branding .brand img {
        max-height: 55px;
    }
    .site-name a {
        font-size: 20px;
    }
	header .container{
		margin:0 0;
	}
	#block-bootbig-welcometogosundarbans{
		margin:0 0;
	}
}

/******* MOBILE START *****/
/* ===============================
   Mobile Header
================================= */

@media (max-width:767px){

/* Header */
.main-header{
    position:relative;
    background:#fff;
}

/* Remove Bootstrap float */
.main-header .row{
    position:relative;
	background: #454545;
}

/* Logo Column */
.main-header .col-sm-6:first-child{
    width:100%;
    padding-right:60px;
}

/* Menu Column */
.main-header .col-sm-6:last-child{
    width:100%;
}

/* Branding */
.site-branding__name{
    display:block;
    width:100%;
    text-align:left;
    margin:0;
}

.site-branding__name a{
    display:block;
    width:100%;
    font-size:29px;
    line-height:1.1;
    font-weight:700;
    text-decoration:none;
}

/* Slogan */
 .site-branding__slogan {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    letter-spacing: .5px;
  }

/* Toggle Button */
.navbar-toggle{
    position:absolute;
    right:15px;
    top:18px;
    margin:0;
    float:none;
    z-index:9999;
}

/* Navigation */
.region-primary-menu{
    width:100%;
    clear:both;
    margin-top:20px;
}

/* Bootstrap Collapse */
#main-navigation{
    position:relative;
    width:100%;
    clear:both;
}

/* Menu List */
#main-menu{
    width:100%;
    margin:0;
    padding:0;
}

#main-menu li{
    display:block;
    width:100%;
}

#main-menu li a{
    display:block;
    padding:12px 15px;
    border-bottom:1px solid #eee;
}

}

/******** MOBILE END  *********/

/* LARGE DESKTOP Layout Adjustments */
@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}

/* ==========================================================================
   4. MODULE WIDGETS & THEME COMPONENTS
   ========================================================================== */

/* Banner */
.welcome-banner-text {
    text-align: center;
    line-height: 160%;
    max-width: 600px;
    padding: 90px 0;
}
.welcome-banner-text h2 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

/* Top Widget */
.topwidget {
    padding: 20px 0;
}
.topwidget .fa {
    font-size: 60px;
    background: #4D4F4A;
    width: 120px;
    height: 120px;
    padding: 32px;
    border-radius: 50%;
    color: #fff;
    margin-bottom: 20px;
}
.topwidget .region {
    padding: 15px 0;
}
.topwidget h2 {
    margin-top: 0;
    text-align: center;
    padding: 10px;
    background: #25c8e4;
    border-radius: 30px;
    color: #fff;
}

/* Footer Widget */
.footerwidget {
    background: url(../images/body.png);
    color: #8A8A8A; 
    padding: 4rem 0;
}
.footerwidget img.left {
    float: left;
    margin: 10px 10px 0 0;
}
.footerwidget h2,
.footerwidget .h2 {
    color: #91412f;
}
.footerwidget nav h2 {
    display: block !important;
}

/* Copyright & Map */
.copyright {
    background: url(../images/bg-header.jpg);
    color: #fff;
}
.copyright p {
    margin: 13px 0;
}

.google_map p,
.google_map .block {
    margin: 0;
}
.google_map iframe {
    display: block;
}

.credit-link {
    text-align: left;
}

/* Bottom Widgets */
.bottom-widgets {
    text-align: center;
    background: #FBFBFB;
    padding: 10px 0;
}
.bottom-widgets .region {
    padding: 10px;
    background: #DEDEDE;
}

/* Footer Menu */
.footer-menu {
    margin: 0;
    border: 0;
    background: #f7b67b;
    color: #fff;
}
.footer-menu ul {
    margin: 10px 0;
    padding: 0;
}
.footer-menu nav li {
    display: inline-block;
}
.footer-menu nav li a {
    display: block;
    padding: 4px 20px 4px 0;
    color: #91412f;
	text-decoration:none;
}

/* Breadcrumb */
.breadcrumb {
    background: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
}
.breadcrumb ul {
    padding: 0;
}
.breadcrumb ul li,
.breadcrumb ol li {
    display: inline-block;
}

/* SOCIAL MEDIA Icons */
.social-media {
    margin: 10px 0;
    overflow: hidden;
    float: left;
}
.social-media a {
    width: 30px;
    height: 30px;
    color: #fff;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    background: #3262b9;
    font-size: 14px;
    line-height: 220%;
}
.social-media a.google-plus { background: #de2020; }
.social-media a.twitter { background: #29C5F6; }
.social-media a.linkedin { background: #069; }
.social-media a.pinterest { background: #C61118; }
.social-media a.rss { background: #FF6D00; }
.social-media a:hover { opacity: .6; }

/* Forms & UI Blocks */
input, button, select, textarea {
    padding: 9px;
    border: 1px solid #C7C7C7;
}

.contact-message-form label {
    display: block;
}

.btn, 
input[type="submit"] {
    background-image: -webkit-linear-gradient(top, #FFF 0%, #E3E3E3 100%);
    background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
    border: 1px solid #dbdbdb;
    color: #333;
    font-weight: bold;
    padding: 9px;
}
.btn:hover, 
input[type="submit"]:hover {
    background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
    background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
}

.path-frontpage .feed-icon {
    display: none;
}

#search-block-form {
    display: table;
    width: 100%;
}
#search-block-form .form-item,
#search-block-form .form-actions {
    display: table-cell;
    vertical-align: top;
}
#search-block-form input {
    width: 100%;
}

.bd-example {
    position: relative;
    padding: 20px;
    border: 2px solid #f7f7f9;
}
.highlight {
    padding: 20px;
    background-color: #f7f7f9;
}
.highlight pre {
    border: 0;
    background: none;
}

.bd-example-type .table tr:first-child td {
    border-top: 0;
}
.bd-example-type h1, 
.bd-example-type h2, 
.bd-example-type h3, 
.bd-example-type h4, 
.bd-example-type h5, 
.bd-example-type h6 {
    margin: 0;
}
.bd-example-type .table td {
    padding: 15px 0;
    border-color: #eee;
}

.contact-message-feedback-form {
    max-width: 650px;
    margin: 0 auto;
    border: 1px solid #D8D8D8;
    padding: 10px 30px;
    background: #F5F5F4;
}
.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea {
    width: 100%;
}

.user-login-form,
.user-form,
.user-pass {
    max-width: 650px;
    margin: 40px auto;
    border: 1px solid #ddd;
    padding: 10px 30px;
    background: #FBFBFB;
}
.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text {
    width: 100%;
}

.form-composite > .fieldset-wrapper > .description, 
.form-item .description {
    font-size: