@import url('../../../javascript/lib/vendors/font-awesome/css/font-awesome.min.css');

@font-face {
    font-family: 'Dubai W23 Light';
    src: url('../fonts/hinted-DubaiW23-Light.eot');
    src: local('Dubai W23 Light'), local('DubaiW23-Light'), url('../fonts/hinted-DubaiW23-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-DubaiW23-Light.woff2') format('woff2'), url('../fonts/hinted-DubaiW23-Light.woff') format('woff'), url('../fonts/hinted-DubaiW23-Light.ttf') format('truetype'), url('../fonts/hinted-DubaiW23-Light.svg#DubaiW23-Light') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Dubai W23 Regular';
    src: url('../fonts/hinted-DubaiW23-Regular.eot');
    src: local('Dubai W23 Regular'), local('DubaiW23-Regular'), url('../fonts/hinted-DubaiW23-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-DubaiW23-Regular.woff2') format('woff2'), url('../fonts/hinted-DubaiW23-Regular.woff') format('woff'), url('../fonts/hinted-DubaiW23-Regular.ttf') format('truetype'), url('../fonts/hinted-DubaiW23-Regular.svg#DubaiW23-Regular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Dubai W23 Medium';
    src: url('../fonts/hinted-DubaiW23-Medium.eot');
    src: local('Dubai W23 Medium'), local('DubaiW23-Medium'), url('../fonts/hinted-DubaiW23-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-DubaiW23-Medium.woff2') format('woff2'), url('../fonts/hinted-DubaiW23-Medium.woff') format('woff'), url('../fonts/hinted-DubaiW23-Medium.ttf') format('truetype'), url('../fonts/hinted-DubaiW23-Medium.svg#DubaiW23-Medium') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Dubai W23 Bold';
    src: url('../fonts/hinted-DubaiW23-Bold.eot');
    src: local('Dubai W23 Bold'), local('DubaiW23-Bold'), url('../fonts/hinted-DubaiW23-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-DubaiW23-Bold.woff2') format('woff2'), url('../fonts/hinted-DubaiW23-Bold.woff') format('woff'), url('../fonts/hinted-DubaiW23-Bold.ttf') format('truetype'), url('../fonts/hinted-DubaiW23-Bold.svg#DubaiW23-Bold') format('svg');
    font-weight: bold;
    font-style: normal
}

body {
    font-family: 'Dubai W23 Light';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 28px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bodyscrollhide {
    transition: .5s ease;
    overflow: hidden !important
}

.containerhide {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Dubai W23 Bold'
}

:focus {
    outline: none !important
}

a,
a:link,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btn {
    border-radius: 0;
    font-family: 'Dubai W23 Medium'
}

#loading-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    z-index: 9999;
    overflow: hidden
}

#loading-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    color: #999;
    width: 60px;
    height: 80px;
    z-index: 9999;

    /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 75.61 99.48'><path fill='#da1621;' d='M68.53,44.87a1.28,1.28,0,0,1-.37-.4,38.1,38.1,0,0,0-11.32-9.92,29,29,0,0,0-8-3,76.52,76.52,0,0,0-8.19-1.43,49.62,49.62,0,0,0-7.1-.3c-1.48,0-3,0-4.43-.05q-2.53-.06-5.06-.17L14,29.15l-5.21-.24c-.66,0-.54-.07-.48-.54q.44-3.48.87-7,.46-3.72.92-7.44T11,6.29c.23-1.95.46-3.9.68-5.85,0-.42.08-.37.45-.37l6.43,0,8.62,0a4.25,4.25,0,0,0,.44,0c.24,0,.32.08.33.3q.05,1,.13,1.94c.13,1.75.24,3.5.49,5.23a5.62,5.62,0,0,0,.48,1.63,2.42,2.42,0,0,0,2.38,1.53c2.44,0,4.87,0,7.31,0a1.82,1.82,0,0,0,1.54-.88,4.78,4.78,0,0,0,.76-2.23c.22-1.85.36-3.72.5-5.58,0-.49.07-1,.11-1.46s0-.39.43-.4l5.51,0L57.74,0h.19c.5,0,.51-.1.58.51.2,1.89.43,3.77.64,5.66q.26,2.3.52,4.6c.12,1.1.26,2.19.37,3.29a.91.91,0,0,0,.28.59,34.83,34.83,0,0,1,2.44,2.78,13.45,13.45,0,0,1,2,4c.12.34.22.68.35,1a15.28,15.28,0,0,1,.68,3.43c.36,2.41.7,4.82,1,7.23q.46,3.23.92,6.46.37,2.55.74,5.11C68.51,44.7,68.52,44.76,68.53,44.87Z' /> <path fill='#da1621;' d='M75.23,96.42q-.42-3.11-.84-6.22c-.27-2-.53-4.09-.82-6.13S73,80,72.72,78c-.18-1.12-.27-2.26-.41-3.38-.32-2.45-.66-4.89-.93-7.34-.31-2.82-.7-5.63-1.28-8.42a36.42,36.42,0,0,0-2.29-7.37,29.56,29.56,0,0,0-6-8.54A30,30,0,0,0,52.05,36a36.61,36.61,0,0,0-10.55-2.58c-2.63-.28-5.28-.33-7.93-.41-1.82-.05-3.63-.13-5.45-.21l-9.88-.44c-2.3-.1-4.61-.18-6.91-.26-1,0-2-.06-3,0-.42,0-.42.06-.47.46l-.21,1.74L7,39.41q-.37,3.09-.74,6.19Q6,48.23,5.65,50.86T5,56.28C4.8,58,4.6,59.82,4.39,61.59S4,65.2,3.74,67l-.62,5.27Q2.8,75,2.47,77.79c-.18,1.53-.35,3.06-.53,4.59q-.32,2.76-.64,5.51C1.1,89.71.9,91.53.69,93.36S.25,97,.05,98.87c-.07.68-.18.61.57.61l48.86-.06,25.62,0a1.06,1.06,0,0,0,.51-.05C75.48,98.35,75.36,97.38,75.23,96.42ZM51.6,77.89c0,.34,0,.34-.45.34H38v0H24.84c-.37,0-.38,0-.34-.39.14-1.27.29-2.55.43-3.82l.54-4.74.64-5.61.52-4.55c.2-1.74.4-3.48.59-5.22,0-.23.12-.29.34-.3a64.46,64.46,0,0,1,9.68.12A25,25,0,0,1,43,54.93,11.42,11.42,0,0,1,50.61,63a24.5,24.5,0,0,1,.86,5.17C51.69,71.4,51.56,74.65,51.6,77.89Z' /></svg>")  no-repeat center; */

}

