body {
    font-family: 'Poppins', sans-serif;
    background: #eaeaea;
    color: #111;
}

header {
    background: #fff;
    height: 100px;
}

header .header-right-item { margin: 25px 0; }
header .header-right-item:first-child { border-right: 1px solid #153f93; padding-right: 30px; margin-right: 30px; }
header .header-right-item .icon i { font-size: 36px; color: #153f93; }
header .header-right-item p { margin: 0; padding: 0; font-size: 12px; color: #222222; }
header .header-right-item p strong { font-weight: 500; font-size: 16px; }

nav { position: relative; z-index: 10; height: 80px; }
nav .row { height: 80px; }
nav ul { list-style: none; background-color: rgba(0, 0, 0, 0.8); }
nav ul li { width: 20%; }
nav ul li a { display: block; text-align: center; line-height: 80px; font-weight: 500; color: #fff; font-size: 18px; }
nav ul li a:hover, nav ul li.active a { text-decoration: none; color: rgb(239, 112, 0); }
nav .contact-now {  }
nav .contact-now a { display: block; height: 80px; line-height: 80px; background-color: rgba(239, 112, 0, 0.8); text-align: center; color: #fff; font-size: 20px; font-weight: 600; }
nav .contact-now a:hover { background-color: rgba(239, 112, 0, 1); text-decoration: none; }

section.slider-wrapper { height: 600px; background: url("../images/slide1.jpg") no-repeat; position: relative; z-index: 1; margin-top: -80px; }
section.slider-wrapper.sort { height: 200px; }
section.slider-wrapper.sort h2 { text-align: center; line-height: 200px; color: #fff; padding-top: 40px; font-size: 30px; font-weight: 700; }

section.page { padding: 60px 0; }
section.page h1 { font-size: 30px; font-weight: 700; border-bottom: 4px solid #333; margin-bottom: 40px; }
section.page h1 span { border-bottom: 4px solid #ef7000; display: inline-block; margin: 0 0 -4px 0; padding-bottom: 10px; }
section.page p { font-size: 18px; font-weight: 300; }
section.page p strong { font-weight: 700; }
section.page .page-image img { max-width: 100%; -webkit-box-shadow: -10px 10px 0 1px #ef7000; -moz-box-shadow: -10px 10px 0 1px #ef7000; box-shadow: -10px 10px 0 1px #ef7000; }
section.page .page-image.team img { border-radius: 100%; -webkit-box-shadow: 6px 6px 0 1px #ef7000; -moz-box-shadow: 6px 6px 0 1px #ef7000; box-shadow: 6px 6px 0 1px #ef7000; }
section.page h3 { font-size: 18px; font-weight: 700; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; }
section.page h3 span { border-bottom: 2px solid #ef7000; display: inline-block; margin: 0 0 -2px 0; padding-bottom: 6px; }

.our-services > div { background: #fff; padding: 0; margin: 0 15px; }
.our-services .image { height: 190px; overflow: hidden; }
.our-services .image img { max-width: 100%; }
.our-services h2 { font-size: 24px; font-weight: 700; padding: 20px 0; margin: 0 20px; border-top: 4px solid #ef7000; }
.our-services p { font-size: 14px; font-weight: 300; padding: 0 20px; }

section.summary ul { width: 80%; padding: 20px; margin: -50px 0 0 0; background-color: #fff; position: relative; z-index: 10; list-style: none; }
section.summary ul li { width: 33.3%; border-right: 1px solid rgba(0, 0, 0, 0.1); }
section.summary ul li:last-child { border-right: 0; }
section.summary ul li a { height: 130px; }
section.summary ul li a:hover { text-decoration: none; }
section.summary ul li a .icon { padding: 0 20px; align-self: center; }
section.summary ul li:first-child .icon { padding-left: 0; }
section.summary ul li .icon i { font-size: 40px; color: #111; }
section.summary ul li a:hover .icon i { color: #ef7000; }
section.summary ul li .text { padding-right: 20px; }
section.summary ul li:last-child .text { padding-right: 0; }
section.summary ul li .text h5 { color: #111; font-size: 18px; font-weight: 700; }
section.summary ul li a:hover .text h5 { color: #ef7000; }
section.summary ul li .text p { color: #111; font-size: 14px; font-weight: 300; }

section.about-us { padding: 60px 0; }
section.about-us h2::before { width: 20px; margin-right: 10px; display: inline-block; content: ''; border-bottom: 3px solid #ef7000; }
section.about-us h2 { font-weight: 700; font-size: 24px; color: #111; }
section.about-us h2 span { color: #ef7000; }
section.about-us h3 { font-weight: 400; font-size: 24px; margin-bottom: 40px; }
section.about-us p { font-weight: 300; font-size: 16px; }
section.about-us img {
    -webkit-box-shadow: -10px 10px 0 1px #ef7000;
    -moz-box-shadow: -10px 10px 0 1px #ef7000;
    box-shadow: -10px 10px 0 1px #ef7000;
}

section.team { padding: 60px 0; background-color: #fff; margin-bottom: 20px; }
section.team img { border-radius: 100%; max-width: 100%; -webkit-box-shadow: 6px 6px 0 1px #ef7000; -moz-box-shadow: 6px 6px 0 1px #ef7000; box-shadow: 6px 6px 0 1px #ef7000; }
section.team h2 { font-weight: 700; font-size: 30px; margin-bottom: 20px; margin-top: 20px; }
section.team p { font-weight: 300; font-size: 18px; }

footer { padding: 40px 0; background: #111111; color: #fff; }
footer .footer-left-item { margin: 25px 0; }
footer .footer-left-item:first-child { border-right: 1px solid #ef7000; padding-right: 30px; margin-right: 30px; }
footer .footer-left-item .icon { width: 50px; text-align: center; }
footer .footer-left-item .icon i { font-size: 36px; color: #ef7000; }
footer .footer-left-item p { margin: 0; padding: 0; font-size: 12px; color: #fff; }
footer .footer-left-item p strong { font-weight: 500; font-size: 16px; }
footer h3 { font-size: 24px; font-weight: 700; }
footer h3::after { content: ''; width: calc(100% - 90px); margin-left: 10px; display: inline-block; border-bottom: 2px solid rgba(255, 255, 255, 0.05); }
footer h3.social-media::after { width: calc(100% - 180px); }
footer ul { list-style-type: none; margin: 0; padding: 0; }
footer ul li i { padding-right: 5px; font-size: 14px; }
footer ul li a { font-size: 16px; color: #fff; font-weight: 300; display: inline-block; padding: 3px 0; }
footer ul li a:hover { color: #ef7000; text-decoration: none; }
footer .social-media div { padding-right: 10px; }
footer .social-media div a { font-size: 18px; color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; margin-bottom: 10px; }
footer .social-media div a:hover { text-decoration: none; color: #fff; }
footer .social-media div a i { font-size: 36px; padding-right: 10px; }

a.read-more { border: 3px solid #111; color: #111; display: inline-block; padding: 10px 20px; border-radius: 40px; font-size: 18px; font-weight: 500; }
a.read-more:hover { border-color: #ef7000; color: #ef7000; text-decoration: none; }

@media (max-width: 576px) {
    header .container .row > div:nth-child(2) { display: none !important; }
    nav .container { padding: 0; }
    nav .container .row > div:nth-child(2) { display: none !important; }
    nav ul { flex-wrap: wrap; }
    nav ul li { width: 100%; }
    nav ul li a { line-height: 40px; }
    section.slider-wrapper { height: 200px; }
    section.summary { display: none; }
    section.about-us .about-us-image { display: none; }
    section.team .container .row > div:nth-child(1) { text-align: center; }
    section.team .container .row > div:nth-child(1) img { max-width: 70%; }
    section.page .our-services > div { margin: 0; padding: 0 15px; }
    section.page .page-image.team { text-align: center; padding-bottom: 20px; }
    section.page .page-image.team img { max-width: 70%; }
    footer .container .row > .col:nth-child(1), footer .container .row > .col:nth-child(2) { display: none; }
}

.transition {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.transition-fast {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}