@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf) format('truetype')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')
}

body {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    background: #ebeef4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, sans-serif;
    color: #18191a;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.backtop a .fa,
.blog-text-contain .post-meta i,
.footer-top .content .case p a:hover,
.footer-top .content .twitter-content a,
.footer-top .content article a:hover,
.footer-top .content article a:hover i,
.footer-top .footer-logo-area a i,
.footer-top .footer-logo-area a:hover i,
.plan .author-name,
.plan .author-url,
.plan .btn-default:hover,
.plan .rex-table-content .rex-pricing-pric,
.plan .rex-table-content i,
.plan i,
.rex-blog .btn-default:hover,
.rex-blog .thumbnail:hover .rex-sub-title h3 a,
.rex-blog i,
.rex-blog-box .rex-blog-box-text .btn-default:hover,
.rex-blog-box .rex-blog-box-text .rex-sub-title h4 a:hofver,
.rex-blog-box .rex-blog-box-text i,
.rex-blog-tag-box .rex-tag-left ul li a:hover,
.rex-comment-from .form-group .btn-default:after,
.rex-comment-from .form-group .btn-default:hover,
.rex-contact .form-section .btn-default:after,
.rex-contact .form-section .btn-default:hover,
.rex-contact .form-section .focus,
.rex-contact .form-section h6,
.rex-feature article .rex-feature-box:hover h4,
.rex-read-more .btn-default:hover,
.rex-read-more i,
.rex-service .rex-service-content h5,
.rex-team .media a,
.rex-team .rex-team-content h5,
.rx-iner-page-titel p a:hover,
.widget_categories .rex-archive ul li a:hover,
.widget_recent_entries .content .case p a:hover,
.widget_recent_entries .rx-blockquote-box h6 a:hover,
.widget_recent_entries .rx-blockquote-box p a,
a:hover,
header .rex-addres-section a:hover,
header .rex-media-link a,
nav .rex-navigation-area ul li a:hover,
nav .rex-search i:hover,
span {
    color: #006699
}
.d-inline-block{
    display: inline-block;
}
.d-flex{
    display: flex;
}
.justify-content-center{
    justify-content: center;
}
.gap-3{
    gap: 15px;
}
.text-center{
    text-align: center;
}
.mt-4{
    margin-top: 15px;
}
.mb-4{
    margin-bottom: 15px;
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px;
    font-weight: 300
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

p {
    margin: 0
}

a:hover {
    text-decoration: none
}

#search .close,
.grid figcaption,
.rex-achievment .rex-achievment-list ul li:hover,
.rex-bottom:after,
.rex-heading:after,
.rex-navigation-area .menu-collapser .collapse-button,
.rex-sub-title:after,
.rex-team .rex-team-single-img,
.rx-pagination ul li.active,
.rx-pagination ul li:hover,
.widget_archive .rex-archive ul li:before,
.widget_categories .rex-archive ul li:before,
.widget_meta .rex-tag ul li:hover,
nav .rex-navigation-area ul li a:before {
    background: #006699
}

.rex-bottom,
.rex-bottom:before {
    color: #18191a;
    -webkit-transition: .5s
}

#search .close,
.backtop,
.form-control:focus,
.owl-theme .owl-controls .owl-page.active span,
.rex-bottom,
.rex-bottom:hover,
.rex-comment-from .form-group .btn-default:after,
.rex-comment-from .form-group .btn-default:hover,
.rex-comment-from .form-group input:focus,
.rex-comment-from .form-group textarea:focus,
.rex-contact .form-section .btn-default:after,
.rex-contact .form-section input:focus,
.rex-contact .form-section textarea:focus,
.rex-feature article .rex-feature-box:hover .rex-feature-icon,
.rx-pagination ul li .rex-contact .form-section .btn-default:hover {
    border-color: #006699
}

.rex-heading {
    position: relative;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 75px
}

.rex-sub-title.rex-heading:before {
    background-color: #18191a;
    bottom: 2px
}

.rex-heading:after {
    background-color: #006699;
    bottom: 0
}

.rex-sub-title {
    position: relative;
    text-align: left;
    padding-bottom: 15px;
    margin-bottom: 10px
}

.rex-sub-title:before {
    background-color: #18191a;
    bottom: 2px
}

.rex-sub-title:after {
    background-color: #006699;
    bottom: 0
}

.rex-bottom {
    border: 1px solid #006699;
    padding: 15px 48px 18px 24px;
    margin-top: 40px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    transition: .5s;
    z-index: 10
}

.rex-bottom:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    border: 1px solid #18191a;
    border-radius: 100%;
    font-size: 8px;
    top: 18px;
    right: 23px;
    padding: 1px;
    width: 15px;
    height: 15px;
    transition: .5s
}

.rex-bottom:after,
header .rex-addres-section a:first-child:before,
header:before,
nav .rex-navigation-area ul li a:before,
nav .rex-search:before {
    content: ""
}

.rex-blog a,
.rex-blog-box .rex-blog-box-text a,
.rex-read-more a,
nav .rex-navigation-area ul li a {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.rex-bottom:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #006699;
    z-index: -10;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-bottom:hover {
    border-color: #006699;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-bottom:hover:before {
    color: #fff;
    border-color: #fff;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-bottom:hover:after {
    width: 100%
}

.rex-bottom:focus {
    outline: 0;
    box-shadow: none
}

.rex-blog i,
.rex-blog-box .rex-blog-box-text i,
.rex-read-more i {
    font-size: 18px;
    color: #006699;
    position: relative;
    top: 4px;
    margin-left: 10px;
    margin-right: 5px
}

.rex-blog a,
.rex-blog-box .rex-blog-box-text a,
.rex-read-more a {
    padding: 0;
    border: 0;
    background: 0 0;
    font-size: 12px;
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-blog .btn-default:hover,
.rex-blog-box .rex-blog-box-text .btn-default:hover,
.rex-read-more .btn-default:hover {
    background: 0 0;
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.boxlayout,
header {
    background: #ebeef4
}

.box-shadow,
.rex-blog .thumbnail:hover {
    box-shadow: 0 10px 13px 0 #e0e0e0
}

.box-shadow-team {
    box-shadow: 0 10px 13px 0 #bcbcbc
}

.full-width-border,
.rex-contact .form-section,
.rex-contact .rex-address {
    position: relative
}

.full-width-border:before,
.rex-contact .form-section:before,
.rex-contact .rex-address:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
    border: 1px dashed #f3f3f3
}

a {
    text-decoration: none !important
}

a[href="https://plus.google.com/"],
a[href="https://www.instagram.com/"],
a[href="https://www.facebook.com/"],
a[href="https://twitter.com/"],
a[href="https://www.linkedin.com/"] {
    -webkit-transition: .2s;
    transition: .2s
}

a[href="https://www.facebook.com/"]:hover {
    color: #3b5998 !important
}

a[href="https://www.facebook.com/"]:hover i {
    -webkit-transition: .2s;
    transition: .2s;
    color: #3b5998 !important
}

a[href="https://twitter.com/"]:hover {
    color: #55acee !important
}

a[href="https://twitter.com/"]:hover i {
    -webkit-transition: .2s;
    transition: .2s;
    color: #55acee !important
}

a[href="https://www.linkedin.com/"]:hover {
    color: #0077b5 !important
}

a[href="https://www.linkedin.com/"]:hover i {
    -webkit-transition: .2s;
    transition: .2s;
    color: #0077b5 !important
}

a[href="https://plus.google.com/"]:hover {
    color: #004466 !important
}

a[href="https://plus.google.com/"]:hover i {
    -webkit-transition: .2s;
    transition: .2s;
    color: #004466 !important
}

a[href="https://www.instagram.com/"]:hover {
    color: #3f729b !important
}

a[href="https://www.instagram.com/"]:hover i {
    -webkit-transition: .2s;
    transition: .2s;
    color: #3f729b !important
}

#ascrail2000 {
    z-index: 99999 !important
}

.boxlayout {
    max-width: 1200px;
    margin: 0 auto
}

.boxlayout .rex-slider,
.boxlayout section {
    max-width: 1200px
}

header {
    padding: 15px 0 16px;
    position: relative
}

header:before {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background: #fff
}

header .rex-addres-section {
    float: left
}

.rex-service .select-col,
header .rex-media-link {
    float: right
}

header .rex-addres-section a {
    color: #666;
    -webkit-transition: .5s;
    transition: .5s
}

header .rex-addres-section a i {
    margin-right: 12px;
    font-size: 16px
}

header .rex-addres-section a:first-child {
    margin-right: 19px;
    padding-right: 19px;
    position: relative
}

header .rex-addres-section a:first-child:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 13px;
    margin-top: -6px;
    background: #d9dadc
}

header .rex-addres-section a:hover {
    color: #006699
}

header .rex-media-link a {
    margin-right: 9px;
    font-size: 18px;
    color: #006699
}

header .rex-media-link a:last-child {
    margin-right: 0
}

div.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    text-align: center;
    background-color: #fff;
    z-index: 9999999999999
}