#loading-text img {
    max-width: 80px;
    margin: auto;
    vertical-align: middle;
}

#loading-content {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin: -96px 0 0 -96px;
    border: 0 solid red
}

#loading-content:after {
    content: "";
    position: absolute;
    border: 0 solid #0F0;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px
}

#loading-content:before {
    content: "";
    position: absolute;
    border: 0 solid #00F;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px
}

#loading-content {
    border: 0 solid transparent;
    border-top-color: #fff;
    border-bottom-color: #da1621;
    border-radius: 50%;
    -webkit-animation: loader 2s linear infinite;
    -moz-animation: loader 2s linear infinite;
    -o-animation: loader 2s linear infinite;
    animation: loader 2s linear infinite
}

#loading-content:before {
    border: 3px solid transparent;
    border-top-color: #da1621;
    border-bottom-color: #fff;
    border-radius: 50%;
    -webkit-animation: loader 3s linear infinite;
    -moz-animation: loader 3s linear infinite;
    -o-animation: loader 3s linear infinite;
    animation: loader 3s linear infinite
}

#loading-content:after {
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #da1621;
    border-radius: 50%;
    -webkit-animation: loader 3s linear infinite;
    animation: loader 2s linear infinite;
    -moz-animation: loader 3s linear infinite;
    -o-animation: loader 3s linear infinite
}

@-webkit-keyframes loaders {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.gray-container {
    background: #eee;
    padding-bottom: 50px
}

.white-container {
    background: #fff;
    padding-bottom: 50px
}

.red-container {
    background: #da1621;
    padding-bottom: 50px
}

.navbar {
    width: 100% !important;
    overflow: hidden !important
}

.main_navbar_container .container a {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    overflow: hidden;
    top: 5px
}

.main_navbar_container .container a:after {
    content: '';
    position: absolute;
    background: #fff;
    height: 2px;
    width: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    bottom: 0;
    transition: .5s ease
}

.main_navbar_container .container a:hover:after,
.main_navbar_container .container a:focus:after,
.main_navbar_container .container a:active:after {
    width: 100%
}

.main_navbar_container .button_container {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: all .5s ease;
    z-index: 9998 !important
}

.main_navbar_container .button_container:hover {
    opacity: 1
}

.main_navbar_container .button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    width: 100% !important;
    background: #FFF
}

.main_navbar_container .button_container.active .middle {
    opacity: 0;
    background: #FFF;
    width: 100% !important
}

.main_navbar_container .button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
    width: 100% !important
}

.main_navbar_container .button_container span {
    background: #fff;
    border: 0;
    height: 4px;
    border-radius: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
    cursor: pointer
}

.main_navbar_container .button_container span:nth-of-type(2) {
    top: 11px
}

.main_navbar_container .button_container span:nth-of-type(3) {
    top: 22px
}

.main_navbar_container .overlay {
    position: fixed;
    background: #da1621;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    display: none;
    transition: opacity .5s, visibility .5s, width .5s;
    overflow: hidden;
    z-index: 9996 !important
}

.main_navbar_container .overlay.open {
    opacity: 1;
    display: block;
    height: 100%;
    width: 100%;
    transition: all .5s ease;
    overflow: hidden;
    z-index: 9997 !important
}

.main_navbar_container .overlay.open li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .5s
}

.main_navbar_container .overlay.open li:nth-of-type(0) {
    animation-delay: .10s
}

.main_navbar_container .overlay.open li:nth-of-type(1) {
    animation-delay: .20s
}

.main_navbar_container .overlay.open li:nth-of-type(2) {
    animation-delay: .30s
}

.main_navbar_container .overlay.open li:nth-of-type(3) {
    animation-delay: .40s
}

.main_navbar_container .overlay.open li:nth-of-type(4) {
    animation-delay: .50s
}

.main_navbar_container .overlay.open li:nth-of-type(5) {
    animation-delay: .60s
}

.main_navbar_container .overlay.open li:nth-of-type(6) {
    animation-delay: .70s
}

.main_navbar_container .overlay nav {
    position: relative;
    height: 65%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 2em;
    text-align: center;
    text-transform: uppercase
}

.main_navbar_container .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%
}

.main_navbar_container .overlay ul li {
    display: block;
    height: 16.66%;
    height: calc(100% / 6);
    min-height: 50px;
    position: relative;
    opacity: 0
}

.main_navbar_container .overlay ul li a {
    display: block;
    position: relative;
    color: #a1060f;
    text-decoration: none;
    overflow: hidden;
    font-family: 'Dubai W23 Bold';
    padding-bottom: 5px
}

.main_navbar_container .overlay ul li a:hover:after,
.main_navbar_container .overlay ul li a:focus:after,
.main_navbar_container .overlay ul li a:active:after {
    width: 100%
}

.main_navbar_container .overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #fff;
    transition: .5s
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%
    }

    100% {
        opacity: 1;
        left: 0
    }
}

.main_navbar .navbar-brand {
    transition: all .5s ease;
    height: 100px
}

.main_navbar .navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0
}

.navbar {
    background: 0;
    border-color: none !important;
    border: 1px solid transparent
}

.navbar .container {
    position: relative
}

.navbar-brand {
    float: left
}

.navbar-brand img {
    columns: #fff;
    height: 83px;
    padding-top: 7px;
    transition: all .5s ease
}

.main_navbar .affix-top {
    min-height: 110px;
    transition: all .5s ease;
    background-color: none !important;
    border-color: none !important
}

.main_navbar .heightmax {
    height: 100% !important
}

.main_navbar .affix {
    background-color: #da1621;
    border-color: #da1621;
    min-height: 68px;
    min-height: 68px
}

.main_navbar .affix img {
    height: 68px;
    padding-top: 7px;
    transition: all .5s ease
}

.main_navbar .affix .navbar-brand {
    padding: 15px 15px
}

.main_navbar .heightmax {
    height: 100% !important
}

#main-header {
    overflow: hidden;
    position: relative;
    height: 100%;
    height: 100vh;
    text-align: center;
    background-position: center;
    background-size: cover;
    -o-background-size: cover;
    color: #fff;
    background: #da1621;
    background: -webkit-linear-gradient(#da1621, #a2050e);
    background: -o-linear-gradient(#da1621, #a2050e);
    background: -moz-linear-gradient(#da1621, #a2050e);
    background: linear-gradient(#da1621, #a2050e);
    z-index: 100
}

#main-header .header-container {
    display: table;
    width: 100%;
    height: 100%;
    z-index: 200 !important
}

.headerholder {
    padding-top: 50px
}

#main-header .header-container .header-contents {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    z-index: 200 !important
}

#main-header .header-container .header-contents h1 {
    font-size: 4em;
    text-transform: uppercase
}

