@font-face {
    font-family: 'Freestyle Script';
    src: url('fonts/FreestyleScript-Regular.woff2') format('woff2'),
        url('fonts/FreestyleScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img {max-width: 100%;}
.wrap{max-width:1200px; margin: 0px auto;}
.wrap-sm {max-width: 960px; margin: 0 auto;}
.btn-white {background: #fff; padding: 10px 40px; color: #cf032b; font-family: 'Open Sans'; font-weight: 600; border-radius: 5px; text-transform: uppercase;}
.btn-white:hover, .btn-white:focus, .btn-white:active {background: #cf032b; color: #fff;}
.btn-grey {background: #414b55; color: #fff; padding: 7px 30px; font-family: 'Open Sans'; font-size: 12px; text-transform: uppercase; border-radius: 5px;}
.btn-grey:hover, .btn-grey:active, .btn-grey:focus {background: #fff; color: #414b55;}
.btn-red {background: #cf032b; color: #fff; padding: 7px 30px; font-family: 'Open Sans'; font-size: 12px; text-transform: uppercase; border-radius: 5px;}
.btn-red:hover, .btn-red:active, .btn-red:focus {background: #fff; color: #cf032b;}
.btn-red.contact:hover {background: #414b55; color: #fff; }

#top-header {background: #25303b; padding: 10px 30px; text-align: right; color: #fff; font-family: 'Open Sans'; color: #cce3fb; font-size: 13px;}
#top-header img {margin-right: 8px;}
#header-menu {padding: 20px 30px;}
#header-menu ul {padding: 0px; margin: 0px; list-style-type: none; margin-top: 12px;}
#header-menu ul li {display: inline-block; padding: 0px 40px;}
#header-menu ul li a {padding: 5px 10px; font-family: 'Roboto Condensed'; display: block; color: #24303b; text-transform: uppercase; border-bottom: 3px solid #fff;}
#header-menu ul li a:hover, #header-menu ul li a.active, #header-menu ul li a:focus {color: #cf032b; border-bottom: 1px solid #cf032b; border-top: 1px solid #cf032b; text-decoration: none;} 
#header-menu #mobile-menu {float: right; font-size: 45px; cursor: pointer;}
#header-menu ul li:last-child {}
/*#header-menu ul li:last-child a {width: 100%; padding: 5px 35px !important; color: #fff !important; background: #cf032b; border-radius: 5px; border-bottom: 0px;}
#header-menu ul li:last-child a:hover, #header-menu ul li:last-child a:active, #header-menu ul li:last-child a:focus {border-bottom: 0px; border-top: 0px; background: #25303b;}*/

#mobile-navigation {position: fixed;left: -75%; top: 0; height: 100%; width: 75%; background: #0f0f0f; z-index: 999; transition: 0.3s ease 0s;}
#mobile-navigation ul {list-style-type: none; padding: 0px; margin: 0px;}
#mobile-navigation ul li a {padding: 15px 40px; width: 100%; display: block; color: #fff; font-size: 18px; border-bottom: 1px solid #292929;}
#mobile-navigation ul li a img {margin-right: 10px;}
#mobile-navigation ul li:last-child a {border-bottom: 0px;}
#mobile-navigation.toggle {left: 0%;}

#homepage-banner {min-height: 600px; padding-top: 120px; background: url(../img/homepage-banner.jpg) no-repeat; background-size: cover; text-align: center; color: #fff;}
#homepage-banner h3 {font-family: 'Open Sans'; font-weight: 600; margin-bottom: 0px; font-size: 30px; }
#homepage-banner h1 {font-weight: 800; margin-top: 0px; font-size: 85px; margin-bottom: 0px;}
#homepage-banner h2 {font-family: 'Freestyle Script'; font-size: 65px; margin-top: 0px;}

#products {text-align: center; margin-top: -100px;}
#products .wrap-sm {background: #ebebeb; border-radius: 10px; padding: 40px;}
#products .spacer {height: 3px; width: 40px; margin: 30px auto; background: #ed0908;}
#products h4 {margin-top: 0px; font-weight: 700;}
#products p {color: #6d6d6d; font-family: 'Open Sans'; font-size: 13px;}
#products .col-md-3 {border-right: 1px solid #707070;}
#products .last.col-md-3 {border-right: 0px;}

#about {padding: 40px 30px;}
#about h1{font-weight: 800; text-align: center; font-size: 33px; color: #25303b; font-family: 'Open Sans';}
#about p {text-align: center; color: #8b8b8b; font-family: 'Roboto Condensed'; margin-bottom: 50px;}
#about .about-details {color: #8b8b8b;}
#about .about-details p {text-align: left; color: #8b8b8b; font-family: 'Open Sans'; margin-bottom: 30px;}
#about .about-details ul.details {list-style-type: none; padding: 0px; margin: 0px; color: #8b8b8b; margin-bottom: 30px;}
#about .about-details ul.details li {margin-bottom: 10px; padding-left: 30px; background: url(../img/arrow-right-list.png) no-repeat; background-position: left 5px center;}
#about .about-details .line-1, #about .about-details .line-2 {width: 1px; background: #d7d7d7; margin-left: 4px;}
#about .about-details .red-dot {width: 10px; height: 10px; border-radius: 50%; background: #cf032b;}
#about .about-details img {margin-left: 10px;}
#about .about-details a {color: #25303b;}
#about .about-details a:hover, #about .about-details a:focus {text-decoration:  none; color: #8b8b8b;}

#global { background: #cf032b;}
#global h3 {margin-top: 0px; color: #fff; text-transform: uppercase; font-family: 'Open Sans'; font-size: 20px; line-height: 25px;}
#global .col-md-5 {text-align: center; padding: 80px;}
#global .globe-bg{background: url(../img/globe.png) no-repeat; background-position: left center; text-align: left !important; padding: 100px 20px; background-size: cover;}
#global .globe-bg h3 {color: #cf032b; font-weight: 800; font-family: 'Open Sans'; font-size: 30px;}
#global p {color: #fff; font-weight: 600; font-family: 'Open Sans'; border-top: 1px solid #fff; display: inline-block; padding-top: 10px;}

#quality {padding: 40px 30px;}
#quality h1{font-weight: 800; text-align: center; font-size: 33px; color: #25303b; font-family: 'Open Sans';}
#quality p {text-align: center; color: #8b8b8b; font-family: 'Roboto Condensed'; margin-bottom: 50px;}
#quality h4 {text-align: center; color: #1a364b; font-weight: 600; font-family: 'Roboto Condensed';}
#quality .dotted-line {max-width: 900px; margin: 0 auto -115px; background: url(../img/dotted.png); background-repeat: repeat-x; background-position: center; height: 80px;}
#quality .col-md-3 {text-align: center;}
#quality .img-container-1 {min-height: 150px; background: url(../img/commitment.png) no-repeat; background-position: center; }
#quality-box:hover .img-container-1{background: url(../img/commitment-1.png) no-repeat; background-position: center;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.5s ease-out 0s;}
#quality .img-container-2 {min-height: 150px; background: url(../img/sourcing.png) no-repeat; background-position: center; }
#quality-box:hover .img-container-2{background: url(../img/sourcing-1.png) no-repeat; background-position: center;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.5s ease-out 0s;}
#quality .img-container-3 {min-height: 150px; background: url(../img/quality.png) no-repeat; background-position: center; }
#quality-box:hover .img-container-3{background: url(../img/quality-1.png) no-repeat; background-position: center;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.5s ease-out 0s;}
#quality .img-container-4 {min-height: 150px; background: url(../img/customer.png) no-repeat; background-position: center; }
#quality-box:hover .img-container-4{background: url(../img/customer-1.png) no-repeat; background-position: center;  -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.5s ease-out 0s;}


#buyer .col-md-6 {background: #414b55; padding: 40px 30px 40px 100px; text-align: center; color: #fff; font-family: 'Open Sans';}
#buyer .supplier.col-md-6 {background: #cf032b; padding: 40px 100px 40px 30px;}
#buyer .col-md-6 h1 {font-weight: 600; margin-bottom: 40px;}
#buyer .col-md-6 p {font-weight: 300; line-height: 25px; margin-bottom: 40px;}

#footer {background: #25303b; padding: 40px 30px; color: #fff; font-family: 'Open Sans';}
#footer img {margin-bottom: 40px; text-align: }
#footer ul {list-style-type: none; padding: 0px;}
#footer ul li a {color: #fff; text-decoration: none; margin-bottom: 10px;}
#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus {color: #cf032b;}
#footer ul li {margin-bottom: 10px;}
#footer h3 {font-weight: 700; margin-bottom: 20px;}
#footer input.newsletter {background: #25303b; border-top: 0px; border-left: 0px; border-right: 0px; padding: 10px; background: url(../img/arrow-right.png) no-repeat; background-position: right 10px center; color:wheat}
#footer input.newsletter:active, #footer input.newsletter:focus {box-shadow: 0px 0px 0px !important; border-bottom: 1px solid #cf032b;}

#copyright {padding: 40px 30px; background: #070e15; color: #fff; font-family: 'Open Sans'; font-size: 13px;}
#copyright a {color: #cf032b;}
#copyright ul {list-style-type: none; padding: 0px; margin: 0px; text-align: right;}
#copyright ul li {display: inline;}
#copyright ul li a {color: #fff; height: 30px; width: 30px; border:1px solid #fff; border-radius: 50%; display: inline-block; line-height: 28px; text-align: center; margin-right: 10px;}
#copyright ul li a:hover {background: #fff; color: #ec0908;}

#inner-banner {text-align: center; color: #fff; padding: 80px 30px; margin-bottom: 40px;}
#inner-banner.about {background: url(../img/about.jpg) no-repeat; background-size: cover;}
#inner-banner.contact {background: url(../img/contact.jpg) no-repeat; background-size: cover;}
#inner-banner.services {background: url(../img/services.jpg) no-repeat; background-size: cover;}
#inner-banner h1 {font-weight:  700;}

#our-team {text-align: center; color: #fff; padding: 80px 30px; margin-top: 40px; background: url(../img/our-team.jpg) no-repeat; background-size: cover;}
#our-team h1 {font-weight:  700;}

#contact-details {color: #929da1;}
#contact-details .contact-sm {max-width: 960px; border: 1px solid #000; padding: 40px; margin: 0 auto; margin-bottom: 40px;}
#contact-details h3 {font-weight: 700; color: #25303b; margin-bottom: 20px;}
#contact-details ul {list-style-type: none; padding: 0px;}
#contact-details ul.contact li {padding-left: 60px;margin-bottom: 20px;}
#contact-details ul.contact img {margin-left: -60px;}
#contact-details ul li span {display: inline-block; margin-left: 10px; vertical-align: top;}
#contact-details h4 {color: #cf032b !important;}
#contact-details a {color: #929da1; text-decoration: underline;}

#contact-map {padding:0px;}
#contact-map iframe {width: 100%;}

#contact-form {padding: 60px 30px 80px;}
#contact-form h1 {text-align: center; font-weight: 700; margin-bottom: 30px;}
#contact-form input, #contact-form textarea, #contact-form select {border: 1px solid #000; padding: 20px;}
#contact-form select {padding: 10px;}
#contact-form .button-container {text-align: center;}

#services-details {text-align: center; padding: 60px 30px;}
#services-details h4 {font-weight: 40;}
#services-details img {margin-bottom: 10px;}
#services-details p {margin-bottom: 30px;}
#services-details h1 {font-weight: 600; margin-top: 0px; margin-bottom: 30px;}
#services-details .row.second {margin-top: 45px;}

#inner-page {
padding: 40px;}

@media only screen and (max-width: 1024px) {
	#header-menu ul li {padding: 0 10px;}
	#footer h3 {font-size: 20px;}
}

@media only screen and (max-width: 768px) {
	#homepage-banner h1 {font-size: 63px;}
	#homepage-banner {min-height: 550px;}
	#about .img-container { padding-top: 30px; text-align: center; }
	#quality .dotted-line {max-width: 600px;}
	#footer {text-align: center;}
	#footer input.newsletter {width: 300px; left: 50%; position: relative; margin-left: -150px;}
	
}

@media only screen and (max-width: 414px) {
	#top-header {text-align: left;}
	#homepage-banner {padding-top: 40px;}
	#homepage-banner h1 {font-size: 30px;}
	#homepage-banner h2 {font-size: 40px;}
	#homepage-banner {min-height: 400px;}
	#products .col-md-3 {border-right: 0px;}
	#global .globe-bg {min-height: 260px !important; background-position: center;  background-size: cover; text-align: center !important;}
	.dotted-line {display: none;}
	#buyer .col-md-6 {padding: 40px;}
	#buyer .supplier.col-md-6 {padding: 40px;}
	#copyright, #copyright ul {text-align: center;}
	#copyright ul {margin-top: 20px;}
	#our-team, #inner-banner {padding: 40px 30px;}



}

@media only screen and (max-width: 375px) {
	#homepage-banner {min-height: 440px;}
	}