/*--------------------- Copyright (c) 2020 --------------------------
[Master Stylesheet] 
Project: Self Storage
Version: 1.0.0 
Author: webstrot
 ------------------------------------------------------------------- 
[Table of contents] 
1. Body 
2. Typography
3. Header


--------------------------------------------------------------------*/
/*---------- Body Start ----------*/

 .wufoo_section {
    width: 75%;
    margin: 0 auto;
     padding-bottom: 100px;
}

#saveForm {
    background: red ;
   
}



body {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #767676;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
p{
    margin: 0;
    font-family: "Lato", sans-serif;
}
/*---------- Typography CSS Start ----------*/
a,
a:hover,
a:focus-within {
    color: #767676;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Poppins", sans-serif;
    line-height: 1.1;
    color: #231f20;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
img {
    max-width: 100%;
}
input,
textarea,
select,
button,
label,

img,
a,
:after,
:before,
:hover,
:focus,
.form-control:focus {
    outline: none !important;
    box-shadow: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.custom_container {
    max-width: 1430px;
}
a,
button {
    cursor: pointer;
}
.btn.focus,
.btn:focus {
    box-shadow: none;
}
ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
.response {
    color: #fff;
    text-align: center;
}
.section_heading{
    text-align: center;
    padding-bottom: 50px;
}
.section_heading p{
    font-size:16px;
    line-height: 26px;
    color: #231f20;
}

.header{
    float: left;
    width: 100%;
    background: #fff;
}
.top_header {
    float: left;
    width: 100%;
    font-size:18px;
    padding: 12px 0px;
    background: #101a22;
}
.top_header .header_left_wrap p {
    color: #fff;
    font-weight: 300;
}
.top_header .header_right_wrap{
    float: right;
}
.top_header .header_list{
    float: left;
    padding-right: 20px;
}
.top_header .header_phone svg{
    width: 20px;
    fill: #b01f24;
    margin-right: 5px;
}
.top_header .header_social_icons{
    float: left;
	margin-top: 5px;
}
.top_header .header_list ul li{
    display: inline-block;
    padding: 0px 7px;
}
.top_header .header_list ul li p span{
    display: inline-block;
    padding-right: 6px;
}
.top_header .header_list ul li p span svg{
   width: 20px;
   height: 20px;
   fill: #1480dc;
}
.top_header .header_list ul li:last-child{
    margin-right: 0;
}
.header_social_icons ul li{
    display: inline-block;
    margin-right: 12px !important;
}
.header_social_icons ul li:last-child{
        margin-right: 0;
    border-left: 1px solid #ffffff47;
    padding-left: 18px;
}
.header_social_icons ul li a {
    width: 30px;
    height: 30px;
    color: #fff;
}

.top_header .header_list ul li p{
    line-height: 2;
    font-weight: 300;
    color: #fff;
}

/* main_menu_wrapper start */

.main_menu_wrapper{
	float:left;
	width:100%;
	background:#fff;
}
.navbar-brand{
	padding:20px 0px;
}

.main_menu_navbar .navbar{
	float:right;
	padding: 15px 0px 0px 0px;
}
.navbar-expand-sm .navbar-nav .nav-link{
	padding-right:22px;
	padding-left:0;
}
.lv_search_bar {
    color: #444;
    font-size: 18px;
    cursor: pointer;
    padding-top: 19px;
}
.lv_search_bar a span svg {
    width: 18px;
    height: 18px;
}
.lv_search_box {
    position: absolute;
    width: 270px;
    top: 100%;
    padding: 20px;
    font-size: 18px;
    display: inline-block;
    border-top: 4px solid #111;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    display: none;
    z-index: 1000;
    right: 0px;
}
.lv_search_box input{
    float: left;
    color: #111111;
    width: calc(100% - 45px);
    padding: 0px 10px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0px;
}
.lv_search_box button{
   width: 45px;
    height: 45px;
    border: 1px solid #e1e1e1;
    border-left: none;
    background-color: #fff;
    color: #111;
    text-align: center;
    padding: 0px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; 
}






.navbar-expand-sm .navbar-nav li:last-child a{
	padding-right:0;
}
.main_menu_wrapper .nav-link span svg {
    fill: #111;
    width: 20px;
    height: 20px;
}
.main_menu_wrapper .nav-link{
    display: inline-block;
	font-size: 18px;
    line-height:20px;
    color: #101a22;
    padding: 22px 0px;
    text-transform: capitalize;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.main_menu_wrapper .nav-link:hover,
.main_menu_wrapper .nav-item.active .nav-link{
    color: #1480dc;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.menu_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(60, 75, 100, 0.14), 0 2px 1px -1px rgba(60, 75, 100, 0.12), 0 1px 3px 0 rgba(60, 75, 100, 0.2);
}

/* navbar-toggler start */

.navbar-toggler {
	position: absolute;	
    top: 10px;
    right: 24px;
	cursor: pointer;
	width: 2.5rem;
	height: 2rem;
}
.navbar-toggler span {
  display: block;
  position: absolute;
  height: 3px;
  width: 70%;
  background: #000;
  border-radius: 3px;
  opacity: 1;
  left: 25%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
.navbar-toggler span:nth-child(1) {
  top: 34.5%;
}
.navbar-toggler span:nth-child(2), .navbar-toggler span:nth-child(3) {
  top: 60%;
}
.navbar-toggler span:nth-child(4) {
  top: 85.5%;
}
.navbar-toggler.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.navbar-toggler.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
}
.navbar-toggler.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
.navbar-toggler.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}


/* mobile_menu_main */

.mobile_menu_main{
    float: left;
    width: 100%;
}
.mobile_logo{
    float: left;
    padding: 20px 0px;
}
.mobile_logo img {
    width: 135px;
}
#sidebar {
  position: fixed;
  display: block;
  height: 100vh;
  top: 0px;
  left: -500px;
  background-color: #222;
  box-shadow: 0px 0px 10px 0px rgba(77,77,77,0.5);
  overflow: scroll;
  overflow-x: hidden;
  z-index:1000;
}
#links {
  position: relative;
  float: left;
}
#link_list {
  list-style-type: none;
  width: 100%;
  padding: 0px 50px 0px 0px;
}
#link_list li {
  display: block;
  width: 100%;
}
#link_list li:hover {
  background-color: #4d3abe;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 400px;
  color: #ffffff;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
	font-size: 21px;
    color: #fff;
    text-align: left;
    padding: 14px 34px;
    font-weight: 200;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#cssmenu > ul > li > a span{
    width: 110px;
    height: auto;
    line-height: 20px;
    padding: 10px;
    left: 58%;
    margin-left: -64px;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: center;
    border: 4px solid #4d3abe;
    background: #4d3abe;
    text-indent: 0px;
    border-radius: 5px;
    position: absolute;
    pointer-events: none;
    bottom: 100px;
    opacity: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#cssmenu > ul > li > a span:before,