#main-header .header-container .header-contents p {
    color: #ff8e95;
    text-transform: uppercase;
    font-size: 16px
}

#main-header .header-container .header-contents .btn {
    margin-top: 20px
}

.pot_img {
    position: absolute;
    left: 0;
    bottom: 140px;
    z-index: -1 !important
}

.keboard_img {
    position: absolute;
    left: 215px;
    bottom: 40px;
    z-index: -1 !important
}

.mouse_img {
    position: absolute;
    left: 800px;
    bottom: 30px;
    z-index: -1 !important
}

.glass_img {
    position: absolute;
    left: 315px;
    top: 75px;
    z-index: -1 !important
}

.cup_img {
    position: absolute;
    right: 340px;
    top: 95px;
    z-index: -1 !important
}

.paper_img {
    position: absolute;
    right: 0;
    bottom: 130px;
    z-index: -1 !important
}

.book_img {
    position: absolute;
    right: 265px;
    bottom: 0;
    z-index: -1 !important
}

.skewed-white {
    background: #fff;
    padding: 100px 0;
    -ms-transform: skew(0, -5deg);
    -webkit-transform: skew(0, -5deg);
    transform: skew(0, -5deg);
    margin-top: -180px;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.skewed-white .container {
    -ms-transform: skew(0, 5deg);
    -webkit-transform: skew(0, 5deg);
    transform: skew(0, 5deg);
    text-align: center
}

.skewed-red-bg {
    padding-top: 0;
    background: #da1621 url(../../default/images/servicebg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 150px
}

.skewed-red-full {
    background: #da1621;
    padding: 100px 0 30px 0;
    -ms-transform: skew(0, -5deg);
    -webkit-transform: skew(0, -5deg);
    transform: skew(0, -5deg);
    margin-top: -100px;
    z-index: 0 !important
}

.skewed-red-full .container {
    -ms-transform: skew(0, 5deg);
    -webkit-transform: skew(0, 5deg);
    transform: skew(0, 5deg);
    text-align: center
}

.full-container {
    padding: 76px 0
}

.full-container h2 {
    font-size: 40px;
    text-transform: uppercase;
    padding-bottom: 30px
}

.full-container p {
    padding-bottom: 10px
}

ul.mainlist {
    line-height: 2em;
    padding-left: 5px;
    list-style-type: none
}

.red-bg {
    background: #da1621;
    padding-bottom: 0
}

.about-container {
    text-align: right !important
}

.about_img {
    -ms-transform: skew(0, 5deg);
    -webkit-transform: skew(0, 5deg);
    transform: skew(0, 5deg);
    position: absolute;
    left: 0;
    top: 0
}

.about_bg {
    padding-top: 100px;
    padding-bottom: 120px !important
}

.title {
    font-size: 4em;
    margin-bottom: 100px;
    margin-top: 150px;
    position: relative;
    padding-bottom: 30px
}

.title-red {
    color: #a1060f !important
}

.title-center-black {
    text-align: center
}

.title-center-black:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 5px;
    background: #333;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin: 0 auto
}

.title-left-black:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 5px;
    background: #333;
    left: 0;
    bottom: 0
}

.title-right-black:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 5px;
    background: #333;
    right: 0;
    bottom: 0
}

.title-center-red {
    text-align: center !important
}

.title-left-red {
    text-align: left
}

.title-left-red:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 5px;
    background: #a1060f;
    left: 0;
    bottom: 0
}

.title-right-red:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 5px;
    background: #a1060f;
    right: 0;
    bottom: 0
}

.title-center-red:after {
    background: #a1060f !important
}

.title-inner {
    font-size: 2em;
    margin-bottom: 30px !important;
    position: relative;
    padding-bottom: 20px !important;
    text-transform: uppercase
}

.titleinner-low:after {
    background: #bbb !important
}

.innertitle-full {
    z-index: 10 !important
}

.skewed-red-bg .title {
    text-align: right
}

.service-container-full {
    padding-bottom: 0 !important
}

.services_container {
    margin-bottom: 80px
}

.services_container img {
    width: 60px
}

.services_container .iconbox {
    display: block;
    margin: 0 auto;
    height: 120px;
    width: 120px;
    color: #333 !important;
    margin-top: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    overflow: hidden;
    -webkit-transition: background .3s, color .3s, box-shadow .3s;
    -moz-transition: background .3s, color .3s, box-shadow .3s;
    transition: background .3s, color .3s, box-shadow .3s;
    position: relative
}

.services_container .iconboxtext p {
    display: none;

}

.services_container .iconboxtext p:first-child {
    display: block;

}

.services_container .iconbox svg {
    height: 70px !important;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto
}

.services_container .iconbox svg:hover path {
    fill: #333 !important
}

.services_container .iconbox img {
    color: #fff !important
}

.services_container .iconbox:hover svg path {
    fill: #da1621 !important
}

.services_container .iconbox:after {
    display: none
}

.services_container .iconbox:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3)
}

.services_container .iconbox:hover img {
    color: #da1621 !important
}

.services_container .iconbox:hover:before {
    -webkit-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards
}

.serviceicon {
    width: 60px;
    height: 60px;
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    image-rendering: optimizeQuality;
    fill-rule: evenodd;
    clip-rule: evenodd
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -ms-transform: translate(100%);
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        -ms-transform: translate(-100%);
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -ms-transform: translate(100%);
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        -ms-transform: translate(-100%);
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        -ms-transform: translate(100%);
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        -ms-transform: translate(-100%);
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

.services_container h4 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    transition: all .5 ease
}

.services_container p {
    color: #ff8e95;
    font-family: 'Dubai W23 Light'
}

.btn-white {
    color: #fff;
    background: 0;
    border-color: #fff;
    border: 2px solid #fff;
    padding: 15px 50px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s
}