div.loading img {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.no-svg div.loading {
    background-image: url(../images/AjaxLoader.gif) no-repeat
}

.is-sticky {
    -webkit-transition: .5s;
    transition: .5s
}

nav {
    padding: 25px 0 0;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    z-index: 9999
}

nav .content {
    float: right;
}

nav .rex-navigation-area {
    display: inline-block
}

nav .rex-navigation-area ul li {
    padding: 0 15px;
    background: #fff;
    border-left: 0
}

nav .rex-navigation-area ul li:first-child {
    padding-left: 0
}

nav .rex-navigation-area ul li:last-child {
    padding-right: 0
}

nav .rex-navigation-area ul li:last-child .sub-collapser {
    opacity: 0
}

nav .rex-navigation-area ul li:last-child ul li .sub-collapser {
    opacity: 1
}

nav .rex-navigation-area ul li a {
    padding: 0 0 24px;
    background: #fff;
    color: #6c6c6c;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 12px
}

nav .rex-navigation-area ul li a:before {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #006699;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}

nav .rex-navigation-area ul li a:hover {
    background: #fff;
    color: #006699;
    -webkit-transition: .2s;
    transition: .2s
}

nav .rex-navigation-area ul li a:hover:before {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}

nav .rex-search {
    display: inline;
    margin-left: 17px;
    padding-left: 17px;
    position: relative;
    cursor: pointer
}

nav .rex-search:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 13px;
    margin-top: -6px;
    background: #6c6c6c
}

nav .rex-search i,
nav body {
    position: relative
}

nav .rex-search i {
    font-size: 20px;
    top: 4px;
    color: #6c6c6c
}

#search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(0, -100%) scale(0, 0);
    -ms-transform: translate(0, -100%) scale(0, 0);
    transform: translate(0, -100%) scale(0, 0);
    opacity: 0
}

#search.open {
    -webkit-transform: translate(0, 0) scale(1, 1);
    -ms-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1;
    z-index: 999
}

.rex-service .service-img,
.rex-slider .rex-caption {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

#search input[type=search] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #fff;
    background: 0 0;
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0;
    margin: -51px auto 0;
    padding-left: 30px;
    padding-right: 30px;
    outline: 0
}

#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -62px;
    background: #fff
}

#search .close {
    position: fixed;
    top: 30px;
    right: 30px;
    color: #fff;
    background-color: #006699;
    border-color: #006699;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px
}

ul.slimmenu li>ul {
    padding: 0;
    width: 170px;
    background: #fff;
    left: -40px
}

nav .rex-navigation-area ul li ul li {
    padding: 0;
    width: 170px;
    margin-bottom: 1px;
    background: #fff
}

nav .rex-navigation-area ul li ul li a {
    padding-top: 24px;
    padding-left: 10px
}

nav .rex-navigation-area ul li ul li ul li,
nav .rex-navigation-area ul li ul li ul li:first-child {
    padding-left: 20px
}

nav .rex-navigation-area ul li ul li ul li a {
    padding-left: 0
}

ul.slimmenu li .sub-collapser {
    background: 0 0
}

ul.slimmenu li .sub-collapser i {
    display: none
}

ul.slimmenu li .sub-collapser:before {
    content: "\e688";
    font-family: Pe-icon-7-stroke;
    font-size: 34px;
    color: #6c6c6c
}

#call-to-action .block p,
.plan .rex-table-content .rex-table-title,
.rex-achievment .rex-achievment-list ul li p span,
.rex-contact .form-section .btn-default {
    font-family: Montserrat, sans-serif
}

ul.slimmenu li>ul>li ul {
    position: relative;
    left: 0
}

.rex-slider {
    position: relative
}

.rex-slider .rex-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.rex-slider .rex-caption h3 {
    margin-bottom: 15px
}

.rex-slider .rex-caption h1 {
    font-weight: bolder
}

.rex-slider .video-bg {
    width: 100%;
    background-repeat: no-repeat;
    height: 700px;
    position: relative
}

.rex-feature:before,
.rex-slider .video-bg:before {
    content: "";
    top: 0;
    width: 100%;
    height: 100%
}

.rex-slider .video-bg:before {
    position: absolute;
    left: 0;
    background: rgba(0, 0, 0, .5)
}

.rex-slider .video a,
.rex-slider .video h1,
.rex-slider .video h3 {
    color: #fff
}

.rex-slider .video .rex-caption {
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%
}

.rex-slider .video .rex-bottom:before {
    color: #fff;
    border-color: #fff
}

.rex-about {
    background: #fff
}

.rex-about .rex-about-img {
    padding-top: 0px
}

.rex-about .rex-about-text {
    padding-left: 1%;
    padding-top: 30px;
}

.rex-about h3 {
    font-weight: 700
}

.rex-about p {
    color: #6c6c6c;
    line-height: 24px
}

.rex-feature {
    padding: 100px 0;
    background: url(../img/feature-bg.jpg) center no-repeat;
    background-size: cover;
    position: relative
}

.rex-feature:before {
    position: absolute;
    left: 0;
    background: rgba(0, 34, 51, .8)
}

.rex-feature .rex-heading h3 {
    color: #fff
}

.rex-feature article .rex-feature-box {
    text-align: center;
    padding: 25px;
    cursor: pointer;
    margin-bottom: 25px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid #fff;
}

.rex-feature article .rex-feature-box:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
}

.rex-feature article .rex-feature-box:hover .rex-feature-icon {
    border: 1px solid #33bbff;
    border-radius: 100%;
    padding: 15px
}

.rex-feature article .rex-feature-box:hover h4 {
    color: #33bbff
}

.rex-feature article .rex-feature-box .rex-feature-icon {
    font-size: 36px;
    border: 1px solid transparent;
    border-radius: 100%;
    padding: 15px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    width: 75px;
    height: 75px
}

.rex-service img,
.rex-team .rex-team-single-img img,
.rex-team .rex-top-lawyer img {
    width: 100%
}

.rex-feature article .rex-feature-box h4 {
    margin-bottom: 25px;
    margin-top: 25px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

.rex-feature article .rex-feature-box p {
    color: #fff
}

.rex-service {
    background: #fff;
    border-top: 1px solid #ebeef4;
    border-bottom: 1px solid #ebeef4
}

.rex-service .row {
    position: relative;
    height: 100%
}

.rex-service .col-md-12,
.rex-service .col-md-6 {
    padding: 0
}

.rex-service .select-col-img {
    position: absolute;
    height: 100%;
    overflow: hidden
}

.rex-service .service-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.rex-service .rex-sub-title h3 {
    font-weight: 700
}

.rex-service .rex-service-content {
    padding-left: 114px;
    padding-top: 100px;
    padding-bottom: 100px
}

.rex-service .rex-service-content h5 {
    color: #006699;
    padding-bottom: 37px
}

.rex-service .rex-service-content .article i {
    float: left;
    margin-right: 39px;
    font-size: 30px;
    color: #6c6c6c;
    position: relative;
    top: -5px
}

.rex-service .rex-service-content .article .article-content {
    overflow: hidden;
    padding-bottom: 30px;
    margin-top: 5px
}

.rex-service .rex-service-content .article .article-content h4 {
    padding-bottom: 10px
}

.rex-service .rex-service-content .article .article-content p {
    color: #6c6c6c
}

.rex-service .rex-service-content .article:last-child .article-content {
    padding-bottom: 0
}

#call-to-action {
    padding: 50px 0;
    background: url(../img/call-to-action.png) no-repeat rgba(0, 0, 0, .8);
    background-position: center;
    background-size: cover
}

#call-to-action .block p {
    font-size: 18px;
    padding-top: 15px;
    font-weight: 700;
    color: #fff
}

#call-to-action .block .rex-bottom {
    margin-top: 0;
    color: #fff
}

#call-to-action .block .rex-bottom:before {
    color: #fff;
    border-color: #fff
}

