* {
    margin: 0;
    padding: 0;
    font-family: "Questrial", sans-serif;
	box-sizing: border-box;
}
.hosttab {
    text-align: left !important;
    direction: rtl;
}
.pworklink {
    font-size: 20px;
    width: 100%;
    color: #fff;
    background: #4e4c4d;
    text-align: center;
    margin-top: 5px
}
.pworklink a:link {
    color: #fff
}
.pworklink a:hover {
    color: #ed1b23
}
.lrt {
    direction: ltr
}
.rtl {
    direction: rtl
}
body {
    font-family: "Questrial", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    background: #fff;
    transition: all .3s linear
	overflow-x: hidden;
    max-width: 100%;
    overflow-x: hidden;
}
.hight {
    padding-top: 83px;
    border-top: 1px #7d7d7d solid;
    background: top url(../../images/shadow.png) no-repeat
}

@media(max-width:490px) {
.hight {
    padding-top: 20px
}
}
selection {
    color: #fff;
    background: #ed1b23
}
-moz-selection {
    color: #fff;
    background: #ed1b23
}
p {
    color: #858585;
    margin: 0 0 1em!important
}
h1, h2, h3, h4, h5, h6 {
    font-size: 22px;
    font-family: "Questrial", sans-serif;
    text-align: left
}
.btit>h1 {
    margin-top: -5px
}

@media(max-width:490px) {
h1 {
    font-size: 20px
}
}
h5 {
    font-size: 18px;
    line-height: 22px
}
h4 {
    font-size: 22px;
    line-height: 28px
}
.fitImage {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}
.mcbook {
    opacity: 0
}
.show {
    opacity: 1
}
.pDark p {
    color: #6d6d6d
}
h6 {
    font-size: 14px
}
ul, .list.custom-list ul {
    list-style-type: none
}
.list.custom-list ul li {
    padding: 4px 10px 4px 10px;
    border-top: 2px solid #fff;
    background-color: #e7ebef
}
.custom-list-3 ul li {
    max-width: 248px;
    width: 100%;
    float: right;
    margin-left: 2px
}

@media(max-width:550px) {
.custom-list-3 ul li {
    max-width: 100%
}
}
.custom-list-4 ul li {
    max-width: 185px;
    width: 100%;
    float: right;
    margin-left: 2px
}

@media(max-width:550px) {
.custom-list-4 ul li {
    max-width: 100%
}
}
.clearfix::after {
    content: "";
    clear: both;
    display: table
}
.clearfix {
    overflow: auto
}
.b-space {
    margin-bottom: 20px
}
.active-item {
    padding-bottom: 20px
}
.events {
    color: #000
}
.AJAX {
    color: #000
}
.web-site {
    border: dashed;
    border-width: 1px;
    background-color: #707070;
    padding: 5px;
    margin: 2px;
    color: #FFF;
    height: 30px
}
.table-emails {
    float: right;
    direction: ltr
}
.table-design {
    border: dashed;
    border-width: 1px;
    background-color: #f0f0f0;
    float: left;
    margin: 5px;
    border-top: 5pt;
    padding: 5pt;
    border-collapse: separate
}
.table-design-block {
    margin-bottom: 10px;
    content: "";
    clear: both;
    display: table
}
.ibuild-img {
    text-align: center
}
.fa-stop {
    font-size: 12px;
    color: black
}
.powerd a:link {
    color: #000
}
.table-right {
    text-align: right
}
.Social-Media {
    text-align: center
}
.soundcloud {
    text-align: center
}
.soundcloud .fa {
    font-size: 160px;
    color: #f50
}
.fa-facebook-square {
    color: #666
}
.fa-twitter-square {
    color: #666
}
.fa-youtube-square {
    color: #666
}
.fa-instagram {
    color: #666
}
.fa-facebook-square:hover {
    color: #3b5998
}
.fa-twitter-square:hover {
    color: #1da1f2
}
.fa-youtube-square:hover {
    color: #e62117
}
.fa-instagram:hover {
    color: #a83d98
}
.wrapper.first {
    float: right;
    background-color: #c0c0c0
}
.wrapper.second {
    float: left;
    background-color: #c0c0c0
}
.subtitle-w {
    text-align: center;
    font-size: 16px;
    background: #4e4c4d;
    text-align: center;
    color: aliceblue;
    margin-top: 5px
}
.dataTxt ul li {
    list-style: none;
    line-height: 30px
}
.listArrow li {
    background: url('../../images/links-arrow.png') 0 12px no-repeat;
    padding-left: 15px
}
.progress {
    height: 12px;
    border-radius: 0
}
.progress .progress-bar.progress-bar-red {
    background: #f76e26
}
.progress .progress-bar.progress-bar-green {
    background: #51d4b6
}
.progress .progress-bar.progress-bar-lblue {
    background: #9fde32
}
.feature a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #ed1b23;
    margin-right: 20px;
    width: 220px;
    text-align: center;
    line-height: 41px
}
#Features img {
    width: 100%
}
#Features .circle {
    width: 120px;
    height: 90px;
    display: inline-block;
    background: transparent
}
#Features .circle:hover {
    transition: all .2s linear 0s
}
.pDark h3 {
    color: #bebebe
}
.btn {
    color: #000;
    background: #ed1b23
}
.btn3 {
    color: #000;
    background: #000
}
.underline {
    text-decoration: none
}
.btn:hover {
    color: #444!important;
    background: #fff
}
.btn3:hover {
    color: #444!important;
    background: #000
}
a:hover {
    color: #e0c400
}
.btn {
    display: inline-block;
    padding: 8px 12px
}
.btn3 {
    display: inline-block;
    padding: 8px 12px
}
.btn, .btn3 .form-control, .team-socials i {
    border-radius: 0!important
}
.form-group {
    margin: 0 auto;
    margin-bottom: 15px;
    width: 75%
}
.form-control {
    border: 0;
    padding: 22px 4px;
    outline: 0;
    color: #5a5a5a;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    font-size: inherit;
    border-radius: 0!important;
    border: 1px solid #fede00;
    width: 99%
}
.button-outline {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 10px 25px;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    background: rgba(255,255,255,0.15)
}
.button-outline:hover {
    color: #fff;
    background: rgba(255,255,255,0.35)
}
a {
    color: #ed1b23;
    text-decoration: none;
    text-shadow: none;
    transition: all .2s linear
}
a:hover {
    color: #000;
    text-decoration: none
}
.btn {
    border: 0;
    border-radius: 0
}
.btn3 {
    border: 0;
    border-radius: 0
}
.btn-primary {
    background: #ed1b23
}
.form-control {
    border-radius: 0
}
.mrgn30 {
    margin: 30px 0
}
.copyright {
    color: #fff;
    background: #ed1b23;
	font-size: 14px;
    padding: 20px 0
}
.copyright a {
    color: #000
}
.copyright a:hover {
    color: #1e4d02!important
}
#top {
    position: relative
}
.topHome {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5
}
.topHome:hover {
    color: #000
}
.no {
    font-size: 36px;
    font-family: impact;
    color: #fff
}
.usd {
    font-size: 18px;
    font-family: impact;
    color: #fff
}
.n99 {
    font-size: 10px;
    font-family: "Times New Roman", Times, serif;
    color: #fff
}
#section-top {
    background: #4e4e4e
}
#section-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right
}
#section-top ul li {
    display: inline-block
}
#section-top ul li a {
    border-radius: 2px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center
}
#section-top .region-top-first {
    float: right
}
.followus {
    float: left
}