.btn-white-2 {
    color: #fff;
    background: 0;
    border-color: #fff;
    border: 2px solid #fff;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-white-2:hover,
.btn-white-2:focus,
.btn-white-2:active {
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s
}

.btn-dark {
    color: #333 !important;
    background: 0;
    border-color: #333;
    border: 2px solid #333;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    border: 2px solid #333;
    background-color: #333;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    color: #fff !important;
}

.btn-low-small {
    color: #333;
    background: 0;
    border-color: #ccc;
    border: 2px solid #ccc;
    padding: 10px 40px !important;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-low-small:hover,
.btn-low-small:focus,
.btn-low-small:active {
    border: 2px solid #333;
    background-color: #333;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    color: #fff
}

.btn-black {
    color: #333;
    background: #fff;
    border-color: #333;
    border: 2px solid #333;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active {
    border: 2px solid #da1621;
    background-color: #da1621;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    color: #fff
}

.btn-black-line {
    color: #fff;
    background: #333;
    border-color: #333;
    border: 2px solid #333;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-black-line:hover,
.btn-black-line:focus,
.btn-black-line:active {
    border: 2px solid #da1621;
    background-color: #da1621;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    color: #fff
}

.btn-dark-red {
    color: #fff;
    background: #a1060f;
    border-color: #a1060f;
    border: 2px solid #a1060f;
    padding: 10px 60px;
    text-transform: uppercase;
    margin-top: 20px
}

.btn-dark-red:hover,
.btn-dark-red:focus,
.btn-dark-red:active {
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: background-color ease .3s;
    -moz-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s
}

.portfolio_container {
    padding-bottom: 100px
}

.portfolio_container h3 {
    font-size: 4em
}

.portfolio_container h4 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #333
}

.portfolio_container h4:hover {
    color: #da1621
}

.portfolio_container a,
.portfolio_container a:link {
    color: #333
}

.portfolio_container a:hover,
.portfolio_container a:active {
    color: #da1621
}

.portfolio_container p {
    font-size: 1.2em;
    font-family: 'Dubai W23 Regular';
    color: #888
}

.portfolio_container .portbox {
    display: table;
    width: 100%;
    height: 100%;
    margin-bottom: 35px
}

.portbox .portimg {
    position: relative;
    overflow: hidden
}

.portbox .portimg img {
    transition: all .5s linear
}

.portbox .portimg img:hover {
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.portbox .portimg.odd:before {
    position: absolute;
    content: "";
    left: -1px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    display: inline-block;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto
}

.portbox .portimg.even:after {
    position: absolute;
    content: "";
    right: -1px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff;
    z-index: 200;
    display: inline-block;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto
}

.portfolio_container {
    background: #fff
}

.portfolio_container .portbox .portinner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    background: #fff
}

.portinnerabsolute {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: left;
    display: none;
    background: #da1621;
    font-weight: normal !important
}

.redplus {
    width: 30%;
    margin: 0 auto;
    text-align: center;
    background: #da1621;
    color: #a1060f;
    font-weight: 700;
    font-size: 6em;
    line-height: 1.0em;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.redplus:hover {
    background: #a2050e
}

.redplus a,
.redplus a:link {
    display: block;
    color: #a1060f !important
}

.redplus a:hover {
    color: #ff8e95 !important
}

.video-container {
    position: relative !important
}

.video-section {
    background: #fff;
    position: relative;
    padding: 0;
    margin: 0
}

.video-overlay {
    background-color: rgba(34, 34, 34, 0.5);
    padding: 0 0 !important;
    position: absolute;
    width: 100% !important;
    height: 98% !important;
    left: 0;
    top: 0;
    z-index: 50
}

.video-overlay-min {
    background-color: rgba(34, 34, 34, 0) !important
}

.waves {
    position: absolute;
    z-index: 1000 !important;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.3);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    cursor: pointer
}

.waves i {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    line-height: 63px;
    text-align: center;
    transition: all .5s ease
}

.waves:before {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    content: "";
    display: block;
    -webkit-backface-visibility: hidden;
    animation: wave-animate 1s infinite ease-out
}

.waves_right {
    right: 10% !important;
    left: auto
}

@keyframes wave-animate {
    0% {
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        transform-origin: center
    }

    100% {
        -ms-transform: scale(3);
        -webkit-transform: scale(3);
        transform: scale(3);
        opacity: 0;
        transform-origin: center
    }
}

@keyframes color-loop {
    0% {
        background: #2cab5b
    }

    25% {
        background: #fabc03
    }

    50% {
        background: #ed4b40
    }

    75% {
        background: #4286f3
    }

    100% {
        background: #2cab5b
    }
}

.video-section h1,
.video-section h4 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px
}

.video-section h4 {
    font-family: 'Open Sans', sans-serif
}

.video-section h1 {
    font-size: 5.5em;
    text-transform: uppercase;
    margin: 40px auto 0
}

.video-section h3 {
    font-size: 25px;
    font-weight: lighter;
    margin: 0 auto 15px
}

.video-section .buttonBar {
    display: none
}

.player {
    font-size: 1px
}

.clients-container {
    text-align: center
}

.clientbox {
    position: relative;
    display: inline-block;
    padding: 0 !important
}

.clientbox a {
    position: relative;
    display: block
}

.clientbox:before,
.clientbox:after,
.clientbox a:before,
.clientbox a:after {
    position: absolute;
    content: '';
    display: block;
    transition: all .5s ease;
    z-index: 5;
    background: #da1621
}

.clientbox:before,
.clientbox:after {
    width: 0;
    height: 2px
}

.clientbox a:before,
.clientbox a:after {
    width: 2px;
    height: 0
}

.clientbox:before {
    top: 0;
    left: 0
}

.clientbox:hover:before,
.clientbox:hover:after {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.clientbox:hover a:before,
.clientbox:hover a:after {
    height: 100%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto
}

.clientbox:after {
    bottom: 0;
    right: 0
}

.clientbox a:before {
    bottom: 0;
    left: 0
}

.clientbox a:after {
    top: 0;
    right: 0
}

.clientbox img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition-property: filter;
    transition-duration: 1s;
    padding: 20px
}

.clientbox img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.clientbox {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.clientbox:hover {
    box-shadow: 0 0 0 3px rgba(218, 22, 33, 0)
}

.blog-container h3 {
    font-size: 4em
}

.blog-container h3 span {
    font-size: .6em !important;
    color: #888
}

.blog-container h4 {
    font-size: 1.5em;
    margin-bottom: 30px
}

.blog-box-right h5 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0
}

.blog-box-right p {
    font-weight: 400;
    margin-bottom: 0;
    color: #888;
    padding-left: 15px;
    position: relative;
    font-size: 1.2em
}

.blog-box-right p:after {
    position: absolute;
    content: '';
    left: 0;
    top: 4px;
    width: 4px;
    height: 18px;
    background: #da1621
}

.blog-box-right p span {
    font-weight: 700;
    font-size: 1.2em;
    color: #333
}

.blog-box-right a,
.blog-box-right a:link {
    color: #333
}

.blog-container img {
    padding: 28px 0
}

.blog-box-right img {
    padding-bottom: 20px
}

.blog-box-inner h5 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0
}

.blog-box-inner p {
    font-weight: 400;
    margin-bottom: 0;
    color: #888;
    padding-left: 15px;
    position: relative;
    font-size: 1.2em
}

.blog-box-inner p:after {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 4px;
    height: 18px;
    background: #da1621;
}