.rex-team {
    padding: 100px 0
}

.rex-team .padding-right {
    padding-right: 0
}

.rex-team .rex-top-lawyer {
    background: #fff;
    padding: 10px
}

.rex-team .media a {
    font-size: 18px;
    color: #006699;
    margin-right: 8px;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-team .rex-team-content {
    background: #fff;
    padding-left: 67px;
    min-height: 422px;
    position: relative;
    margin-bottom: 54px;
    border: 1px solid #eee
}

.grid figcaption,
.rex-team .rex-team-single-img {
    background: #006699
}

.rex-team .rex-team-content h4 {
    font-size: 14px;
    padding-bottom: 8px
}

.rex-team .rex-team-content h5 {
    font-size: 12px;
    color: #006699
}

.rex-team .rex-team-content p {
    padding: 33px 0 38px
}

.rex-team .rex-team-content .coffie {
    float: left;
    margin-right: 26px
}

.rex-team .rex-team-content .rex-team-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rex-team .rex-team-single-img .content {
    padding: 20px
}

.rex-team .rex-team-single-img .content h2 {
    font-size: 14px;
    display: inline-block
}

.rex-team .rex-team-single-img .content h2 span {
    display: block;
    text-transform: none;
    color: #fff;
    margin-top: 10px
}

.rex-team .rex-team-single-img .content .icon-links {
    display: inline;
    float: right;
    margin-top: 10px
}

.rex-team .rex-team-single-img .content .icon-links i {
    margin: 0 5px;
    color: #fff;
    font-size: 20px
}

.grid {
    padding: 20px 20px 100px;
    max-width: 1300px;
    margin: 0 auto;
    list-style: none;
    text-align: center
}

.rex-blog .post-meta i,
.rex-blog-box .rex-blog-box-text .post-meta i {
    margin-left: 0
}

.grid li {
    display: inline-block;
    width: 440px;
    margin: 0;
    padding: 20px;
    text-align: left;
    position: relative
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative
}

.grid figcaption span:before {
    content: 'by '
}

.grid figure {
    margin: 0;
    position: relative
}

.cs-style-7 figure img {
    z-index: 10;
    max-width: 100%;
    display: block;
    position: relative
}

.cs-style-7 figcaption {
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s, height .3s, box-shadow .3s;
    transition: opacity .3s, height .3s, box-shadow .3s
}

.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #0088cc
}

.cs-style-7 figcaption .icon-links {
    position: absolute;
    bottom: 45px;
    right: 45px
}