#cssmenu > ul > li > a span:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.1);
}
#cssmenu > ul > li > a span:after{
	bottom: -14px;
	margin-left: -10px;
    border-top: 10px solid #4d3abe;
}
#cssmenu > ul > li > a:hover span{
    opacity: 1;
    bottom: 70px;
}
#cssmenu > ul > li > a:after {
    content: "";
    background: #393939;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
}
#cssmenu > ul > li:last-child a:after {
	display:none;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a{
	color:#4d3abe;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#sidebar .sidebar_logo{
    float: left;
    width: 100%;
	text-align: center;
	padding: 20px;
	margin-bottom:20px;
}
#sidebar .sidebar_logo a img {
    width: 156px;
    float: left;
}
/* Banner */

.banner {
    float:left;
    width: 100%;
    padding: 500px 0px 20px 20px;
    background: url(../../images/slider.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.banner:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
}
.banner .banner_left_wrap {
       float: right;
    /* width: 100%; */
    margin-right: 15px;
    position: relative;
}
@media screen and (max-width: 480px) {
     .banner .inner {
         max-width: 90%;
        width: 90%;
    }

 }
.banner h1 {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    text-shadow: 1px 3px 10px #07070787;
}

.banner ul.actions {
    cursor: default;
    list-style: none;
    padding-left: 0;
    margin-top: 40px;
}
.banner ul.actions li {
    display: inline-block;
    padding: 0 1em 0 0;
    vertical-align: middle;
}
.banner ul.actions li a {
    background-color: #1480dc;
    padding: 14px 35px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
}

.self_storage_wrapper {
    width: 100%;
    float: left;
    padding: 100px 0px;
}
.service_box {
    width: 100%;
    float: left;
    min-height: 280px;
    padding: 30px;
    font-weight: 300;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #1480dc;
}
.service_box .icon_box span svg {
    fill: #fff;
}
.service_box .icon_box h3 {
    color: #fff;
}
.service_box .service_text p {
    color: #fff;
}
.service_box: .service_text a{
    color: #fff;
}
.icon_box {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}
.icon_box span svg{
    width: 70px;
    height: 70px;
    fill: #111;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.icon_box span {
    width: 93px;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.icon_box h3 {
    font-size: 25px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.service_text a {
    display: inline-block;
    color: #1480dc;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 12px;
}
.service_text p {
    font-size: 18px;
    font-weight: 400;
}


.self_storage_unit_wrapper {
    width: 100%;
    float: left;
    padding: 100px 0px;
    background: #f7f7f7;
}
.self_heading p {
    font-size: 18px;
    padding-top: 20px;
}

.self_heading h2 {
    font-size: 40px;
    font-weight: 500;
}
.storage_img {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 8px;
	border: 5px solid #1480dc;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.mar_btm {
    margin-top: 90px;
}
.com_btn {
    height: 50px;
    width: 150px;
    display: inline-block;
    background: #1480dc;
    line-height: 50px;
    text-align: center;
    margin-top: 25px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
}
.com_btn:hover{
    background: #111; 
    color: #fff;
}

.self_storage_location_wrapper {
    width: 100%;
    float: left;
    background-image: url(../../images/location_bg.jpg);
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.title_heading {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}
.title_heading h2{
    color: #fff;
    position: relative;
    display: inline-block;
    font-size: 40px;
}
.title_heading h2:after {
    position: absolute;
    content: '';
    left: 44%;
    border-radius: 4px;
    width: 41px;
    height: 6px;
    background: #1480dc;
    bottom: -30%;
}
.location_box {
    width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 30px;
}
.location_img {
    width: 50%;
    float: left;
    overflow: hidden;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.location_img img {
   height:100%;
}
.location_text {
    width: 50%;
    float: left;
    padding: 60px 0px 0px 70px;
    background: #fff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.location_text p {
    display: block;
    padding-top: 35px;
}
.location_text p span{
    display: inline-block;
    padding-right: 12px;
}
.location_text p span svg {
    width: 24px;
    height: 24px;
    fill: #1480dc;
}
.location_links {
    padding-bottom: 30px;
}
.location_links a {
    background: #1480dc;
    color: #fff;
    padding: 15px 30px;
    border-radius: 50px;
}
.location_links a:hover{
	background:#000;
}
.social_self ul li a {
    display: inline-block;
    font-size: 21px;
    padding-right: 14px;
    color: #1480dc;
    padding-top: 0;
}
.social_self ul li{
    display: inline-block;
}
.social_self ul li + li{
    border-left: 1px solid #ccc;
    padding-left: 14px;
}
.social_self ul {
    padding-top: 18px;
}
.social_self {
    padding-top: 34px;
}
.self_storage_unit_description_wrapper {
    width: 100%;
    float: left;
    padding: 50px 0px;
	background: #f8f8f8;
}
.self_storage_unit_description_wrapper .title_heading h2{
    color: #111;
    font-size: 40px;
    margin-bottom: 0;
}
.self_storage_unit_description_wrapper .title_heading small{
    display: block;
    font-size: 13px;
    color: #111;
    font-weight: 500;
}
.self_storage_unit_description_wrapper .title_heading h2:after {
    position: absolute;
    content: '';
    left: 28%;
    border-radius: 4px;
    width: 88px;
    height: 6px;
    background: #1480dc;
    bottom: -80%;
}
.non_climate h3 {
    font-weight: 500;
    font-size: 24px;
}
.non_climate h5 {
    color: #1480dc;
    font-weight: 500;
    font-size: 18px;
    padding: 10px 0px;
}
.non_climate ul li + li{
    margin-top: 12px;
}
.non_climate {
    width: 100%;
    float: left;
    padding: 40px;
    border: 5px solid #1480dc;
    border-radius: 8px;
    margin-top: 30px;
	background: #ffffff;
}
.self_storage_testi_wrapper{
    width: 100%;
    float: left;
    padding: 180px 0px 160px;
    background: #ffffff;
    position: relative;
}
.quote_img {
    text-align: center;
    position: absolute;
    top: 14%;
    left: 48%;
}
.testi_slider{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.testi_box p {
    font-size: 18px;
    padding: 12px 0px 20px;
    color: #101a22;
    font-style: italic;
    font-weight: 600;
}
.testi_slider .owl-prev {
    background: #1480dc;
    width: 71px;
    height: 35px;
    line-height: 18px;
    color: #fff;
    left: 270px;
    bottom: -60px;
    border-radius: 30px;
    position: absolute;
	padding-top: 10px;
}
.testi_slider .owl-next {
    background: #1480dc;
    width: 71px;
    height: 35px;
    line-height: 18px;
    color: #fff;
    border-radius: 30px;
    bottom: -60px;
    position: absolute;
    right: 270px;
	padding-top: 10px;
}
.testi_slider .owl-next:hover{
    background: #111;
    color: #fff;
}
.testi_slider .owl-prev:hover{
    background: #111;
    color: #fff;
}
.self_contact_us_wrapper {
    width: 100%;
    float: left;
    padding: 100px 0px;
    background: #1480dc;
}
.contact_title h2{
    color: #fff;
}
.form_cont input {
    width: 100%;
    border-radius: 30px;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 0px 18px;
    height: 50px;
    font-size: 14px;
}

.form_cont input::-webkit-input-placeholder { /* Edge */
  color: #000;
}

.form_cont input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

.form_cont input::placeholder {
  color: #000;
}
.reserve_btn{
    width: 100%;
    float: left;
    text-align: right;
}
.reserve_btn a {
    background: #fff;
    padding: 12px 0px;
    color: #111;
    text-align: center;
    font-size: 14px;
    border-radius: 30px;
    width: 100%;
    display: inline-block;
}
.reserve_btn a:hover{
    background-color: #111;
    color: #fff;
}

.self_footer_wrapper {
    width: 100%;
    float: left;
    padding: 100px 0px 30px;
    background: #101a22;
}
.footer_links h2{
    color: #fff;
}
.footer_links h2 {
    color: #fff;
    font-weight: 400;
    font-size: 21px;
    position: relative;
}
.footer_links h2:after {
    position: absolute;
    left: 0;
    content: '';
    width: 40px;
    height: 6px;
    background: #1480dc;
    bottom: -11px;
    border-radius: 8px;
}
.footer_links {
    width: 100%;
    float: left;
}
.footer_links ul{
    margin-top: 40px;
}
.footer_links ul li p {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.footer_links ul li a:hover{
    color: #1480dc;
}
.footer_links ul li p:hover span{
    color: #1480dc;
}
.footer_links ul li p span{
    display: inline-block;
    padding-right: 12PX;
}
.footer_links ul li + li{
    margin-top: 12px;
}
.contact_list li p{
    color: #797979;
    margin-left: 10px;
    display: inline-block;
    width: 212px;
}
.contact_list li:hover span{
    color: #1480dc;
}
.contact_list li:hover a{
     color: #1480dc;
}
.contact_list li span {
    width: 26px;
    display: inline-block;
    color: #1480dc;
    float: left;
    font-size: 20px;
}
.bottom_footer {
    border-top: 1px solid #797979;
    margin-top: 30px;
    padding-top: 28px;
    text-align: center;
}
.bottom_footer ul li{
    display: inline-block;
}
.bottom_footer ul li + li{
    margin-left: 12px;
}
.bottom_footer ul li a {
    font-size: 18px;
    color: #797979;
    text-decoration: none;
}
.bottom_footer ul li a:hover{
    color: #fff;
}
.menu_link p {
    color: #fff;
    padding-top: 14px;
}










@media (max-width: 991px){
.header_left_wrap {
    float: left;
}

}





/*========================Start New Css=================*/
.social_side ul li {
    display: block !important;
    padding: 13px 3px 13px 0px !important;
}
.social_side ul li a{
    color: #fff;
}
.social_side {
    border-top: 1px solid #ffffff38 !important;
    width: 100%;
    float: left;
    padding: 20px;
}
.social_side ul li a span {
    display: inline-block;
    
}
.social_side>a {
    padding-right: 12px;
    margin-top: 12px;
    display: inline-block;
    font-size: 23px;
    color: #fff;
}
#cssmenu {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     width: 280px;
     color: #fff;
     margin-left: 0px;
     margin-top: 0px;
}
 #cssmenu ul {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 #cssmenu ul li {
    width: 100%;
    float: left;
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 #cssmenu ul li a {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 #cssmenu ul li ul {
     padding-left: 40px;
     margin-top: 5px;
}
 #cssmenu ul li ul li a {
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
}
 #cssmenu ul li ul li:hover a {
     background: red;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 #cssmenu ul ul {
     display: none;
}
 #cssmenu ul ul li a {
     padding: 14px 22px;
     cursor: pointer;
     z-index: 2;
     font-size: 14px;
     text-decoration: none;
     color: #fff;
     -webkit-transition: color 0.2s ease;
     -o-transition: color 0.2s ease;
     transition: color 0.2s ease;
}
 #cssmenu ul ul li a:hover {
     color: #fff;
}
 #cssmenu ul ul ul li a {
     padding-left: 32px;
}
 #cssmenu ul ul > li.has-sub > a:after {
     top: 16px;
     right: 26px;
     background: #fff;
}
 #cssmenu ul ul > li.has-sub > a:before {
     top: 20px;
     background: #fff;
}
 #cssmenu ul > li.has-sub > a:after {
     position: absolute;
     left: 248px;
     top: 19px;
     z-index: 5;
     display: block;
     height: 10px;
     width: 2px;
     background: #fff;
     content: "";
     -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
     -ms-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
}
 #cssmenu ul > li.has-sub > a:before {
     position: absolute;
     right: 26px;
     top: 23px;
     display: block;
     width: 10px;
     height: 2px;
     background: #fff;
     content: "";
     -webkit-transition: all 0.1s ease-out;
     -moz-transition: all 0.1s ease-out;
     -ms-transition: all 0.1s ease-out;
     -o-transition: all 0.1s ease-out;
     transition: all 0.1s ease-out;
}
 #cssmenu ul > li.has-sub > a:hover:after {
     background: #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 #cssmenu ul > li.has-sub > a:hover:before {
     background: #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 #cssmenu ul > li.has-sub.open > a:after {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #cssmenu ul > li.has-sub.open > a:before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 #cssmenu > ul > li > input {
     width: 100%;
     padding: 20px;
     border: none;
     background-color: rgba(255, 255, 255, 0.05);
     color: #fff;
}
 #cssmenu > ul > li > a {
     padding: 16px 22px;
     cursor: pointer;
     z-index: 2;
     font-size: 14px;
     text-transform: capitalize;
     text-decoration: none;
     color: #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 #cssmenu > ul > li > a i {
     padding-right: 10px;
     font-size: 20px;
}
 #cssmenu > ul > li > a:hover {
     background: rgba(255, 255, 255, 0.05);
     color: #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}
 #cssmenu > ul > li.active > ul {
     display: block;
}
 #cssmenu > ul > .open > a {
     background: rgba(255, 255, 255, 0.05);
     color: #fff;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -moz-transition: all 0.5s;
     transition: all 0.5s;
}