.blog-box-inner p span {
    font-weight: 700;
    font-size: 1.2em;
    color: #333
}

.blog-box-inner a,
.blog-box-inner a:link {
    color: #333
}

.blog-box-inner img {
    padding-bottom: 20px
}

.footer-container {
    padding-top: 50px
}

.footer-container h2 {
    text-transform: uppercase;
    font-size: 31px;
    color: #fff
}

.footer-container h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    padding-bottom: 20px;
    font-size: 1eml
}

.footer-container h3:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
    background: #a1060f
}

.footer-container h3.head_left:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
    background: #a1060f
}

.socialbox h2 {
    color: #da1621;
    text-align: right;
    color: #a1060f;
    transition: all .5s ease;
    margin-top: 0;
    margin-bottom: 4px
}

.socialbox h2:hover {
    padding-right: 20px
}

.about-inner-full {
    background: url(../../default/images/about-bg.jpg) no-repeat center top;
    background-size: cover
}

.portfolio-text-full {
    background: url(../../default/images/about-bg.jpg) no-repeat center bottom;
    padding: 0
}

.about-inner img.first-image {
    margin-top: -140px;
    margin-bottom: 50px;
    z-index: -1 !important
}

.port-full {
    background: 0
}

.about-inner h3 {
    text-transform: uppercase;
    background: #333;
    color: #fff;
    padding: 30px;
    line-height: 1.5em;
    margin-bottom: 50px
}

.social_menu {
    position: relative;
    transition: all .5s ease
}

.social_menu a {
    transition: all .5s ease;
    color: #fff;
    margin-left: 5px
}

.social_menu a:hover {
    color: #333
}

.endeavor-full {
    background: #da1621 url(../../default/images/endeavor-bg.jpg) no-repeat left center
}

.endeavorbox p,
.endeavorbox h2 {
    color: #fff;
    text-align: right;
    position: relative
}

.endeavorbox h2:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 3px;
    width: 100px;
    background: #fff
}

.endeavorbox {
    border-bottom: 0 #fff solid
}

.expbox {
    background: url(../../default/images/exp-bg.jpg) no-repeat right center
}

.contact-full {
    background: url(../../default/images/contact-bg.png) no-repeat center bottom
}

.contact-full .skewed-red-full {
    padding-bottom: 0 !important
}

.contactformcontainer {
    background: #fff;
    border-radius: 20px;
    clear: left;
    padding: 30px;
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2)
}

.lets-full {
    background: url('../../default/images/contact-bg-1.jpg') no-repeat right bottom
}

.lets-full:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #da1621;
    background: -moz-linear-gradient(top, #da1621 0, #da1621 28%, #fff 28%, #fff 100%);
    background: -webkit-linear-gradient(top, #da1621 0, #da1621 28%, #fff 28%, #fff 100%);
    background: linear-gradient(top bottom, #da1621 0, #da1621 28%, #fff 28%, #fff 100%);
    z-index: -1
}

.lets-full .skewed-red-full {
    padding-top: 0
}

.letsbox {
    padding-top: 80px
}

ul.conlist {
    margin-top: 60px;
    padding-left: 40px;
    list-style: none;
    font-family: 'Dubai W23 Regular';
}

ul.conlist li {
    margin-bottom: 20px
}

ul.conlist i {
    width: 32px;
    height: 32px;
    line-height: 24px;
    border-radius: 50%;
    background: #333;
    color: #fff;
    text-align: center;
    display: block;
    float: left;
    margin-right: 20px;
    font-size: 1.2em;
    margin-top: 0;
    padding-top: 4px
}

ul.conlist i.fa-envelope {
    font-size: 1em !important
}

ul.conlist i.fa-mobile {
    font-size: 1.6em !important
}

ul.conlist span {
    display: block;
    overflow: hidden;
    line-height: 32px;
    text-shadow: 0 0 13px #fff
}

.serviceboxmain {
    margin-top: 80px;
    clear: left
}

.servicebox {
    position: relative;
    padding: 15px 0 0 30px
}

.servicebox:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-left: 4px #ccc solid;
    border-top: 4px #ccc solid;
    width: 20px;
    height: 20px
}

.servicebox:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-right: 4px #ccc solid;
    border-bottom: 4px #ccc solid;
    width: 20px;
    height: 20px;
    display: none
}

.serv_text {
    position: relative
}

.serv_text:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    border-right: 4px #ccc solid;
    border-bottom: 4px #ccc solid;
    width: 20px;
    height: 20px
}

.serviceboxmain img {
    box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.2)
}

.serviceinnermain {
    margin-top: 0 !important
}

.service-full {
    padding-top: 100px
}

.blog-inner-full {
    padding-top: 50px
}

.portboxmain {
    margin-top: 80px
}

.portboxinner {
    position: relative
}

.portboxinner:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 3px;
    background: #333;
    left: 18;
    margin-right: 0;
    margin-left: 0;
    margin: 0 auto;
    bottom: -25px
}

.portboxinner h4 {
    text-align: left;
    font-family: 'Dubai W23 Regular';
    color: #888;
    margin-bottom: 0;
    font-size: 1.1em;
}

.portboxinner h3 {
    text-align: left;
    text-transform: uppercase;
    padding: 10px 0;
    padding-bottom: 0
}

.portboxinner a,
.portboxinner a:link {
    color: #333 !important;
    transition: all .5s ease
}

.portboxinner a:hover,
.portboxinner a:active,
.portboxinner a:focus {
    color: #da1621 !important
}

.portboxinner p {
    text-align: center
}

.portboxinner {
    margin-bottom: 38px
}

.portimgbox {
    /* box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.2); */
    overflow: hidden;
    position: relative;
    margin-top: 20px
}

.portimgbox img {
    transition: all .5s
}

.portimgbox img.scaleimg {
    -ms-transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.portimgboxcontents {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
    display: none;
    transition: all .5s ease
}

.portimgboxcontents h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    bottom: 20px
}

.portimgboxcontents i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 60px;
    text-align: center;
    border-radius: 50%;
    height: 60px;
    background: #da1621;
    color: #fff;
    line-height: 60px;
    font-size: 1.6em
}

.portimgboxcontents a {
    display: block
}

.portboxinner:hover .portimgboxcontents {
    display: block
}

.portdetailbox {
    position: relative;
    margin-top: -200px;
    z-index: -1 !important
}

.portdetailboxtext {
    padding-bottom: 30px;
    padding-top: 30px
}

.portdetailboxtext h2,
.portdetailboxtext h4,
.portdetailboxtext p {
    text-align: center
}

.portdetailboxtext h2 {
    padding-bottom: 5px
}

