.greyline {
    border-color: #b8b8b8
}


body,
html {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 1.8em;
    font-weight: lighter;
}

p{
    text-align: justify !important;
    text-justify: inter-word !important;
}

@media only screen and (min-width:1300px) {
    .container {
        width: 1300px
    }
}
@media only screen and (min-width:1200px) {
    
	#gsteelv1 h2 {
    padding-top: 38%;
  
}
}
h1,
h2,
h3 {
    font-size: 4em;
    line-height: 1.1em;
    font-family: Celluloid, Montserrat, sans-serif;
    letter-spacing: 6px;
    font-weight: 900;
    font-style: normal;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase
}

h2,
h3 {
    font-size: 40px;
    font-family: Montserrat, sans-serif;
    letter-spacing: 3px
}

h3 {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 1.7em
}

.margin-top-40 {
    margin-top: 40px
}

.dropdown-menu {
    min-width: 180px
}

.shop-now {
    background: #000;
    color: #fff;
    border-radius: 0;
    padding: 11px 34px;
    margin-top: 10px;
    text-transform: uppercase;
    transition: .1s opacity linear;
    font-weight: 800
}

.shop-now:hover {
    background: #f00329;
    color: #fff;
    opacity: 1
}

.banner {
    height: 100vh;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    position: relative
}

.banner.homepage {
    background-image: url(../img/homepage-banner.jpg)
}

.banner.block-left,
.banner.block-right {
    background-position: center;
    text-transform: uppercase
}

.banner.block-left .title,
.banner.block-right .title {
    font-size: 40px;
    line-height: 1.7em;
    letter-spacing: -.01em;
    font-weight: 800;
    font-style: normal;
    color: #fff !important;
    /* offset-x | offset-y | blur-radius | color */
    text-shadow: 3px 3px 4px black; 
}

.banner.block-left .link,
.banner.block-right .link {
    color: #fff;
    text-transform: uppercase
}

.banner.block-left .link:hover,
.banner.block-right .link:hover {
    text-decoration: none
}

.banner.block-left:hover,
.banner.block-right:hover {
    opacity: .9
}

.banner.block-left {
    background-image: url(../img/master-of-g.jpg)
}


.banner.block-right {
    height: 50%;
    height: 50vh;
    background-position: center
}

/*.banner.block-right:first-child {
    background-image: url(../img/g-shock-still-v02.jpg)
}

.banner.block-right:last-child {
    background-image: url(../img/20th-limited.png)
}
*/
.navbar-default {
    background: 0 0;
    border: none;
    position: absolute;
    z-index: 20;
    width: 100%;
    margin: 40px 0
}

.navbar-default .navbar-nav>li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700
}

.navbar-default .navbar-nav>li a:focus,
.navbar-default .navbar-nav>li a:hover {
    background: 0 0;
    color: #999
}

.navbar-default .navbar-nav>li.active a {
    background: 0 0;
    color: #999
}

.navbar-default .navbar-nav>li.active a:focus,
.navbar-default .navbar-nav>li.active a:hover {
    background: 0 0;
    color: #999
}

.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu {
    border-radius: 0;
    left: 0
}

.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu li a {
    text-align: left;
    color: #999
}

.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu li a:focus,
.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu li a:hover {
    color: #000
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    background: 0 0;
    color: #999
}

.navbar-brand img {
    max-width: 180px
}

.header-search-form {
    padding: 10px;
    margin: 0
}

.header-search-form input {
    border: 0;
    background: 0 0;
    border-bottom: solid 1px #fff;
    color: #fff
}

.header-search-form input:focus,
.header-search-form input:hover {
    outline: 0
}

.header-search-form button {
    border: 0;
    background: 0 0;
    color: #fff
}

.homepage-content,
.homepage-followus {
    background: #fff;
    height: 400px;
    font-size: 36px;
    line-height: 1.3em;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    font-style: normal
}

.homepage-content.homepage-followus,
.homepage-followus.homepage-followus {
    height: 500px
}

.homepage-content .link,
.homepage-followus .link {
    color: #f00329;
    padding-bottom: .05em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(240, 3, 41, .3)
}