@media(max-width:820px) {
.followus {
    display: none
}
}
.header {
    position: fixed;
    width: 100%;
    background: transparent;
    z-index: 50;
    border-radius: 0;
    top: 129px;
    transition: all .3s linear!important
}
.addBg {
    transition: all .3s linear;
    background: #000;
    top: 0
}
.navbar-inverse .navbar-toggle {
    background-color: #ed1b23
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: #ed1b23
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #ed1b23
}
.navbar-inverse .navbar-toggle:hover .icon-bar {
    background: #fff
}
.req {
    background: #222
}
.hero-text {
    color: #676e73;
    width: 83%;
    text-align: center;
    margin: 30% auto 24px auto;
    font-family: "Questrial", sans-serif;
}
.hero-text p {
    font-family: "Questrial", sans-serif;
    padding: 0;
    margin: 12px 8% 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.2)
}
#myCarousel {
    margin-top: 50px;
    border-bottom: 4px solid #ed1b23
}
.carousel-caption {
    padding: 0;
    bottom: 40%;
    display: block;
    height: 80px
}
.carousel-caption h1 {
    font-size: 45px;
    padding: 10px 15px;
    background: rgba(128,180,33,0.80);
    color: #fff;
    text-shadow: none;
    font-weight: bold;
    display: inline-block
}
.carousel-caption h3 {
    font-size: 30px;
    color: #1c4604;
    font-weight: bold;
    text-shadow: #fff 1px 1px 1px
}
.actionPanel {
    padding: 25px 0;
    background: #ed1b23
}
.actionPanel h3 {
    margin: 0
}
.circle {
    height: 90px;
    width: 90px;
    border-radius: 0;
    color: #ed1b23;
    line-height: 90px!important
}
#section-strapline {
    background: #86bd2e;
    line-height: 42px;
    clear: both
}
.header .navbar-brand {
    float: left;
    padding: 20px;
    margin-left: 300px;
    line-height: 18px
}
.navbar-brand b {
    color: #ed1b23;
    font-family: "Questrial", sans-serif;
    font-weight: 900
}
.navbar-brand b i {
    color: #fff;
    font-style: normal
}
.header .navbar {
    margin: 0;
    background-color: #0b0b0b;
    border: 0;
    padding: 0 15px
}
.hero-text2 {
    padding: 30px 0
}
.hero-text2 h2 {
    font-size: 28px;
    line-height: 36px;
    text-align: left
}
.hero-text2 .btn-apply {
    margin-top: 39px;
    margin-left: 30px;
    padding: 15px 46px;
    font-size: 20px;
    color: #000
}
.hero-text2 .btn-apply .fa {
    padding-right: 15px;
    color: #000
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 1.2em;
    line-height: normal;
    margin: 18px 13px 18px 13px;
    padding: 0!important;
    border-radius: 5px;
    font-family: "Questrial", sans-serif;
}
.navbar-nav>li:hover>a {
    color: #ed1b23
}
.header .navbar-nav>li>a {
    padding: 25px 18px
}
.page-section {
    width: 100%;
    height: auto;
    padding: 0 0 30px
}
.noPadd {
    padding: 0
}
.page-section h1 {
    font-size: 3.5em;
    margin: 90px 0 30px;
    line-height: 1.2em
}
.page-section h1 span {
    font-weight: 200
}
.page-section h2 {
    color: #ed1b23
}
.page-section p {
    font-size: 15px;
    line-height: 1.5em
}
.darkBg {
    background: #000
}
.darkBg .fa {
    color: #ed1b23
}
.banner-container {
    width: 100%;
    padding: 0;
    background-size: cover;
    position: relative
}
.banner-container:before {
    position: absolute;
    width: 100%;
    z-index: 1;
    content: '';
    height: inherit;
    top: 75px;
    bottom: 0
}
.banner-container>img {
    width: 100%
}
.banner-content {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0
}
.hero-text h1 {
    color: #fff;
    line-height: 1.5em;
    font-size: 28px!important;
    margin: 37px 0 13px;
    font-weight: bolder;
    background: rgba(0,0,0,0.44);
    width: 60%;
    margin: 0 auto;
    padding: 20px 0;
    border: dashed 1px rgba(255,255,255,0.6);
    text-transform: uppercase
}
.hero-text p {
    font-size: 1.6em;
    color: #fff;
    font-style: normal;
    text-shadow: 1px 1px 1px #8f8f8f
}
.arrow-link {
    display: inline-block;
    font-size: 32px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 50px
}
a.arrow-link {
    color: #fff
}
a.arrow-link i {
    font-size: 28px
}
a.arrow-link:hover {
    color: #fff
}
.hero-button {
    text-align: center;
    background: rgba(255,255,255,0.36);
    border: 1px solid #fff;
    padding: 20px;
    display: inline-block;
    margin: 0 auto;
    clear: left;
    width: auto
}
.hero-img {
    text-align: center;
    margin: 124px auto 24px auto
}
.da-slider {
    margin: 0 auto!important
}
.heading h2 {
    color: #222
}
.sub-heading {
    padding: 15px 0
}
.sub-heading h2 {
    font-size: 18px;
    margin: 15px 0 8px!important
}
.sub-heading p {
    color: #5a5a5a
}
.heading {
    padding: 3px 10px;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: block
}
.heading p {
    font-size: 1.2em
}
.pdingBtm30 {
    padding-bottom: 30px
}
.da-arrows span:after {
    width: 25px;
    height: 37px
}
.da-arrows span {
    position: absolute;
    top: 50%;
    height: 34px;
    width: 34px;
    border-radius: 60px;
    background: 0
}
.da-dots span {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(255,255,255,0.13);
    margin: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);
    border: 2px solid #ed1b23
}
img, video, iframe, embed, object {
    max-width: 100%;
    height: auto
}
#aboutUs {
    background: #fff;
    padding-top: 35px;
    padding-bottom: 25px;
    overflow: hidden
}
#aboutUs .feature {
    margin-top: 30px;
    margin-bottom: 54px
}
#aboutUs .right {
    padding-left: 32px;
    float: right
}
#aboutUs .left {
    padding-right: 32px;
    float: left
}
#aboutUs h3 {
    font: 18px/34px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #222
}
.fluid-video-wrapper {
    margin-top: 18px
}
#aboutUs .left {
    padding-right: 32px;
    float: left
}
#aboutUs .right {
    float: right
}
.row .area1 {
    width: 65%
}
.row .area2 {
    width: 35%
}
.grid .text-content {
    padding-left: 35%
}
.grid .text-content {
    display: block;
    padding-left: 19%;
    padding-right: 8%
}
.grid .text-content h5 {
    font-weight: bold
}
.grid .grid-item .item-content {
    display: block;
    outline: 0;
    text-decoration: none;
    padding: 20px 0
}
.item-content .fa {
    position: absolute;
    color: #646464;
    font-size: 4.5em;
    top: 36px
}
.box-item {
    background: #efefef
}
.box-item p {
    font-size: 15px;
    line-height: 1.5em;
    padding: 0 12px 26px!important
}
.box-item:before {
    content: "";
    width: 60px;
    height: 60px;
    background: yellow;
    float: right;
    position: absolute;
    z-index: -1;
    top: -3px;
    right: 12px
}
.box-item:after {
    content: "";
    width: 60px;
    height: 60px;
    background: yellow;
    float: right;
    position: absolute;
    z-index: -1;
    bottom: 12px;
    left: 12px
}
ul.list3 {
    counter-reset: li;
    list-style: none outside none;
    margin-bottom: 4em;
    padding: 0
}
ul.list3 li {
    position: relative;
    padding: 0 36px 0 0
}
ul.list3 li:after {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    font-weight: 500;
    border-radius: 100%;
    color: #fff;
    width: 23px;
    height: 23px;
    background-color: #ed1b23;
    text-align: center;
    line-height: 26px
}
.team-member {
    margin-bottom: 15px
}
.member-img {
    overflow: hidden;
    padding: 5px;
    position: relative
}
.member-img:before {
    content: "";
    width: 80px;
    height: 80px;
    background: yellow;
    float: right;
    position: absolute;
    z-index: -1;
    top: -5px;
    right: 2px
}
.member-img:after {
    content: "";
    width: 80px;
    height: 80px;
    background: yellow;
    float: right;
    position: absolute;
    z-index: -1;
    bottom: -5px;
    left: 2px
}
.team-member .member-img img {
    max-width: 250px;
    margin: 0 auto
}
.team-member h4 {
    font-size: 19px;
    line-height: 32px;
    margin: 10px 0 0;
    text-align: center
}
.team-member .pos {
    display: block;
    margin: 0;
    text-align: center
}
.team-member .contact a {
    padding: 0 8px
}
.team-socials {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0
}
.team-socials a {
    background: white;
    padding: 7px 0;
    margin: 2px
}
#contactUs, .parlex-back {
    background: #fff;
    background-color: #fff!important
}
#contactUs .btn {
    border-radius: 0!important;
    background: #ed1b23
}
.btn3 {
    border-radius: 0!important;
    background: #000
}
.descrition {
    min-height: 90px;
    padding: 5px 15px
}
.team-member {
    padding-top: 5px
}
.team-socials {
    margin: 15px 0;
    opacity: 0;
    text-align: center
}
.team-member:hover .team-socials {
    opacity: 1;
    transition: all 1s ease
}
.team-socials i {
    width: 120px;
    height: 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 18px
}
#work {
    background: #222
}
#work h2 {
    color: #fff
}
#work p {
    color: #fff
}
#portfolio {
    width: 100%
}
#portfolio .filters {
    margin-bottom: 20px
}
#portfolio .filters li a {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
    text-transform: uppercase
}
#portfolio .filters li a, #portfolio .filters li a:hover, #portfolio .filters li a:focus {
    color: #fff;
    text-decoration: none
}
#portfolio .filters li a.active {
    color: #fff!important;
    border-bottom: solid #fff 1px
}
#portfolio .items {
    margin-bottom: 0
}
#portfolio .items li {
    position: relative;
    float: left;
    width: 25%;
    overflow: hidden
}
#portfolio .items li a img {
    width: 100%;
    transition: all .3s ease-in-out
}
#portfolio .items li a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
    transition: all .3s ease-in-out;
    opacity: 0
}
#portfolio .items li a .overlay span {
    color: #FFF;
    position: absolute;
    height: 50px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -25px;
    line-height: 50px
}
#portfolio .items li a:hover .overlay {
    opacity: 1
}
#portfolio .items li a:hover img {
    transform: scale(1.1)
}
nav#filter {
    margin-bottom: 1.5em
}
nav#filter li {
    display: inline-block;
    margin: 0 0 0 5px
}
nav#filter a {
    padding: 4px 12px;
    line-height: 20px;
    border: 1px solid #ed1b23;
    text-decoration: none
}
.current {
    background: #ed1b23;
    color: #fff
}
.page-section.intro {
    min-height: 600px
}
.btn {
    font-weight: 200
}
.btn-dark {
    background: #444;
    color: #fff
}
.btn-dark:hover {
    background: #000;
    color: #fff
}
.back-to-top {
    display: inline-block;
    clear: both;
    background: #fff;
    color: #333;
    padding: 0 10px 5px;
    margin: 20px 0 0;
    text-shadow: none
}
.back-to-top:hover {
    background: #333;
    color: #fff;
    text-decoration: none
}
hr {
    border-color: #ddd
}
body {
    margin: 0;
    font-family: "Questrial", sans-serif;
}
#navigation {
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 200px;
    background: #fff;
    box-shadow: 0 10px 10px -10px #000
}
#navigation>li {
    margin: 0;
    padding: 0;
    list-style: none
}
#navigation>li>a {
    margin: 1px;
    color: #000;
    background: #ccc;
    display: block;
    padding: 5px;
    text-decoration: none;
    transition: all 400ms
}
#navigation>li>a.current, #navigation>li:hover>a {
    background: #999
}
.pageSection {
    min-height: 600px;
    padding: 20px;
    background: #ddd
}
.pageSection:nth-child(odd) {
    background: #eee
}
.socialIcons li {
    list-style: none;
    display: inline;
    margin-right: 6px
}
footer {
    padding: 45px 0
}
.social a:hover {
    color: #000
}
.social a {
    font-size: 32px;
    margin: 0 10px;
    color: #ed1b23
}
.contact ul li {
    margin-bottom: 10px
}
.contact ul li i {
    margin-right: 15px
}
.clients #owl-demo .item {
    background: 0
}
.clients .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.clients .helper img {
    vertical-align: middle;
    max-height: 70px;
    max-width: 80%
}
.clients .helper:hover {
    cursor: e-resize
}
.clients .customNavigation>a {
    font-size: 25px;
    cursor: pointer;
    margin: 0 5px
}
.portfolio-item img:hover {
    width: 110%;
    height: 110%
}
footer {
    background: #0b0b0b
}
footer h4 {
    font-size: 24px;
    padding-bottom: 12px
}
footer .col ul {
    margin: 0;
    padding: 0;
    list-style: none
}
footer .col ul li, footer .col p {
    font-size: 14px
}
footer a:link {
    color: #bcbec0
}
footer a:hover {
    color: #ed1b23
}
footer .col.col-social-icons i {
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #333;
    border-radius: 0;
    border: 1px solid #2d2d2d
}
footer .col.col-social-icons i:hover {
    color: #ed1b23
}
footer input.form-control {
    padding: 18px 10px
}
.area1 a {
    margin-bottom: 10px
}
#Features {
    padding: 0
}
.titleTOP {
    padding: 30px 0 0
}
.carousel-control {
    display: none
}
figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    min-width: 100%;
    max-width: 100%;
    max-height: 360px;
    width: 48%;
    background: #000;
    text-align: center;
    cursor: pointer
}
figure figcaption, figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    backface-visibility: hidden
}
figure.effect-bubba:hover img {
    opacity: .4
}
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    transition: opacity .35s, transform .35s
}
figure.effect-bubba h5 {
    font-size: 16px;
    padding-top: 30%;
    text-align: center;
    color: #fff;
    transform: translate3d(0, -20px, 0);
    opacity: 0
}
figure.effect-bubba a {
    padding: 20px 5px 5px 5px;
    opacity: 0;
    transition: opacity .35s, transform .35s;
    transform: translate3d(0, 20px, 0);
    color: #fff!important;
    font-size: 16px;
    z-index: 100
}