.cs-style-7 figcaption h3,
.cs-style-7 figcaption span {
    opacity: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.cs-style-7 figure:hover figcaption {
    opacity: 1;
    height: 130%;
    box-shadow: 0 0 0 10px #006699
}

.cs-style-7 figcaption a,
.cs-style-7 figure.hover figcaption h3,
.cs-style-7 figure.hover figcaption span,
.cs-style-7 figure:hover figcaption h3,
.cs-style-7 figure:hover figcaption span {
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
    opacity: 1
}

.cs-style-7 figcaption h3 {
    margin-top: 121%;
    text-align: left;
    font-size: 14px
}

.cs-style-7 figcaption span {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #fff
}

.rex-blog-tag-box .rex-tag-left ul li,
.rx-pagination ul li {
    display: inline-block
}

.cs-style-7 figcaption a i {
    margin-right: 10px;
    font-size: 20px;
    color: #fff
}

.rex-blog {
    padding: 100px 0
}

.rex-blog .thumbnail {
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-blog .post-meta a,
.rex-blog-box .rex-blog-box-text .post-meta a {
    margin-right: 10px
}

.rex-blog .thumbnail:hover {
    -webkit-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    transform: translateY(-11px)
}

.rex-blog .thumbnail:hover .rex-sub-title h3 a {
    color: #006699
}

.rex-blog img {
    width: 100%
}

.rex-blog .rex-sub-title {
    padding-bottom: 10px;
    margin-bottom: 15px
}

.rex-blog .rex-sub-title h3 {
    font-weight: 700
}

.rex-blog .rex-sub-title h3 a {
    font-size: 14px !important;
    color: #18191a
}

.rex-blog p {
    color: #6c6c6c;
    padding-bottom: 5px
}

.rex-blog .caption {
    padding-top: 32px;
    padding-left: 41px
}

.rex-blog .post-meta {
    padding-top: 27px;
    padding-bottom: 30px
}

.rx-iner-page-titel {
    background: url(../img/blog-bg.jpg) center center no-repeat;
    text-align: center;
    background-size: cover;
    padding: 45px 0 40px
}

.rx-iner-page-titel h2 {
    color: #18191a;
    margin-bottom: 15px
}

.rx-iner-page-titel p {
    text-transform: uppercase
}

.rx-iner-page-titel p a {
    color: #6c6c6c;
    font-size: 14px
}

.rx-iner-page-titel p a:hover {
    color: #006699
}

.rex-blog-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.rex-blog-box:after {
    content: "";
    position: absolute;
    left: 10%;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 1px;
    background: #f3f3f3
}

.rex-blog-box .rex-blog-box-img img {
    width: 100%
}

.rex-blog-box .rex-blog-box-img .rx-sound {
    width: 100%;
    min-height: 240px;
    border: 0
}

.rex-blog-box .rex-blog-box-img .rx-video {
    width: 100%;
    min-height: 240px
}

.rex-blog-box .rex-blog-box-text {
    padding: 30px 0
}

.rex-blog-box .rex-blog-box-text .rex-sub-title {
    padding-bottom: 10px;
    margin-bottom: 15px
}

.rex-blog-box .rex-blog-box-text .rex-sub-title h4 {
    font-weight: 700
}

.rex-blog-box .rex-blog-box-text .rex-sub-title h4 a {
    font-size: 14px !important;
    color: #18191a;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-blog-box .rex-blog-box-text .rex-sub-title h4 a:hover {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-blog-box .rex-blog-box-text p {
    color: #6c6c6c;
    padding-bottom: 5px
}

.rex-blog-box .rex-blog-box-text .caption {
    padding-top: 32px;
    padding-left: 41px
}

.rex-blog-box .rex-blog-box-text .post-meta {
    padding-bottom: 20px
}

.rex-blog-sound .rex-blog-box-img {
    min-height: 246px
}

.rx-pagination ul {
    margin: 0;
    padding: 0
}

.rx-pagination ul li {
    list-style-type: none;
    font-size: 16px;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid #006699
}

.rx-pagination ul li a {
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.rx-pagination ul li.active a,
.rx-pagination ul li:hover a {
    color: #fff
}

.rx-pagination ul li:first-child,
.rx-pagination ul li:last-child {
    background-color: #fff
}

.rx-pagination ul li:hover {
    background-color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.rx-pagination ul li.active {
    background-color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.plan {
    padding-bottom: 100px
}

.plan .col {
    padding: 0;
    z-index: 1;
    -webkit-transition: .5s;
    transition: .5s;
    background: #F3F4F8
}

.plan .rex-effect {
    position: relative
}

.plan .rex-effect:hover {
    -webkit-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    transform: translateY(-11px)
}

.plan .rex-effect:hover:after,
.plan .rex-effect:hover:before {
    opacity: 1
}

.plan .rex-effect:after,
.plan .rex-effect:before {
    z-index: -10;
    opacity: 0;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.plan .rex-effect:after {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.plan .active {
    -webkit-transform: translateY(-11px);
    -ms-transform: translateY(-11px);
    transform: translateY(-11px)
}

.plan .active:after,
.plan .active:before {
    opacity: 1
}

.plan .rex-table-content {
    padding: 2em 4em;
    border: 1px solid #ddd;
    background: #F3F4F8;
    margin: 0 auto;
    text-align: center
}

.plan .rex-table-content i {
    font-size: 3em;
    margin: .5em 0;
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.plan .rex-table-content .rex-table-title {
    font-size: 1.5em;
    margin: 0 0 .5em;
    padding: 0 0 .5em;
    color: #18191a;
    font-weight: 700;
    text-transform: uppercase
}

.plan .rex-table-content .rex-pricing-price {
    font-size: 2em;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 0 0 .5em;
    font-weight: 700;
    color: #006699
}

.plan .rex-table-content .rex-pricing-price .pricing__currency {
    font-size: .5em;
    vertical-align: super;
    color: #18191a
}

.plan .rex-table-content .rex-pricing-price .pricing__period {
    font-size: .35em;
    padding: 0 0 0 .5em;
    color: #18191a
}

.plan .rex-table-content .rex-pricing-feature-list {
    margin: 0;
    padding: .25em 0 .8em;
    list-style: none;
    text-align: center;
    color: #81867D
}

.plan .rex-table-content .rex-pricing-feature-list .rex-pricing-feature {
    padding: 1em .25em;
    color: #81867D;
    border: 1px solid #eee
}

.rex-achievment .rex-achievment-list ul li:hover i,
.rex-achievment .rex-achievment-list ul li:hover p span,
.rex-testimonial .rex-heading h3 {
    color: #fff
}

.plan .rex-table-content .rex-pricing-action {
    font-weight: 700;
    margin-top: auto;
    padding: 1em 2em;
    border-radius: 2px;
    background: #85c34a;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.plan button {
    background: 0 0
}

.rex-achievment {
    margin-top: 55px;
    margin-bottom: 125px
}

.rex-achievment .rex-achievment-list ul {
    margin: 0;
    padding: 0
}

.rex-achievment .rex-achievment-list ul li {
    list-style: none;
    float: left;
    background-color: #fff;
    text-align: center;
    width: 25%;
    border-left: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 40px 0 45px;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-achievment .rex-achievment-list ul li:nth-child(2n) {
    background-color: #f8f8f8
}

.rex-achievment .rex-achievment-list ul li:last-child {
    border-right: 1px solid #f3f3f3
}

.rex-achievment .rex-achievment-list ul li .rex-achie-icon {
    font-size: 36px;
    margin-bottom: 15px
}

.rex-achievment .rex-achievment-list ul li h2.count-title {
    font-size: 36px;
    font-weight: bolder;
    margin-bottom: 15px
}

.rex-achievment .rex-achievment-list ul li p span {
    font-weight: 700
}

.rex-achievment .rex-achievment-list ul li:hover {
    background: #006699
}

.rex-testimonial {
    background-size: cover;
    min-height: 500px;
    padding: 100px 0;
    color: #fff;
    text-align: center
}

.rex-testimonial .rex-heading {
    margin-bottom: 60px
}

#rex-testimonial .rex-content-img {
    width: 100px;
    height: 100px;
    margin: 5px auto 20px
}

#rex-testimonial .rex-content-img img {
    box-shadow: 0 0 0 5px rgba(233, 233, 233, .25);
    border-radius: 100%
}

#rex-testimonial h4 {
    margin-bottom: 20px
}

.owl-theme .owl-controls {
    margin-top: 25px
}

.owl-theme .owl-controls .owl-page {
    z-index: 999
}

.owl-theme .owl-controls .owl-page span {
    background: #fff;
    width: 8px;
    height: 8px;
    margin: 5px 4px;
    opacity: 1
}

.owl-theme .owl-controls .owl-page.active span {
    border: 3px solid #006699;
    border-radius: 100%;
    z-index: 9
}

.owl-pagination {
    position: relative
}

.owl-pagination:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 2px;
    background: #fff;
    top: 8px;
    margin: 0 auto;
    z-index: -1
}

.stick {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.rex-clients {
    padding-top: 100px;
    position: relative
}

.rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
    margin-left: -31px;
    opacity: 1
}

.rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-next {
    margin-right: -31px;
    opacity: 1
}

#rex-Client {
    background: #fff;
    border: 2px solid #f3f3f3
}

.owl-carousel .owl-wrapper-outer {
    z-index: 10
}

.owl-carousel .rex-client-logo {
    text-align: center;
    padding: 40px;
    min-height: 155px;
    -webkit-transition: .5s;
    transition: .5s;
    border: 1px solid transparent
}

.owl-carousel .rex-client-logo:hover {
    border: 1px solid rgba(210, 210, 210, .36);
    -webkit-transition: .5s;
    transition: .5s
}

.owl-carousel .rex-client-logo:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.owl-carousel .rex-client-logo img {
    opacity: .6;
    -webkit-transition: .5s;
    transition: .5s
}

.owl-carousel .rex-client-logo img:hover {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}

.owl-theme .owl-controls .owl-buttons div {
    background: 0 0;
    border: 2px solid #c5c5c5;
    border-radius: 0;
    color: #c5c5c5;
    font-size: 24px;
    line-height: 1;
    padding: 4px 9px;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    top: 50%
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background: #fff;
    box-shadow: 0 0 0 1px #c5c5c5;
    color: #c5c5c5
}

.owl-theme .owl-controls {
    margin: 0
}

.owl-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    opacity: 0;
    float: left;
    margin-left: -5%
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    opacity: 0;
    float: right;
    margin-right: -5%
}

.rex-contact {
    padding-bottom: 100px
}

.rex-contact .rex-address {
    background: #fff;
    padding: 18px
}

.rex-contact .form-section {
    background: #fff;
    overflow: hidden;
    padding: 59px 40px 39px 55px
}

.rex-contact .form-section .col-md-12,
.rex-contact .form-section .col-md-6 {
    padding: 0
}

.rex-contact .form-section h6 {
    color: #006699;
    padding-bottom: 15px
}

.rex-contact .form-section .form-group,
.rex-contact .form-section input,
.rex-contact .form-section textarea {
    border-radius: 0;
    margin: 0;
    border-color: #f3f3f3;
    box-shadow: none
}

.rex-contact .form-section input,
.rex-contact .form-section textarea {
    padding-left: 40px;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-contact .form-section input:focus,
.rex-contact .form-section textarea:focus {
    border-color: #006699
}

.rex-contact .form-section textarea {
    max-height: 65px;
    padding-top: 20px;
    resize: none;
}

.rex-contact .form-section .rx-form-group {
    padding-bottom: 15px;
    overflow: hidden;
    position: relative
}

.rex-contact .form-section .rx-form-group input {
    height: 40px
}

.rex-contact .form-section .rx-form-group i {
    position: absolute;
    top: 14px;
    left: 14px
}

.rex-contact .form-section .btn-default {
    margin-top: 28px;
    padding: 8px 62px 8px 35px;
    border-radius: 2px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    border-color: #f3f3f3
}

.rex-contact .form-section .btn-default:hover {
    background: 0 0;
    border-color: #006699;
    color: #006699
}

.rex-contact .form-section .btn-default:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    border: 1px solid #006699;
    color: #006699;
    border-radius: 100%;
    font-size: 8px;
    top: 11px;
    right: 37px;
    padding: 1px;
    width: 15px;
    height: 15px
}

.rex-contact .form-section .rex-textarea i {
    top: 25px
}

.rex-contact .form-section .col-md-6:first-child {
    padding-right: 10px
}

.rex-contact .form-section .col-md-6:last-child {
    padding-left: 10px
}

.rex-contact .form-section .col-md-6:last-child i {
    left: 24px
}

.rex-contact .form-section .col-md-6:last-child input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.rex-contact .form-section .focus {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.rx-map #googleMap {
    min-height: 345px;
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%)
}

.blog-page {
    background: #fff
}

.blog-page .container {
    padding: 100px 0
}

.blog-img {
    border: 2px solid #f3f3f3
}

.blog-img img {
    width: 100%
}

.rex-blog-boader {
    border: 1px solid #f3f3f3;
    padding: 45px
}

.blog-text-contain {
    margin-top: 15px;
    margin-bottom: 35px
}

.blog-text-contain .rex-heading {
    margin-bottom: 15px;
    padding-bottom: 8px
}

.blog-text-contain p,
.rex-blog-tag-box {
    margin-bottom: 35px
}

.blog-text-contain .rex-heading h4 {
    font-size: 16px
}

.blog-text-contain .post-meta {
    padding-bottom: 30px;
    text-align: center
}

.blog-text-contain .post-meta a {
    margin-right: 10px;
    color: #6c6c6c;
    font-size: 13px
}

.blog-text-contain .post-meta i {
    margin-left: 0;
    color: #006699;
    font-size: 13px;
    padding: 0 7px
}

.blog-text-contain p:nth-of-type(3) {
    border-left: 5px solid #ebeef4;
    font-size: 12px;
    font-weight: 700;
    padding-left: 15px
}

.rex-blog-tag-box {
    overflow: hidden
}

.rex-blog-tag-box .rex-tag-left {
    position: relative;
    margin-bottom: 15px
}

.rex-blog-tag-box .rex-tag-left ul {
    margin: 0;
    padding: 0
}

.rex-blog-tag-box .rex-tag-left ul:before {
    content: "\e60c";
    font-family: Pe-icon-7-stroke;
    font-size: 18px;
    left: -10px;
    bottom: -3px;
    position: absolute
}

.rex-blog-tag-box .rex-tag-left ul li a {
    color: #6c6c6c;
    font-weight: 700
}

.rex-blog-tag-box .rex-tag-left ul li a:hover {
    color: #006699
}

.rex-blog-tag-box .rex-tag-right p.rex-comment-day {
    margin-top: 0;
    float: left;
    font-weight: 700
}

.rex-blog-tag-box .rex-tag-right a {
    margin-right: 9px;
    color: #666;
    font-size: 18px
}

.rex-blog-tag-box .rex-tag-right a:last-child {
    margin-right: 0
}

.rex-blog-tag-box .rex-tag-right a:hover {
    color: #18191a;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-blog-seftion ul {
    margin: 0;
    padding: 0
}

.rex-blog-seftion ul li {
    list-style: none
}

.rex-blog-seftion ul li ul li {
    margin-left: 100px;
    margin-top: -10px
}

.rex-blog-seftion ul li ul li ul li {
    margin-left: 100px;
    margin-bottom: 30px
}

.rex-blog-comment {
    margin-bottom: 14px;
    overflow: hidden
}

.rex-blog-comment .rex-comment-author-img {
    float: left;
    text-align: center;
    width: 27%;
    min-height: 185px
}

.rex-blog-comment .rex-comment-details {
    border: 1px solid #f3f3f3;
    padding: 33px;
    float: left;
    width: 72%;
    margin-left: 3px;
    min-height: 185px
}

.rex-blog-comment .rex-comment-details .rex-comment-author {
    width: 50%;
    float: left
}

.rex-blog-comment .rex-comment-details .rex-comment-author a {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
    color: #6c6c6c
}

.rex-blog-comment .rex-comment-details .right {
    display: inline-block;
    float: right;
    text-transform: uppercase
}

.rex-blog-comment .rex-comment-details .right .rex-comment-day {
    display: inline;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 400
}

.rex-blog-comment .rex-comment-details .right .rex-comment-day a {
    color: #6c6c6c
}

.rex-blog-comment .rex-comment-details .right .rex-comment-reply {
    display: inline-block;
    margin-left: 12px
}

.rex-blog-comment .rex-comment-details .right .rex-comment-reply a {
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: bolder;
    color: #6c6c6c
}

.rex-blog-comment .rex-comment-details .rex-comment-text {
    padding-top: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 45px
}

.rex-comment-from {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px
}

.rex-comment-from .rex-heading {
    margin-bottom: 45px
}

.rex-comment-from .form-group .form-group,
.rex-comment-from .form-group input,
.rex-comment-from .form-group textarea {
    border-radius: 0;
    margin: 0;
    border-color: #f3f3f3;
    box-shadow: none
}

.rex-comment-from .form-group input,
.rex-comment-from .form-group textarea {
    padding-left: 40px;
    -webkit-transition: .5s;
    transition: .5s
}

.rex-comment-from .form-group input:focus,
.rex-comment-from .form-group textarea:focus {
    border-color: #006699
}

.rex-comment-from .form-group textarea {
    max-height: 118px;
    padding-top: 20px
}

.rex-comment-from .form-group .rx-form-group {
    padding-bottom: 15px;
    overflow: hidden;
    position: relative
}

.rex-comment-from .form-group .rx-form-group input {
    height: 40px
}

.rex-comment-from .form-group .btn-default {
    margin-top: 28px;
    padding: 8px 62px 8px 35px;
    border-radius: 2px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    border-color: #f3f3f3
}

.rex-comment-from .form-group .btn-default:hover {
    background: 0 0;
    border-color: #006699;
    color: #006699
}

.rex-comment-from .form-group .btn-default:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    border: 1px solid #006699;
    color: #006699;
    border-radius: 100%;
    font-size: 8px;
    top: 11px;
    right: 37px;
    padding: 1px;
    width: 15px;
    height: 15px
}

.rex-widget {
    border: 1px solid #f3f3f3;
    padding: 30px 10px 30px 25px;
    margin-bottom: 30px
}

.rex-widget .title h4 {
    margin-bottom: 25px
}

#custom-search-input {
    margin: 10px 0 0;
    padding: 0
}