.homepage-content .link:hover,
.homepage-followus .link:hover {
    text-decoration: none;
    color: rgba(240, 3, 41, .6);
    border-color: rgba(240, 3, 41, .15)
}

.homepage-content p,
.homepage-followus p {
    font-size: 16px
}

.homepage-content .block,
.homepage-followus .block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 200px
}

.homepage-content .block.first,
.homepage-followus .block.first {
    background-image: url(../img/follow-1.png)
}

.homepage-content .block.second,
.homepage-followus .block.second {
    background-image: url(../img/follow-2.png)
}

.homepage-content .block.third,
.homepage-followus .block.third {
    background-image: url(../img/follow-3.png)
}

.css-table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative
}

.css-table .css-table-cell {
    display: table-cell
}

.css-table .middle {
    vertical-align: middle
}

.footer {
    background: #000;
    height: 200px;
    color: #fff
}

.footer .social-icons .fa {
    background: #fff;
    padding: 10px 15px;
    color: #000;
    cursor: pointer
}

.footer .social-icons .fa:first-child {
    margin-right: 5px
}

.footer .social-icons .fa:hover {
    opacity: .6
}

.footer .quick-links {
    text-align: center;
    margin-top: 20px
}

.footer .quick-links a {
    padding: 20px;
    color: #fff;
    display: inline;
    transition: color .15s ease-out;
    text-transform: uppercase;
    font-size: 12px
}

.footer .quick-links a:hover {
    color: rgba(255, 255, 255, .5);
    text-decoration: none
}

.inner-page {
    background: #fff
}

.inner-page h1,
.inner-page h2,
.inner-page h3 {
    color: #000
}

.inner-page .navbar-default {
    position: relative
}

.inner-page .navbar-default .navbar-nav>li a {
    color: #999
}

.inner-page .navbar-default .navbar-nav>li a:focus,
.inner-page .navbar-default .navbar-nav>li a:hover {
    background: 0 0;
    color: #000
}

.inner-page .navbar-default .navbar-nav>li.active a {
    background: 0 0;
    color: #000
}

.inner-page .navbar-default .navbar-nav>li.active a:focus,
.inner-page .navbar-default .navbar-nav>li.active a:hover {
    background: 0 0;
    color: #000
}

.inner-page .navbar-default .navbar-nav>.open>a,
.inner-page .navbar-default .navbar-nav>.open>a:focus,
.inner-page .navbar-default .navbar-nav>.open>a:hover {
    background: 0 0;
    color: #000
}

.inner-page .header-search-form input {
    border-bottom: solid 1px #000;
    color: #000
}

.inner-page .header-search-form button {
    color: #000
}

.inner-page .collections-content .block {
    background-position: center
}

.inner-page .content {
    padding: 80px 0;
    min-height: 400px
}

.inner-page .content .main-paragraph {
    padding: 20px 0;
    font-weight: 300
}

.inner-page .content #map {
    height: 500px;
    width: 100%;
    margin-bottom: 50px
}

.inner-page .content .map-popup {
    width: 200px
}

.inner-page .content .map-popup h4 {
    font-size: 16px;
    font-weight: 900;
    margin-top: 30px
}

.inner-page .content .map-popup p {
    line-height: 1.5em
}

.inner-page .content .map-popup p .tel,
.inner-page .content .map-popup p .url {
    display: inline-block;
    margin-right: 20px
}

.inner-page .content .map-popup a {
    color: #f00329
}

.inner-page .content .map-popup h4 {
    margin-top: 10px
}

.inner-page .content .closest-store .search-store label {
    color: #000
}

.inner-page .content .closest-store .search-store input {
    border-radius: 0;
    border: solid 1px #000;
    height: 40px
}

.inner-page .content .closest-store .search-store button {
    border: solid 1px #000;
    background: #000;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    padding: 6px 15px
}

.inner-page .content .closest-store .stores {
    list-style: none;
    margin: 0;
    padding: 0
}

.inner-page .content .closest-store .stores .store {
    border-bottom: 1px solid #aeaeae;
    padding-bottom: 25px
}