.portdetailboxtext h4 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 30px
}

.blogboxmain {
    margin-top: 80px;
    clear: left;
    margin-bottom: 0
}

.blogboxmain:nth-child(2n) .blogboximg {
    float: right
}

.blogboxmain:nth-child(2n) .blogboxtext {
    float: left
}

.blogboxmain img {
    box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.2)
}

.blogbox {
    position: relative;
    padding: 30px 50px
}

.blogbox h2 {
    padding-bottom: 10px
}

.blogbox h4 {
    position: relative;
    color: #bbb;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 130px;
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif
}

.blogbox h4:before {
    position: absolute;
    content: '';
    width: 120px;
    height: 5px;
    background: #bbb;
    left: 0;
    top: 8px
}

.blogbox h4 span {
    color: #da1621
}

.blogbox p {
    text-align: justify !important
}

.blogbox:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 10px;
    border-left: 4px #bbb solid;
    border-top: 4px #bbb solid;
    width: 30px;
    height: 30px
}

.blogbox:after {
    position: absolute;
    content: '';
    right: 10px;
    bottom: 10px;
    border-right: 4px #bbb solid;
    border-bottom: 4px #bbb solid;
    width: 30px;
    height: 30px
}

.blogboxtext {
    margin-bottom: 0
}

.footer_list {
    margin-left: 0;
    padding-left: 0;
    position: relative
}

.footer_list li {
    list-style: none;
    text-align: center
}

.footer_list li a,
.footer_list li a:link {
    transition: all .5s ease;
    color: #fff
}

.footer_list li a:hover {
    color: #333
}

.footer_add {
    margin-left: 0;
    padding-left: 0
}

.footer_add li {
    list-style: none
}

.footer_add li a {
    color: #fff
}

.footer_add li {
    color: #fff;
    padding-top: 5px;
    padding-bottom: 6px
}

.footermade {
    padding: 20px 0 5px 0;
    background: #da1621;
    position: relative;
    text-align: center
}

.footericon img {
    width: 25px;
    margin: 0 3px
}

.footericon span {
    color: #fff
}

.footericon span i {
    color: #ffb300;
    margin: 0 3px;
    font-size: 25px;
    animation: pound .35s infinite alternate;
    -webkit-animation: pound .35s infinite alternate
}

.footericon span a {
    color: #fff;
    text-decoration: none
}

.enquiry-success {
    color: #fff;
    background-color: #3aaf0b;
    padding: 5px 10px;
    display: block;
    text-align: center
}

.enquiry-failed {
    color: #da1621;
    background-color: #fff;
    padding: 5px 10px;
    display: block;
    text-align: center;
    font-family: 'Dubai W23 Regular';
}

.social_menu.error-page .fa {
    font-size: 30px
}