/*---------frequently ask question---------*/

/*======================== JAYESH CSS START =========================*/

.bg_img {
  /* background: url(../../images/header.gif);*/
    background: #1480dc;
    position: relative;
    width: 100%;
    float: left;
    height: 247px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.overlay {
    width: 100%;
    height: 100%;
    float: left;
    background-size: cover;
    background: background: rgb(18 31 47 / 0%);
}
.security_section_1_text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 110px;
}
.security_section_1_text h4 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: xx-large;
}
.security_section_1_text ul {
    list-style: none;
    display: inline-flex;
}
.security_section_1_text ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: larger;
}
.security_section_1_text ul li a span{
    margin: 0px 20px;
    font-size: small;
}
.security_section_2 {
    padding-top: 85px;
    padding-bottom: 85px;
    width: 100%;
    float: left;
}
.security_section_2 p {
    margin: 19px 0px 0px 0px;
    font-size: 18px;
    line-height: 33px;
}
.security_section_2_row h1 {
    font-weight: 600;
    font-size: 40px;
}
.security_section_2_img  {
    margin-top: 80px;
    overflow: hidden;
    border-radius: 8px;
}
.imge  {
    margin-top: 80px;
}

/*--------security page css end--------*/
/*-------price page css start-----*/
.price_section_2_row_innertext{
    margin-top: 85px;
}
.price_section_3 {
    background-color: #f3f5e9;
    padding: 65px 0px;
}
.price_section_3 h1 {
    position: relative;
    width: 100%;
    text-align: center;
}
.price_section_3 h1:after {
    content: '';
    border-bottom: 3px solid #4b4be8;
    width: 65px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
}
.price_section_3_box {
    border: 1px solid #adaaaa3d;
    border-radius: 10px;
    height: 243px;
    width: 466px;
    margin-top: 85px;
    padding: 40px;
    
}
.price_section_3_box_list {
    display: flex;
}
.price_section_3_box a {
    font-weight: 600;
    color: blue;
}
.price_section_3_box ul{
    list-style: none;
}
.price_section_3_box1{
    float: right;
}
.price_section_2_1_row_innertext {
    margin-top: 30px;
}