.inner-page .content .closest-store .stores .store h4 {
    font-size: 16px;
    font-weight: 900;
    margin-top: 30px
}

.inner-page .content .closest-store .stores .store p {
    line-height: 1.5em
}

.inner-page .content .closest-store .stores .store p .tel,
.inner-page .content .closest-store .stores .store p .url {
    display: inline-block;
    margin-right: 20px
}

.inner-page .content .closest-store .stores .store a {
    color: #f00329
}

.inner-page .content.technology .block-content {
    padding-top: 60px;
    position: relative
}

.inner-page .content.technology .block-content #player {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: none
}

.inner-page .content.technology .block-content .play-icon {
    color: #fff;
    position: absolute;
    font-size: 40px;
    top: 50%;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.inner-page .content.technology .block-content .image {
    float: left;
    width: 400px;
    margin-left: -150px;
    padding: 0 30px 20px 0
}

.inner-page .content.technology .block-content .image.multiple img:first-child {
    margin-bottom: 30px
}

.inner-page .content.technology .block-content .image-right {
    float: right;
    width: 400px;
    margin-right: -150px;
    padding: 0 0 20px 30px
}

.inner-page .content.shop-range .filters {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.inner-page .content.shop-range .filters li a {
    display: block;
    color: #333
}

.inner-page .content.shop-range .filters li a:hover {
    color: #000
}

.inner-page .content.shop-range .product-block {
    margin-bottom: 40px;
    color: #333;
    font-weight:lighter;

}

.inner-page .content.shop-range .product-block .image-block {
    overflow: hidden;
    position: relative;
    max-height: 400px;
    max-width: 100%
}

.inner-page .content.register .block-content {
    padding-top: 40px
}

.inner-page .content.register .block-content .form-heading {
    text-transform: uppercase;
    border-bottom: solid 1px #000;
    margin: 20px 0 0 0
}

.inner-page .content.register .block-content form .error {
    color: #fff;
    background: #cc3b3b;
    padding: 5px;
    margin-top: 5px;
    font-size: 12px
}

.inner-page .content.register .block-content form .form-group {
    margin: 20px 0 0 0
}

.inner-page .content.register .block-content form .form-group .help-block {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.inner-page .content.register .block-content form .form-group .form-control {
    padding: 12px;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 2px
}

.inner-page .content.register .block-content form .form-group .form-control:focus {
    background: #fff;
    box-shadow: none
}

.inner-page .content.register .block-content form .form-group select {
    height: 40px
}

.inner-page .content.register .block-content form button {
    margin-top: 20px;
    border: solid 1px #000;
    background: #000;
    color: #fff;
    height: 40px;
    text-transform: uppercase;
    padding: 6px 15px
}

.inner-page .content.register .block-content form button:hover {
    background: #f00329;
    color: #fff;
    opacity: 1;
    border: none
}

.inner-page .content.search-page {
    padding-top: 100px
}

.inner-page .content.search-page .input-group {
    border: 1px solid #aaa;
    height: 60px;
    background: 0 0
}

.inner-page .content.search-page .input-group .fa-search {
    font-size: 30px
}

.inner-page .content.search-page .input-group .input-group-addon {
    background-color: #fff;
    border: 0;
    border-radius: 0
}

.inner-page .content.search-page .input-group .form-control {
    font-size: 30px;
    padding: 12px;
    border: 0;
    background: #fff;
    border-radius: 0;
    height: 60px
}

.inner-page .content.search-page .input-group .form-control:focus {
    box-shadow: none
}

.inner-page .content.search-page .search-results-container {
    border: solid 1px #b8b8b8;
    border-left: 0;
    border-right: 0;
    margin-top: 40px
}

.inner-page .content.search-page .search-results-container .search-result {
    clear: both;
    padding: 15px;
    border-bottom: solid 1px #b8b8b8
}

.inner-page .content.search-page .search-results-container .search-result:last-child {
    border-bottom: 0
}

.inner-page .content.search-page .search-results-container .search-result .image-container {
    float: left;
    max-width: 300px;
    margin-right: 20px
}

.inner-page .content.legal h1 {
    margin-bottom: 50px
}

.inner-page .content.legal h3 {
    margin-top: 15px
}

.inner-page .content.legal blockquote {
    border-left-width: 1px;
    font-size: 15px
}

.inner-page .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #eee
}

.inner-page .panel-default>.panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #fafafa;
    border-color: #eee
}

.inner-page .panel-title {
    font-size: 14px
}

.inner-page .panel-title>a {
    display: block;
    padding: 15px;
    text-decoration: none
}

.inner-page .more-less {
    float: right;
    color: #212121
}

.inner-page .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #eee
}