@media(max-width:480px) {
figure.effect-bubba a {
    padding: 5px 5px 5px 5px;
    font-size: 11px;
    line-height: 13px
}
}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
    opacity: 1;
    transform: scale(1)
}
figure.effect-bubba:hover h5, figure.effect-bubba:hover a {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}
.carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}
.carousel-inner .active {
    opacity: 1
}
.carousel-inner .active.left, .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}
.carousel-inner .next.left, .carousel-inner .prev.right {
    opacity: 1
}
.carousel-inner .carousel-control {
    z-index: 2
}
.carousel, .carousel-inner, .carousel-inner .item {
    height: 100%
}

@media(min-width:768px) {
.header .navbar-brand {
    padding-left: 0
}
.navbar-nav {
    float: left
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-size: 16px
}
}

@media(min-width:768px) and (max-width:880px) {
.header .navbar-brand {
    padding-left: 0;
    width: 100%;
    margin-left: -15px
}
}

@media(max-width:768px) {
.navbar-inverse .navbar-nav>li>a {
    font-size: 1.1em;
    padding: 4px 0!important;
    border-radius: 5px;
    margin: 5px 10px
}
.banner-container {
    background-size: contain
}
.row .six {
    width: auto
}
.da-slide h2 {
    font-size: 28px
}
.banner-content p {
    font-size: 1.2em;
    text-shadow: none
}
.hero-img {
    display: none
}
.da-slide p {
    width: 67%;
    top: 122px
}
.team-member .member-img img {
    max-width: 100%
}
.da-slider {
    height: 380px;
    width: 100%;
    min-width: initial;
    margin: 0!important
}
.header .navbar-nav>li>a {
    padding: 25px 12px
}
.portfolio-item img {
    text-decoration: none;
    display: block;
    width: 330px;
    height: 228px;
    float: left;
    margin: 0 3px 3px 0;
    opacity: 1
}
.portfolio-item:hover .folio-info {
    top: 0
}
.portfolio-item .portfolio-desc .folio-info {
    padding: 0
}
.portfolio-item .portfolio-desc .folio-info h5 {
    font-size: 1em
}
}