/*-------price page css end-----*/
/*-------Contect page css start-----*/
.Contect_section_2 {
    margin: 95px 0px;
    padding-top: 50px;
    width: 100%;
    float: left;
    overflow: hidden;
}
.Contect_section_4 {
    margin-bottom: 70px;
    width: 100%;
    float: left;
}
.Contect_section_2_box h4 {
    font-weight: 600;
}
.Contect_section_2_box {
    border: 5px solid #1480dc;
    height: 180px;
    border-radius: 10px;
    padding-top: 67px;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.Contect_section_2_box_icon {
    border: 1px solid #1480dc;
    width: 100px;
    border-radius: 10px;
    height: 69px;
    line-height: 82px;
    position: absolute;
    top: -32px;
    left: 43%;
    background-color: #1480dc;
}
.Contect_section_2_box_icon i {
    font-size: 35px;
    color: #ffffff;
}
.Contect_section_2_box_2 {
    margin-left: 0px;
    width: 100%;
    float: left;
}
.Contect_section_2_box_1 {
    width: 100%;
    float: left;
}
.Contect_section_3 {
    padding-bottom: 100px;
    width: 100%;
    float: left;
}
.Contect_section_3 h1 {
    position: relative;
    width: 100%;
    text-align: center;
}
.Contect_section_3 h1:after{
    content: '';
    border-bottom: 3px solid #1480dc;
    width: 65px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
}
.Contect_section_3 p {
    text-align: center;
    padding: 25px 191px;
    font-size: 18px;
}
.Contect_section_4 {
    margin-bottom: 70px;
}
.Contect_section_3_form p {
    padding: 0;
    text-align: left;
    padding-right: 17rem;
    color: #fff;
    font-size: 18px;
}
.Contect_section_3_form {
    background-color: #1480dc;
    width: 100%;
    margin: 0px 100px;
    padding: 45px;
}
.Contect_section_3_form input {
    width: 100%;
    border-radius: 24px;
    height: 50px;
    padding-left: 25px;
    margin-bottom: 30px;
    background: #ffffff;
    border: none;
}
.Contect_section_3_form input::placeholder{
    color: #000;
}
.Contect_section_3_form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}
.Contect_section_3_form input::-webkit-input-placeholder {   /* Edge */
    color: #000;
}        
.Contect_section_3_form textarea {
    height: 150px;
    width: 100%;
    border-radius: 20px;
    padding-left: 25px;
    padding-top: 20px;
    background-color: #ffffff;
    margin: 30px 0px;
    border: none;
}
.Contect_section_3_form textarea::placeholder{
    color: #000;
}
.Contect_section_3_form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}
.Contect_section_3_form textarea::-webkit-input-placeholder {   /* Edge */
    color: #000;
} 
button {
    border: none;
    background: transparent;
}