#custom-search-input .search-query {
    padding-right: 3px;
    margin-bottom: 0;
    border-radius: 0
}

#custom-search-input button {
    border: 0;
    background: 0 0;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    margin-bottom: 0;
    border-radius: 3px;
    color: #D9230F
}

#custom-search-input button span {
    color: #6c6c6c
}

.search-query:focus+button {
    z-index: 3
}

.form-control:focus {
    border-color: #006699;
    outline: 0;
    box-shadow: none
}

.widget_recent_entries .content h4 {
    margin-bottom: 25px
}

.widget_recent_entries .content .case p {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
    color: #6c6c6c
}

.widget_recent_entries .content .case p a {
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_recent_entries .content .case p a:hover {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_recent_entries .content .case p:last-child:before {
    display: none
}

.widget_recent_entries .content .case p:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 1px;
    background: #6c6c6c
}

.widget_archive .rex-archive ul li:before,
.widget_categories .rex-archive ul li:before {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #006699;
    text-align: center;
    bottom: 0
}

.widget_recent_entries .rex-twitter-text-box p {
    line-height: 28px
}

.widget_calendar .legend {
    display: none
}

.widget_calendar .zabuto_calendar .table tbody tr td,
.widget_calendar .zabuto_calendar .table tbody tr th {
    border-top: 0 solid #ddd
}

.widget_recent_entries .rx-blockquote-box {
    margin-bottom: 20px
}

.widget_recent_entries .rx-blockquote-box h6 {
    margin-top: 10px
}

.widget_recent_entries .rx-blockquote-box h6 a {
    color: #18191a;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_recent_entries .rx-blockquote-box h6 a:hover {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_recent_entries .rx-blockquote-box p {
    margin-top: 10px;
    color: #6c6c6c
}

.widget_recent_entries .rx-blockquote-box p a {
    color: #006699
}

.widget_categories .rex-archive ul {
    margin: 0;
    padding: 0
}

.widget_categories .rex-archive ul li {
    list-style: none;
    margin-bottom: 10px;
    position: relative
}

.widget_categories .rex-archive ul li a {
    margin-left: 30px;
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_categories .rex-archive ul li a:hover {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.widget_categories .rex-archive ul li:after {
    content: "\f067";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 6px;
    font-size: 11px;
    top: 3px
}

.widget_categories .rex-archive ul li:before {
    content: "";
    position: absolute;
    left: 0
}

.widget_archive .rex-archive ul {
    margin: 0;
    padding: 0
}

.widget_archive .rex-archive ul li {
    list-style: none;
    margin-bottom: 10px;
    position: relative
}

.widget_archive .rex-archive ul li a {
    margin-left: 30px;
    color: #6c6c6c
}

.widget_archive .rex-archive ul li:after {
    content: "\f067";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 6px;
    font-size: 11px;
    top: 3px
}

.footer-top .content .twitter-content a,
footer p {
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.widget_archive .rex-archive ul li:before {
    content: "";
    position: absolute;
    left: 0
}

.widget_meta .rex-tag ul {
    margin: 0;
    padding: 0
}

.widget_meta .rex-tag ul li {
    list-style: none;
    display: inline-block;
    padding: 12px 16px;
    text-align: center
}

.widget_meta .rex-tag ul li a {
    color: #6c6c6c;
    text-transform: uppercase;
    font-size: 11px
}

.widget_meta .rex-tag ul li:hover {
    color: #fff;
    background: #006699
}

.widget_meta .rex-tag ul li:hover a {
    color: #fff
}

.footer-top {
    background: rgba(99, 99, 99, .19);
    padding: 70px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.footer-top .footer-logo-area {
    text-align: center;
    padding-top: 12px
}

.footer-top .footer-logo-area p {
    font-size: 12px;
    line-height: 24px;
    color: #6c6c6c;
    padding: 28px 0
}

.footer-top .footer-logo-area a {
    margin-right: 16px;
    color: #18191a
}

.footer-top .footer-logo-area a i {
    font-size: 24px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #006699
}

.footer-top .footer-logo-area a:last-child {
    margin-right: 0
}

.footer-top .footer-logo-area a:hover i {
    color: #006699
}

.footer-top .content h4 {
    font-size: 14px;
    padding-bottom: 25px
}

.footer-top .content article a {
    display: block;
    margin-bottom: 20px;
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.footer-top .content article a:hover,
.footer-top .content article a:hover i {
    color: #006699
}

.footer-top .content article i {
    font-size: 18px;
    margin-right: 18px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #6c6c6c
}

.footer-top .content .address i {
    float: left
}

.footer-top .content .address p {
    overflow: hidden;
    color: #6c6c6c;
    line-height: 24px
}

.footer-top .content .case p {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
    color: #6c6c6c
}

.footer-top .content .case p a {
    color: #6c6c6c;
    -webkit-transition: .5s;
    transition: .5s
}

.footer-top .content .case p a:hover {
    color: #006699;
    -webkit-transition: .5s;
    transition: .5s
}

.footer-top .content .case p:last-child:before {
    display: none
}

.footer-top .content .case p:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15px;
    height: 1px;
    background: #6c6c6c
}

.footer-top .content .twitter-content a {
    color: #006699;
    font-size: 12px
}

.footer-top .content .twitter-content a:last-child {
    font-size: 14px
}

.footer-top .content .twitter-content p {
    padding: 10px 0;
    line-height: 24px;
    color: #6c6c6c
}

footer {
    text-align: center;
    padding: 25px;
    background: #fff
}

footer p {
    font-size: 12px;
    color: #6c6c6c
}

.backtop {
    bottom: 0;
    display: none;
    margin-bottom: 35px;
    margin-right: 50px;
    position: fixed;
    right: 0;
    z-index: 99999;
    border-radius: 0;
    border: 1px solid #006699
}

.backtop a {
    display: flex;
    float: right;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
}

.backtop a .fa {
    font-size: 30px;
    line-height: 16px;
    margin-left: 6px;
    margin-top: 6px;
    color: #006699
}

@media only screen and (min-width:769px) and (max-width:1024px) {

    .rex-about p br,
    .rex-blog p br,
    .rex-team .rex-team-content .rex-team-text p br {
        display: none
    }

    nav {
        padding: 15px 0
    }

    nav .rex-logo {
        padding: 10px 0;
        margin-top: -10px
    }

    nav .content {
        position: relative;
        top: 0;
        width: 100%
    }

    nav .rex-navigation-area ul li {
        padding: 0 7px
    }

    nav .rex-navigation-area ul li a {
        font-size: 10px
    }

    nav .rex-search {
        margin-left: 13px;
        padding-left: 7px
    }

    ul.slimmenu li>ul {
        left: -74px
    }

    .rex-navigation-area .menu-collapser {
        background: inherit !important
    }

    .rex-navigation-area .menu-collapser .collapse-button {
        background: #006699;
        border-radius: 0
    }

    .rex-navigation-area .menu-collapser .collapse-button .icon-bar {
        box-shadow: none;
    }

    .rex-about .rex-about-img img {
        width: 100%
    }

    .rex-about .rex-about-text {
        margin-bottom: 40px;
        margin-top: 40px
    }

    .rex-feature article .rex-feature-box h4 {
        font-size: 15px
    }

    .rex-service .select-col-img {
        position: initial
    }

    .rex-service .service-img {
        position: initial;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .rex-blog .rex-sub-title h3 a {
        font-size: 11px !important
    }

    .rex-blog .rex-blog-content {
        margin-bottom: 25px;
        padding: 0 15px
    }

    .rex-blog .caption {
        padding-left: 15px
    }

    .rex-blog .post-meta {
        padding: 15px 0
    }

    .rex-blog .post-meta a {
        font-size: 10px;
        margin-right: 5px
    }

    .rex-team .rex-team-content {
        min-height: 351px;
        margin-bottom: 20px
    }

    .rex-team .rex-team-content .rex-team-text p {
        padding-right: 20px
    }

    .rex-team .cs-style-7 figcaption .icon-links {
        position: relative;
        bottom: 0;
        right: 0;
        top: 5px;
        float: left
    }

    .rex-contact .form-section {
        padding: 46px 40px 39px
    }

    .rex-contact .form-section .col-md-6:last-child i {
        left: 14px
    }

    .rex-contact .form-section .col-md-6:first-child {
        padding-right: 15px
    }

    .rex-contact .form-section .col-md-6:last-child {
        padding-left: 10px;
        margin-top: 0
    }

    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        margin: 0;
        opacity: 1
    }

    .rex-clients .owl-buttons {
        top: -20px;
        left: 0;
        width: auto;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-prev {
        opacity: 1;
        float: none;
        margin: 0 10px
    }

    .rx-map #googleMap {
        min-height: 330px
    }

    .footer-top .footer-logo-area {
        margin-bottom: 40px
    }

    .footer-top .content {
        margin-top: 0
    }

    .footer-top .content:nth-child(3n) {
        margin-left: 50px
    }

    .rex-blog-seftion ul {
        margin: 0;
        padding: 0
    }

    .rex-blog-seftion ul li {
        list-style: none
    }

    .rex-blog-seftion ul li ul li {
        margin-left: 0;
        margin-top: -10px
    }

    .rex-blog-seftion ul li ul li ul li {
        margin-left: 0;
        margin-bottom: 30px
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 5px
    }
}

@media only screen and (min-width:640px) and (max-width:768px) {
    .select-row {
        position: relative
    }

    .col-nav {
        position: absolute;
        top: -13px;
        left: 0;
        width: 100%
    }

    .menu-collapser {
        padding: 0;
        background: 0 0
    }

    /*.rex-logo{z-index:999;position:relative;width:100%}*/
    nav {
        padding: 25px 0
    }

    nav .content,
    nav .rex-navigation-area {
        width: 92%
    }

    nav .rex-navigation-area ul li,
    nav .rex-navigation-area ul li:first-child {
        padding: 0
    }

    nav .rex-navigation-area ul li a {
        padding: 15px
    }

    nav .rex-search {
        float: right;
        position: absolute;
        top: 13px
    }

    ul.slimmenu {
        position: relative;
        z-index: 999;
        margin-top: 6px
    }

    ul.slimmenu li .sub-collapser {
        display: block;
        background: 0 0
    }

    ul.slimmenu li>ul {
        width: 100%;
        padding: 0 15px
    }

    nav .rex-navigation-area ul li:last-child .sub-collapser {
        opacity: 1
    }

    .rex-service .select-col-img {
        position: initial
    }

    .rex-service .service-img {
        position: initial;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .rex-service .select-col {
        float: none
    }

    #call-to-action .block p {
        padding: 25px 0
    }

    .rex-team .row {
        margin: 0
    }

    .rex-team .padding-right {
        padding-right: 15px
    }

    .rex-team .rex-team-img {
        margin-bottom: 25px
    }

    .rex-team .rex-team-content {
        padding-left: 24px
    }

    .rex-team .rex-team figure {
        float: none;
        margin: 0 auto
    }

    .rex-team .cs-style-7 figure img {
        margin: 0 auto
    }

    .rex-team .grid {
        margin: 0 169px
    }

    .rex-about {
        padding-bottom: 6%
    }

    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        margin: 0;
        opacity: 1
    }

    .rex-clients .owl-buttons {
        top: -20px;
        left: 0;
        width: auto;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-prev {
        opacity: 1;
        float: none;
        margin: 0 10px
    }

    .rex-blog .row {
        margin: 0
    }

    .rex-blog .rex-blog-content {
        margin-bottom: 25px
    }

    .plan .col {
        margin-bottom: 20px
    }

    .rx-map #googleMap {
        min-height: 395px
    }

    .footer-top .col-md-3 {
        text-align: center;
        margin-bottom: 20px
    }

    .footer-top .content .address i {
        float: none;
        display: inline-block
    }

    .footer-top .content .address p {
        display: inline
    }

    .footer-top .content .case p:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .rex-contact .form-section .col-md-6:first-child {
        padding-right: 0
    }

    .rex-contact .form-section .col-md-6:last-child {
        padding-left: 0;
        margin-top: 10px
    }

    .rex-blog-tag-box .rex-tag-left {
        width: 60%;
        float: left
    }
}

@media only screen and (min-width:481px) and (max-width:639px) {
    .select-row {
        position: relative
    }

    .col {
        position: absolute;
        top: -13px;
        right: 0;
        width: 100%
    }

    .menu-collapser {
        padding: 0;
        background: 0 0
    }

    .rex-logo {
        z-index: 999;
        position: relative;
        width: 100%
    }

    nav {
        padding: 25px 0
    }

    nav .content,
    nav .rex-navigation-area {
        width: 92%
    }

    nav .rex-navigation-area ul li:first-child {
        padding: 0 24px
    }

    nav .rex-navigation-area ul li ul li:first-child {
        padding: 0
    }

    nav .rex-search {
        float: right;
        position: absolute;
        top: 13px
    }

    ul.slimmenu {
        position: relative;
        z-index: 999;
        margin-top: 6px
    }

    nav .rex-navigation-area ul li a {
        padding: 20px 0
    }

    ul.slimmenu li .sub-collapser {
        background: 0 0
    }

    ul.slimmenu li>ul {
        width: 100%;
        padding: 0 15px
    }

    nav .rex-navigation-area ul li:last-child .sub-collapser {
        opacity: 1
    }

    .rex-service .select-col-img {
        position: initial
    }

    .rex-service .service-img {
        position: initial;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .rex-service .select-col {
        float: none
    }

    #call-to-action .block p {
        padding: 25px 0
    }

    .rex-team .row {
        margin: 0
    }

    .rex-team .padding-right {
        padding-right: 15px
    }

    .rex-team .rex-team figure {
        float: none;
        margin: 0 auto
    }

    .rex-team .cs-style-7 figure img {
        margin: 0 auto
    }

    .rex-team .grid {
        margin: 0 106px
    }

    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        margin: 0;
        opacity: 1
    }

    .rex-clients .owl-buttons {
        top: -20px;
        left: 0;
        width: auto;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-prev {
        opacity: 1;
        float: none;
        margin: 0 10px
    }

    .rex-blog .row {
        margin: 0
    }

    .plan .col {
        margin-bottom: 20px
    }

    .footer-top .col-md-3 {
        text-align: center;
        margin-bottom: 20px
    }

    .footer-top .content .address i {
        float: none;
        display: inline-block
    }

    .footer-top .content .address p {
        display: inline
    }

    .footer-top .content .case p:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .rex-contact .form-section .col-md-6:first-child {
        padding-right: 0
    }

    .rex-contact .form-section .col-md-6:last-child {
        padding-left: 0;
        margin-top: 10px
    }

    .rex-blog-seftion ul {
        margin: 0;
        padding: 0
    }

    .rex-blog-seftion ul li {
        list-style: none
    }

    .rex-blog-seftion ul li ul li {
        margin-left: 5px;
        margin-top: -10px
    }

    .rex-blog-seftion ul li ul li ul li {
        margin-left: 5px;
        margin-bottom: 30px
    }

    .rex-blog-tag-box .rex-tag-left {
        width: 100%;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {

    header .rex-addres-section,
    header .rex-media-link {
        float: none;
        text-align: center
    }

    .rex-sub-title {
        text-align: center
    }

    .rex-sub-title:after,
    .rex-sub-title:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    header .rex-addres-section a {
        display: block
    }

    .plan .text-content br,
    .rex-blog .caption br,
    .rex-slider .rex-caption .rex-bottom:before {
        display: none
    }

    header .rex-media-link {
        margin-top: 20px
    }

    .sticky-wrapper {
        position: relative
    }

    .col-nav {
        position: absolute;
        top: 11px;
        left: 0;
        width: 100%
    }

    .menu-collapser {
        padding: 0;
        background: 0 0
    }

    .rex-logo {
        z-index: 999;
        position: relative;
        width: 100%
    }

    .rex-logo a img {
        width: 100%
    }

    nav {
        padding: 25px 0
    }

    nav .content,
    nav .rex-navigation-area {
        width: 80%;
    }

    nav .rex-navigation-area ul li,
    nav .rex-navigation-area ul li:first-child {
        padding: 0
    }

    nav .rex-navigation-area ul li a {
        padding: 15px
    }

    nav .rex-search {
        float: right;
        position: absolute;
        top: 13px
    }

    ul.slimmenu {
        position: relative;
        z-index: 99999;
        margin-top: 6px
    }

    ul.slimmenu li .sub-collapser {
        background: 0 0
    }

    ul.slimmenu li>ul {
        width: 100%;
        padding: 0
    }

    /*ul.slimmenu.collapsed li a{border:0}*/
    nav .rex-navigation-area ul li:last-child .sub-collapser {
        opacity: 1
    }

    .rex-slider .video-bg {
        height: 500px
    }

    .rex-slider,
    .rex-slider img {
        min-height: 200px
    }

    .rex-slider .rex-caption h1 {
        font-size: 16px
    }

    .rex-slider .rex-caption h3 {
        font-size: 18px;
        margin-bottom: 4px
    }

    .rex-slider .rex-caption .rex-bottom {
        margin-top: 15px;
        padding: 10px 27px 8px 10px
    }

    .rex-slider .rex-caption .rex-bottom:after {
        right: 6px;
        top: 0
    }

    .rex-service .select-col-img {
        position: initial
    }

    .rex-service .service-img {
        position: initial;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .rex-service .select-col {
        float: none
    }

    #call-to-action .block p {
        padding: 25px 0
    }

    .rex-team .row {
        margin: 0
    }

    .rex-team .rex-team figure {
        float: none;
        margin: 0 auto;
        max-width: none;
        min-width: auto;
        width: 100%
    }

    .rex-team .cs-style-7 figure img {
        margin: 0 auto
    }

    .rex-team .grid {
        margin: 0
    }

    .rex-team .cs-style-7 figcaption .icon-links {
        position: initial;
        bottom: 0;
        right: 0;
        float: left;
        margin-top: 5px
    }

    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients:hover .owl-theme .owl-controls .owl-buttons div.owl-prev {
        margin: 0;
        opacity: 1
    }

    .rex-clients .owl-buttons {
        top: -20px;
        left: 0;
        width: auto;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .rex-about .rex-about-img img,
    .rex-team .rex-top-lawyer img {
        width: 100%
    }

    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-next,
    .rex-clients .owl-theme .owl-controls .owl-buttons div.owl-prev {
        opacity: 1;
        float: none;
        margin: 0 10px
    }

    .rex-about .rex-about-text {
        margin-bottom: 40px;
        margin-top: 40px;
        text-align: center
    }

    .rex-feature article .rex-feature-box h4 {
        font-size: 15px
    }

    .rex-service .rex-service-content {
        padding: 100px 15px
    }

    .rex-service .rex-service-content .article,
    .rex-service .rex-service-content h5 {
        text-align: center
    }

    .rex-service .rex-service-content .article i {
        float: none;
        margin-right: 0
    }

    .rex-team .padding-right {
        padding-right: 15px
    }

    .rex-team .rex-team-content {
        margin-bottom: 18px;
        margin-top: 20px;
        min-height: 480px;
        padding: 0 15px
    }

    .rex-team .rex-team-content p {
        padding: 15px 15px 15px 0
    }

    .rex-team .rex-team-content img {
        width: 80px;
        margin-right: 0
    }

    .rex-team .lawyer-social-media img {
        width: 143px
    }

    .rex-team .rex-team-img {
        margin-bottom: 20px
    }

    .rex-achievment {
        overflow: hidden
    }

    .rex-achievment .rex-achievment-list ul li {
        width: 100%
    }

    .rex-blog .row {
        margin: 0
    }

    .rex-blog .rex-blog-content {
        margin-bottom: 25px
    }

    .rex-blog .caption {
        padding-left: 15px;
        text-align: center
    }

    .plan .content .col {
        margin-bottom: 20px
    }

    .plan .text-content .top-icon {
        padding-bottom: 15px
    }

    .rex-contact .rex-address {
        margin-bottom: 25px
    }

    .rex-contact .form-section {
        padding: 60px 40px 39px
    }

    .rex-contact .form-section .col-md-6:first-child {
        padding-right: 0
    }

    .rex-contact .form-section .col-md-6:last-child {
        padding-left: 0;
        margin-top: 15px
    }

    .rex-contact .form-section .col-md-6:last-child i {
        left: 14px
    }

    .footer-top .content,
    .footer-top .footer-logo-area {
        margin-bottom: 40px
    }

    .rex-blog-boader {
        padding: 4%
    }

    .rex-blog-comment .rex-comment-author-img {
        float: left;
        text-align: center;
        width: 27%;
        min-height: 0
    }

    .rex-blog-seftion ul {
        margin: 0;
        padding: 0
    }

    .rex-blog-seftion ul li {
        list-style: none
    }

    .rex-blog-seftion ul li ul li {
        margin-left: 5px;
        margin-top: -10px
    }

    .rex-blog-seftion ul li ul li ul li {
        margin-left: 5px;
        margin-bottom: 30px
    }

    .rex-blog-tag-box .rex-tag-left {
        width: 100%;
        margin-bottom: 20px
    }

    .backtop {
        margin-bottom: 10px;
        margin-right: 10px;
        z-index: 999
    }
}


header {
    padding: 15px 0 16px;
    position: relative;
    width: 100%;
}

nav {
    width: 100%;
}

nav .rex-navigation-area ul li a {
    padding: 0 0 20px;
    background: #fff;
    color: #6c6c6c;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative;
    font-size: 12px;
}

p.font-wrapper {
    font-size: 28px;
}

.rex-slider .rex-caption {
    position: absolute;
    top: 12%;
    right: 452px;
    transform: translateY(-50%);
    z-index: 99;
    text-align: center;
}

.rex-slider:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: darkgrey;
    opacity: 0.2;
}

.rex-feature-box {
    min-height: 430px;
}

#texter {
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 40px;
}

#text2 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

#text3 {
    padding: 15px 0px;
    font-size: 14px;
}

footer {
    padding: 25px 25px 10px 25px !important;
}

.img-responsive {
    width: 100% !important;

}

.rex-caption {
    text-align: center;
    padding-top: 120px;
}

/*=====changes=====*/
img.img-responsive.wow.fadeInUp.animated {
    padding-top: 86px;
}

/*============*/
.cb_uploader-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.cb_uploader-wrapper>div {
    display: inline-block;
}

.cb_uploader-wrapper>div input {
    padding-left: 0 !Important;
}

.rex-contact .form-section .rx-form-group select {
    height: 40px;
    padding-left: 36px;
    width: 182px;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 0;
    margin: 0;
    border-color: #f3f3f3;
    box-shadow: none;
}

.text-align-wrapper {
    text-align: center;
    padding-right: 18px;
    font-weight: 600;
    color: #939598;
}

.phone-inline {
    display: inline-block;
    padding-right: 18px;
}

#biglogo {
    width: auto;
    max-height: 120px;
    height: 100% !important;
}

p.font-color-wrapper {
    font-size: 17px;
    font-weight: 600;
    color: #006699;
    display: inline;
}

h1 {
    font-size: 25px;
}

img.footer-logo-wrapper {
    width: 253px;
}

.text-container {
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

@media (max-width:1326px) {
    .rex-slider .rex-caption {
        position: absolute;
        top: 5%;
        right: 425px;
    }
}

@media (max-width:1199px) {
    #biglogo {
        width: 300px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .rex-navigation-area .menu-collapser .collapse-button {
        display: none;
    }
}

@media (max-width:1024px) {
    #biglogo {
        width: 250px;
        margin-top: 0px !important;
        height: auto !important;
    }

    header {
        width: 100%;
    }

    .rex-slider .rex-caption {
        top: 5%;
        right: 292px;
    }

    nav {
        padding: 0px 0;
    }

    nav .rex-navigation-area ul li a {
        padding-top: 13px;
    }
}

@media (max-width:991px) {
    #biglogo {
        width: 200px;
    }

    .col-md-9 {
        margin-top: -60px;
        width: 100%;
        padding-left: 267px;
    }

    .col-md-6 {
        width: 30%;
    }

    .rex-contact .rex-address {
        height: 100% !important;
        padding: 17px 38px !important;
    }

    .rex-slider .rex-caption h3 {
        margin-bottom: 5px;
    }

    .rex-contact .form-section input {
        padding-left: 25px;
    }

    .rex-contact .form-section textarea {
        padding-left: 25px;
    }

    div#rex-sticke-nav-sticky-wrapper {
        height: 57px !important;
    }

    nav .rex-navigation-area ul li a {
        padding-top: 6px;
    }
}

@media (max-width:885px) {
    .rex-slider .rex-caption {
        top: 10%;
        right: 206px;
    }
}

@media(max-width:800px) {

    nav .content,
    nav .rex-navigation-area {
        width: 100%;
    }

    nav .content {
        top: 0;
    }

    .rex-navigation-area .menu-collapser .collapse-button {
        display: block;
        border-radius: 4px;
    }

    .rex-slider .rex-caption {
        top: 10%;
        right: 155px;
    }

    nav .rex-navigation-area ul li a {
        padding: 10px 9px 10px;
    }

    .rex-slider .rex-caption {
        top: 15%;
    }

    nav {
        padding: 5px 0px;
    }

    .collapse-button {
        left: 0px;
        z-index: 9999;
    }

    nav .rex-logo {
        padding: 0px 0;
        margin-top: 0;
    }

    .select-row {
        position: relative;
    }

    #biglogo {
        margin-top: 0px !important;
    }

    .header-logo-wrapper {
        width: 100% !important;
        text-align: center;
        z-index: 999;
    }

    .col-nav {
        position: absolute;
        top: 0px;
        left: 16px;
        width: auto;
        padding-left: 0;
        right: 16px;
        padding-right: 0;
    }

    .col-nav {
        margin-top: 0;
    }

    ul.slimmenu {
        position: relative;
        z-index: 999;
        margin-top: 6px;
    }
}