@media(max-width:760px) {
.header .navbar-nav>li>a {
    padding: 7px 12px;
    font-size: 14px
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #a8a8a8
}
.row .area1, .row .area2 {
    display: block;
    width: 100%
}
.hero-text2 {
    padding: 10px 0;
    text-align: center
}
.hero-text2 h3 {
    font-size: 16px;
    color: #777;
    line-height: 28px;
    text-align: center
}
.carousel, .carousel-inner, .carousel-inner .item {
    height: auto!important
}
}

@media(max-width:480px) {
.navbar-inverse .navbar-nav>li>a {
    font-size: 1.1em;
    padding: 4px 0!important;
    border-radius: 5px;
    margin: 3px 10px
}
.header .navbar-brand {
    float: left;
    padding: 22px 15px;
    line-height: 18px;
    width: 69%;
    margin-left: -25px
}
.page-section {
    padding: 22px 0!important
}
.banner-container {
    background-size: contain
}
.banner-container>img {
    width: 100%;
    height: 240px
}
.responsive-headline {
    font-size: 16px!important
}
.hero-text {
    margin-top: 29%
}
.arrow-link {
    display: none
}
.da-slide h2 {
    font-size: 22px;
    top: 7px;
    text-shadow: none
}
.da-slide p {
    width: 65%;
    top: 42px;
    height: 50px
}
#section-top ul li a {
    height: 28px;
    line-height: 28px;
    width: 26px
}
.team-socials a {
    background: white;
    padding: 1px 0;
    margin: 2px
}
.team-socials i {
    width: 120px;
    height: 35px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 16px
}
.page-section {
    padding: 0
}
.page-section h1 {
    font-size: 3em
}
.page-section h2 {
    font-size: 2em
}
.page-section p {
    font-size: 1em;
    margin: 0 0 20px
}
.portfolio-item .portfolio-desc .folio-info h5 {
    font-size: 11px
}
.featured {
    transform: scale(1)!important
}
}

@media(max-width:490px) {
.dfersfd {
    text-align: center;
    width: 100%
}
}

@media(max-width:320px) {
.banner-container {
    background-size: contain
}
.da-slider {
    height: 300px
}
.da-slider {
    width: 100%;
    min-width: initial;
    position: relative;
    margin: 0 auto
}
.da-dots {
    bottom: 2px
}
.grid .text-content {
    padding-left: 29%;
    padding-right: 2%
}
.portfolio-item:hover .folio-info {
    top: 0
}
.portfolio-item .portfolio-desc .folio-info h5 {
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-size: 10px;
    margin: 10px 0 0 0
}
nav#filter li {
    display: inline-block;
    margin: 0 0 23px 5px
}
}
#owl-demo .item {
    background: #3fbf79;
    padding: 30px 0;
    margin: 10px;
    color: #FFF;
    border-radius: 3px;
    text-align: center
}
.customNavigation {
    text-align: center
}
.contact-parlex {
    padding-top: 0;
    background: #161616
}
.parlex-back {
    padding: 30px 0
}
.form-group lable {
    color: #4a4a4a!important
}
#clients {
    background: #fff
}
.flat .plan {
    border-radius: 15px;
    list-style: none;
    padding: 0 0 15px;
    margin: 0 0 30px;
    background: #e7ebef;
    text-align: left;
    box-shadow: 0 10px 10px rgba(0,0,0,0.29)!important
}
.planIMG {
    margin: 0 0 30px
}
.flat .plan li {
    padding: 1px 15px;
    color: #000;
    border-top: 1px solid #f5f5f5;
    transition: 300ms
}
.flat .plan li.plan-price {
    border-top: 0
}
.flat .plan li.plan-name {
    border-radius: 0;
    padding: 15px;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    background: #ed1b23;
    margin-bottom: 20px;
    border-top: 0
}
.flat .plan li>strong {
    color: #000;
    font-weight: normal
}
.flat .plan li.plan-action {
    margin-top: 10px;
    border-top: 0
}
.plan-action {
    font-size: 23px;
    color: #FFF;
    text-align: right;
    float: right
}
.flat .plan.featured {
    transform: scale(1.1)
}
.flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name {
    background: #000!important
}
.customNavigation {
    display: none
}
#clients .heading {
    margin: 0
}
.isotope-item {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    opacity: 1
}
.isotopeWrapper article {
    margin: 0
}
.plan-hosting {
    text-align: right;
    color: black;
    padding: 15px;
    font-size: 20px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd
}
th, td {
    border: 0;
    text-align: left;
    padding: 8px
}
tr:nth-child(even) {
    background-color: #f2f2f2
}
.free-domain {
    background-color: #ed1b23;
    color: #fff;
    font-weight: bold
}
.no-r {
    font-size: 36px;
    font-family: impact;
    color: #ed1b23
}
.usd-r {
    font-size: 18px;
    font-family: impact;
    color: #ed1b23
}
.n99-r {
    font-size: 10px;
    font-family: "Times New Roman", Times, serif;
    color: #ed1b23
}
html {
    direction: ltl
}
body {
    direction: ltr
}
.flip.text-left {
    text-align: right
}
.flip.text-right {
    text-align: right
}
.list-unstyled {
    padding-right: 0;
    padding-left: initial
}
.list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0
}
dd {
    margin-right: 0;
    margin-left: initial
}

