/* 

Stylesheet for "Bootstrap 4 Starter Kit"

Author: Team Dorkoy (https://dorkoy.com)
Themes: https://dorkoy.com/themes
Version: 1.0

*/

.bg-orange {
    background-color: #f06925;
}

.img-egg {
    position: fixed;
    right: 10;
    bottom: 10;
    max-width: 160px;
}

/* Text Styles */

.text-gray {
  opacity: .5!important;
}

a[href^=tel] { color: inherit; text-decoration: none; }

/* Padding 4 */

.p-4 {
  padding: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.px-4 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

/* Padding 5 */

.p-5 {
  padding: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.pb-5 {
  padding-bottom: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.px-5 {
  padding-right: 5rem !important;
  padding-left: 5rem !important;
}

.py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/* Margin 4 */

.m-4 {
  margin: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mx-4 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

/* Margin 5 */

.m-5 {
  margin: 5rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mx-5 {
  margin-right: 5rem !important;
  margin-left: 5rem !important;
}

.my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

/* Backgrounds */

.bg-image-1, .bg-image-2, .bg-image-3, .bg-image-4, .bg-image-5,
.bg-image-6, .bg-image-7 {
    background-position: center center;
    background-size: cover
}

.bg-image-1 {
    background-image: url(../images/bg-image-1.jpg)
}

.bg-image-2 {
    background-image: url(../images/bg-image-2.jpg)
}

.bg-image-3 {
    background-image: url(../images/bg-image-3.jpg)
}

.bg-image-4 {
    background-image: url(../images/bg-image-4.jpg)
}

.bg-image-5 {
    background-image: url(../images/bg-image-5.jpg)
}

.bg-image-6 {
    background-image: url(../images/bg-image-6.jpg)
}

.bg-image-7 {
    background-image: url(../images/bg-image-7.jpg)
}

.cover {
    height: 100vh;
    min-height: 100vh
}

.cover-130 {
    height: 130vh;
    min-height: 130vh
}

.cover-90 {
    height: 90vh;
    min-height: 90vh
}

.cover-75 {
    height: 75vh;
    min-height: 75vh
}

/* Devices & Browsers */

.browser-bar, .browser-bar-dark {
    height: 30px;
    padding: 11px;
    border: 1px solid #f4f4f4;
    border-bottom: 0px;
    border-radius: 4px 4px 0px 0px
}

.browser-bar .dot, .browser-bar-dark .dot {
    height: .5rem;
    width: .5rem;
    display: inline-block;
    float: left;
    margin-right: .6em;
    border-radius: 50%
}

.browser-bar {
    background-color: #f8f8f8;
    border-color: #f4f4f4
}

.browser-bar-dark {
    background-color: #191919;
    border-color: #242424
}

.browser-bar .dot {
    background-color: #ffffff
}

.browser-bar-dark .dot {
    background-color: #242424
}

.device-ios-top, .device-ios-top-dark {
    height: 54px;
    padding: 22px;
    border-radius: 30px 30px 0px 0px;
    border-bottom: 0px !important
}

.device-ios-bottom, .device-ios-bottom-dark {
    height: 64px;
    padding: 14px;
    border-radius: 0px 0px 30px 30px;
    border-top: 0px !important
}

.device-ios-body, .device-ios-body-dark {
    padding: 0px 12px;
    border: 1px solid;
    border-top: 0px;
    border-bottom: 0px
}

.device-ios-top, .device-ios-top-dark, .device-ios-bottom, .device-ios-bottom-dark {
    padding-left: 50%;
    border: 1px solid
}

.device-ios-top .dot, .device-ios-top-dark .dot {
    height: .5rem;
    width: .5rem;
    display: inline-block;
    float: left;
    margin-right: .6em;
    margin-left: -20px;
    border-radius: 3em
}

.device-ios-top .speaker, .device-ios-top-dark .speaker {
    height: .3rem;
    width: 2rem;
    margin-top: .1rem;
    display: inline-block;
    float: left;
    margin-right: .6em;
    border-radius: 3em
}

.device-ios-bottom .button, .device-ios-bottom-dark .button {
    height: 36px;
    width: 36px;
    border: 1px solid;
    display: inline-block;
    float: left;
    margin-right: 0px;
    margin-left: -20px;
    border-radius: 6em;
    background-color: transparent
}

.device-ios-bottom .button {
    border-color: #f4f4f4
}

.device-ios-bottom-dark .button {
    border-color: #232323
}

.device-ios-top, .device-ios-body, .device-ios-bottom {
    background-color: #f8f8f8;
    border-color: #f4f4f4
}

.device-ios-top-dark, .device-ios-body-dark, .device-ios-bottom-dark {
    background-color: #191919;
    border-color: #242424
}

.device-ios-top .dot, .device-ios-top .speaker {
    background-color: #f4f4f4
}

.device-ios-top-dark .dot, .device-ios-top-dark .speaker {
    background-color: #242424
}

/* Button Enhancements */

.btn-rounded {
    border-radius: 100em
}