#map {
   width: 100%;
   height: 400px;
   background-color: grey;
 }
.security_section_2_row img {
    width: 100%;
}
.security_section_2_row {
    overflow: hidden;
}
.bg_col {
    background: #f7f7f7;
}
.no_bg{
    background: transparent;
}
.no_bg .self_heading {
    margin-top: 80px;
}
.Contect_section_3_form .sumbit_btn {
    text-align: center;
    background: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 20px;
    color: #111;
    display: block;
    margin: 0 auto;
    max-width: 190px;
}
.Contect_section_3_form .sumbit_btn:hover{
    background: #111;
    color: #fff; 

}
.security_section_1 {
    width: 100%;
    float: left;
}
.Contect_section_2_box p {
    text-transform: none;
}
/*============ jayesh css======*/

@media (max-width: 1200px ){

/*--------security page css start--------*/
    .security_section_2 p span {
    display: none;
}
/*--------security page css end--------*/
/*-------Contect page css start-----*/
.Contect_section_2_box_2 {
    float: right;
}
/*-------Contect page css end-----*/
}
@media (max-width: 991px ){
    .Contect_section_2_box_2 {
  
    margin-top: 55px;
    
}
.security_section_2_img {
    margin-top: 30px;
    float: left;
}
.price_section_3_box {
   
    margin-top: 53px;
    margin-left: 20%;
   
}
.price_section_3_box1 {
     float: none; 
}
.imge{
    margin-top: 0px;

}
.imge img{
    margin-top: 30px;
    float: right !important;
}
.Contect_section_3_form P{
    display: none;
}
.Contect_section_3_form {
    
    margin: auto;
}
}