@media(min-width:768px) {
.dl-horizontal dt {
    float: right;
    clear: right;
    text-align: left
}
.dl-horizontal dd {
    margin-right: 180px;
    margin-left: 0
}
}
blockquote {
    border-right: 5px solid #eee;
    border-left: 0
}
.blockquote-reverse, blockquote.pull-left {
    padding-left: 15px;
    padding-right: 0;
    border-left: 5px solid #eee;
    border-right: 0;
    text-align: left
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%
}
.col-xs-1 {
    width: 8.33333333%
}
.col-xs-pull-12 {
    left: 100%;
    right: auto
}
.col-xs-pull-11 {
    left: 91.66666667%;
    right: auto
}
.col-xs-pull-10 {
    left: 83.33333333%;
    right: auto
}
.col-xs-pull-9 {
    left: 75%;
    right: auto
}
.col-xs-pull-8 {
    left: 66.66666667%;
    right: auto
}
.col-xs-pull-7 {
    left: 58.33333333%;
    right: auto
}
.col-xs-pull-6 {
    left: 50%;
    right: auto
}
.col-xs-pull-5 {
    left: 41.66666667%;
    right: auto
}
.col-xs-pull-4 {
    left: 33.33333333%;
    right: auto
}
.col-xs-pull-3 {
    left: 25%;
    right: auto
}
.col-xs-pull-2 {
    left: 16.66666667%;
    right: auto
}
.col-xs-pull-1 {
    left: 8.33333333%;
    right: auto
}
.col-xs-pull-0 {
    left: auto;
    right: auto
}
.col-xs-push-12 {
    right: 100%;
    left: 0
}
.col-xs-push-11 {
    right: 91.66666667%;
    left: 0
}
.col-xs-push-10 {
    right: 83.33333333%;
    left: 0
}
.col-xs-push-9 {
    right: 75%;
    left: 0
}
.col-xs-push-8 {
    right: 66.66666667%;
    left: 0
}
.col-xs-push-7 {
    right: 58.33333333%;
    left: 0
}
.col-xs-push-6 {
    right: 50%;
    left: 0
}
.col-xs-push-5 {
    right: 41.66666667%;
    left: 0
}
.col-xs-push-4 {
    right: 33.33333333%;
    left: 0
}
.col-xs-push-3 {
    right: 25%;
    left: 0
}
.col-xs-push-2 {
    right: 16.66666667%;
    left: 0
}
.col-xs-push-1 {
    right: 8.33333333%;
    left: 0
}
.col-xs-push-0 {
    right: auto;
    left: 0
}
.col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0
}
.col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}
.col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}
.col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0
}
.col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}
.col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}
.col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0
}
.col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}
.col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}
.col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0
}
.col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}
.col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}
.col-xs-offset-0 {
    margin-right: 0;
    margin-left: 0
}

@media(min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right
}
.col-sm-12 {
    width: 100%
}
.col-sm-11 {
    width: 91.66666667%
}
.col-sm-10 {
    width: 83.33333333%
}
.col-sm-9 {
    width: 75%
}
.col-sm-8 {
    width: 66.66666667%
}
.col-sm-7 {
    width: 58.33333333%
}
.col-sm-6 {
    width: 50%
}
.col-sm-5 {
    width: 41.66666667%
}
.col-sm-4 {
    width: 33.33333333%
}
.col-sm-3 {
    width: 25%
}
.col-sm-2 {
    width: 16.66666667%
}
.col-sm-1 {
    width: 8.33333333%
}
.col-sm-pull-12 {
    left: 100%;
    right: auto
}
.col-sm-pull-11 {
    left: 91.66666667%;
    right: auto
}
.col-sm-pull-10 {
    left: 83.33333333%;
    right: auto
}
.col-sm-pull-9 {
    left: 75%;
    right: auto
}
.col-sm-pull-8 {
    left: 66.66666667%;
    right: auto
}
.col-sm-pull-7 {
    left: 58.33333333%;
    right: auto
}
.col-sm-pull-6 {
    left: 50%;
    right: auto
}
.col-sm-pull-5 {
    left: 41.66666667%;
    right: auto
}
.col-sm-pull-4 {
    left: 33.33333333%;
    right: auto
}
.col-sm-pull-3 {
    left: 25%;
    right: auto
}
.col-sm-pull-2 {
    left: 16.66666667%;
    right: auto
}
.col-sm-pull-1 {
    left: 8.33333333%;
    right: auto
}
.col-sm-pull-0 {
    left: auto;
    right: auto
}
.col-sm-push-12 {
    right: 100%;
    left: 0
}
.col-sm-push-11 {
    right: 91.66666667%;
    left: 0
}
.col-sm-push-10 {
    right: 83.33333333%;
    left: 0
}
.col-sm-push-9 {
    right: 75%;
    left: 0
}
.col-sm-push-8 {
    right: 66.66666667%;
    left: 0
}
.col-sm-push-7 {
    right: 58.33333333%;
    left: 0
}
.col-sm-push-6 {
    right: 50%;
    left: 0
}
.col-sm-push-5 {
    right: 41.66666667%;
    left: 0
}
.col-sm-push-4 {
    right: 33.33333333%;
    left: 0
}
.col-sm-push-3 {
    right: 25%;
    left: 0
}
.col-sm-push-2 {
    right: 16.66666667%;
    left: 0
}
.col-sm-push-1 {
    right: 8.33333333%;
    left: 0
}
.col-sm-push-0 {
    right: auto;
    left: 0
}
.col-sm-offset-12 {
    margin-right: 100%;
    margin-left: 0
}
.col-sm-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}
.col-sm-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}
.col-sm-offset-9 {
    margin-right: 75%;
    margin-left: 0
}
.col-sm-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}
.col-sm-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}
.col-sm-offset-6 {
    margin-right: 50%;
    margin-left: 0
}
.col-sm-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}
.col-sm-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}
.col-sm-offset-3 {
    margin-right: 25%;
    margin-left: 0
}
.col-sm-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}
.col-sm-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}
.col-sm-offset-0 {
    margin-right: 0;
    margin-left: 0
}
}

