@font-face {
    font-family: 'GT Eesti Text';
    font-display:auto;
    src: url('../font/GTEestiText-UltraLight.woff2') format('woff2'),
        url('../font/GTEestiText-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'GT Eesti Text';
    font-display:auto;
    src: url('../font/GTEestiText-Medium.woff2') format('woff2'),
        url('../font/GTEestiText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GT Eesti Text';
    font-display:auto;
    src: url('../font/GTEestiText-Light.woff2') format('woff2'),
        url('../font/GTEestiText-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../font/MyriadPro-Regular.woff2') format('woff2'),
        url('../font/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



::-moz-selection {
    background-color:#ff9e21;
    color:#fff
}
::selection {
    background-color: #ff9e21;
    color: #fff;
}
::-webkit-input-placeholder {
    color: #b8b8b8;
    font-weight:300
}
:-moz-placeholder {
    color: #b8b8b8;
    opacity:1;
    font-weight:300
}
::-moz-placeholder {
    color: #b8b8b8;
    opacity:1;
    font-weight:300
}
:-ms-input-placeholder {
    color: #b8b8b8;
    font-weight:300
}
::-ms-input-placeholder {
    color: #b8b8b8;
    font-weight:300
}
.form-control::placeholder {
    color: #b8b8b8;
    opacity: 1;
}
.quote-form .form-control::placeholder {
    color: #0e0e0e;
    opacity: 1;
    font-size: 16px;
}
body{
    font-family: 'GT Eesti Text';
    font-size: 16px;
    font-weight: 300;
}

a {
    color: #F6880D;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    cursor: pointer;
        
}

iframe {
    border: 0
}
a:focus, a:hover {
    text-decoration: none;
    outline: 0;
    color: #222;
}
p {
    font-size: 18px;
    color: #393939;
    font-weight: 300;
}
.link {

    background: transparent;
    border: 0;
    color: #f17700;
    font-size: 19px;
    cursor: pointer;

}
.form-control:focus {
    border-color: #fb9f37;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(151, 102, 233, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(233, 199, 102, 0.4);
}
.card-panel {
    margin: 0;
    padding: 60px
}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
    font-size: 1em;
    line-height: inherit
}
img.inline{ display: inline-block;}
.modal-backdrop{background: #fff;}
.modal-backdrop.in {
    filter: alpha(opacity=80);
    opacity: .8;
}
.as-modal .modal-header.call {

    padding: 15px;
    border-bottom: none;
    background: #f27700;
    color: #fff;

}
.as-modal .modal-header.quote {

    padding: 15px;
    border-bottom: none;
    background: #3f3f3f;
    color: #fff;

}
.as-modal .modal-title {
    line-height: 1.42857143;
    color: #fff;
    text-align: center;
    margin-top: 40px;

}
.as-modal .close {

    position: absolute;
    top: 10px;
    right: 11px;
    width: 35px;
    height: 35px;
    border: 1px solid #fff !important;
    display: block;
    color: #fff;
    border-radius: 50%;
    opacity: 0.3;
    transition: 0.3s;
    font-size: 25px;

}
.as-modal .modal-body {

    position: relative;
    padding: 15px 55px 50px;

}
.as-modal .modal-header p {
    color: #fff;
    margin-top: 11px;
    padding: 0 20px;
    text-align: center;
}
.as-modal .modal-body .btn{ margin-top: 40px;}
.as-modal .close:hover{ color: #F27700; opacity: 1; text-shadow: none;}
.as-modal .modal-header.call .close:hover span {
    color: #fff;
}
.dark-bg{ background: #3f3f3f;}
.gray-bg {  background: #f5f5f5;}
.primary-bg{ background: #f27700;}
h1, h2, h3, h4, h5 {
    color: #222;
    line-height: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600
}
h6 {
    color: #222;
    line-height: 1.2em !important;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 500
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    color: #222
}
h2, h3, h4{
    font-weight: 400;
}
h1, .h1 {
    font-size: 36px
}
h2, .h2 {
    font-size: 30px
}
h3, .h3 {
    font-size: 24px
}
h4, .h4 {
    font-size: 18px
}
h5, .h5 {
    font-size: 16px
}
h6, .h6 {
    font-size: 14px;
    color: #222
}
td, th {
    border-radius: 0px
}
.clear::before, .clear::after {
    content: " ";
    display: table
}
.clear::after {
    clear: both
}
.fz-11 {
    font-size: 11px
}
.fz-12 {
    font-size: 12px !important
}
.fz-13 {
    font-size: 13px !important
}
.fz-14 {
    font-size: 14px !important
}
.fz-15 {
    font-size: 15px !important
}
.fz-16 {
    font-size: 16px !important
}
.fz-18 {
    font-size: 18px !important
}
.fz-20 {
    font-size: 20px !important
}
.fz-22 {
    font-size: 22px !important
}
.fz-30 {
    font-size: 30px !important
}
.fz-34 {
    font-size: 34px !important
}
.fz-48 {
    font-size: 48px !important
}
.fw100 {
    font-weight: 100
}
.fw300 {
    font-weight: 300 !important;
}
.fw400 {
    font-weight: 400 !important
}
.fw500 {
    font-weight: 500 !important;
}
.fw700 {
    font-weight: 700 !important;
}
.fw800 {
    font-weight: 800 !important;
}
.fw900 {
    font-weight: 900 !important;
}
.fsi {
    font-style: italic
}
.mt-10 {
    margin-top: 10px !important
}
.mt-15 {
    margin-top: 15px !important
}
.mt-20 {
    margin-top: 20px !important
}
.mt-25 {
    margin-top: 25px !important
}
.mt-30 {
    margin-top: 30px !important
}
.mt-35 {
    margin-top: 35px !important
}
.mt-40 {
    margin-top: 40px !important
}
.mt-50 {
    margin-top: 50px !important
}
.mt-60 {
    margin-top: 60px !important
}
.mt-70 {
    margin-top: 70px !important
}
.mt-80 {
    margin-top: 80px !important
}
.mt-100 {
    margin-top: 100px !important
}
.mt-120 {
    margin-top: 120px !important
}
.mt-150 {
    margin-top: 150px !important
}
.ml-0 {
    margin-left: 0 !important
}
.ml-5 {
    margin-left: 5px !important
}
.ml-10 {
    margin-left: 10px !important
}
.ml-15 {
    margin-left: 15px !important
}
.ml-20 {
    margin-left: 20px !important
}
.ml-30 {
    margin-left: 30px !important
}
.ml-50 {
    margin-left: 50px !important
}
.mr-0 {
    margin-right: 0 !important
}
.mr-5 {
    margin-right: 5px !important
}
.mr-15 {
    margin-right: 15px !important
}
.mr-10 {
    margin-right: 10px !important
}
.mr-20 {
    margin-right: 20px !important
}
.mr-30 {
    margin-right: 30px
}
.mr-50 {
    margin-right: 50px
}
.mb-0 {
    margin-bottom: 0px !important
}
.mb-0-i {
    margin-bottom: 0px !important
}
.mb-5 {
    margin-bottom: 5px !important
}
.mb-10 {
    margin-bottom: 10px !important
}
.mb-15 {
    margin-bottom: 15px !important
}
.mb-20 {
    margin-bottom: 20px !important
}
.mb-25 {
    margin-bottom: 25px !important
}
.mb-30 {
    margin-bottom: 30px !important
}
.mb-40 {
    margin-bottom: 40px
}
.mb-50 {
    margin-bottom: 50px
}
.mb-60 {
    margin-bottom: 60px
}
.mb-70 {
    margin-bottom: 70px
}
.mb-80 {
    margin-bottom: 80px
}
.mb-90 {
    margin-bottom: 90px
}
.mb-100 {
    margin-bottom: 100px
}
.p-20 {
    padding: 20px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pt-10 {
    padding-top: 10px !important
}
.pt-15 {
    padding-top: 15px !important
}
.pt-20 {
    padding-top: 20px !important
}
.pt-25 {
    padding-top: 25px !important
}
.pt-30 {
    padding-top: 30px
}
.pt-40 {
    padding-top: 40px
}
.pt-50 {
    padding-top: 50px
}
.pt-60 {
    padding-top: 60px
}
.pt-70 {
    padding-top: 70px
}
.pt-80 {
    padding-top: 80px
}
.pt-90 {
    padding-top: 90px
}
.pt-100 {
    padding-top: 100px
}
.pt-120 {
    padding-top: 120px
}
.pt-150 {
    padding-top: 150px
}
.pt-170 {
    padding-top: 170px
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pb-10 {
    padding-bottom: 10px
}
.pb-15 {
    padding-bottom: 15px
}
.pb-20 {
    padding-bottom: 20px
}
.pb-25 {
    padding-bottom: 25px
}
.pb-30 {
    padding-bottom: 30px
}
.pb-40 {
    padding-bottom: 40px
}
.pb-50 {
    padding-bottom: 50px
}
.pb-60 {
    padding-bottom: 60px
}
.pb-70 {
    padding-bottom: 70px
}
.pb-80 {
    padding-bottom: 80px
}
.pb-90 {
    padding-bottom: 90px
}
.pb-100 {
    padding-bottom: 100px
}
.pb-120 {
    padding-bottom: 120px
}
.pb-150 {
    padding-bottom: 150px
}
.pr-30 {
    padding-right: 30px
}
.pl-30 {
    padding-left: 30px
}
.pl-90 {
    padding-left: 90px
}
.p-40 {
    padding: 40px
}
.float-left {
    float: left !important
}
.float-right {
    float: right !important
}
.text-italic {
    font-style: italic
}
.text-white {
    color: #fff !important;
}
.text-black {
    color: #000 !important;
}
.text-orange {
    color: #f17700 !important;
}
.text-uppercase{ text-transform: uppercase;}
.transition {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.section-full {
    padding: 100px 0
}
.section-half {
    padding: 75px 0
}
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-primary {
    color: #F17700;
}
.text-danger{
    color: #F9132D;
}
.display-table {
    display: table
}
.text-white {
    color: #fff
}
.text-dark {
    color: #222
}
.relative {
    position: relative
}
.overflow-hidden {
    overflow: hidden
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.container.fullwidth {
    width: 100%
}
.container.no-padding {
    padding-left: 0;
    padding-right: 0
}
.no-padding {
    padding: 0
}
.section-bg {
    background: #f9fafc
}
blockquote {
    padding: 0px 20px;
    margin: 10px 0 20px;
    font-size: 18px;
    border-left: 4px solid #f17700;
    font-family: 'GT Eesti Text';
    font-weight: 300;
}
@media (max-width: 767px) {
    .no-flex-xs {
        display: block !important
    }
}
:focus, a:focus, button:focus{ outline: none;}

.row.no-margin {
    margin-left: 0;
    margin-right: 0
}
.sample-text-area {
    background: #fff;
    padding: 100px 0 70px 0
}
.sample-text {
    margin-bottom: 0
}
.text-heading {
    margin-bottom: 30px;
    font-size: 24px
}
.typo-list {
    margin-bottom: 10px
}

b, sup, sub, u, del {
    color: #988fff
}
h1 {
    font-size: 70px
}
h2 {
    font-size: 60px
}
h3 {
    font-size: 50px
}
h4 {
    font-size: 40px
}
h5 {
    font-size: 30px
}
h6 {
    font-size: 22px
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.5em;
    color: #393939;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    color: #777
}

/** button styling*/
.btn{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; 
    cursor: pointer;
    position: relative;
    padding: 10px 50px;
    font-size: 16px;
    letter-spacing: 0.5px;
}
/*.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    color: #fff;
}*/
.btn-primary {
    background: #f17700; 
    color: #fff;
    font-size: 17px;
    border-color: #f17700; 
}

.btn-primary:focus, .btn-primary:hover, .btn-primary.active {
    color: #f17700 !important;  
    border-color: #f17700 !important; 
    background-color: #fff !important;
}


.btn-light{
    background: #fff;
    border: 2px solid #fff;
}
.btn-light:hover, .btn-light:focus{
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.btn-white-outline{
    background: transparent;
    border: 1px solid #ffeaad;
    color: #fff;
}
.btn-white-outline:hover, .btn-white-outline:focus {
    background: #ffeaad;
    border-color: #ffeaad;
    color: #F58209;
}

.btn-yellow-outline{
    background: transparent;
    border: 1px solid #ffeaad;
    color: #f17700;
}
.btn-yellow-outline:hover, .btn-orange-outline:focus{
    background: #ffeaad;
    border-color: #ffeaad;
    color: #f17700;
}

.btn-orange-outline{
    background: transparent;
    border: 1px solid #f17700;
    color: #f17700;
}
.btn-orange-outline:hover, .btn-orange-outline:focus{
    background: #f17700;
    border-color: #f17700;
    color: #fff;
}
.btn-black-outline{
    background: transparent;
    border: 1px solid #393939;
    color: #393939;
}
.btn-black-outline:hover, .btn-black-outline:focus{
    background: #393939;
    border-color: #393939;
    color: #fff;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.btn-round{
    border-radius: 30px;
}
.btn-condensed {

    padding: 18px 25px;
    border-radius: 5px;

}.button-area {
    background: #fff
}
.button-area .border-top-generic {
    padding: 70px 15px;
    border-top: 1px dotted #eee
}
.button-group-area .genric-btn {
    margin-right: 10px;
    margin-top: 10px
}
.button-group-area .genric-btn:last-child {
    margin-right: 0
}

.justify-content-center .menu-content {

    margin: auto;
    float: none;

}
.justify-content-center .menu-content .title{
    margin-bottom: 0;
}
.single-gallery-image {
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height: 200px
}
ul, ol{ padding-left: 0; margin-left: 0;}
ul li, ol li{ list-style: none;}
.list-style {
    width: 14px;
    height: 14px
}

.unordered-list li {
    position: relative;
    padding-left: 30px;
    line-height: 1.82em !important
}
.unordered-list li:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border: 3px solid #988fff;
    background: #fff;
    top: 4px;
    left: 0;
    border-radius: 50%
}
.ordered-list {
    margin-left: 30px
}
.ordered-list li {

    list-style-type: lower-latin;
    color: #733ca8;
    font-weight: 500;
    line-height: 24px !important;
    font-size: 18px;
    margin-bottom: 20px;

}
.ordered-list li span {

    font-weight: 400;
    color: #000;
    font-size: 16px;

}
.imp-tag {

    background: #733ca8;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;

}

/*Radio Buttons*/
.custom-radio [type="radio"]:checked,
.custom-radio  [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.custom-radio [type="radio"]:checked + label, .custom-radio [type="radio"]:not(:checked) + label {

    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    color: #666;

}
.custom-radio [type="radio"]:checked + label::before, .custom-radio [type="radio"]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.custom-radio [type="radio"]:checked + label::after, .custom-radio [type="radio"]:not(:checked) + label::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #90C14F;
    position: absolute;
    top: 10px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}
.custom-radio  [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.custom-radio  [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.inline-radio{

}
.inline-radio li {

    display: inline;
    margin-right: 7px;

}
.demo-section {
    padding-bottom: 80px;
}
/*Default select*/
.default-select {
    height: 40px
}
.default-select .nice-select {
    border: none;
    border-radius: 0px;
    height: 40px;
    background: #f9f9ff;
    padding-left: 20px;
    padding-right: 40px
}
.default-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px
}
.default-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding-left: 20px
}
.default-select .nice-select .list .option.selected {
    color: #988fff;
    background: transparent
}
.default-select .nice-select .list .option:hover {
    color: #988fff;
    background: transparent
}
.default-select .current {
    margin-right: 50px;
    font-weight: 300
}
.default-select .nice-select::after {
    right: 20px
}

.form-select {
    height: 46px;
    width: 100%
}
.form-select .nice-select {

    border: 1px solid #ddd;
    border-radius: 0px;
    height: 46px;
    background: #fff;
    padding-left: 12px;
    padding-right: 40px;
    width: 100%;
    font-size: 16px;

}
.form-select .nice-select .list {
    margin-top: 0;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    padding: 10px 0 10px 0px
}
.form-select .nice-select .list .option {
    font-weight: 300;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 32px;
    min-height: 28px;
    font-size: 15px;
    padding-left: 15px
}
.form-select .nice-select .list .option.selected {
    color: #988fff;
    background: transparent
}
.form-select .nice-select .list .option:hover {
    color: #988fff;
    background: transparent
}
.form-select .current {
    margin-right: 50px;
    font-weight: 300
}
.form-select .nice-select::after {
    right: 20px
}

/***Custom check boxes*/
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
}
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 0px;
    left: -2px;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
}
.checkbox-container :hover input ~ .checkmark {
    background-color: #ccc;
}
.checkbox-container input:checked ~ .checkmark {
    background-color: #f17700;
    border-color: #f17700;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
.checkbox-container .checkmark::after {
    left: 6px;
    top: 0px;
    width: 8px;
    height: 16px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} 
/**END*/

/**radio button styling**/
.radiobutton-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
}

/* Hide the browser's default radio button */
.radiobutton-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radiobutton-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
.radiobutton-container input:checked ~ .checkmark {
    background-color: #f17700;
    border-color: #f17700;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobutton-container .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton-container .checkmark::after {
    top: 7px;
    left: 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}
@media (max-width: 768px){
    .btn-condensed {

        padding: 15px 20px;
        border-radius: 5px;
        font-size: 16px;

    }
}
@media (max-width: 480px){
    blockquote {
        padding: 0px 12px;
        margin: 10px 0 20px;
        font-size: 16px;
        border-left: 2px solid #f17700;
    }
    .radiobutton-container{ font-size: 18px;}
}
.btn-fil{
    background: #f17700;
    border: 1px solid #f17700;
    color: #ffffff;
}
.btn-fil:hover, .btn-fil:focus{
    background: transparent;
    border: 1px solid #f17700;
    color: #f17700;
}