@media (max-width: 767px ){
    .security_section_2_img {
        float: right;
}
.Storage_Hallway {
    margin-top: 30px;
}
.security_section_2 {
    padding-top: 0px;
}
   .price_section_3_box {
   
    margin-top: 53px;
    margin-left: 10%;
   
} 
.imge img {
    float: right !important;
    margin-bottom: 30px;
}
.Contect_section_3 p{
    display: none;
}
.Contect_section_3 h1 {
    margin-bottom: 50px;
}
.Contect_section_2_box_1 {
    margin-bottom: 56px;
}
}





/*========================  RESPONSIVE CSS START  ============================*/

 @media (max-width: 1550px) { 
    
}
 @media (max-width: 1400px) { 
   .location_text a{
    padding-top: 18px;
   }
}

@media (max-width: 1366px) { 
    .social_self {
        padding-top: 22px;
    }

}

@media (max-width: 1199px) { 
    .social_self ul {
        padding-top: 6px;
    }
    .location_links{
        padding-bottom: 20px;
    }
    .location_text a {
        padding-top: 12px;
    }

}
@media (max-width: 1024px) {
   

}






@media (max-width: 991px){
	.location_text {
    padding: 30px 30px 30px 30px;
  
}
	.top_header{
		display:none;
	}
    .container{
        max-width: 991px;
    }
    .top_header {
        text-align: center;
    }
    .top_header .header_right_wrap {
        float: left;
        width: 100%;
    }
    .header_list ul{
        text-align: left;
    }
    .top_header .header_list {
        padding-right: 0;
    }
     .top_header .header_social_icons{
        float: right;
     }
    .top_header .header_list,
    {
        width: 100%;
       display: inline-block;
       margin-top: 10px;
    }
    .service_box{
        margin-bottom: 30px;
    }
    .icon_box h3{
        font-size: 21px;
    }
    .location_img, .location_text{
        width: 100%;
    }
    .location_box{
        background: transparent; 
    }
    .location_img img {
        width: 100%;
    }
    .footer_links{
        margin-bottom: 30px;
    }
    .reserve_btn{
        margin-top: 20px;
    }
}



