/*
 * Globals
 */
/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

.searchboxhm {
    background: url(https://gibiru.com/assets/img/search-background.jpg);
    padding-top: 26px;
    padding-bottom: 16px;
}


.container.my-auto {
    max-width: 100% !important;
}


form#cse-search-box {
    max-width: 450px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 10px;
}


.btn {
    border: 0px solid transparent;
}

.form-control {
    border: 0px solid #ced4da;
}

i.fas.fa-search {
    background: url(https://gibiru.com/assets/img/Search-button.png);
    padding: 1px;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    color: transparent;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

.fragment {
    font-size: 19px;
    height: 140px;
    border: 0px solid #ccc;
    color: #555;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
}

.fragment:hover {
    box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

.fragment img { 
    float: left;
    margin-right: 10px;
    margin-top: 13px;
}


.fragment h3 {
    padding: 0;
    margin: 0;
    color: #369;
}
.fragment h4 {
    padding: 0;
    margin: 0;
    color: #000;
}

#close {
    float: left;
    display: inline-block;
    padding: 0px 2px;
    background: #fff;
    position: absolute;
    font-size: 9px;
    margin-left: 1px;
    color: #000;
    margin-top: -18px;
    font-weight: 800;
}


.actiondefault {
    background: url(https://gibiru.com/assets/img/site-gibiru-banner-firefox-210.jpg);
    max-width: 210px;
    right: 0;
    position: absolute;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-top: -249px;
    margin-right: 10px;
    text-align: center;
    border-radius: 10px;
}


a.fragment {
    color: #fff;
    text-decoration: none;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.make {
    font-size: 26px;
    font-weight: 500;
}

a.fragment.otbrswer {
    padding: 0px;
}

.otherbrser {
    right: 35px;
}

a.fragment.otbrswer img {
    margin-top: 0px;
}

.otherbrser #close {
    margin-top: 9px;
    position: absolute;
    left: 0;
    margin-left: 22px;
}

.otherbrser .alert.alert-info.bg-dark.text-white.text-center.popover.d-none.except-firefox.d-sm-none {
    max-width: 250px;
    padding: 0px;
    right: 10px !important;
}

input.form-control {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

header .gibiru-logo {
    max-width: 100%;
    margin-bottom: 0px !important;
}

.banner-button {
    display: inline-block;
    padding: 10px 17px;
    background-color: transparent;
    box-shadow: none;
}


.visible-android {
  display:none;
  margin-top: -25px;
}
.visible-ios {
  display:none;
  margin-top: -40px;
}
.on-device .visible-android, .on-device .visible-ios {
  display:inherit;
}
.device-ios .visible-android {
  display:none !important;
}
.device-ios .hidden-ios {
  display:none !important;
}
.device-android .hidden-android {
  display:none !important;
}
.device-android .visible-ios {
  display:none !important;
}

.visible-ios {
    clear:both;
}

.refreshicon img {
    position: absolute;
    top: 75px;
    left: 10px;
    z-index: 9999999;
}

.backicon {
    position: absolute;
    right: 0;
    margin-right: 63px;
    top: 75px;
        z-index: 9999999;
}

.forwardicon {
	position: absolute;
    right: 0;
    margin-right: 16px;
    top: 75px;
        z-index: 9999999;
	
}

.refreshicon {
    display: none;
}

.backicon {
    display: none;
}

.forwardicon {
    display: none;
}

@media (max-width: 575.98px) {
    .container {
    width: 100%;
    padding-right: 0px!important;
    padding-left: 0px!important;
    }
    
    a#read-more {
    display: none;
}

     header .gibiru-logo {
    max-width: 288px !important;
    margin-bottom: 4px !important;
}


#cse-search-box {
    max-width: 88% !important;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
}

header .gibiru-logo {
    max-width: 75%;
    margin-bottom: 6px;
}

.refreshicon {
    display: block;
}

.backicon {
    display: block;
}

.forwardicon {
    display: block;
}
}

.gibiruresults .refreshicon img {
    position: absolute;
    top: 12px;
    left: 10px;
    z-index: 9999999;
}

.gibiruresults .forwardicon {
    position: absolute;
    right: 0;
    margin-right: 6px;
    top: 12px;
    z-index: 9999999;
}

.gibiruresults .backicon {
    position: absolute;
    right: 0;
    margin-right: 46px;
    top: 12px;
    z-index: 9999999;
}

.gibiru-results .input-group.gibiru-search {
    border: 1px solid;
    border-radius: 8px;
    padding-top: 1px;
}

.banner-button:hover {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    transform: translateY(-7px);
    text-decoration: none;
}

::-ms-clear {
  display: none;
}


#exampleContainer {
  padding: 50px;
}

span.form-control-clear.far.fa-times-circle.hidden {
    color: transparent;
}

span.form-control-clear.far.fa-times-circle {
    color: #9a9a9a;
    margin-top: 7px;
    margin-right: 1px;
    font-size: 21px;
}


.form-control {
    border: 0px solid #231f20 !important;
}

.btn {
    border: 0px solid transparent !important;
}

header.masthead #read-more i {
    background-repeat: no-repeat !important;
}

.banner-button {
    background-color: transparent !important;
    box-shadow: none !important;

}

.tooltip-inner {
    display: none;
}

.arrow {
    display: none !important;
}

.form-control:focus {

    box-shadow: none !important;
}