@charset "utf-8";

/* ===================================
    Elements
====================================== */

/* search box */
.search-box .add-on .input-group-append > .btn, .search-box .add-on .input-group-btn > .btn {border-left-width:0; left:0px; border-color:#ededed; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-right: 0; margin-left: -1px; text-transform: uppercase; border-width: 1px; border-style: solid;padding: 5px 9px; height: 31px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.search-box .add-on .form-control:focus, .search-box .add-on .input-group-btn > .btn:focus, .search-box .add-on .input-group-btn > .btn:hover {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border-color:#ededed; background: #f7f7f7 }
.search-box .add-on i{color: #939393; font-size: 11px; top: -5px; left: -2px}
.sidebar-nav-style-1 .search-box .add-on i{top: -4px;}
.search-box input[type="text"],.search-box input[type="search"]{border-color:#ededed; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; font-size: 12px; font-weight: normal; color: #232323; height: 31px;}
.search-box .add-on input[type="text"]{padding: 5px 8px }
.search-box input[type="text"]::-webkit-input-placeholder {color: #939393; font-size: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.015em;}
.search-box input[type="text"]::-moz-placeholder {color: #939393; font-size: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.015em}
.search-box input[type="text"]::-ms-input-placeholder {color: #939393; font-size: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.015em}
.search-box input[type="text"]::-o-placeholder {color: #939393; font-size: 10px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.015em;}

/* search box style 2 */
.search-box2 .add-on .input-group-append > .btn {border-left-width:0; left:0px; border-color:#4f4f4f; background-color: #4f4f4f; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; margin-right: 0;margin-left: -1px; text-transform: uppercase; border-width: 1px; border-style: solid; padding: 5px 8px 5px 10px; height: 45px; width: 45px;}
.search-box2 .add-on .input-group-append { width: 45px;}
.search-box2 .add-on .input-group-append > .btn:focus, .search-box2 .add-on .input-group-append > .btn:hover {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; border-color:#4f4f4f; background-color: #4f4f4f;}
.search-box2 .add-on i{color: #fff; font-size: 17px}
.search-box2 input[type="text"],.search-box2 input[type="search"]{border-color:#474747; background-color: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none;font-size: 14px; font-weight: normal; color: #636363; height: 45px}
.search-box2 .add-on input[type="text"]{padding: 10px 14px }
.search-box2 input[type="text"]::-webkit-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-moz-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-ms-input-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}
.search-box2 input[type="text"]::-o-placeholder {color: #636363; font-size: 14px; font-weight: 400; letter-spacing: 0.015em; background-color: transparent;}

/* search form */
.search-cart-header { padding-top: 14px; float: right; letter-spacing: 1px}
.header-search-form {color: #232323}
.search-form .search-input { border: none; border-radius: 0; border-bottom: 2px solid rgba(255,255,255,0.5); font-size: 30px; font-weight: 100; padding: 20px 38px 20px 2px; text-transform: capitalize; background: transparent; line-height: 40px; color: #fff;}
.search-form .search-input:focus{outline: none}
.search-input ::-moz-placeholder, .search-input [placeholder] { color: #ff0000; }
.search-form .search-button {font-size:21px; color:#fff; top:31px; right: 0; outline: none;}
#search-header {height:100%; width: 45%; margin:0 auto;}
.close-search { color: #373737; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; }
.close-search:hover { color: #9a9a9a;}
.search-button { cursor: pointer;  z-index: 0; margin-right: 0; border: none; background: none; }

@media (max-width: 991px) {
    .search-form .search-input {font-size: 24px; padding-top: 15px; padding-bottom: 15px;}
    .search-form .search-button {font-size: 15px;}
}

@media (max-width: 767px) {
    /* search form style */ 
    .search-form {width: 100%}
    .search-form .search-input {font-size: 16px; padding-top: 10px; padding-bottom: 10px; line-height: 34px;}
    .search-form .search-button {font-size: 12px; top: 20px;}    
}