@-webkit-keyframes pound {
    to {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    @keyframes pound {
        to {
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
    }
}

.footericon span a:hover {
    text-decoration: underline
}

.footer-copyright {
    color: #fff
}

.footer-social a,
.footer-social a:link {
    transition: all .3s ease;
    color: #da1621;
    background: #fff;
    width: 25px;
    display: block;
    float: right;
    margin-left: 5px;
    height: 25px;
    position: relative;
    border-radius: 50%;
    cursor: pointer
}

.footer-social a:hover,
.footer-social a:active {
    color: #fff;
    background: #a1060f
}

.footer-social i {
    line-height: 25px;
    font-size: 16px
}

.footer-info a,
.footer-info a:link,
.footer-info a:hover,
.footer-info a:active {
    color: #fff;
}

.chat-container {
    position: relative;
    height: 75px
}

.chat-container .main-button {
    text-align: center;
    top: 0;
    color: #000;
    font-size: 48px;
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #fff;
    height: 75px;
    width: 75px;
    transition: all .3s ease;
    cursor: pointer
}

.chat-container .main-button.spin {
    font-size: 50px
}

.chat-container .sub-button {
    color: #000;
    text-align: center;
    font-size: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    transition: all .3s ease
}

.chat-container .sub-button:nth-child(2) {
    background-color: #fff
}

.chat-container .sub-button:nth-child(3) {
    background-color: #fff
}

.chat-container .sub-button:nth-child(4) {
    background-color: #fff
}

.chat-container .sub-button.spin {
    right: 115px;
    bottom: 0
}

.chat-container .sub-button.spin:nth-child(2) {
    right: 82px;
    bottom: 0;
    background: #fff url(../../default/images/chat.gif) no-repeat center
}

.chat-container .sub-button.spin:nth-child(3) {
    right: 149px;
    bottom: 0;
    background: #fff url(../../default/images/chat-call.gif) no-repeat center
}

.chat-container .sub-button.spin:nth-child(4) {
    right: 216px;
    bottom: 0;
    background: #fff url(../../default/images/chat-contact.gif) no-repeat center
}

.chat-container .sub-button a {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 50%
}

.chat-close {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.service_list {
    padding: 0;
    margin: 0;
    margin-bottom: 20px
}

.service_list li {
    margin: 0;
    padding-left: 20px;
    list-style: none;
    position: relative
}

.service_list li:after {
    content: '\f101';
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: red;
    position: absolute;
    left: 0;
    top: 0
}

.serv-box-inner {
    position: relative;
    background: #000;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px
}

.serv-box-inner h5 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    margin: auto;
    background: rgba(255, 255, 255, 0);
    transition: all .5s ease;
    display: block;
    color: #fff
}

.serv-box-inner h5:hover {
    background: rgba(0, 0, 0, 0)
}

.serv-box-inner h5 a,
.serv-box-inner h5 a:link {
    position: absolute;
    transition: all .5s ease;
    font-family: 'Dubai W23 Regular' !important;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 250px;
    height: 50px;
    text-align: center;
    color: #fff;
    padding-top: 19px;
    padding-bottom: 10px;
    background: rgba(218, 22, 33, 0.8)
}

.serv-box-inner h5 a:hover {
    width: 100%
}

.no-gutter {
    margin-right: 0;
    margin-left: 0
}

.no-gutter [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.client-gutter {
    margin-right: 0;
    margin-left: 0
}

.client-gutter [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px
}

.serv-box-inner img {
    transition: all .5s
}

.serv-box-inner img.scaleimg {
    transform: scale3d(1.1, 1.1, 1)
}

.portfolio_mockup p {
    text-align: center;
    padding-bottom: 0
}

.web_link,
.web_link:link {
    text-align: center;
    display: inline-block;
    font-family: 'Dubai W23 Regular';
    color: #333
}

.web_link:hover,
.web_link:active {
    color: #555
}

.web_text {
    text-align: center;
    display: block;
    color: #333;
    font-family: 'Dubai W23 Light'
}

.text-more,
.text-more:link {
    font-family: 'Dubai W23 Regular';
    color: #333
}

.text-more:hover {
    color: #da1621
}

.browser-mockup {
    border-top: 2em solid rgba(230, 230, 230, 0.7);
    box-shadow: 0 .1em 1em 0 rgba(0, 0, 0, 0.4);
    position: relative;
    border-radius: 3px 3px 0 0;
    width: 85%;
    margin: 0 auto
}

.titleinnermain {
    text-transform: uppercase
}

.browser-mockup:before {
    display: block;
    position: absolute;
    content: '';
    top: -1.25em;
    left: 1em;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    background-color: #f44;
    box-shadow: 0 0 0 2px #f44, 1.5em 0 0 2px #9b3, 3em 0 0 2px #fb5
}

.browser-mockup.with-tab:after {
    display: block;
    position: absolute;
    content: '';
    top: -2em;
    left: 5.5em;
    width: 20%;
    height: 0;
    border-bottom: 2em solid white;
    border-left: .8em solid transparent;
    border-right: .8em solid transparent
}

.browser-mockup.with-url:after {
    display: block;
    position: absolute;
    content: '';
    top: -1.6em;
    left: 5.5em;
    width: calc(100% - 6em);
    height: 1.2em;
    border-radius: 2px;
    background-color: white
}

.browser-mockup>* {
    display: block
}

.browser-mockup iframe {
    border: 0;
    outline: 0;
    height: 450px
}

.browser-mockup iframe.fullScreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.title-link a,
.title-link a:link {
    color: #333;
}

.title-link a:hover,
.title-link a:active {
    color: #da1621;
}

.slick-next {
    right: -50px;
}

.slick-prev {
    left: -50px;
}

.slick-prev:before,
.slick-next:before {
    font-family: "FontAwesome";
    color: #da1621;
    font-size: 30px;
    opacity: 1;
}

.slick-next:before {
    content: '\f054';
    right: -40px;
}

.slick-prev:before {
    content: '\f053';
    left: -40px;
}

.slick-disabled {
    opacity: 0;
}

.blog-box-inner:nth-child(3n+1) {
    clear: left !important;
}

.blog-box-inner h5:hover {
    color: #da1621;
}

.detailbox {
    position: relative;
}

.caselink {
    position: absolute;
    right: 30px;
    bottom: 0px;
    margin-top: 100px;
}

.btn-red {
    color: #da1621;
    background: none;
    border-color: #da1621;
    border: 2px solid #da1621;
    padding: 10px 50px;
    text-transform: uppercase;
    margin-top: 20px;
}

.btn-red:hover,
.btn-red:focus {
    color: #fff !important;
    background: #da1621;
    border-color: #da1621;
    border: 2px solid #da1621;
}

.casebox img {
    max-width: 100%;
}

.servicedetailbox-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 80px;
}

.servicedetailbox-1 img {
    box-shadow: 12px 12px 30px rgba(0, 0, 0, 0.2);
}

.servicedetailbox-1:nth-child(odd) {}

.servicedetailbox-1:nth-child(even) .servicebox1:nth-child(1) {
    order: 2
}

.servicedetailbox-1:nth-child(odd) .servicebox1>div {
    padding-left: 50px;
}

.servicedetailbox-1:nth-child(even) .servicebox1>div {
    padding-right: 50px;
}

.servicedetailbox-1 h4 {
    font-size: 1.5em;
    margin-bottom: 30px;
    margin-top: 10px;
}

.servicedetailbox-1 a,
.servicedetailbox-1 a:link {
    color: #da1621;
    font-family: 'Dubai W23 Regular';
}

.servicedetailfull.gray-container .servicedetailbox-1 {
    padding-top: 0px;
}

.servicedetailbox-1 .servicebox2>div {
    padding: 0px 50px;
}

.servicedetailfull.twobox {
    padding-top: 0px;
    padding-bottom: 80px;
}

.servicedetailbox-1 .packagebox>div {
    padding: 0px 20px;
}

.packageboxfull h2 {
    margin-top: 0px;
}

.packageboxfull {
    padding-bottom: 80px;
}

.packageboxfull .btn {
    margin-top: 40px;
}

.servicedetailbox-1 .packagebox {
    margin-bottom: 30px;
}

.servicedetailbox-1 .packagebox ul {
    padding: 0px;
    margin: 0px;
}

.servicedetailbox-1 .packagebox li {
    list-style: none;
    padding-left: 0px;
    text-align: center;
    font-family: 'Dubai W23 Regular';
}

.servicedetailbox-1 .packagebox li a,
.servicedetailbox-1 .packagebox li a:link {
    color: #333;
}

.servicedetailbox-1 .packagebox li a:hover,
.servicedetailbox-1 .packagebox li a:active {
    color: #da1621;
}

.service_list li a,
.service_list li a:link {
    color: #333;
}

.packagebox li a:hover,
.packagebox li a:active {
    color: #da1621;
}

.service_list li a:hover,
.service_list li a:active {
    color: #da1621;
}

.modalenqbox {
    padding: 10px 40px;
}



.modal {}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.modal-header {
    border-bottom: none;
    padding-top: 40px;
}

.modal-header .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    opacity: 1;
}

.quotelink {
    position: fixed;
    left: -55px;
    top: 30%;
    background: #333;
    transform: rotate(-90deg);
    padding: 10px 30px;
}

.quotelink a,
.quotelink a:link {
    color: #fff;
    font-family: 'Dubai W23 Medium';
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    cursor: pointer;
}

.portfolio-list {
    margin: 10px 0
}

.portfolio-list h3 {
    font-size: 24px;
    margin-top: 30px;
    text-align: left;
    text-transform: uppercase;
}

.portfolio-list h5 {
    font-size: 1.2em;
    font-family: 'Dubai W23 Regular';
    color: #888;
    text-align: left;
}

.portboxmain .col-md-4 {
    min-height: 390px;
}

/* portfolio section style start here */
.home-slider .slide-title-holder {
    padding: 20px;
}

.slide-title-holder {
    position: absolute;
    top: 40%;
    width: 100%;
}

.slide-title {
    max-width: 444px;
    margin: -20px auto;
}

.slider-logo {
    max-width: 100%;
}

.slideshow .slide-title h3 {
    padding: 25px 0px;
    font-family: 'Century Gothic', sans-serif;
    letter-spacing: 0px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 100;
    position: relative;
    color: #fff;
    display: inline-table;
}

h3.transition {
    background: transparent !important;
}

.slide-title h3 span {
    float: left;
    width: 100%;
}

.title-text {
    position: relative;
    z-index: 2;
}

span.title-date-transition {
    width: 100%;
    display: block;
    color: #fff;
    margin-top: 32px;
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    border-top: 2px solid #ffff;
    padding-top: 20px;
}

.text-include {
    position: relative;
    z-index: -1;
}

.alfaris-ourstory {
    background: #FFF;
    padding: 50px;
}

.alfaris-ourstory h3 {
    background: transparent;
    color: #040605;
    text-align: center;
    font-size: 20px;
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 5px !important;
}

.alfaris-bottom-line {
    border-bottom: 2px solid #a2815d;
    width: 60px;
    height: 5px;
    margin: 0 auto 34px;
}

.alfaris-ourstory p {
    background: transparent;
    color: #040605;
    text-align: center;
}

.bakemart-text {
    position: absolute;
    bottom: 5%;
    left: 5%;
}

.bakemart-text h3 {
    background: transparent;
    color: #fff;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.bakemart-text p {
    background: transparent;
    color: #fff;
    text-align: left;
    width: 50%;
}

.bakemart-text-line {
    border-bottom: 2px solid #fff;
    width: 122px;
    height: 5px;
    margin: 15px 0 15px 0;
}

.blossom-bg {
    background: #2a1057;
}

.bloosom-text {
    background: #fff;
    padding: 60px;
    margin: 28px 0 100px 0;
}

.bloosom-text h3 {
    background: transparent;
    color: #2a1057;
    text-transform: capitalize;
    padding: 0px;
    margin: 0px;
}

.bloosom-text p {
    color: #2a1057;
}

.caferider h3 {
    background: transparent;
    color: #564f4d;
    text-align: center;
    padding: 20px;
}

.caferider {
    -moz-box-shadow: 2px 4px 10px rgba(68, 68, 68, 0.2));
    -webkit-box-shadow: 2px 4px 10px rgba(68, 68, 68, 0.2);
    box-shadow: 2px 4px 10px rgba(68, 68, 68, 0.2);
    margin-bottom: 55px;
}

