@import url(header.css);
@import url(footer.css);
@import url(content.css);
@import url(content2.css);

/**font**/
@font-face {
    font-family: Raleway;
    src: local('☺'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Raleway-Medium;
    src: local('☺'), url('../fonts/Raleway-Medium.ttf') format('truetype'), url('../fonts/Raleway-Medium.woff') format('woff'), url('../fonts/Raleway-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: OpenSans-ExtraBold;
    src: local('☺'), url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold.woff') format('woff'), url('../fonts/OpenSans-ExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: OpenSans-Regular;
    src: local('☺'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: OpenSans-Bold;
    src: local('☺'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: OpenSans;
    src: local('☺'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Raleway-Light;
    src: local('☺'), url('../fonts/Raleway-Light.ttf') format('truetype'), url('../fonts/Raleway-Light.woff') format('woff'), url('../fonts/Raleway-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**font-end**/

/**general**/
html,body{
    min-width:320px;
    font-family: OpenSans;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

ul {
    list-style-type: none;
}

ul, li {
    margin: 0;
    display: inline-block;
}

ul li ul, ul li ol {
    margin: 0;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea{
    margin:0;
}

a,input,button,select{
	outline: none;
}

.hide {
    display: none !important;
}

.row {
    padding: 0;
    max-width: 100%
}

.row .row {
    margin: 0;
}

.columns {
    padding: 0;
}

.columns.pad10 {
    padding: 10px;
}

.text_align_center {
    text-align: center;
}

.text_align_right {
    text-align: right;
}

.text_align_left {
    text-align: left;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: 0;
    left: 0;
    transform: none;
    background-color: transparent
}

.loading_hide {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    z-index: 3000;
    background: #fff url(images/bx_loader.gif) center no-repeat
}

.tiles-wrap {
    position: relative;
}

.tiles-wrap li {
    list-style-type: none;
}

.contactus {
    height: 245px;
    padding: 60px 0px 0px 420px;
    border-bottom: #e5e4e5 solid 1px;
}

.tiles-wrap.animated li {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.slow_move {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.afterclear:after {
    content: "";
    display: block;
    clear: both;
}

@media (max-width: 640px) {
    .web-site {
        display: none !important;
    }
}


.reveal-modal {
    width: 98%;
    z-index: 1004;
    margin: 0 auto;
    left: 0;
    right: 0;
    min-height: 1px;
    padding: 0;
    outline: 0;
}
.reveal-modal .close-reveal-modal {
    font-size: 20px;
    top: 15px;
    right: 15px;
}
.general_modal{
    max-width: 410px;
}
.general_modal_1000{
    max-width: 1000px;
}
.general_modal_box{
    padding: 20px;
}
.general_modal_box>h2{
    font-size: 35px;
    margin-bottom: 10px;
}
.general_modal_box>div{
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #fefefe;
    font-family: OpenSans;
}
}
#zoom_modal{
    
}

/**general-end**/

/**customized**/

.base_wrap {
    max-width: 1300px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}
.base_wrap_1050 {
    max-width: 1050px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}
.base_wrap_1080 {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}
.base_wrap_860{
    max-width: 880px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}
@media (max-width: 1024px) {
    .base_wrap_1050.nopadding1024,
    .base_wrap.nopadding1024{
        padding: 0;
    }
}
@media (min-width: 641px) {
	.mobile_show {
		display: none;
	}
}
@media (max-width: 640px) {
    .base_wrap_1050.nopadding640,
    .base_wrap.nopadding640{
        padding: 0!important;
    }
    .shopping_right_text{
        text-align: left;
        line-height: normal;
        height: auto;
    }
}

span.input_style{
    font-family: OpenSans-ExtraBold;
    position:relative;
    display: block;
    padding-bottom: 18px;
}
span.input_style:after{
    content: attr(placeholder);
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 10px;
    color: #eb6323;
    width: 100%;
    text-align: left;
    line-height: 10px;
}
span.input_style.required:after{
    content: attr(placeholder) " *";
}
span.input_style.focus:after{
    display: block;
}
a.input_style_submit_btn,
span.input_style input[type="text"],
span.input_style input[type="password"],
span.input_style textarea,
span.input_style select{
    font-family: OpenSans-ExtraBold;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #fefefe;
    font-size: 14px;
    border-bottom: 2px #f5f7fa solid;
    padding: 6px 0;
    line-height:20px;
    height: 34px;
    display: block;
}


span.input_style.focus input:focus::-webkit-input-placeholder{
    color:transparent;
}
span.input_style.focus input:focus::-moz-placeholder{
    color:transparent;
}
span.input_style.focus input:focus:-ms-input-placeholder{
    color:transparent;
}
span.input_style.focus input:focus:-moz-placeholder{
    color:transparent;
}
span.input_style.focus textarea:focus::-webkit-input-placeholder{
    color:transparent;
}
span.input_style.focus textarea:focus::-moz-placeholder{
    color:transparent;
}
span.input_style.focus textarea:focus:-ms-input-placeholder{
    color:transparent;
}
span.input_style.focus textarea:focus:-moz-placeholder{
    color:transparent;
}
span.input_style option{
    background-color: #003768;
}
a.input_style_submit_btn{
    cursor:pointer;
    text-transform:uppercase;
}
span.input_style.errorMessage *,
span.input_style.errorMessage{
    color:red!important;
    border-color:red!important;
}
span.input_style.errorMessage:after{
    color:red;
}
span.input_style select{
    padding-right:20px;
    font-family: OpenSans-ExtraBold;
	background:url(../images/general_icon.png) right -444px no-repeat;
    margin:0;
}

label.checkbox_style{
    display:inline-block;
    margin:0 10px 10px 0;
}
label.checkbox_style span{
    position:relative;
    padding-left:25px;
    font-size:14px;
    line-height:15px;
    display:block;
}
label.checkbox_style span:after{
	content:"";
	position:absolute;
	display:block;
	width:15px;
	height:15px;
	background:url(../images/general_icon.png) 0 -496px no-repeat;
    position:absolute;
    left:0;
    top:0;
}
label.checkbox_style input[type="checkbox"], label.checkbox_style input[type="radio"]{
    display:none;
}
label.checkbox_style input:checked ~ span:after {
    background-position-y: -481px;
}


a.logo{
	background:url(../images/general_icon.png) 0 3px no-repeat;
    display:inline-block;
    height:50px;
    width:300px;
}
a.logo2{
	background:url(../images/general_icon.png) 0 -50px no-repeat;
    display:inline-block;
    height:45px;
    width:300px;
}
a.logo3{
	background:url(../images/general_icon.png) -73px -154px no-repeat;
    display:inline-block;
    height:40px;
    width:155px;
}
.forged a.logo{
	background:url(../images/general_icon.png) 0 -309px no-repeat;
    display:inline-block;
    height:50px;
    width:300px;
}
/**customized-end**/



@media only screen and (min-width: 1024px) {
    header .header_top {
        display: block !important;
    }
}

header .header_top:after{
    content: "";
    clear: both;
    display: block;
}

header .header_top {
    display: none;
    background: #FFF url(../images/header_bg1.png) top left repeat;
}
header .header_top > .navbar-nav {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
    list-style: none;
    display: block;

}
header .header_top > .navbar-nav > li {
    padding: 0;
    float: left;
    line-height: 1.45;
}
header .header_top > .navbar-nav > li.active {
    padding: 0;
    background-color: #FFF;
}
header .header_top > .navbar-nav-top {
    float: left;
    margin-bottom: 0px;
}
header .navbar-nav a {
    padding: 0px 14px;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}
header .navbar-nav .active a {
    background-color: #FFF;
    color: #333;
    text-decoration: none;
    box-shadow: none;
}
header .navbar-nav a:hover {
    padding: 3px 14px 3px 14px;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
header .navbar-nav-top a, a.navbar-brand {
    padding: 4px 14px;
    font-weight: normal;
}