@media(min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
}
.col-md-12 {
    width: 100%
}
.col-md-11 {
    width: 91.66666667%
}
.col-md-10 {
    width: 83.33333333%
}
.col-md-9 {
    width: 75%
}
.col-md-8 {
    width: 66.66666667%
}
.col-md-7 {
    width: 58.33333333%
}
.col-md-6 {
    width: 50%
}
.col-md-5 {
    width: 41.66666667%
}
.col-md-4 {
    width: 33.33333333%
}
.col-md-3 {
    width: 25%
}
.col-md-2 {
    width: 16.66666667%
}
.col-md-1 {
    width: 8.33333333%
}
.col-md-pull-12 {
    left: 100%;
    right: auto
}
.col-md-pull-11 {
    left: 91.66666667%;
    right: auto
}
.col-md-pull-10 {
    left: 83.33333333%;
    right: auto
}
.col-md-pull-9 {
    left: 75%;
    right: auto
}
.col-md-pull-8 {
    left: 66.66666667%;
    right: auto
}
.col-md-pull-7 {
    left: 58.33333333%;
    right: auto
}
.col-md-pull-6 {
    left: 50%;
    right: auto
}
.col-md-pull-5 {
    left: 41.66666667%;
    right: auto
}
.col-md-pull-4 {
    left: 33.33333333%;
    right: auto
}
.col-md-pull-3 {
    left: 25%;
    right: auto
}
.col-md-pull-2 {
    left: 16.66666667%;
    right: auto
}
.col-md-pull-1 {
    left: 8.33333333%;
    right: auto
}
.col-md-pull-0 {
    left: auto;
    right: auto
}
.col-md-push-12 {
    right: 100%;
    left: 0
}
.col-md-push-11 {
    right: 91.66666667%;
    left: 0
}
.col-md-push-10 {
    right: 83.33333333%;
    left: 0
}
.col-md-push-9 {
    right: 75%;
    left: 0
}
.col-md-push-8 {
    right: 66.66666667%;
    left: 0
}
.col-md-push-7 {
    right: 58.33333333%;
    left: 0
}
.col-md-push-6 {
    right: 50%;
    left: 0
}
.col-md-push-5 {
    right: 41.66666667%;
    left: 0
}
.col-md-push-4 {
    right: 33.33333333%;
    left: 0
}
.col-md-push-3 {
    right: 25%;
    left: 0
}
.col-md-push-2 {
    right: 16.66666667%;
    left: 0
}
.col-md-push-1 {
    right: 8.33333333%;
    left: 0
}
.col-md-push-0 {
    right: auto;
    left: 0
}
.col-md-offset-12 {
    margin-right: 100%;
    margin-left: 0
}
.col-md-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}
.col-md-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}
.col-md-offset-9 {
    margin-right: 75%;
    margin-left: 0
}
.col-md-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}
.col-md-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}
.col-md-offset-6 {
    margin-right: 50%;
    margin-left: 0
}
.col-md-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}
.col-md-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}
.col-md-offset-3 {
    margin-right: 25%;
    margin-left: 0
}
.col-md-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}
.col-md-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}
.col-md-offset-0 {
    margin-right: 0;
    margin-left: 0
}
}

@media(min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
}
.col-lg-12 {
    width: 100%
}
.col-lg-11 {
    width: 91.66666667%
}
.col-lg-10 {
    width: 83.33333333%
}
.col-lg-9 {
    width: 75%
}
.col-lg-8 {
    width: 66.66666667%
}
.col-lg-7 {
    width: 58.33333333%
}
.col-lg-6 {
    width: 50%
}
.col-lg-5 {
    width: 41.66666667%
}
.col-lg-4 {
    width: 33.33333333%
}
.col-lg-3 {
    width: 25%
}
.col-lg-2 {
    width: 16.66666667%
}
.col-lg-1 {
    width: 8.33333333%
}
.col-lg-pull-12 {
    left: 100%;
    right: auto
}
.col-lg-pull-11 {
    left: 91.66666667%;
    right: auto
}
.col-lg-pull-10 {
    left: 83.33333333%;
    right: auto
}
.col-lg-pull-9 {
    left: 75%;
    right: auto
}
.col-lg-pull-8 {
    left: 66.66666667%;
    right: auto
}
.col-lg-pull-7 {
    left: 58.33333333%;
    right: auto
}
.col-lg-pull-6 {
    left: 50%;
    right: auto
}
.col-lg-pull-5 {
    left: 41.66666667%;
    right: auto
}
.col-lg-pull-4 {
    left: 33.33333333%;
    right: auto
}
.col-lg-pull-3 {
    left: 25%;
    right: auto
}
.col-lg-pull-2 {
    left: 16.66666667%;
    right: auto
}
.col-lg-pull-1 {
    left: 8.33333333%;
    right: auto
}
.col-lg-pull-0 {
    left: auto;
    right: auto
}
.col-lg-push-12 {
    right: 100%;
    left: 0
}
.col-lg-push-11 {
    right: 91.66666667%;
    left: 0
}
.col-lg-push-10 {
    right: 83.33333333%;
    left: 0
}
.col-lg-push-9 {
    right: 75%;
    left: 0
}
.col-lg-push-8 {
    right: 66.66666667%;
    left: 0
}
.col-lg-push-7 {
    right: 58.33333333%;
    left: 0
}
.col-lg-push-6 {
    right: 50%;
    left: 0
}
.col-lg-push-5 {
    right: 41.66666667%;
    left: 0
}
.col-lg-push-4 {
    right: 33.33333333%;
    left: 0
}
.col-lg-push-3 {
    right: 25%;
    left: 0
}
.col-lg-push-2 {
    right: 16.66666667%;
    left: 0
}
.col-lg-push-1 {
    right: 8.33333333%;
    left: 0
}
.col-lg-push-0 {
    right: auto;
    left: 0
}
.col-lg-offset-12 {
    margin-right: 100%;
    margin-left: 0
}
.col-lg-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}
.col-lg-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}
.col-lg-offset-9 {
    margin-right: 75%;
    margin-left: 0
}
.col-lg-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}
.col-lg-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}
.col-lg-offset-6 {
    margin-right: 50%;
    margin-left: 0
}
.col-lg-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}
.col-lg-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}
.col-lg-offset-3 {
    margin-right: 25%;
    margin-left: 0
}
.col-lg-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}
.col-lg-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}
.col-lg-offset-0 {
    margin-right: 0;
    margin-left: 0
}
}
caption {
    text-align: right
}
th {
    text-align: right
}