.caferider-paragraph p {
    text-align: center;
    color: #564f4d;
    width: 70%;
    padding: 0px 0 55px 0;
    line-height: 47px;
    margin: 0 auto;
}

.dubai-police p {
    padding: 7%;
    line-height: 40px;
    text-align: center;
}

.elite-capital h1 {
    color: #e6e6e6;
    font-size: 50px;
    text-align: center;
    padding: 50px 0 0px 0px;
}

.elite-capital p {
    color: #606060;
    font-size: 20px;
    text-align: center;
    padding: 2% 8% 5% 8%;
    line-height: 40px;
}


.fedena-erp h3 {
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    background: transparent;
}

.fedena-erp p {
    color: #919191;
    font-size: 20px;
    text-align: center;
    padding: 2% 8% 5% 8%;
    line-height: 40px;
}

.fedena-line {
    width: 100px;
    height: 5px;
    margin: 10px auto;
    background-color: #e74c3c
}

.app-store {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}

.app-store img {
    float: left;
    width: 50px;
    margin: 10px 20px;
}

.fedena-hed {
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 39px;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.fedena-paragraph {
    font-size: 17px;
    color: rgb(255, 255, 255);
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: 56%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.fenoly-text p {
    background: #f5c6bc;
    font-size: 20px;
    text-align: center;
    padding: 2% 8% 5% 8%;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.fenoly-paragraph p {
    background: #fff;
    font-size: 20px;
    text-align: center;
    padding: 5% 10% 5%;
    line-height: 40px;
    color: #000;
}


.high-joint p {
    background: #fff;
    font-size: 20px;
    text-align: center;
    padding: 5% 10% 5%;
    line-height: 40px;
    color: #000;
    font-weight: bold;
}

.ihg-brand p {
    background: #fff;
    font-size: 20px;
    text-align: center;
    padding: 0% 10% 5%;
    line-height: 40px;
    color: #888888;
}

.ihg-brand h3 {
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    background: transparent;
}

.Movimento-paragraph p {
    background: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 5% 10% 5%;
    line-height: 40px;
    color: #000;
}

.olioli-hedding h3 {
    font-size: 40px;
    color: rgb(255, 255, 255);
    text-align: center;
    position: absolute;
    text-transform: inherit;
    top: 25%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
}

.olioli-paragraph p {
    background: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 3% 25% 3%;
    line-height: 25px;
    color: #868686;
}

.olioli-yellow-paragraph p {
    font-size: 30px;
    color: rgb(255, 255, 255);
    text-align: left;
    position: absolute;
    text-transform: inherit;
    top: 30%;
    left: 10%;
    right: 30%;
    line-height: 45px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    background: transparent;
}

.sdme-paragraph p {
    background: #fff;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    padding: 3% 20% 3%;
    line-height: 25px;
    color: #868686;
}

.sdme-line {
    height: 1px;
    background: #707070;
    margin: 2% 20%
}

.sdme-team {
    background: #30a847;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    padding: 2% 20% 2%
}

.playfit-text {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
}

.playfit-paragraph p {
    background: #fff;
    font-size: 20px;
    text-align: center;
    padding: 5% 10% 3%;
    line-height: 35px;
    color: #000;
}

/* portfolio section style end here */


#wh-widget-send-button.wh-widget-right {
    right: 40px !important;
    bottom: 10px !important;
}

.b24-widget-button-position-bottom-right {
    bottom: 110px !important;
}

#WAButtonDF {
    z-index: 150;
    bottom: 70px;
    right: 105px !important;
}


.filters-button-group .button {
    color: #333;
    background: #ffffff;
    border-color: #333;
    border: 2px solid #333;
    padding: 10px 20px;
    font-family: 'Dubai W23 Regular';

}

.filters-button-group .button:hover {
    background-color: #da1621;
    color: #ffffff;
    border: 2px solid #da1621;
}

.filters-button-group .button:active,
.filters-button-group .button.is-checked {
    background-color: #da1621;
    color: #ffffff;
    border: 2px solid #da1621;
}

.filters-button-group .button.is-checked {
    background-color: #da1621;
    color: #ffffff;
    border: 2px solid #da1621;
}

.filters-button-group .button:active {
    background-color: #da1621;
    color: #ffffff;
    border: 2px solid #da1621;
}

/* ---- button-group ---- */

.filters-button-group .button-group:after {
    content: '';
    display: block;
    clear: both;
}

.filters-button-group .button-group .button {
    margin-left: 0;
    margin-right: 1px;
}

/* ---- isotope ---- */

/* clear fix */
.portboxmain.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .element-item ---- */

.portboxmain.element-item {
    position: relative;
    float: left;
}