@media (max-width:768px) {


    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }

}

@media (max-width: 767px) {
    .rex-contact .form-section input {
        padding-left: 47px;
    }

    .rex-contact .form-section textarea {
        padding-left: 46px;
    }

    .rex-contact .form-section {
        height: auto;
    }

    .rex-contact .form-section .rx-form-group .col-md-6 {
        width: 100%;
    }

    .rex-contact .form-section .col-md-6:last-child i {
        left: 14px;
    }

    .rex-contact .form-section .rx-form-group select {
        width: 100%;
    }

    .cb_uploader-wrapper {
        width: 100%;
    }
}

@media (max-width:747px) {
    .rex-slider .rex-caption {
        top: 19%;
    }
}

@media (max-width:650px) {
    .rex-slider .rex-caption {
        top: 10%;
        right: 100px;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }

    .cb_uploader-wrapper {
        display: inline-block;
    }

    .cb_uploader-wrapper>div {
        margin-bottom: 15px;
    }
}

@media (max-width: 639px) {
    .rex-slider .rex-caption {
        top: 19%;
    }

    nav .content {
        float: none;
    }

    .select-row {
        position: relative;
    }
}

@media (max-width:600px) {
    .rex-slider .rex-caption {
        top: 13%;
        right: 72px;
    }
}

