body {
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #262830;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    transition: all 0.3s linear;
}

.primbg {
    background-color: #ec7409;
}

.bg-gray {
    background-color: #ededed;
}

.bg-dark {
    background-color: #555;
}

.boxborder-gray {
    border: solid 1px #e8e8e8;
}

.top-prim-border {
    border-top: solid 3px #ec7409;
}

.top-gray-border {
    border-top: solid 1px #555;
}

.boxshadow {
    box-shadow: 0 3px 10px #eee;
}

.lineanim {
    position: relative
}

.lineanim::before {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0px;
    width: 0%;
    height: 1px;
    background-color: #fff;
    transition: all .7s linear
}

.lineanim:hover::before {
    width: 100%;
}

.logo {
    padding: 6px 0px 9px 0px;
}

.logo img {
    height: 60px;
    transition: all 0.3s linear;
}

/* navibar **/

.navibar {
    display: block;
    margin-top: 30px;
    transition: all 0.3s linear;
}

.navibar a {
    color: #555;
    margin-left: 26px;
    font-size: 15px;
    font-weight: 500;
    opacity: 0.8;
    position: relative;
    text-transform: uppercase;
}

.navibar a:hover {
    opacity: 1.0;
    color: #ec7409
}

.navibar a.lang {
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}

.navibar a.act {
    opacity: 1.0;
    color: #ec7409;
}

.srink {
    box-shadow: 0px 1px 16px 1px rgba(120, 120, 120, 0.3) !important;
    background-color: #fff;
}

.srink .logo img {
    height: 44px;
}

.srink .navibar {
    margin-top: 18px;
}

h3.title {
    display: block;
    font-size: 23px;
    font-weight: 300;
    color: #000;
    margin: 30px 0px 15px 0px;
    line-height: 38px;
    text-transform: uppercase;
}

h3.title span {
    font-weight: 700;
}

/* heroslider*/

.heroslider {
    margin: 0px;
    padding: 0px;
}

.heroslider .heroslide {
    display: block;
    height: 580px;
    padding-top: 310px;
}

.heroslider .heroslide h2 {
    color: #fff;
    font-size: 46px;
    font-weight: 400;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.heroslider .heroslide p {
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color: #efede4;
}

.heroslider .heroslide a {
    display: inline-block;
    padding: 11px 30px;
    background-color: #fff;
    color: #958e6a;
    font-size: 16px;
    font-weight: 400;
    border-radius: 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.heroslider .heroslide a::before {
    position: absolute;
    left: -46px;
    top: 50%;
    transform: translateY(-50%);
    content: '\27F6';
    transition: all 0.5s linear;
}

.heroslider .heroslide a:hover {
    color: #ee5f00;
    padding: 11px 30px 11px 42px;
}

.heroslider .heroslide a:hover::before {
    left: 12px;
}

.heroslider .slide-a {
    background: url(../images/hero/a.jpg);
    background-size: cover;
}

.heroslider .slide-b {
    background: url(../images/hero/b.jpg);
    background-size: cover;
}

.heroslider .slide-c {
    background: url(../images/hero/c.jpg);
    background-size: cover;
}

.heroslider .slide-d {
    background: url(../images/hero/d.jpg);
    background-size: cover;
}

.herotext {
    display: block;
    margin: 40px 0px;
}

.herotext h3 {
    font-size: 26px;
    line-height: 35px;
    font-weight: 600;
    color: #555;
    transition: all 0.3s linear;
}

.herotext h3 span {
    color: #ee5f00;
}


.herotext p {
    display: inline-block;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10%;
    transition: all 0.3s linear;
}

.herotext p.orange {
    font-size: 14px;
    font-weight: 500;
    color: #ee5f00;
}

/**About Section*/

.aboutcontent {
    display: block;
    margin-right: 3%;
}

.aboutcontent h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 18px;
    position: relative;
}

.aboutcontent h4::after {
    position: absolute;
    top: 49%;
    right: 110%;
    width: 500px;
    height: 1px;
    background-color: #000;
    content: '';
}

.aboutcontent h3 {
    display: block;
    font-size: 30px;
    font-weight: 300;
    color: #000;
    line-height: 38px;
}

.aboutcontent h3 span {
    font-weight: 700;
}

.aboutcontent p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
}

.aboutcontent a {
    display: inline-block;
    padding: 12px 30px;
    color: #000;
    border: solid 1px #aaa;
    background-color: #fff;
    border-radius: 90px;
    margin-right: 10px;
}

.aboutcontent a.dark,
.aboutcontent a:hover {
    background-color: #000;
    color: #fff;
}

.aboutcontent a.dark:hover {
    color: #000;
    background-color: #fff;
}

/* Title Section*/

.section-title {
    display: block;
    padding: 20px 0px;
}

.section-title h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: 0b0f47;
    position: relative;
    margin-bottom: 15px;
}

.section-title h3::before {
    position: absolute;
    bottom: -15px;
    left: 0px;
    content: '';
    background-color: #c23793;
    height: 3px;
    width: 45%;
}

.contactcta {
    display: block;
    background: url('../images/cta.jpg') no-repeat center center;
    background-size: cover;
    padding: 150px 0px 150px 0px;
}

.contactcta h3 {
    display: block;
    font-size: 30px;
    font-weight: 500;
    color: #eee;
    line-height: 42px;
    margin: auto 6%;
}

.contactcta p {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: #aaa;
}

/* Conatct Info*/

.contactinfo {
    display: block;
    padding: 20px 0px;
    color: #aaa;
    font-size: 14px;
}

.contactinfo h3 {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #eee;
    position: relative;
}

.contactinfo h3::before {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-family: boxicons;
    font-size: 26px;
}

.contactinfo p {
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 24px;
}

.contactinfo a {
    display: inline-block;
    color: #eee;
    font-size: 14px;
    margin-bottom: 8px;
}

.contactinfo a:hover {
    color: #fff
}

.contactinfo img {
    animation: graykeyamin 15s infinite;
}

@keyframes graykeyamin {
    0% {
        filter: grayscale(100%);
    }
    50% {
        filter: grayscale(0%);
    }
    100% {
        filter: grayscale(100%);
    }
}

/*  Footer  */

.copy {
    font-size: 12px;
    color: #ccc;
    opacity: 0.8;
}

.copy a {
    display: inline-block;
    font-size: 12px;
    color: #ccc;
    opacity: 0.8;
}

.copy a:hover {
    opacity: 1.0;
    color: #fff;
}