/* Theme Name: Reveal Theme URL: https://bootstrapmade.com/reveal-bootstrap-corporate-template/ Author: BootstrapMade.com License: https://bootstrapmade.com/license/ */ /*-------------------------------------------------------------- # General --------------------------------------------------------------*/ body {background: #fff; color: #333; font-family: 'Roboto', sans-serif;} a {color: #0750B5; transition: 0.5s; text-decoration: underline;} a:hover, a:active, a:focus {color: #C41E2B; outline: none;} p {padding: 0; margin: 0 0 15px 0;} p em{color: #787879;} h1, h2, h3, h4, h5, h6 {font-weight: 500; margin: 0 0 20px 0; padding: 0;} b, strong, .bold{font-weight: 500;} .no-bold{font-weight: 400;} .no-underline{text-decoration: none !important;} .clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height: 0;} img, .img-responsive{max-width: 100%;} ul{margin: 0; padding: 0; list-style-type: none;} hr{border-top: 2px solid #ddd;} .t14{font-size: 14px !important;} .t16{font-size: 16px !important;} .t18{font-size: 18px !important;} .t21{font-size: 21px !important;} .t23{font-size: 23px !important;} .t25{font-size: 25px !important;} .t27{font-size: 27px !important;} .t36{font-size: 36px !important;} .clear{clear: both;} .btop{border-top: 1px solid #ddd;} .linkred{color: #C41E2B; text-decoration: underline;} .linkred:hover{color: #143272;} .redtext{color: #C41E2B;} .ltext{color: #787879;} .lblue{color: #0750B5;} .iconpo{position: relative; top: 3px;} .border-bottom, .border-top, .border-left, .border-right{border-color: #ddd !important;} .uppercase{text-transform: uppercase;} /* Back to top button */ .back-to-top {position: fixed; display: none; background: #143272; color: #fff; padding: 5px; width: 44px; height: 44px; border-radius: 3px; right: 15px; bottom: 15px; transition: background 0.5s;} .back-to-top>i{font-size: 34px;} .back-to-top:focus {background: #073aa9; color: #fff; outline: none;} .back-to-top:hover {background: #073aa9; color: #fff;} .nobdr{border: 0 !important;} .text-decoration-none{text-decoration: none !important;} /* Width css */ .pb-0{padding-bottom: 0 !important;} .w10{width: 10px !important; min-width: 10px !important; max-width: 10px !important;} .w20{width: 20px !important; min-width: 20px !important; max-width: 20px !important;} .w30{width: 30px !important; min-width: 30px !important; max-width: 30px !important;} .w40{width: 40px !important; min-width: 40px !important; max-width: 40px !important;} .w50{width: 50px !important; min-width: 50px !important; max-width: 50px !important;} .w60{width: 60px !important; min-width: 60px !important; max-width: 60px !important;} .w70{width: 70px !important; min-width: 70px !important; max-width: 70px !important;} .w80{width: 80px !important; min-width: 80px !important; max-width: 80px !important;} .w90{width: 90px !important; min-width: 90px !important; max-width: 90px !important;} .w100{width: 100px !important; min-width: 100px !important; max-width: 100px !important;} .w110{width: 110px !important; min-width: 110px !important; max-width: 110px !important;} .w120{width: 120px !important; min-width: 120px !important; max-width: 120px !important;} .w130{width: 130px !important; min-width: 130px !important; max-width: 130px !important;} .w140{width: 140px !important; min-width: 140px !important; max-width: 140px !important;} .w150{width: 150px !important; min-width: 150px !important; max-width: 150px !important;} .w160{width: 160px !important; min-width: 160px !important; max-width: 160px !important;} .w170{width: 170px !important; min-width: 170px !important; max-width: 170px !important;} .w180{width: 180px !important; min-width: 180px !important; max-width: 180px !important;} .w190{width: 190px !important; min-width: 190px !important; max-width: 190px !important;} .w200{width: 200px !important; min-width: 200px !important; max-width: 200px !important;} .w210{width: 210px !important; min-width: 210px !important; max-width: 210px !important;} .w220{width: 220px !important; min-width: 220px !important; max-width: 220px !important;} .w230{width: 230px !important; min-width: 230px !important; max-width: 230px !important;} .w240{width: 240px !important; min-width: 240px !important; max-width: 240px !important;} .w250{width: 250px !important; min-width: 250px !important; max-width: 250px !important;} .w260{width: 260px !important; min-width: 260px !important; max-width: 260px !important;} .w270{width: 270px !important; min-width: 270px !important; max-width: 270px !important;} .w280{width: 280px !important; min-width: 280px !important; max-width: 280px !important;} .w290{width: 290px !important; min-width: 290px !important; max-width: 290px !important;} .w300{width: 300px !important; min-width: 300px !important; max-width: 300px !important;} .w320{width: 320px !important; min-width: 320px !important; max-width: 320px !important;} .w330{width: 330px !important; min-width: 330px !important; max-width: 330px !important;} .w350{width: 350px !important; min-width: 350px !important; max-width: 350px !important;} .w380{width: 380px !important; min-width: 380px !important; max-width: 380px !important;} .w100p{width: 100% !important; max-width: inherit !important;} /* Width css */ /* Table, form fields and buttons */ .search-fields div[class^="col-"]{padding: 0 6px;} .btn{border-radius: 4px; font-size: 15px; font-weight: 500; padding: 5px 15px; line-height: 26px; min-height: 38px; text-decoration: none;} .btn:focus{box-shadow: none;} .btn.btn-blue{background: #143272; color: #fff; border-color: #143272;} .btn.btn-blue:hover, .btn.btn-blue:focus{background: #C41E2B; border-color: #C41E2B;} .btn.btn-red{background: #C41E2B; color: #fff; border-color: #C41E2B;} .btn.btn-red:hover, .btn.btn-red:focus{background: #143272; border-color: #143272;} .btn.btn-grey{background: #A7A7A7; color: #fff; border-color: #A7A7A7;} .btn.btn-grey:hover, .btn.btn-grey:focus{background: #5D5C5C; border-color: #5D5C5C;} .btn.btn-green{background: #00A840; color: #fff; border-color: #00A840;} .btn.btn-green:hover, .btn.btn-green:focus{background: #01772e; border-color: #01772e;} .btn-login{background: #143272; padding: 6px 15px !important; color: #fff !important; border-radius: 4px; font-size: 14px !important;} .btn-login:hover, .btn-login:focus{background: #C41E2B;} .btn.btn-outline {border-color: #ddd; color: #333;} .btn.btn-outline:hover {background: #ddd; border-color: #ddd;} .btn.btn-circle{border-radius: 25px;} .btn.btn-sm{min-height: initial; height: 26px; line-height: 14px; font-size: 14px;} .btn.btn-xs{min-height: initial; height: 22px; line-height: 10px; font-size: 12px;} .btn.btn-lg{min-height: initial; height: 44px; line-height: 34px; font-size: 18px;} .btn.btn-xl {min-height: initial; height: 56px; line-height: 56px; font-size: 20px;} .btn.btn-blue.btn-outline{background:transparent; color: #143272; border-color: #143272;} .btn.btn-blue.btn-outline:hover, .btn.btn-blue.btn-outline:focus{color: #C41E2B; border-color: #C41E2B;} .btn.btn-icon{height: 32px; width: 32px; min-height: initial; padding: 2px;} .btn.btn-icon>i{font-size: 20px; line-height: 24px;} .btn.btn-outline.lblue{color: #0750B5; font-weight: 400; font-size: 15px; padding: 2px 10px; line-height: 20px; min-height: 32px;} .btn.btn-outline.lblue:hover{background: #f7f8fa;} .btn.btn-icon.btn-icon-big{height: 38px; width: 38px;} .btn.btn-icon.btn-icon-big>i{line-height: 30px;} .form-control, .custom-file-label{border-color: #ddd; border-radius: 3px; color: #333; padding: 6px 12px; font-size: 15px; min-height: 38px; height: auto !important;} .form-control:focus, .input-group .form-control:focus + .input-group-append .input-group-text, .input-group .highlight .input-group-text{box-shadow: none; border-color: #143272;} .required .form-control, .required .input-group .input-group-prepend .input-group-text{border-left: 3px solid #C41E2B; padding-left: 9px;} .input-group-text{background-color: #F7F8FA; border-color: #ddd;} .input-group-text i {font-size: 20px; position: relative;} .input-group .input-group-append.rcorn .input-group-text{ border-top-right-radius: .25rem; border-bottom-right-radius: .25rem;} .eye-slash i:after {content: ""; height: 20px; width: 2px; background: #787879; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(45deg);} .toggle-password{cursor: pointer;} .input-group .form-control:focus{border-right: 1px solid #ddd;} .input-group.pricefield .form-control:focus{border-right: 1px solid #143272;} .input-group.nobg .form-control{border-right: 0;} .input-group.nobg .input-group-text{background-color: transparent; border-color: #ddd;} .form-control:disabled, .form-control[readonly] {background-color: #f7f8fa;} .input-group .input-group-prepend + .form-control:focus{border-right: 1px solid; border-left: 1px solid #ddd;} .input-group .input-group-prepend.focusboth + .form-control:focus{border-right: 1px solid #ddd;} .input-group .input-group-prepend + .form-control{border-left: 1px solid #ddd;} .input-group.input-daterange .input-group-addon, .input-group.input-range .input-group-addon {width: auto; background-color: #f7f8fa; border: 1px solid #ddd; min-width: 40px; padding: 4px 5px; border-width: 1px 0; margin-left: -5px; margin-right: -5px; text-align: center;} .input-group.input-daterange .form-control:focus, .input-group.input-range .form-control:focus{border-right: 1px solid;} .input-group.input-daterange input, .input-group.input-range input {text-align: left;} .input-group-addon i{font-size: 18px; line-height: 26px;} .input-group.input-range .form-control.last{border-left: 1px solid #ddd;} .input-group.input-range .form-control.last:focus{border-left: 1px solid;} select.form-control + .select2-container--bootstrap .select2-selection, select.form-control + .select2-container--bootstrap .select2-selection--multiple{border-color: #ddd; border-radius: 3px; color: #333; padding: 6px 12px; font-size: 15px; min-height: 38px; box-shadow: none;} select.form-control + .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{height: auto; padding: 0;} select.form-control + .select2-container--bootstrap.select2-container--focus .select2-selection, select.form-control + .select2-container--bootstrap.select2-container--open .select2-selection, select.form-control + .select2-container--bootstrap.select2-container--focus .select2-selection--multiple, select.form-control + .select2-container--bootstrap.select2-container--open .select2-selection--multiple, .select2-container--bootstrap .select2-dropdown{border-color: #143272;} select.form-control + .select2-container--bootstrap .select2-selection .select2-selection__choice, select.form-control + .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{color: #fff; background: #143272; margin: 0 3px 5px; padding: 2px 7px; font-size: 14px;} select.form-control + .select2-container--bootstrap .select2-selection .select2-selection__choice__remove, select.form-control + .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove{color: #fff; margin-right: 5px; font-size: 16px;} .select2-container--bootstrap .select2-results__option{font-size: 15px;} textarea{resize: none;} .custom-file-input{cursor: pointer;} select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url(../../assets/img/select-arrow.png) right center no-repeat !important; padding-right: 25px !important;} div.fs-wrap{width: 100%;} div.fs-wrap .fs-label-wrap{border-color: #ddd; padding: .375rem .75rem; height: 38px; border-radius: 3px; line-height: 1.5;} div.fs-wrap .fs-label-wrap .fs-label{padding: 0;} div.fs-wrap .fs-label-wrap .fs-arrow{display: none;} div.fs-wrap .fs-dropdown{border: 0; width: 100%; margin-top: 0; box-shadow: 0px 5px 5px 5px rgba(221, 221, 221, 0.4);} div.fs-wrap .fs-dropdown .fs-search {padding: 2px 10px;} div.fs-wrap .fs-dropdown .fs-option{padding: 10px; word-break: break-word;} div.fs-wrap.multiple .fs-dropdown .fs-option{padding: 10px 10px 10px 35px;} div.fs-wrap .fs-dropdown .fs-no-results {padding: 10px;} div.fs-wrap.multiple .fs-dropdown .fs-option .fs-checkbox{left: 3px;} div.fs-wrap.multiple .fs-dropdown .fs-option .fs-checkbox i{width: 18px; height: 18px; border: 2px solid #ddd;} div.fs-wrap.multiple .fs-dropdown .fs-option.selected .fs-checkbox i {background-color: #707070; border-color: #707070;} .location_search div.fs-wrap .fs-dropdown .fs-option{padding: 10px 10px 10px 35px; position: relative;} .location_search div.fs-wrap .fs-dropdown .fs-option .fs-checkbox{position: absolute; display: block; width: 30px; top: 0; left: 0; bottom: 0; padding: 10px 0 0; text-align: center; font-size: 20px;} .location_search div.fs-wrap .fs-dropdown .fs-option .fs-checkbox i:before{font-family: 'Material Icons'; content: "location_on";font-style: normal; color: #B3B3B3;} .custom-file-label{color: #999;} .required .custom-file-label, .required div.fs-wrap .fs-label-wrap{border-left: 3px solid #C41E2B; padding-left: 9px;} .form-control::placeholder {color: #999;} /* Chrome, Firefox, Opera, Safari 10.1+ */ .form-control:-ms-input-placeholder {color: #999;} /* Internet Explorer 10-11 */ .form-control::-ms-input-placeholder {color: #999;} /* Microsoft Edge */ .custom-control-label::before, .custom-control-label::after{width: 1.3rem; height: 1.3rem; top: .15rem} .custom-control-label::before{background-color: transparent; border: 2px solid #ddd;} .custom-radio .custom-control-input:checked~.custom-control-label::before, .custom-control-input:checked~.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: transparent; border: 2px solid #ddd;} .custom-control-input:focus~.custom-control-label::before {box-shadow: none;} .custom-checkbox .custom-control-input:checked~.custom-control-label::after{content: "check"; background-image: none !important; font-family: 'Material Icons'; text-align: center; top: 0px; color: #707070; font-size: 16px; font-weight: 600;} .custom-radio .custom-control-input:checked~.custom-control-label::after{content: "fiber_manual_record"; background-image: none !important; font-family: 'Material Icons'; font-size: 12px; color: #707070; left: 4.5px; top: 3.5px;} .custom-file-input:lang(en)~.custom-file-label::after{background-color: transparent; color: #333; font-size: 15px;} .form-action {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 10px;} .search_group, .search_group .row{margin-right: -7px; margin-left: -7px;} .search_group div[class^="col-"]{padding: 0 7px;} .timefields .form-control{float: left; width: 50%;} .timefields>input{border-radius: 3px 0 0 3px;} .timefields>select{border-radius: 0 3px 3px 0;} .table-scrollable {overflow-x: auto;} table.table{border-collapse: separate; border-color: #ddd;} .table thead {background: #333; border: 1px solid #333;} .table tbody{border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .table thead th {vertical-align: bottom; border-bottom: 1px solid #ddd; color: #fff; font-weight: 500; padding: 8px 10px;} .table td{border-bottom: 1px solid #ddd; padding: 8px 10px;} .table td a{text-decoration: underline;} .table td a.btn{text-decoration: none;} /*.table td span{color: #787879; font-size: 14px;}*/ .table.table-bordered thead{background: transparent;} .table-bordered thead td, .table-bordered thead th {border-bottom-width: 1px; color: #333;} table.table thead th>span, table.table thead th>a{display: block;} table.table thead th>span:after, table.table-bordered thead th>span:after, table.table thead th>a:after, table.table-bordered thead th>a:after{content: ""; width: 13px; height: 15px; display: inline-block; position: relative; top: 4px; left: 5px;} table.table thead th.sorting>span:after, table.table-bordered thead th.sorting>span:after, table.table thead th.sorting>a:after, table.table-bordered thead th.sorting>a:after{background: url(../img/sort_both.png?v1) 0 0 no-repeat;} table.table thead th.sorting_desc>span:after, table.table-bordered thead th.sorting_desc>span:after, table.table thead th.sorting_desc>a:after, table.table-bordered thead th.sorting_desc>a:after{background: url(../img/sort_desc.png?v1) 0 0 no-repeat;} table.table thead th.sorting_asc>span:after, table.table-bordered thead th.sorting_asc>span:after, table.table thead th.sorting_asc>a:after, table.table-bordered thead th.sorting_asc>a:after{background: url(../img/sort_asc.png?v1) 0 0 no-repeat;} table.table thead th.sorting_disabled>span:after, table.table-bordered thead th.sorting_disabled>span:after, table.table thead th.sorting_disabled>a:after, table.table-bordered thead th.sorting_disabled>a:after{display: none;} td p{margin-bottom: 5px;} .badge{font-weight: 400; font-size: 13px; padding: .35em .8em !important;} .badge-primary{background: #143272;} .badge-secondary{background: #A7A7A7;} .badge-danger{background: #C61E2B;} .checkout-wrap{color: #444; margin: 0 auto; max-width: 82%; position: relative;} ul.checkout-bar{margin: 0 20px;} ul.checkout-bar li{color: #333; display: block; font-size: 15px; font-weight: 400; padding: 14px 20px 14px 80px; position: relative;} ul.checkout-bar li:before{background: #B4B4B4; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 700; left: 20px; line-height: 32px; height: 35px; position: absolute; text-align: center; top: 4px; width: 35px; z-index: 99;} ul.checkout-bar li.active:before{background: #143272; z-index: 99; box-shadow: 0px 0px 0px 2px #143272;} ul.checkout-bar li.visited{z-index: 99;} ul.checkout-bar li.visited:before{background: #143272; z-index: 99;} ul.checkout-bar li:nth-child(1):before{content: "1"; right: inherit;} ul.checkout-bar li:nth-child(2):before{content: "2";} ul.checkout-bar li:nth-child(3):before{content: "3";} ul.checkout-bar li:nth-child(4):before{content: "4";} ul.checkout-bar li:nth-child(5):before{content: "5";} ul.checkout-bar li:nth-child(6):before{content: "6";} ul.checkout-bar a{color: #333; font-size: 15px; font-weight: 400; text-decoration: none;} .datepicker table tr td, .datepicker table tr th{font-size: 14px;} .datepicker table tr th{font-weight: 500;} .datepicker table tr td.today{background-color: #d0daef !important; border-color: #d0daef !important;} /* Table, form fields and buttons */ /* Signature */ #signature_content{width: 100%; border:1px solid #ddd; border-radius: 3px;} #signature_content .modal-title{font-weight: 400; font-size: 15px; line-height: 40px;} #signature_content .modal-header{background: #e9e9e9; border-bottom: 0; padding: 0 15px; display: block;} #signature_content ul.tabmenu{padding: 0; margin: 0; float: right; list-style-type: none;} #signature_content ul.tabmenu li{display: inline-block; margin: 0; padding:5px 10px; color: #898989; font-size: 14px; text-align: center; position: relative; cursor: pointer;} #signature_content ul.tabmenu li i{display: block; font-size: 20px; margin: 0 auto; color: #898989;} #signature_content ul.tabmenu li.active:after{content: ""; height: 3px; width: 100%; background: #C41E2B; display: block; position: absolute; left: 0; right: 0; bottom: 0;} #signature_content .typebox{border:1px solid #dcdcdc; min-height: 120px; background: url(../img/typebox-bg-icon.png) 15px center no-repeat; padding-left: 80px;} .showbox{display: block;} .hidebox{display: none;} /* Signature */ /* Table, form fields and buttons */ /*-------------------------------------------------------------- # Top Bar --------------------------------------------------------------*/ #topbar {background: #143272; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 14px;} #topbar .top-links {margin-top: 3px;} #topbar .contact-info {color: #fff; margin-top: -3px;} #topbar .contact-info span{margin-right: 10px;} #topbar .contact-info a {line-height: 1; color: #fff; text-decoration: none;} #topbar .contact-info a:hover {text-decoration: underline;} #topbar .contact-info i {color: #fff; padding: 4px; font-size: 16px; position: relative; top: 3px; margin-right: 4px;} #topbar .contact-info .fa-phone {padding-left: 20px; margin-left: 20px; border-left: 1px solid #e9e9e9;} #topbar .top-links a {color: #fff; padding: 4px 12px; display: inline-block; line-height: 1px; border-left: 1px solid #e9e9e9; font-size: 14px; text-decoration: none;} #topbar .top-links a:hover {text-decoration: underline;} #topbar .top-links a:first-child {border-left: 0;} /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ main#main{padding-top: 50px;} div#header-sticky-wrapper {height: auto !important;} #header {padding: 0; height: 100px; transition: all 0.5s; z-index: 999 !important; background: #fff;} #header #logo img {padding: 0; margin: 0;} .is-sticky #header{box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); height: 80px;} .is-sticky #header #logo img {max-height: 79px;} section#subheader{padding: 30px 0; max-height: 150px;} #subheader h1{font-size: 50px; color: #fff; font-weight: 500; margin-bottom: 10px;} ul.breadcrumbs li{display: inline-block; color: #fff;} ul.breadcrumbs li a{color: #fff; text-decoration: none;} ul.breadcrumbs li i{font-size: 20px; position: relative; top: 4px;} .para_heading{font-size: 21px; margin-bottom: 15px;} /*-------------------------------------------------------------- # Intro Section --------------------------------------------------------------*/ #intro {width: 100%; height: 60vh; position: relative;} #intro .intro-content {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; width: 95%; left: 0; right: 0; margin: auto; max-width: 800px;} .search_unit {background: rgba(0, 0, 0, 0.5); padding: 10px; display: block; width: 100%; border-radius: 3px;} .search_unit .form-control{height: 45px !important; border: 0; font-size: 16px; color: #333; font-family: 'Roboto', sans-serif; border-radius: 4px;} .search_unit input[type="text"]{width: 62.4%; margin-right: 10px;} .search_unit select{width: 20%; margin-right: 10px;} .search_unit input[type="submit"]{width: 15%; height: 45px; min-width: 116px;} .search_unit select>option{padding: 5px; display: block; min-height: 20px;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{height: 100%; font-size: 70px; position: absolute; z-index: 99999999; top: 0; left: 10px; width: 30px; display: block; bottom: 0; outline: none; color: #fff;} .owl-carousel .owl-nav button.owl-next{left: inherit; right: 10px;} .location-carousel.owl-carousel .owl-nav button.owl-next, .location-carousel.owl-carousel .owl-nav button.owl-prev{color: #365494;} .location-carousel.owl-carousel .owl-nav button>span{position: relative; top: -12px;} #intro .intro-content h2 {color: #fff; margin-bottom: 30px; font-size: 58px; font-weight: 500;} #intro .intro-content h2 span {color: #143272; text-decoration: underline;} #intro .intro-content .btn-get-started, #intro .intro-content .btn-projects {font-size: 15px; font-weight: bold; letter-spacing: 1px; display: inline-block; padding: 10px 32px; border-radius: 2px; transition: 0.5s; margin: 10px; color: #fff;} #intro .intro-content .btn-get-started {background: #0c2e8a; border: 2px solid #0c2e8a;} #intro .intro-content .btn-get-started:hover {background: none; color: #0c2e8a;} #intro .intro-content .btn-projects {background: #143272; border: 2px solid #143272;} #intro .intro-content .btn-projects:hover {background: none; color: #143272;} #intro #intro-carousel {z-index: 8;} #intro #intro-carousel::before {content: ''; background-color: rgba(0, 0, 0, 0); position: absolute; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; z-index: 7;} #intro #intro-carousel .item {width: 100%; height: 60vh; background-size: cover; background-position: center; background-repeat: no-repeat; transition-property: opacity;} /*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/ /* Nav Menu Essentials */ .nav-menu, .nav-menu * {margin: 0; padding: 0; list-style: none;} .nav-menu ul {position: absolute; display: none; top: 100%; right: 0; z-index: 99;} .nav-menu li {position: relative; white-space: nowrap;} .nav-menu > li {float: left;} .nav-menu li:hover > ul, .nav-menu li.sfHover > ul {display: block;} .nav-menu ul ul {top: 0; right: 100%;} /* Nav Meu Container */ #nav-menu-container {float: right; margin: 26px 0 0;} .is-sticky #nav-menu-container{margin-top: 18px;} /* Nav Meu Styling */ .nav-menu a {padding: 5px 8px; text-decoration: none; display: inline-block; color: #212121; font-weight: 500; font-size: 18px; outline: none;} .nav-menu li:hover > a, .nav-menu .menu-active > a {color: #C41E2B;} .nav-menu > li {margin-left: 10px;} .nav-menu ul {margin: 4px 0 0 0; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); background: #fff;} .nav-menu ul li{min-width: 200px; transition: 0.3s; border-top: 1px solid #EBEBEB;} .nav-menu ul li:first-child{border-top: 0;} .sidebar>ul{margin-bottom: 30px;} .sidebar ul li{position: relative;} .sidebar ul li.active:after{content: ""; height: 100%; width: 2px; background-color: #C41E2B; position: absolute; right: -2px; top: 0;} .sidebar ul li.active.nobdr:after{display: none;} .nav-menu ul li a, .sidebar ul li a {padding:10px 10px 10px 30px; position: relative; color: #212121; font-weight: 500; transition: 0.3s; display: block; font-size: 16px; text-transform: none; text-decoration: none;} .nav-menu ul li a i, .sidebar ul li a i{font-size: 20px; color: #787879; position: absolute; top: 10px; left: 0;} .nav-menu ul li:hover > a, .sidebar ul li:hover > a, .nav-menu ul li:hover > a i, .sidebar ul li:hover > a i, .nav-menu ul li.active > a, .sidebar ul li.active > a, .nav-menu ul li.active > a i, .sidebar ul li.active > a i {color: #C41E2B;} .nav-menu ul ul {margin: 0;} .sidebar ul li.menu-children>a>span{font-size: 20px; color: #333; position: absolute; top: 10px; right: 10px;} .sidebar ul li ul.submenu {margin-left: 20px; display: none;} .sidebar ul li.active ul.submenu{display: block;} .sidebar ul li ul.submenu li a{padding: 5px 10px;} /* Mobile Nav Toggle */ #mobile-nav-toggle {position: fixed; right: 0; top: 0; z-index: 9999999; margin: 20px 20px 0 0; border: 0; background: none; font-size: 24px; display: none; transition: all 0.4s; outline: none; cursor: pointer;} #mobile-nav-toggle i {color: #212121; font-size: 33px; cursor: pointer;} #mobile-nav-toggle i.material-icons.menu-close{font-size: 0px;} #mobile-nav-toggle i.material-icons.menu-close:before{content: "close"; font-size: 33px; color: #fff;} /* Mobile Nav Styling */ #mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 9991; background: #143272; left: -260px; width: 260px; overflow-y: auto; transition: 0.4s;} #mobile-nav ul {padding: 0; margin: 0; list-style: none;} #mobile-nav ul li {position: relative;} #mobile-nav ul li a {color: #fff; font-size: 16px; overflow: hidden; padding: 10px 10px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none;} #mobile-nav ul li a:hover {color: #fff;} #mobile-nav ul li li {padding-left: 15px;} #mobile-nav ul li.active {background: #C41E2B;} #mobile-nav ul .menu-has-children>i {position: absolute; right: 0; z-index: 99; padding: 5px 15px; cursor: pointer;} #mobile-nav ul .menu-has-children .menu-has-children>i{top: 8px;} #mobile-nav ul .menu-has-children>i:after{content: ""; background-image: url(../img/plus-minus.png); background-repeat: no-repeat; width: 18px; height: 18px; display: block;} #mobile-nav ul .menu-has-children>i.chevron-up:after{background-position: 0 -18px;} #mobile-nav ul .menu-item-active {color: #fff;} #mobile-nav ul .menu-has-children a{padding-left: 30px;} #mobile-nav ul .menu-has-children i.material-icons {position: absolute; top: 12px; left: 0; font-size: 20px;} #mobile-body-overly {width: 100%; height: 100%; z-index: 999; top: 0; left: 0; position: fixed; background: rgba(20, 50, 114, 0.9); display: none;} /* Mobile Nav body classes */ body.mobile-nav-active {overflow: hidden;} body.mobile-nav-active #mobile-nav {left: 0;} body.mobile-nav-active #mobile-nav-toggle {color: #fff;} section#intro+main#main {position: relative; padding-top: 140px;} section#intro+main#main section.banner-boxes {position: absolute; left: 0; right: 0; top: -125px; z-index: 99;} .banner-boxes .box{border: 4px solid #666E7F; border-radius: 3px; padding: 20px; text-align: center; color: #fff; background-repeat: no-repeat; background-size: cover;} .banner-boxes .box>img{margin-bottom: 15px;} .banner-boxes .box h2{font-size: 27px; font-weight: 500; margin-bottom: 10px;} .banner-boxes .box p{font-size: 16px; margin-bottom: 15px;} .banner-boxes .box a{color: #fff; text-decoration: underline;} .banner-boxes .box a:hover{text-decoration: none;} .banner-boxes .box.redbg{border-color: #C41E2B; background: #C41E2B;} .btn.btn-white{background: #fff; color: #143272 !important; text-decoration: none !important;} .btn.btn-white:hover, .btn.btn-white:focus{background: #143272; color: #fff !important;} .btn.btn-white.hover-red:hover, .btn.btn-white.hover-red:focus{background: #C41E2B; color: #fff !important;} /*-------------------------------------------------------------- # Sections --------------------------------------------------------------*/ /* Sections Header --------------------------------*/ section#intro, section#topbar{margin: 0;} section#features{margin-bottom: 100px;} section {margin-bottom: 80px;} section .section-header {margin-bottom: 40px;} main#main>section:last-child{margin-bottom: 0;} section .section-header h2 {font-size: 40px; color: #212121; font-weight: 500; position: relative; padding-bottom: 20px;} section .section-header h2::before {content: ''; position: absolute; display: block; width: 50px; height: 5px; background: #143272; bottom: 0; left: 0; right: 0; margin: auto;} section .section-header p {padding: 0; margin: 0; font-size: 18px;} /* Facilities Section --------------------------------*/ #facilities {background: #fff url(../../assets/img/facilities-bg.jpg) bottom center no-repeat;} #facilities img {max-width: 100%; transition: 0.3s; padding: 0;} .facilities-carousel .row{background: #fff;} .content-fac {max-width: 90%;} .content-fac p {margin-bottom: 10px;} #facilities .owl-dots {padding: 50px 0 40px; text-align: center;} #facilities .owl-dot {display: inline-block; margin: 0 5px; width: 30px; height: 5px; background-color: #ddd;} #facilities .owl-dot.active {background-color: #C41E2B;} #facilities .owl-dot:focus{outline: none;} .sub-heading{position: relative; padding-bottom: 20px; color: #212121; font-size: 27px; font-weight: 500;} .sub-heading:after{content: ""; width: 50px; height: 5px; background: #143272; position: absolute; bottom: 0; left: 0;} .sub-heading.nobdr{padding-bottom: 0; margin-bottom: 10px;} .sub-heading.nobdr:after{display: none;} .mauto{margin: auto;} #units{padding: 20px 0 60px;} #units p{color: #fff; margin-bottom: 5px;} #units p.numner{font-size: 60px; font-weight: 500;} #units p.numdec{font-size: 21px;} ul.tick_list li{position: relative; padding-left: 26px; margin-bottom: 5px;} ul.tick_list li:before{content: "check"; font-family: "Material Icons"; position: absolute; left: 0; font-weight: 600; font-size: 18px;} ul.tick_list.storage-listing li{padding-left: 5px!important; list-style: disc!important; margin-left: 18px!important;} ul.tick_list.storage-listing li:before{content: none!important;} .iconbox {margin: 0 0 20px;} .iconbox .icon_img{width: 50px;} .iconbox .icon_cont{width: 85%; padding-left: 20px;} .iconbox .icon_cont h4{margin-bottom: 5px; font-size: 21px;} .iconbox .icon_cont p{margin-bottom: 0;} /* Testimonials Section --------------------------------*/ section#testimonials{background: url(../../assets/img/mapbg.jpg) no-repeat; background-size: cover; padding:0 0 50px;} section#testimonials .section-header {margin-bottom: 0;} #testimonials .testimonial-item {box-sizing: content-box; padding: 30px; margin: 20px 15px; text-align: center; min-height: 350px; background: #fff;} #testimonials .testimonial-item .testimonial-img {width: 110px; border-radius: 50%; margin: 0 auto 20px;} #testimonials .testimonial-item h3 {font-size: 27px; font-weight: 500; margin: 0 0 10px; color: #212121;} #testimonials .testimonial-item h4 {font-size: 18px; color: #212121; margin: 0;} #testimonials .testimonial-item .cont{margin-bottom: 20px;} #testimonials .testimonial-item .quote-sign-left {margin-top: -15px; padding-right: 10px; display: inline-block; width: 37px;} #testimonials .testimonial-item .quote-sign-right {margin-bottom: -15px; padding-left: 10px; display: inline-block; max-width: 100%; width: 37px;} #testimonials .testimonial-item p {font-style: italic; margin: 0 auto 15px auto;} #testimonials .owl-nav, #testimonials .owl-dots {margin-top: 5px; text-align: center;} #testimonials .owl-dot {display: inline-block; margin: 0 5px; width: 30px; height: 5px; background-color: #212121; outline: none;} #testimonials .owl-dot.active {background-color: #C41E2B;} .highlight_box {background: #143272; padding: 20px 30px; border-radius: 4px; color: #fff; position: relative; top: -50px;} .highlight_box h3{font-size: 27px; font-weight: 400; margin: 0 0 5px;} .highlight_box p{margin-bottom: 0; color: #B6CCFB;} /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ #footer {background: #071430; padding: 50px 0 0; color: #fff;} #footer h4{margin-bottom: 10px; font-size: 27px; font-weight: 500;} #footer .footer-info ul{column-count: 4;} #footer ul li{margin-bottom: 10px;} #footer ul li a{color: #fff; text-decoration: underline;} #footer ul li a:hover{text-decoration: none;} #footer ul.social{margin-top: 30px;} #footer ul.social li{display: inline-block; margin: 0 5px;} #footer ul.social li a{width: 38px; height: 38px; background: #394359; border-radius: 4px; display: block; padding: 3px; font-size: 20px; text-align: center;} #footer ul.social li a:hover{background: #C41E2B;} ul.colcount-2{column-count: 2;} #footer .subscribe {max-width: 350px;} #footer .subscribe input.form-control{background: #4A5468; border: 0; color: #fff;} #footer .footer-bottom{background: #00091C; padding: 20px 0;} #footer .copyright {font-size: 17px; font-weight: 400;} #footer .footer-main{padding: 40px 0; margin-top: 30px; border-top: 1px solid #1D283E;} #footer .footer-main>div{border-right: 1px solid #1D283E; padding-right: 25px; padding-left: 25px;} #footer .footer-main>div:first-child{border-left: 1px solid #1D283E;} .footer-sub{background: #212121; font-size: 15px; color: #fff;} /* Storage Listing page */ #listing-content .col-lg-6>div.row{margin: 0;} /*#listing-content .imagebox, #listing-content .detailbox{float: left;}*/ #listing-content .imagebox{background-size: cover !important; position: relative;} #listing-content .detailbox{padding: 15px; border: 1px solid #0000001a; border-radius: 0 2px 2px 0;} #listing-content .detailbox h2{font-size: 21px; margin-bottom: 8px;} #listing-content .detailbox p{font-size: 14px; color: #787879; margin-bottom: 8px;} #listing-content .detailbox .amount{color: #0750B5; font-size: 18px;} #listing-content .detailbox ul{margin: 0 0 15px; padding: 0; list-style-type: none;} #listing-content .detailbox ul li{color: #333; font-size: 16px; padding-left: 24px; position: relative; margin-bottom: 5px;} #listing-content .detailbox ul li>i{position: absolute; left: 0; top: 2px; color: #787879; font-size: 21px;} #listing-content .imagebox .offseal {background: #F5525F; position: absolute; left: -5px; top: 15px; max-height: 32px; padding: 0 10px 0 10px; font-weight: 500; color: #fff; height: 32px; line-height: 32px;} .offseal_open {background: #F5525F; max-height: 32px; padding: 0 10px 0 10px; font-weight: 500; color: #fff; height: 32px; line-height: 32px; display: inline-block; font-size: 15px;} #listing-content .imagebox .offseal:after, .offseal_open:after{content: ""; background: url(../img/sealcrop.png) no-repeat; width: 10px; height: 32px; float: right; position: relative; right: -18px;} ul.pagination {margin: 0; float: right;} ul.pagination li a{color: #333; border-color: #ddd; text-decoration: none;} ul.pagination li a:focus{box-shadow: none;} ul.pagination li a.page-link:hover {color: #c41e2b;} .page-item.disabled .page-link {color: #333;} .page-item.active .page-link{background-color: #C41E2B; border-color: #C41E2B;} ul.pagination li.page-item.active a.page-link:hover{color: #fff;} .storage_review>span{margin: 0; float: left; color: #9D9D9D;} .storage_review>span.star_full, .storage_review>span.star_half{color: #FFC400;} .storage_review>span>i{font-size: 21px;} .borderbox{padding: 20px; border: 1px solid #ddd; border-radius: 4px;} .borderbox h2, .borderbox h3{font-size: 21px; margin-bottom: 15px;} .borderbox h4{font-size: 16px;} .borderbox i{font-size: 50px; color: #0750B5;} .imgwrap{background-size: cover !important; min-height: 40vh;} .bgwhite{background: #fff;} #blog .blog_listing .blogimage{background-size: cover !important; min-height: 40vh;} #blog .blog_listing .borderbox{border-radius: 0;} #blog h2 a{color: #333; text-decoration: none;} #blog h2 a:hover{color: #C41E2B;} .widget_post h3{font-size: 21px; font-weight: 500; margin-bottom: 10px;} .widget_post ul li{margin-bottom: 5px;} .widget_post ul li a{text-decoration: underline; color: #333;} #blog .blogdetail .datepost{color: #787879; font-size: 27px; font-weight: 500; line-height: 32px; float: left;} #blog .blogdetail h2{font-size: 27px; float: left;} #blog .blogdetail .postinfo{font-size: 14px; color: #787879;} #blog .blogdetail .postinfo>span{margin: 3px;} #blog .blogdetail .postinfo>span:first-child{margin-left: 0;} #blog .blogdetail .tags{font-size: 14px;} #blog .blogdetail .tags a{color: #787879;} #blog .blogdetail .tags a:hover, .widget_post ul li a:hover{color: #C41E2B;} ul.partner_types li{margin-bottom: 20px;} ul.partner_types li a, ul.partner_types li div{ display: block; padding: 20px 60px 20px 25px; border: 2px solid #ddd; border-radius: 3px; position: relative; text-decoration: none;} ul.partner_types li a:hover{background: #143272; border-color: #143272;} ul.partner_types li a:before, ul.partner_types li>div:before{content: ""; width: 0; height: 0; border-top: 36px solid #C41E2B; border-right: 36px solid transparent; position: absolute; left: -2px; top: -2px;} ul.partner_types li a:after{content: ""; background: url(../img/arrow-sprite.png) no-repeat; width: 23px; height: 43px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto;} ul.partner_types li:hover a:after{background-position: 0 -47px;} ul.partner_types li p{margin-bottom: 0;} ul.partner_types li .redtext{color: #C41E2B; font-size: 18px;} ul.partner_types li .bluetext{color: #143272; font-size: 15px;} ul.partner_types li .greytext{color: #787879; font-size: 15px;} ul.partner_types li a:hover .redtext, ul.partner_types li a:hover .bluetext{color: #fff;} ul.partner_types li a:hover .greytext{color: #7284AA;} .nav.nav-tabs {display: flex; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; border-bottom: 1px solid #ddd;} .nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{position: relative; border: 0; text-align: left; font-size: 18px; font-weight: 500; color: #333; padding: .5rem 1rem; display: inline-block; flex: none; text-decoration: none;} .nav-tabs .nav-link:first-child{padding-left: 0;} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: transparent; border-top: 0; border-left: 0; border-right: 0; color: #C41E2B;} .nav-tabs .nav-link.active:after{content: ""; height: 2px; width: 100%; display: block; background: #c61e2b; position: absolute; bottom: 0; left: 0;} ul.storage-unit li{margin-bottom: 20px;} ul.storage-unit li i{color: #787879; font-size: 22px; position: absolute; top: 0; left: 0;} ul.storage-unit li strong{font-size: 17px;} ul.storage-unit li p{margin-bottom: 5px; position: relative; padding-left: 28px;} ul.storage-unit li .amount{color: #0750B5; font-size: 21px; font-weight: 500;} ul.storage-unit li .amount>span{color: #787879; font-size: 16px; font-weight: 400;} .divider{border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .map iframe{border: 1px solid #ddd; border-radius: 3px;} .gallery .thumb{padding: 5px; text-align: center;} .gallery .img-thumbnail{padding: 0; border: 0; border-radius: 4px;}/* min-height: 70px;*/ .modal{z-index: 9999999;} .modal-open .modal{background: rgba(7, 20, 48, .5);} .modal.show .modal-dialog{margin-top: 5rem;} .modal .modal-content{border: 0; position: relative;} .modal .modal-content .close{position: absolute; color: #fff; z-index: 1; right: -15px; top: -15px; background: #000; width: 30px; height: 30px; border-radius: 50%; opacity: .7;} .modal .modal-content .close i {font-size: 20px; line-height: 24px;} .modal .modal-content .gallery-nav{position: absolute; top: 0; bottom: 0; height: 40px; width: 100%; margin: auto;} .modal .modal-content .gallery-nav a{color: #fff; width: 40px; background: rgba(0, 0, 0, 0.4); padding: 0px 5px; text-align: center; height: 40px;} .modal .modal-content .gallery-nav a i{font-size: 30px; line-height: 38px;} .modal .modal-title{font-size: 21px; margin-bottom: 5px;} .modal .close-modal{position: absolute; right: 10px; top: 10px; color: #777; z-index: 1;} #image-gallery .modal-content{min-height: 350px;} .review-list li{position: relative; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;} .review-list li .storage_review {position: absolute; right: 0; top: 0;} .review-list.lastno li{margin-bottom: 20px;} .review-list.lastno li:last-child{border:0; margin-bottom: 0;} ul.unit-features-list{column-count: 3;} ul.unit-features-list li{margin-bottom: 5px;} ul.unit-features-list li i{color: #787879; font-size: 18px; position: relative; top: 4px; margin-right: 2px;} /* ul.unit-features-list li:nth-child(4), ul.unit-features-list li:nth-child(5), ul.unit-features-list li:nth-child(6){margin-left: -28%;} */ ul.order-detail, ul.tenant-info {border: 1px solid #ddd; border-radius: 4px;} ul.order-detail li {padding: 20px;} ul.order-detail p{margin-bottom: 5px;} ul.order-detail p i{font-size: 16px; color: #787879; position: relative; top: 2px;} ul.order-detail p a{color: #0750B5;} ul.order-detail p a:hover{color: #C41E2B;} ul.order-detail li.total{background: #333; border-radius: 0 0 4px 4px;} ul.order-detail li.total p{margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 500;} ul.tenant-info li{padding: 10px 15px 10px 40px; border-top: 1px solid #ddd; position: relative;} ul.tenant-info li:first-child{border-top: 0;} ul.tenant-info li i{color: #787879; font-size: 18px; position: absolute; top: 14px; left: 10px;} /* My Profile */ .sidebar{-webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 22%; max-width: 22%; min-width: 190px;} .content-main {min-height: 510px; -webkit-box-flex: 0; -ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; border-left: 2px solid #ddd; padding-left: 30px;} .sm-container {width: 100%; max-width: 850px; min-height: 700px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .bg-light {background-color: #F5F5F5 !important;} .bg-white {background-color: #fff !important;} .sm-container .borderbox{border-width: 2px;} .sm-container .borderbox i{font-size: 40px; color: #B3B3B4;} .sm-container .borderbox i.checked{color: #143272;} .sm-container .borderbox .input-group-text i{font-size: 18px; color: #333;} #login_wrap{max-width: 450px; width: 100%; margin: 0 auto;} #faq .card{border: 1px solid #ddd; border-radius: 0; margin-bottom: 20px;} #faq .card:last-child{margin-bottom: 0;} #faq .card .card-header{border-radius: 0; background: transparent; border-bottom: 0; padding: .75rem 1rem;} #faq .card .card-header a{color: #333; font-weight: 500; display: block; padding-right: 30px; position: relative; font-size: 17px; text-decoration: none;} /*#faq .card .card-header a.card-link:before{content:"remove"; font-family: 'Material Icons' !important; font-size: 24px; position: absolute; right: 0; top: 0; line-height: 24px;} #faq .card .card-header a.collapsed.card-link:before{content:"add";}*/ #faq .card .card-header a.card-link:before{content:""; width: 18px; height: 18px; position: absolute; right: 0; top: 3px; background-image: url(../img/minus.png); background-repeat: no-repeat; background-position: center center;} #faq .card .card-header a.collapsed.card-link:before{background-image: url(../img/plus.png);} #faq .card .card-body{padding: 0 1rem 1.25rem;} #faq .card .card-body>p{margin-bottom: 10px;} .text-sm>p{font-size: 15px; margin-bottom: 8px;} #faq .card .card-body>p:last-child, .text-sm>p:last-child{margin-bottom: 0;} .highnote {background: #eef3fd; border: 1px solid #bbc7e2; margin-bottom: 10px;} ul.contact li{position: relative; padding-left: 30px; margin-bottom: 10px;} ul.contact li i{color: #787879; font-size: 18px; position: absolute; left: 0; top: 3px;} #addimages img, #addvideos img{border-radius: 3px; height: 100px; width: auto; margin-bottom: 5px;} .custom-file.browseimage{height: 100px !important;} .custom-file.browseimage .custom-file-label, #addvideos .browsevideo{height: 100px !important; background: #f5f5f5; border: 1px solid #ddd; border-radius: 3px;} #addvideos img, #addvideos .browsevideo{min-width: 100%; min-height: 150px; height: 150px !important; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .custom-file.browseimage .custom-file-label::after{position: relative; padding: 0; border: 0; content: "Add New"} .custom-file.browseimage .custom-file-label>i, #addvideos .browsevideo>a>i{font-size: 50px;} #addvideos .browsevideo>a{margin: auto; text-decoration: none;} .custom-file.browseimage{height: 120px !important; width: 100%;} .custom-file.browseimage .custom-file-label{padding: 0; height: 120px !important; width: 100% !important; background: #fff; border-left: 3px solid #C41E2B;} .custom-file.browseimage.upload-banner, .custom-file.browseimage.upload-banner .custom-file-label{height: 120px !important; width: 300px !important;} .custom-file.browseimage .custom-file-label::after{content: "Add Logo"; top: -5px; height: 20px;} .custom-file.browseimage.upload-banner .custom-file-label::after{content: "Add Banner";} .custom-file.browseimage.upload-image .custom-file-label::after{content: "Add Image";} .custom-file.browseimage input.custom-file-input{width: 100%; height: 100%; cursor: pointer;} .custom-file.browseimage .custom-file-label #divImageMediaPreview{overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5;} .custom-file.browseimage .custom-file-label #divImageMediaPreview>img{padding: 5px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} .custom-file.browseimage .custom-file-label>i{font-size: 30px;} .custom-file.browseimage.upload-banner .custom-file-label #divImageMediaPreview>img{width: auto !important; height: 100% !important;} .note-editor .btn-group button{background-color: #fff; border: 1px solid #ddd; font-size: 12px; font-weight: 400;} .note-editor .dropdown-menu > li > a {display: block; clear: both; font-weight: 400; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; padding: 3px 20px;} .note-editor blockquote {font-size: 17.5px; padding: 10px 20px; margin: 0px 0px 20px; border-left: 5px solid rgb(238, 238, 238);} .note-editor, .note-editor .note-toolbar, .note-editor .note-statusbar .note-resizebar{border-color: #ddd !important;} .note-editor .note-color .dropdown-menu li>.btn-group {display: inline-block; width: 160px; margin: 0;} .note-editor .note-color .dropdown-menu li>.btn-group:first-child{margin: 0 5px;} .note-editor .note-color .dropdown-menu li>.btn-group .note-palette-title{margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee;} .note-editor .note-color .dropdown-menu li>.btn-group .note-color-reset, .note-editor .note-color .dropdown-menu li>.btn-group .note-color-select{width: 100%; padding: 0 3px; margin: 3px; font-size: 11px; text-align: center; cursor: pointer; border-radius: 5px;} .note-editor .note-color-palette{line-height: 1;} .note-editor .note-color .dropdown-menu li>.btn-group .note-color-row {height: 20px;} .note-editor .note-color-palette div .note-color-btn {width: 20px; height: 20px; padding: 0; margin: 0; border: 1px solid #fff;} .note-editor .note-color .dropdown-menu li>.btn-group .note-holder-custom .note-color-btn {border: 1px solid #eee;} textarea#embedcode{color: #787879; font-size: 14px; border: 0;} .select-template label{cursor: pointer;} .select-template .borderbox{border-width: 2px; min-height: 200px; padding: 0; position: relative; background-size: cover; background-position: center top; background-repeat: no-repeat;} .select-template .borderbox i{font-size: 30px; color: #666; position: absolute; left: 0; bottom: 0;} .select-template .borderbox i.checked{color: #143272;} .select-template .borderbox .input-group-text i{font-size: 18px; color: #333;} .select-template .borderbox.cheked_temp{border-color: #143272;} /*Custom Website HTML - CSS */ section#intro.custom_html_preview{background: url(../img/banner-preview-bg.jpg); height: 50vh;} section#intro.custom_html_preview .intro-content{top: 13vh;} section#intro.custom_html_preview .intro-content h2{font-size: 40px; font-weight: 400;} section#intro.custom_html_preview p{font-size: 18px; font-weight: 400; color: #fff;} section#intro.custom_html_preview .downlink{position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 99;} section#intro.custom_html_preview .downlink a i{color: #fff; font-size: 46px; line-height: 20px;} section#custom_facility{background: #F6F6F6; padding: 50px 0px 30px;} #location_list{margin: 0 auto;} #location_list .locbox{background: #787879; padding: 20px; color: #fff; border-radius: 4px; position: relative; cursor: pointer;} #location_list .locbox>p{font-size: 17px;} #location_list .locbox>p>span{color: #C9C9C9; font-size: 15px;} #location_list li.location-item {padding-bottom: 10px;} #location_list .locbox:hover, #location_list .selected .locbox{background: #143272;} #location_list .locbox:hover:after, #location_list .selected .locbox:after{content: "arrow_drop_down"; font-family: 'Material Icons'; font-size: 60px; position: absolute; line-height: 14px; color: #143272; bottom: -10px; left: 0; right: 0;} .socialinks a{margin: 0 5px; background: #fff; width: 26px; height: 26px; line-height: 28px; display: inline-block; border-radius: 4px; color: #212121; font-size: 14px;} .socialinks a:hover{background: #e5352d; color: #fff;} .socialinks a i{color: #212121;} .socialinks a:hover i{color: #fff;} .wlink{color: #fff; padding-left: 7px; position: relative; margin-left: 5px;} .wlink:before{content: ""; height: 10px; width: 1px; background: #fff; display: inline-block; position: absolute; left: 0; top: 4px;} /*Custom Website HTML - CSS */ #add_review .storage_review{position: relative; top: 11px;} div#add_review {border-left: 1px solid #ddd;} a.canvasjs-chart-credit{display: none;} .boxbg{background: #f9f9f9; border: 1px solid #ddd; border-radius: 3px;} .reply_content{display: none;} .replybox{width: 100%; background-color: #e9edf7; color: #333; padding: 10px 15px; position: relative; font-size: 13px;} .replybox.arrow-top{margin-top: 15px;} .replybox.arrow-top:after{content: " "; position: absolute; right: 30px; top: -12px; border-top: none; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #e9edf7;} .faq-repeater{border-top: 1px solid #ddd;} .faq-repeater:first-child{border: 0;} span.img-title {position: absolute; text-align: center; bottom: 0; color: #fff; font-size: 17px; background: rgb(0 0 0 / 70%); padding: 3px 12px; margin: auto; left: 0; right: 0; max-width: 310px;} .lh-34px{line-height: 34px !important;} .lh-42px{line-height: 42px !important;} .wrapbox{border-radius: 5px; border: 1px solid #DFDFDF;} .boxwrap{padding: 30px; text-align: center; border-radius: 5px 5px 0 0; margin-left: -1px; margin-right: -1px; margin-top: -1px} .bluebox{background-color: #95ECFF;} .silverbox{background-color: #EEEEEE;} ul.tickcircle_list{padding: 30px; margin: 0;} ul.tickcircle_list li{position: relative; padding-left: 26px; margin-bottom: 10px;} ul.tickcircle_list li:before{content: "check_circle";font-family: "Material Icons";position: absolute;left: 0;font-weight: 600;font-size: 16px;color: #5D5D5D;} ul.tickcircle_list li:last-child{margin-bottom: 0;} .embed_code, .embed_code:focus{background-color: #F7F8FA; height: 120px !important; padding-bottom: 40px;} .btn.btn-copy{position: absolute; right: 0; bottom: 0; height: 34px;} .btn.btn-copy i{font-size: 16px; position: relative; left: -2px; top: 3px;} .equalheight {min-height: 140px;} /*-------------------------------------------------------------- # Responsive Style --------------------------------------------------------------*/ @media (min-width: 992px){ .mh-120px{max-height: 120px;} .mh-240px{max-height: 240px;} .mh-300px{max-height: 300px;} } @media (min-height: 850px){ .footer-sub.fixed{position: fixed; width: 100%; bottom: 0;} } @media (max-height: 768px){ section#intro+main#main {position: relative; padding-top:30px;} section#intro+main#main section.banner-boxes {position: inherit; top: 0;} } @media (max-height: 757px){ section#intro, section#intro #intro-carousel .item {height: 70vh;} section#intro.custom_html_preview{height: 60vh;} } @media (max-height: 550px){ section#intro.custom_html_preview .intro-content{top: 5vh; display: block;} section#intro.custom_html_preview .intro-content h2{font-size: 30px;} } @media (max-height: 449px){ section#intro.custom_html_preview{height: 80vh;} } @media (min-width: 576px) and (max-width: 991px) { .container {max-width: 95%;} } @media (min-width: 768px) { ul.checkout-bar li:nth-child(5):before{left: inherit; right: -10px;} .checkout-bar li.active:after{content: ""; height: 3px; width: 100%; left: 50%; position: absolute; top: -50px; z-index: 0;} .checkout-wrap{height: 50px; margin: 20px auto;} ul.checkout-bar{border-radius: 15px; height: 3px; margin: 0 auto; padding: 0; position: absolute; width: 100%; background: #707070; z-index: 9;} ul.checkout-bar:before{border-radius: 15px; content: " "; height: 3px; left: 0; position: absolute; /*width: 10%;*/} ul.checkout-bar li{display: inline-block; margin: 30px 0 0; padding: 0; text-align: center; width: 22%;} ul.checkout-bar li:before{height: 40px; left: 0; right: 0; line-height: 40px; position: absolute; top: -50px; width: 40px; z-index: 99; margin: auto;} ul.checkout-bar li.visited{background: none;} ul.checkout-bar li.first{text-align: left; width: 16%;} ul.checkout-bar li.last{text-align: right; width: 15.6%;} ul.checkout-bar li.first>span{position: relative; left: -10%;} ul.checkout-bar li.last>span{position: relative; right: -26%;} ul.checkout-bar li.visited:after{content: ""; height: 3px; left: 50%; position: absolute; top: -50px; width: 100%; z-index: 99;} } @media (min-width: 768px) and (max-width: 991px) { .content-main{-webkit-box-flex: 0; -ms-flex: 0 0 74%; flex: 0 0 74%; max-width: 74%;} } @media (min-width: 992px) and (max-width: 1199px) { .review-list li .storage_review{position: relative;} } @media (min-width: 991px) { #facilities img{min-height: 100%;} } @media (min-width: 992px){ .container {max-width: 1000px;} .nav-menu ul li{padding-left: 10px;} } @media (min-width: 1200px){ .container {max-width: 1200px;} .max-xl-w-80{max-width: 80px !important;} .max-xl-w-90{max-width: 90px !important;} .max-xl-w-100{max-width: 100px !important;} .max-xl-w-110{max-width: 110px !important;} .max-xl-w-120{max-width: 120px !important;} .max-xl-w-130{max-width: 130px !important;} .max-xl-w-140{max-width: 140px !important;} .max-xl-w-150{max-width: 150px !important;} } @media (max-width: 1199px) { section {margin-bottom: 40px;} .nav-menu > li {margin-left: 5px;} .nav-menu > li a{font-size: 17px;} #footer .footer-info ul{column-count: 3;} #subheader h1{font-size: 40px;} .mt-sm-3.d-xs-block{width: 100% !important;} .equalheight {min-height: 170px;} } @media (max-width: 991px) { .checkout-wrap{max-width: 100%;} ul.checkout-bar li{width: 21%;} ul.checkout-bar li.first>span{left: 0;} ul.checkout-bar li.last{width: 18.5%;} ul.checkout-bar li.last>span{right: 0;} #intro .intro-content{width: 90%; max-width: 680px;} #nav-menu-container {display: none;} #mobile-nav-toggle {display: inline;} #intro .intro-content h2{font-size: 44px;} .search_unit input[type="text"] {width: 59.3%;} .mauto{margin-top: 30px;} .highlight_box .mauto{margin: auto;} #facilities .owl-dots {padding: 30px 0;} .content-fac {max-width: 100%; padding: 0 20px 10px;} .iconbox {margin: 20px 0 0;} #footer h4{font-size: 20px;} #footer .footer-main>div:last-child{margin-top: 20px; padding: 20px 0 0; border-top: 1px solid #1D283E; border-right: 0; text-align: center;} #footer .subscribe{margin: 0 auto;} #subheader h1{font-size: 30px;} .text-right>label{display: block; text-align: left !important;} .text-right.pt-2{padding-top: 0 !important;} .col-md-12.w120{width: 100% !important; min-width: 100% !important; max-width: 100% !important;} /* ul.unit-features-list li:nth-child(4), ul.unit-features-list li:nth-child(5), ul.unit-features-list li:nth-child(6){margin-left: 0;} */ div#add_review {border-left: 0; border-top: 1px solid #ddd;} #mobile-nav ul li a.btn-login{font-size: 16px !important;} .flex-order1{order: 1;} .flex-order2{order: 2;} } @media (max-width: 800px) { .wlink{display: block; max-width: 148px;} .wlink:before{top: 6px;} } @media (max-width: 768px) { .back-to-top {bottom: 15px;} #header {padding: 10px 0; height: 90px;} #header #logo h1 {font-size: 34px;} #header #logo img {max-height: 74px;} .is-sticky #header #logo img{max-height: 65px;} #about .about-img {height: auto;} #about .about-img img {margin-left: 0; padding-bottom: 30px;} #footer .footer-info ul{column-count: 2;} } @media (max-width: 767px) { ul.checkout-bar li, ul.checkout-bar li.last{width: 100%; padding: 12px 20px 12px 70px;} ul.checkout-bar{margin: 0;} section {margin-bottom: 20px;} #services .box .box {margin-bottom: 20px;} #services .box .icon {float: none; text-align: center; padding-bottom: 15px;} #services .box h4, #services .box p {margin-left: 0; text-align: center; } #testimonials .testimonial-item {margin: 10px 10px 30px; } #intro .intro-content{width: 80%;} .search_unit{max-width: 400px; text-align: center; padding: 15px;} #intro .intro-content h2{margin-bottom: 15px; font-size: 39px} .search_unit .form-control{width: 100% !important; float: none !important; margin-bottom: 10px;} .search_unit input[type="submit"]{float: none !important;} main#main {position: inherit; padding-top: 20px;} .banner-boxes .box{height: auto !important; margin-bottom: 20px;} section#intro, section#intro #intro-carousel .item{height: 60vh} #intro .intro-content{top: 0; bottom: 0;} .sub-heading{font-size: 24px;} section .section-header h2{font-size: 27px;} section#intro+main#main {position: relative; padding-top:20px;} section#intro+main#main section.banner-boxes {position: inherit; top: 0 !important;} #footer .footer-main>div{margin-bottom: 30px; border: 0 !important; text-align: left !important;} #footer .subscribe{margin: 0 25px;} #footer .footer-main>div:last-child{margin: 0; padding: 0;} #footer .footer-main {padding: 30px 0; margin-top: 20px;} #subheader h1{font-size: 24px;} .search-fields div[class^="col-"] {padding: 0 15px !important;} .borderbox.nobdr {padding: 0;} #blog .blogdetail h2, #blog .blogdetail .datepost{font-size: 24px; line-height: 28px;} .col-sm-12.text-right{text-align: center !important; padding-top: 20px;} .col-sm-12.text-right.btn-right{text-align: right !important;} .tab-pane ul{column-count: 1;} .map iframe{height: 300px;}/*border-top: 2px solid #ddd;*/ .content-main{padding-top: 10px; padding-left: 0; border-left: 0; border-top: 0; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: inherit;} .sidebar {display: none; width: 100% !important; min-width: 100% !important; max-width: 100% !important; -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: inherit;} .sidebar ul li{display: inline-block; padding-right: 5px;} .sidebar ul li.active:after {height: 2px; width: 100%; right: inherit; top: inherit; bottom: -2px;} section#intro.custom_html_preview .intro-content{top: 5vh; display: block;} .wlink{margin: 0 auto; padding: 0;} .wlink:before{display: none;} .h-100.wrapbox{height: auto !important; margin-bottom: 30px;} .equalheight {min-height: inherit;} } @media (max-width: 576px) { #contact #google-map {margin-top: 20px; } #intro .intro-content {width: 90%;} #intro .intro-content h2 {font-size: 24px;} .owl-carousel .owl-nav {display: none;} } @media (max-width: 575px) { #facilities .owl-dots {padding: 0 0 30px;} .iconbox .icon_cont {width: 82%;} .highlight_box{margin: 0;} .highlight_box .mauto{margin: 20px 0 0;} .highlight_box>div{text-align: center !important;} section#features {margin-bottom: 80px;} #footer .footer-info ul{column-count: 1;} #subheader h1{font-size: 22px;} #listing-content .imagebox{min-height: 280px;} .paginfo, ul.pagination{text-align: center; float: none; margin: auto; width: fit-content;} .paginfo{margin-bottom: 10px;} .col-xs-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-xs-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%;} .col-xs-10{-webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-xs-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-sm-12.text-right{text-align: left !important;} .review-list li .storage_review{position: relative;} .divider{border-left: 0; border-right: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px; margin: 15px 0;} .col-sm-3.pr-0{padding-right: 15px !important; margin-bottom: 15px;} .d-xs-block {display: block!important;} .sidebar ul li{display: block;} .sidebar ul li.active:after {height: 100%; width: 2px; top: 0; bottom: inherit; left: 0;} ul.unit-features-list{column-count: 1;} /* .nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{display: block; padding: .5rem 1rem .5rem 0; width: 100%;} */ .text-xs-center{text-align: center !important;} .pt-xs-0{padding-top: 0 !important;} .pt-xs-1{padding-top: .25rem!important;} .pt-xs-2{padding-top: .5rem!important;} .pt-xs-3{padding-top: 1rem!important;} .pt-xs-4{padding-top: 1.5rem!important;} .pt-xs-5{padding-top: 3rem!important;} .px-xs-4 {padding-left: 1.5rem!important; padding-right: 1.5rem!important;} .pb-xs-2{padding-bottom: .5rem!important;} .pb-xs-3{padding-bottom: 1rem!important;} .py-xs-3{padding-bottom: 1rem!important; padding-top: 1rem!important;} div.fs-wrap .fs-dropdown{width: 90%;} .text-xs-left{text-align: left !important;} .mb-xs-3{margin-bottom: 1rem!important;} .mt-xs-3{margin-top: 1rem!important;} .d-xs-none{display: none !important;} .custom-file.browseimage.upload-logo, .custom-file.browseimage.upload-logo .custom-file-label{width: 120px !important; margin-bottom: 15px;} .form-action.btn-grp>.btn {display: block; float: none !important; max-width: 210px; margin: 0 auto 15px !important; text-align: center;} .form-action.btn-grp>.btn:last-child{margin-bottom: 0 !important;} section#intro.custom_html_preview .intro-content h2{font-size: 30px;} .input-group.subdomain input.form-control{min-width: 180px;} .input-group.subdomain .input-group-append, .input-group.subdomain .input-group-append span.input-group-text{display: block; width: 100%; text-align: right;} .input-group.subdomain .input-group-append span.input-group-text{background: transparent; border: 0;} .boxwrap, ul.tickcircle_list{padding: 20px;} } @media (max-width: 479px) { ul.colcount-2{column-count: 1;} ul.order-detail .w230 {width: 60% !important; min-width: inherit !important; max-width: inherit !important;} section#intro.custom_html_preview{height: 60vh;} }