@media (max-width:550px) {
    .rex-slider .rex-caption {
        top: 10%;
        right: 46px;
    }
}

@media (max-width:525px) {
    .rex-slider .rex-caption {
        top: 22%;
    }

    nav .content {
        float: none;
    }

    .col-sm-6 {
        width: 28%;
    }

    .col-md-9 {
        width: 72%;
    }

    .rex-slider .rex-caption {
        top: 11%;
        right: 35px;
    }

    .rex-contact .rex-address {
        height: 100% !important;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }
}

@media (max-width:500px) {
    .rex-slider .rex-caption {
        top: 10%;
        right: 22px;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }
}

@media (max-width:475px) {
    .rex-slider .rex-caption {
        top: 12%;
        right: 90px;
    }

    .rex-contact .rex-address {
        height: 100% !important;
    }

    header .rex-media-link {
        margin-top: 0px;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }
}

@media (max-width:366px) {
    .rex-slider .rex-caption {
        top: 12%;
        right: 35px;
    }

    header .rex-media-link {
        margin-top: 0px;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    p.font-wrapper {
        font-size: 20px;
    }
}

@media(max-width:325px) {
    .header-logo-wrapper {
        margin-left: 17px;
        width: auto !important;
    }

    section#team .rex-heading h3 {
        font-size: 23px;
    }
}

@media (max-width:320px) {
    .rex-slider .rex-caption {
        top: 78%;
    }

    h3 {
        font-size: 22px;
    }

    .rex-contact .form-section .rx-form-group input {
        width: 100%;
    }

    header .rex-media-link {
        margin-top: 0px;
    }

    .rex-slider .rex-caption {
        top: 21px;
        right: 13px;
    }

    .rex-team {
        padding: 70px 0;
    }

    img.img-responsive.wow.fadeInUp.animated {
        padding-top: 70px;
    }

    .rex-service .rex-service-content {
        padding: 70px 15px;
    }

    p.font-wrapper {
        font-size: 20px;
    }

    span.font-wrapper {
        font-size: 20px;
    }

    .menu-collapser {
        background-color: transparent;
        text-shadow: none;
    }
}