@charset "UTF-8";
/*
Theme Name: Alfina
*/
@font-face{font-family:sf pro display;font-style:normal;font-weight:400;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYREGULAR.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:100;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYULTRALIGHTITALIC.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:200;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYTHINITALIC.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:300;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYLIGHTITALIC.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:normal;font-weight:500;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYMEDIUM.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:600;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYSEMIBOLDITALIC.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:normal;font-weight:700;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYBOLD.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:800;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYHEAVYITALIC.woff) format('woff')}
@font-face{font-family:sf pro display;font-style:italic;font-weight:900;src:local('SF Pro Display'),url(https://fonts.cdnfonts.com/s/59278/SFPRODISPLAYBLACKITALIC.woff) format('woff')}

body,html { font-family: 'SF Pro Display', sans-serif; font-weight: 300; color: #777; font-size: 18px; }
h1, h2, h3 {font-family: "SF Pro Displaye", sans-serif; font-weight: 300; color: #232323; }
h4, h5, h6 {font-family: "SF Pro Display", sans-serif; font-weight: 300; color: #232323; }
a { text-decoration: none !important; color: #6E7A2E; }
a:hover { -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.btn,.form-control { border-radius: 0; }
.btn { padding-left: 30px; padding-right: 30px; }
.btn-lg { font-family: "SF Pro Displaye", sans-serif; font-size: 16px; }
.btn-more { font-family: "SF Pro Display", sans-serif; background: #6E7A2E; color: #fff; }
.btn-more:hover { border: 1px solid #31361B; background: #31361B; color: #fff; }
.text-right { text-align: right; }

.rel-conainer { position: relative }
.corporate { font-size: 18px;}
.top-menu { position: absolute; top: 10px; right: 0; left: 0; margin-left: 130px; padding: 0; font-size: 14px; color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.top-menu a {color: #fff;}
.top-menu .btn-sm {padding: 1px 10px; font-size: 14px; color: #333;}
.navbar { padding: 0; }
.navbar-nav { margin-top: 60px; }
.navbar-brand { width: 100px; height: 100px; text-indent: -1000px; background: #111111 url("assets/img/logo.png") center no-repeat; }
.bg-transparent  { background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
.bg-transparent .nav-item { padding: 0; margin-bottom: 0; }
.bg-transparent .nav-link,.dropdown-item  { color: #ffffff; text-transform: uppercase; font-family: 'SF Pro Display', sans-serif; font-size: 15px; }
.bg-transparent .nav-link:hover,.bg-transparent .active .nav-link { color: #15BEE6; }
.bg-transparent { position: fixed; right: 0; left: 0; margin: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
.scrolling .top-menu { top: -40px; }
.scrolling { top: 0; background: rgba(0,0,0,0.75) !important; }
.navbar-toggler { border: none; }
.navbar-transparent .navbar-toggler { color: #ffffff !important; }
.navbar-toggler:focus { box-shadow: none; }
.dropdown-menu { border-radius: 0; border: 1px solid #15BEE6; background: #15BEE6; padding: 5px; }
.dropdown-item:hover { color: #6E7A2E; }

.hero { position: relative; height: 100vh; background: url("assets/img/hero-01.jpg") center no-repeat; background-size: cover; }
.carousel-inner, .carousel-item, .zoom-in, .zoom-out { height: 100vh; }
.carousel-caption { text-align: left }
.section-01,.section-02 { padding: 60px 0; }
.section-02 { background: url("assets/img/mine.jpg") top center no-repeat; background-size: cover; background-attachment: fixed; color: #fff; }
.section-03 { background: url("assets/img/mine.jpg") bottom center no-repeat; background-size: cover; background-attachment: fixed; color: #ffffff; padding: 60px 0; }
.text-lg-right { text-align: right; }
.big-text { font-size: 72px; }
.headline { font-size: 24px; color: #3B3B3B; }
.blue-block { padding: 40px; background: #212C58; z-index: 1; }

.page-heading { height: 400px; color: #fff; }
.page-heading .page-title { font-size: 48px; font-weight: 600; }
.page-oil { background: url("assets/img/page-oil.jpg") center no-repeat; background-size: cover; }
.page-manpower { background: url("assets/img/page-manpower.jpg") center no-repeat; background-size: cover; }
.about-us { background: url("assets/img/about-us-heading.jpg") center no-repeat; background-size: cover; }
.contact-us { background: url("assets/img/contact-heading.jpg") center no-repeat; background-size: cover; }
.article { border-bottom: 1px solid #6E7A2E; padding-bottom: 60px; margin-bottom: 60px; }
.image-wrapper { position: relative; }
.contact-section { background: #212C58; color: #ffffff; margin-bottom: 0; }
.contact-section .divider { height: 1px; background: #fff; margin: 30px 0; }
.form-contact { background: #fff; color: #3B3B3B; padding: 40px; }
.map-frame { width: 100%; height: 100%; height: 600px; position: relative; }
.map-frame  iframe { border: none }

@media all and (max-width: 991px) {
	.bg-transparent { background: rgba(0,0,0,0.75) !important }
	.top-menu { display: none }
	.navbar-brand { width: 80px; height: 80px; background-size: auto; padding: 10px; }
	.navbar-nav { margin-top: 0; padding: 10px 15px; }
	.bg-transparent .nav-item { padding: 0 0; }
	.dropdown-item { font-size: 14px !important; padding-top: 10px; padding-bottom: 10px; }
	.bg-light {padding: 10px 0; }
	.text-lg-right { text-align: left; }
	.excavator-wrapper { height: 208px; text-align: right; }
	.excavator { position: relative; bottom: 0; }
	.pt-min-120 {margin-top: 30px; }
	.page-heading { height: 400px; }
	.page-heading .page-title { font-size: 40px; }
	.bulldozer-2 { margin-bottom: 30px; }
	.text-right { text-align: center; }
}
@media all and (max-width: 520px) {
    .container { padding-left:30px; padding-right: 30px; }
	.footer li { display: inline-block; }
    .d-xs-none { display: none;}
}
.footer { color: #ffffff; font-size: 16px; }
.footer h5 {font-family: 'Helvetica Neue', sans-serif; font-size: 16px; font-weight: 700; }
.footer ul { list-style-type: none; padding-left: 0; }
.footer a { text-decoration: none; color: #ffffff; font-size: 16px; }
.footer a:hover { color: #ed2027; }
.copyright { background: #121211; padding: 30px 0; }