.inner-page .history-timeline {
    position: relative;
    height: 500px
}

.inner-page .history-timeline .swiper-pagination {
    display: none
}

.inner-page .history-timeline .swiper-button-next,
.inner-page .history-timeline .swiper-button-prev {
    background-image: none;
    background-color: rgba(0, 0, 0, .12);
    padding: 7px;
    width: 40px;
    text-align: center
}

.inner-page .history-timeline .swiper-button-next.swiper-button-prev,
.inner-page .history-timeline .swiper-button-prev.swiper-button-prev {
    left: -10px
}

.inner-page .history-timeline .swiper-button-next.swiper-button-next,
.inner-page .history-timeline .swiper-button-prev.swiper-button-next {
    right: -10px
}

.inner-page .history-timeline .swiper-button-next:hover,
.inner-page .history-timeline .swiper-button-prev:hover {
    background: rgba(0, 0, 0, .2)
}

.inner-page .history-timeline .swiper-button-next .fa,
.inner-page .history-timeline .swiper-button-prev .fa {
    font-size: 35px;
    color: #fff
}

.inner-page .history-timeline .swiper-slide {
    background: #e3e3e3;
    padding: 8%
}

@media screen and (min-width:768px) and (max-width:1200px) {
    h1 {
        font-size: 32px
    }
    h2 {
        font-size: 28px
    }
	#gsteelv1 h2 {
    padding-top: 28%;
  
}
    .banner {
        height: 80%;
        height: 80vh
    }
    .banner.block-left .title {
        font-size: 30px
    }
    .banner.block-right {
        height: 40%;
        height: 40vh
    }
    .banner.block-right .title {
        font-size: 30px
    }
    .homepage-content {
        font-size: 2em;
        height: 250px
    }
    .navbar-default {
        margin-top: 10px
    }
    .navbar-default .navbar-nav {
        margin-top: 10px
    }
    .navbar-default .navbar-nav>li a {
        font-size: 12px;
        padding: 10px
    }
    .header-search-form input {
        width: 50px;
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 32px
    }
    h2 {
        font-size: 28px
    }
	#gsteelv1 h2 {
    padding-top: 2%;
  
}
    .banner {
        height: 50%;
        height: 50vh;
    }
    .banner.block-left .title {
        font-size: 20px
    }
    .banner.block-right .title {
        font-size: 20px
    }
    .homepage-content {
        font-size: 1.5em;
        height: 250px
    }
    .homepage-followus {
        height: auto!important;
        padding: 50px 0
    }
    .navbar-default {
        margin-top: 0;
        background: #fff
    }
    .navbar-default .navbar-toggle {
        float: left;
        margin-left: 5px;
        border: none
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: 0 0
    }
    .navbar-default .navbar-brand {
        display: none
    }
    .navbar-default .navbar-nav>li a {
        color: #000
    }
    .navbar-default form {
        display: none
    }
    a .fa-search {
        position: absolute;
        right: 10px;
        z-index: 20;
        top: 13px;
        font-size: 18px;
        color: #000
    }
    .inner-page .content.technology .block-content .image,
    .inner-page .content.technology .block-content .image-right {
        margin: 0;
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
        float: none
    }
    .inner-page .content.shop-range {
        padding-top: 10px
    }
    .inner-page .content.shop-range .product-block .image-block {
        max-width: 80%;
        margin: 0 auto
    }
    .inner-page .content.legal blockquote,
    .inner-page .content.legal p {
        font-size: 14px
    }
}