/*
	Theme Name: Ceramicpro
	Theme URI: http://ceramicpro.pt/
	Author: PressTech-IT Institute
	Author URI: http://presstechit.com/
	Description: Our 2018 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
	Version: 1.0
	License: GNU General Public License v1 or later
	License URI: https://contact.presstechit.com/
	Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain: themeshortname

	This theme, like HTML, is licensed under the via themeforest.net.
	Use it to make something cool, have fun, and share what you've learned with others.

	NOTE: This is Header, All Section, Footer style file. All Theme related style included in this file...
*/
@import url('fonts.face.css');

/**!-----------------------
    [ GENERAL ]
-------------------------**/
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #757575;
    visibility: visible;
    overflow: hidden;
}

.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a,
.btn {
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.btn {
    font-size: 14px;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}

a:focus,
a:hover {
    color: #4fc1f0;
    text-decoration: none;
}

a,
button,
input {
    outline: medium none;
    color: #4fc1f0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1,
h2,
h3 {
    font-family: 'GothamBold';
    font-weight: normal;
    color: #363636;
    margin-top: 0;
    font-style: normal;
    font-weight: bold;
}

h4,
h5,
h6 {
   font-family: 'GothamNarrowMedium';
    font-weight: normal;
    color: #363636;
    margin-top: 0;
    font-style: normal;
    font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

h1 {
    font-size: 40px;
    font-weight: 500;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #757575;
    margin-bottom: 15px;
    font-family: 'GothamNarrowThin';
}

hr {
    margin: 60px 0;
    padding: 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0;
}

hr.style-2 {
    border-bottom: 1px dashed #f10f10;
}

hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0;
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
img {
  width: 100%;
}


/*MAIN STYLE CSS*/
.hero-content {
  padding: 155px 0 45px;
}
.single-hero-content h1 {
  color: #ffffff;
  font-size: 75px;
  margin: 0;
}

.hero-bottom-left-content .logo img {
  width: 100px;
}


/*BOTTOM CONTENT*/

.hero-bottom-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.logo {
  margin-right: 15px;
}



.hero-bottom-content {
  margin-top: 110px;
}
.mail-ceramic h2 {
  color: #ffffff;
  font-family: "GothamNarrowMedium";
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 2px;
}
.phone a {
  color: #ffffff;
  font-size: 21.8px;
}
.ceramic-web a {
  color: #ffffff;
  font-size: 34.5px;
  font-family: 'GothamBold';
}

.hero-bottom-right-content {
  float: right;
}
.hero-bottom-right-content > a {
  color: #ffffff;
  font-size: 45px;
  font-family: 'GothamNarrowThin';
}
.hero-bottom-right-content > h3 {
  color: #ffffff;
  font-size: 40px;
  text-transform: uppercase;
}
.hero-bottom-right-content > h5 {
  background: #e8208c none repeat scroll 0 0;
  color: #ffffff;
  font-family: "GothamNarrowThin";
  font-size: 28px;
  letter-spacing: 2px;
  margin: 0;
  padding: 4px 10px;
}
.hero-bottom-right-content > h5 span{
	font-family: 'GothamNarrowMedium';
	color: #ffffff;
}