@media (max-width: 767px){
   
    .storage_img{
        text-align: center;
        padding-top: 0px;
    }
    .form_cont {
        margin-bottom: 30px;
    }
    .reserve_btn{
        text-align: left;
    }
    .top_header{
        display: none;
    }
    .testi_slider .owl-prev{
        left: 120px;
    }
    .testi_slider .owl-next{
        right: 120px;
    }
    .chane_bg .mar_btm {
        margin-top: 0;
        margin-bottom: 56px;
    }
    .no_bg .self_heading {
        margin-top: 0;
        padding-bottom: 60px;
    }
    .security_section_2_row_innertext {
        padding-top: 50px;
    }
    .footer_logo {
        margin-bottom: 30px;
    }
    .self_storage_unit_wrapper{
        padding: 100px 0px 30px;
    }
}

@media (max-width: 580px){
    .banner h1{
        font-size: 24px;
        line-height: 30px;
    }
    .img_text h2{
        font-size: 24px;
        line-height: 30px;
    }
    .heading_title h2{
        font-size: 24px;
    }
}

@media (max-width: 480px){
    .banner p{
        display: none;
    }
    .banner {
        padding: 155px 0px 20px 20px;
    }
    .banner .actions li{
        margin-bottom: 20px;
    }
    .img_text{
        padding-top: 12px;
    }
    .img_text p{
        display: none;
    }
    .acce_img_text h3{
        font-size: 20px;
    }
    .img_text h2 {
        font-size: 18px;
        line-height: 25px;
    }
    .testi_slider .owl-prev {
        left: 32px;
    }
    .testi_slider .owl-next {
        right: 32px;
    }
    
}

@media (max-width: 380px){
    #cssmenu{
        width: 255px;
    }
    .navbar-toggler{
        right: 12px;
    }
    .self_storage_unit_wrapper{
        padding: 70px 0px;
    }
    .self_storage_unit_description_wrapper .title_heading h2:after{
        left: 36%;
        bottom: -16%;
    }
    .no_bg .self_heading{
        margin-top: 30px;
    }
    .self_heading h2, .security_section_2_row h1, .security_section_1_text h4, .Contect_section_3 h1{
        font-size: 30px;
    }
    .self_storage_unit_description_wrapper .title_heading h2{
        font-size: 30px;
    }
}