@media screen and (max-width:767px) {
.table-responsive>.table-bordered {
    border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-right: 0;
    border-left: initial
}
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-left: 0;
    border-right: initial
}
}
.radio label, .checkbox label {
    padding-right: 20px;
    padding-left: initial
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    margin-right: -20px;
    margin-left: auto
}
.radio-inline, .checkbox-inline {
    padding-right: 20px;
    padding-left: 0
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-right: 10px;
    margin-left: 0
}
.has-feedback .form-control {
    padding-left: 42.5px;
    padding-right: 12px
}
.form-control-feedback {
    left: 0;
    right: auto
}

@media(min-width:768px) {
.form-inline label {
    padding-right: 0;
    padding-left: initial
}
.form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    margin-right: 0;
    margin-left: auto
}
}

@media(min-width:768px) {
.form-horizontal .control-label {
    text-align: left
}
}
.form-horizontal .has-feedback .form-control-feedback {
    left: 15px;
    right: auto
}
.caret {
    margin-right: 2px;
    margin-left: 0
}
.dropdown-menu {
    right: 0;
    left: auto;
    float: left;
    text-align: right
}
.dropdown-menu.pull-right {
    left: 0;
    right: auto;
    float: right
}
.dropdown-menu-right {
    left: auto;
    right: 0
}
.dropdown-menu-left {
    left: 0;
    right: auto
}

@media(min-width:768px) {
.navbar-right .dropdown-menu {
    left: auto;
    right: 0
}
.navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
}
}
.btn-group>.btn, .btn-group-vertical>.btn {
    float: right
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-right: -1px;
    margin-left: 0
}
.btn-toolbar {
    margin-right: -5px;
    margin-left: 0
}
.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: right
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-right: 5px;
    margin-left: 0
}
.btn-group>.btn:first-child {
    margin-right: 0
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.btn-group>.btn-group {
    float: right
}
.btn-group.btn-group-justified>.btn, .btn-group.btn-group-justified>.btn-group {
    float: none
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}
.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.btn .caret {
    margin-right: 0
}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-right: 0
}
.input-group .form-control {
    float: right
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.input-group-addon:last-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right: 0
}
.input-group-btn>.btn+.btn {
    margin-right: -1px;
    margin-left: auto
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    margin-left: -1px;
    margin-right: auto
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-right: -1px;
    margin-left: auto
}
.nav {
    padding-right: 0;
    padding-left: initial
}
.nav-tabs>li {
    float: right
}
.nav-tabs>li>a {
    margin-left: auto;
    margin-right: -2px;
    border-radius: 4px 4px 0 0
}
.nav-pills>li {
    float: right
}
.nav-pills>li>a {
    border-radius: 4px
}
.nav-pills>li+li {
    margin-right: 2px;
    margin-left: auto
}
.nav-stacked>li {
    float: none
}
.nav-stacked>li+li {
    margin-right: 0;
    margin-left: auto
}
.nav-justified>.dropdown .dropdown-menu {
    right: auto
}
.nav-tabs-justified>li>a {
    margin-left: 0;
    margin-right: auto
}

@media(min-width:768px) {
.nav-tabs-justified>li>a {
    border-radius: 4px 4px 0 0
}
}

@media(min-width:768px) {
.navbar-header {
    float: left
}
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px
}
.navbar-brand {
    float: right;
}

@media(min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-right: -15px;
    margin-left: auto
}
}
.navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-right: auto
}

@media(max-width:767px) {
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 25px 5px 15px
}
}

@media(min-width:768px) {
.navbar-nav {
    float: right
}
.navbar-nav>li {
    float: left
}
}

@media(min-width:768px) {
.navbar-left.flip {
    float: right!important
}
.navbar-right:last-child {
    margin-left: -15px;
    margin-right: auto
}
.navbar-right.flip {
    float: left!important;
    margin-left: -15px;
    margin-right: auto
}
.navbar-right .dropdown-menu {
    left: 0;
    right: auto
}
}

@media(min-width:768px) {
.navbar-text {
    float: right
}
.navbar-text.navbar-right:last-child {
    margin-left: 0;
    margin-right: auto
}
}
.pagination {
    padding-right: 0
}
.pagination>li>a, .pagination>li>span {
    float: right;
    margin-right: -1px;
    margin-left: 0
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    margin-right: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
.pager {
    padding-right: 0;
    padding-left: initial
}
.pager .next>a, .pager .next>span {
    float: left
}
.pager .previous>a, .pager .previous>span {
    float: right
}
.nav-pills>li>a>.badge {
    margin-left: 0;
    margin-right: 3px
}
.list-group-item>.badge {
    float: left
}
.list-group-item>.badge+.badge {
    margin-left: 5px;
    margin-right: auto
}
.alert-dismissable, .alert-dismissible {
    padding-left: 35px;
    padding-right: 15px
}
.alert-dismissable .close, .alert-dismissible .close {
    right: auto;
    left: -21px
}
.progress-bar {
    float: right
}
.media>.pull-left {
    margin-right: 10px
}
.media>.pull-left.flip {
    margin-right: 0;
    margin-left: 10px
}
.media>.pull-right {
    margin-left: 10px
}
.media>.pull-right.flip {
    margin-left: 0;
    margin-right: 10px
}
.media-right, .media>.pull-right {
    padding-right: 10px;
    padding-left: initial
}
.media-left, .media>.pull-left {
    padding-left: 10px;
    padding-right: initial
}
.media-list {
    padding-right: 0;
    padding-left: initial;
    list-style: none
}
.list-group {
    padding-right: 0;
    padding-left: initial
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 0
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 0
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0
}
.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-right: 0;
    border-left: none
}
.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
    border-left: 0
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
    right: 0;
    left: auto
}
.close {
    float: left
}
.modal-footer {
    text-align: left
}
.modal-footer.flip {
    text-align: right
}
.modal-footer .btn+.btn {
    margin-left: auto;
    margin-right: 5px
}
.modal-footer .btn-group .btn+.btn {
    margin-right: -1px;
    margin-left: auto
}
.modal-footer .btn-block+.btn-block {
    margin-right: 0;
    margin-left: auto
}
.popover {
    left: auto;
    text-align: right
}
.popover.top>.arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}
.popover.top>.arrow:after {
    margin-right: -10px;
    margin-left: auto
}
.popover.bottom>.arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}
.popover.bottom>.arrow:after {
    margin-right: -10px;
    margin-left: auto
}
.carousel-control {
    right: 0;
    bottom: 0
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    right: auto;
    margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    left: auto;
    margin-left: -10px
}
.carousel-indicators {
    right: 50%;
    left: 0;
    margin-right: -30%;
    margin-left: 0;
    padding-left: 0
}

@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: 0;
    margin-right: -15px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-left: 0;
    margin-right: -15px
}
.carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px
}
}
.pull-right.flip {
    float: left!important
}
.pull-left.flip {
    float: right!important
}
.btit {
    text-align: left;
    font-size: 22px;
    font-family: "Questrial", sans-serif;
    color: #000
}

@media(max-width:490px) {
.btit {
    font-size: 20px
}
}
.red {
    background-color: #F00;
    margin-top: 80px
}

@media(max-width:365px) and (min-width:330px) {
.smal {
    font-size: 80%
}
}

@media(max-width:1204px) and (min-width:992px) {
.smal {
    font-size: 80%
}
}

@media(max-width:330px) {
.smal {
    font-size: 60%
}
}

@media(max-width:330px) {
.smalcon {
    font-size: 85%
}
}
.footerlinks {
    margin-right: 5px;
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFF;
    cursor: pointer;
    border: 2px solid #ed1b23
}
.footerlinks:hover {
    border: 2px solid #fff
}
.sitemap {
    font-size: 36px
}
.go {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
	font-size: 12px;
}
.go-text {
	font-size: 14px;
}
.layer {
    background-color: #FFF;
    position: absolute;
    top: 0;
    width: 100%;
    height: 50px
}

@media(max-width:480px) {
.layer {
    background-color: inherit;
    position: relative
}
}
.fa-th-large {
    font-size: 19px
}
.content-text {
    text-align: justify;
    margin-bottom: 30px
}
.gifimage {
    background-color: #ed1b23;
    padding: 30px;
    width: 100%;
    min-height: 210px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    margin-top: 15px
}

@media screen and (max-width:767px) {
.navbar-nav .dropdown-menu {
    display: none;
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
}
.dropdown-menu>li>a {
    color: #777!important;
    padding: 5px 15px 5px 25px!important
}
}
#offer {
    font-size: 20px;
    background: #4e4c4d;
    text-align: center;
    margin-top: 5px
}
#offer a:link {
    color: #FFF
}
#offer a:hover {
    color: #ed1b23
}
.servicesblock {
    background-color: #09C;
    border: solid 1px #fff;
    border-radius: 25px;
    padding: 20px 20px 20px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    margin: 0 0 30px 0
}
.servicesblock a:link {
    color: #FFF
}
.servicesblockNO {
    font-size: 48px;
    line-height: 50px;
    font-weight: bold;
    color: #FFF
}
.servicesblockFF {
    font-size: 14px;
    padding: 0 15px 0 15px;
    color: #FFF
}
.top20 {
    margin-top: 20px
}
.top40 {
    margin-top: 40px
}
.top10 {
    margin-top: 10px
}
.bottom10 {
    margin-bottom: 10px;
}
.bottom20 {
    margin-bottom: 20px;
}
.bottom40 {
    margin-bottom: 40px;
}
.bottom60 {
    margin-bottom: 60px;
}
.item .img_gallery {
    width: 60%;
    float: right;
}
.item .item_title {
    width: 40%;
    float: left;
    font-size: 16px;
    text-align: justify;
    font-weight: bold;
    color: #7A7A7A;
    padding: 60px 30px 30px 20px;
    background: rgba(255,255,255,0.15)
}

@media(max-width:780px) {
.item .img_gallery {
    width: 100%;
}
.item .item_title {
    width: 100%;
    padding: 0px 10px 10px 10px;
    margin-bottom: 20px;
    text-align: center;
}
.item .item_title p {
    display: none;
}
.item .item_title h2 {
    text-align: center;
}
.g_btn {
    display: none;
}
}
.carousel-indicators li {
    border: 1px #000 solid;
}
.g_btn {
    background-color: #ed1b23;
    color: #fff;
    padding: 10px;
}
.shadow {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    margin-top: 50px;
}

@media(max-width:780px) {
.shadow {
    border-top: 1px #000 solid;
    border-bottom: 0px;
    margin-top: 00px;
}
}
.mark_in_c {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: -10px;
}
.mark_in_c span {
    margin-left: 20px;
}

@media(max-width:480px) {
.logo_ios {
    width: 40%;
}
}

@media(max-width:480px) {
.hhome h1 {
    font-size: 22px !important;
    margin-top: 0px;
    text-align: right;
}
}
.gifspot {
    background-color: #FF0;
    padding: 30px;
    width: 100%;
    min-height: 210px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
    margin-top: 15px;
}
.reg_checkbox h5 {
    font-size: 18px;
    margin-top: 0px;
}
.reg_checkbox input {
    margin-left: 10px;
    font-size: 18px;
    width: 20px;
    float: right;
    height: 20px;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}
.logo-design-form input, textarea, select {
    margin: 1px 0 20px 0;
    padding: 10px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #dedede;
    font-size: 1em;
    line-height: normal;
}
.pt-10 {
    padding-top: 10px
}
.pt-20 {
    padding-top: 20px
}
.pt-30 {
    padding-top: 30px
}
.pt-40 {
    padding-top: 40px
}
.pt-50 {
    padding-top: 50px
}
.mt-10 {
    margin-top: 10px
}
.mt-20 {
    margin-top: 20px
}
.mt-30 {
    margin-top: 30px
}
.mt-40 {
    margin-top: 40px
}
.mt-50 {
    margin-top: 50px
}
.mb-10 {
    margin-bottom: 10px
}
.mb-20 {
    margin-bottom: 20px
}
.mb-30 {
    margin-bottom: 30px
}
.mb-40 {
    margin-bottom: 40px
}
.mb-50 {
    margin-bottom: 50px
}
.pb-10 {
    padding-bottom: 10px
}
.pb-20 {
    padding-bottom: 20px
}
.pb-30 {
    padding-bottom: 30px
}
.pb-40 {
    padding-bottom: 40px
}
.pb-50 {
    padding-bottom: 50px
}
.partners-section p {
    position: relative;
}
.technologies {
    background-color: #f0f0f0;
    padding: 20px 10px 10px 10px;
    width: 100%;
    min-height: 150px;
    text-align: center;
    font-size: 18px;
    color: #000;
    margin-top: 15px;
    align-items: center;
    align-content: center;
}
.hintbox div {
    background-color: #f0f0f0;
	border: 1px solid #fff;
    padding-top: 20px;
}


.language-icon-2 {
	filter: invert(100%);
}

.language-icon-1 {
	float: right!important;
	filter: invert(100%);
}

@media(min-width:768px) {
.language-icon-2 {
display: none;}
}

@media(max-width:768px) {
.language-icon-1 {
display: none;}
}


.big-title-in-content1
{
	font-size: 44px;
	font-weight: bold;
	text-transform: capitalize;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.footerlinksstyle li {
    position: relative;
    padding-left: 15px;
}

.footerlinksstyle li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFF;
    border: 2px solid #ed1b23;
    transition: border 0.3s ease-in-out;
}

.footerlinksstyle li:hover::before {
    border: 2px solid #fff;
}
	
/* Apply Flexbox to the row container */
.flex-container {
    display: flex;
    flex-direction: column; /* Default: column layout on mobile */
    align-items: center; /* Center content horizontally */
    text-align: center; /* Center text elements */
}

/* On larger screens, make it a row */
@media (min-width: 768px) { /* Bootstrap "md" breakpoint */
    .flex-container {
        flex-direction: row; /* Switch to row layout */
        justify-content: space-between; /* Align items properly */
        align-items: center; /* Center align vertically */
    }
    
    /* Move the logo to the right */
    .logo-box {
        order: 2; /* Moves to the right on desktop */
        text-align: right; /* Align text to the right */
    }

    .social-box {
        order: 1; /* Moves to the left on desktop */
    }
}

html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}