.padding-tb-70 {padding:70px 0;}
.padding-tb-50 {padding:50px 0}
/**************************************Start Css Here*********************************************/
html, body {
    margin: 0;
    padding:0;
    height: 100%;
    font-size:13px;
    font-family: 'robotoregular';
    position:relative;
    color:#000;
}
::selection {
    color:#fff;
    background:#edc453;
}
::-moz-selection {
    color:#fff;
    background:#edc453;
}
ul {
    margin:0;
    padding:0;
    list-style:none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'loveloblack';
    color:#000;
}
.h-f {
    height:100%;
    position:relative;
}
.full-width {
    width:100%;
}
.trans3 {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.pos-rel {
    position:relative;
}
.overlay {
    background:rgba(0,0,0,0.5);
    position:absolute;
    left:0;
    top:0;
    z-index:98;
}
.content-over {
    z-index:99;
}
.ab-center {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    z-index:99;
    color:#fff;
    padding:0 15px;
}
.clr-golden {
    color:#d3a711 !important;
}
.clr-black {
    color:#000 !important;
}
/**************************************************************************/
/* Header */
/**************************************************************************/
.collage {
    height:500px;
    background:url(../images/collage-spec.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.collage h1 {
    max-width:700px;
    margin:0 auto;
}
.img img {
    width:100%;
}
header {
    position:fixed;
    z-index:200 !important;
    width:100%;
    height:47px;
}
.header-left {
    background:#fff;
    height:47px;
    padding:0;
    width:5%;
    box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
}
.logo-div {
    width:11%;
    height:47px;
}
.logo {
    background:#fff;
    box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
}
.logo a img {
    max-width:145px;
    margin:0 auto;
    display:block;
}
.header-right {
    padding:0;
    background:#fff;
    height:47px;
    width:84%;
    box-shadow:rgba(0, 0, 0, 0.117647) 0px 1px 3px;
}
.epc {
    width:47px;
    position:fixed;
    top:145px;
    left:0;
}
.marg-t {
    margin-top:-35px;
    position:relative;
    z-index:10;
}
.navbar-default {
    margin:0;
    min-height:1px;
    background:none;
    border:0;
}
.header-social-icons {
    float:right;
    padding:15px 55px 0 0;
}
.header-social-icons .social-icons {
    display:inline-block;
    margin-left:10px;
}
.header-social-icons h4 {
    display:inline-block;
}
.header-social-icons .social-icons li a, .header-social-icons .social-icons li a:hover {
    font-size:15px;
    color:#000;
    text-decoration:none;
}
.navbar-default .navbar-nav>li {
    margin-right:50px;
}
.navbar-default .navbar-nav>li:last-child {
    margin:0;
}
.navbar-default .navbar-nav>li:last-child {
    border:0;
}
.navbar-default .navbar-nav>li:last-child {
    margin-right:0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
    color:#000;
    background:#f3f3f3;
    opacity:1;
    border-top:1px solid #000;
}
.navbar-default .navbar-nav>li>a {
    /*color:#000;*/
    color:#000;
    border-top:1px solid transparent;
    text-transform:uppercase;
    padding:0;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    opacity:1;
    font-size: 14px;
    padding: 13px;
}
.navbar-default .navbar-nav>li:hover {
    background:#f3f3f3;
}
.navbar-default .navbar-nav>li:hover>a {
    opacity:0.7;
    color:#000;
    border-top:1px solid #000;
}
.menu {
    width:145px;
    top:145px;
    right:20px;
    z-index:100;
    position:fixed;
    display:none;
}
.menu>a, .menu>a:hover {
    width:145px;
    height:83px;
    color:#fff;
    display:block;
    background:#000;
    text-align:right;
    padding:15px;
    text-decoration:none;
    margin-bottom:1px;
}
.menu>a span {
    margin-right:10px;
}
.sub-menu {
    display:none;
    background:#000;
    padding:20px 15px;
}
.sub-menu li {
    margin-bottom:30px;
}
.sub-menu li:last-child {
    margin:0;
}
.sub-menu li a, .sub-menu li a:hover, .sub-menu li a:focus {
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
}
.mega-menu h4 {
    margin-left:15px;
}
.navbar-nav>li.dropdown {
    position:inherit;
}
.mega-menu>li:last-child {
    border:0;
}
.mega-menu>li>ul {
    display:inline-block;
}
.mega-menu>li>ul>li {
    line-height:2.5;
    border-bottom:1px solid #E4E4E4;
}
.mega-menu>li>ul>li>a, .mega-menu>li>ul>li>a:hover {
    color:#000;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
}
.mega-menu img {
    width:100%;
}
/************************************/
/* slider */
/************************************/
section.slider {
    position:relative;
    z-index:1;
}
.slider h1, .slider h3  {
    color:#fff;
}
.slider h1 {
    font-size:60px;
}
.slider h3 {
    max-width:740px;
    margin:0 auto;
}
.slide-1 {
    background:url(../images/spec-gulf-001.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.slide-2 {
    background:url(../images/spec-gulf-002.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.slide-3 {
    background:url(../images/spec-gulf-003.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.slider .owl-carousel .owl-stage {
    padding:0 !important;
}
.slider .owl-carousel .owl-stage-outer, .slider .owl-carousel .owl-stage-outer, .slider .owl-carousel .owl-stage, .slider .owl-carousel .owl-item  {
    height:100%;
}
.slider .owl-carousel .owl-item {
    margin:0 !important;
    background-size: 100% 100%;
}
.slider .owl-theme .owl-controls {
    position:absolute;
    right:20px;
    bottom:20px;
}
.owl-item.active .ab-center {
    opacity:1;
    transition:all 1.5s ease-in-out
}
.owl-item .ab-center {
    opacity:0;
}
.banner .owl-theme .owl-dots .owl-dot span {
    background:none;
    border:1px solid #fff;
    width:8px;
    height:8px;
}
.owl-theme .owl-dots .owl-dot.active span {
    background:#fff;
}
.sub-header {
    height:350px;
    background:url(../images/spec-gulf-002.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.sub-header .overlay {
    background:rgba(0,0,0,0.7);
}
.sub-header h1 {
    color:#fff;
    margin:0;
}
.sub-header .breadcrumb {
    position:absolute;
    bottom:100px;
    margin:0;
    background:none;
    width:100%;
    text-align:center;
}
.sub-header .breadcrumb li.active {
    color:#edc453;
}
.sub-header .breadcrumb li {
    text-transform:uppercase;
}
.sub-header .breadcrumb li a, .sub-header .breadcrumb li a:hover {
    color:#fff;
    text-decoration:none;
}
/************************************/
/* About */
/************************************/
.about-imgs .img1 {
    position:absolute;
    left:0;
    bottom:30px;
    z-index:3;
    max-width:41%;
}
.about-imgs .img2 {
    max-width:68%;
    margin-top:-30px;
    display:inline-block;
    position:relative;
    z-index:2;
}
.about h2 {
    font-size:24px;
    max-width:275px;
    margin:40px 0 0;
}
.about h2:after {
    content:'';
    width:27px;
    height:4px;
    background:#edc453;
    display:block;
    margin:10px 0;
}
.about p {
    max-width:450px;
    margin:0;
}
.about .read-more, .news-inner a {
    color:#000;
    text-decoration:none;
    text-decoration:underline;
    display:inline-block;
    margin:10px 0 15px;
    text-transform:uppercase;
    opacity:0.5;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.about .read-more:hover, .news-inner a:hover {
    opacity:1;
}
/************************************/
/* Services */
/************************************/
.services h3, .news h3 {
    font-size:18px;
}
.services h3:after, .news h3:after {
    content:'';
    width:27px;
    height:2px;
    background:#edc453;
    display:block;
    margin:5px auto 20px;
}
.services p {
    max-width:325px;
    margin:0 auto 60px;
}
.service-inner-div {
    float:none;
    display:inline-block;
    vertical-align:top;
}
.service-inner {
    margin-bottom:30px;
}
.service-inner a {
    cursor:url(../images/service-hover-icon.png), auto;
}
.service-img {
    background:#000;
}
.service-inner:hover img {
    opacity:0.5;
}
.service-inner a:hover, .service-inner a:focus {
    text-decoration:none;
}
.service-inner h5 {
    color:#969696;
    font-family: 'robotoregular';
}
.process-tech .sec-2 {
    margin:50px 0;
}
.about-vision {
    margin:40px 0 80px;
}
/************************************/
/* News */
/************************************/
.news-date {
    padding:7px;
    background:#eab323;
    display:block;
    width:40px;
    text-align:center;
    color:#fff;
    font-weight:bold;
}
.news-inner p {
    margin:10px 0 7px;
}
.news-inner a {
    display:none;
}
.news .owl-carousel .owl-stage-outer {
    border:1px solid #ececec;
}
.news .owl-carousel .owl-item {
    padding:25px;
    border-right:1px solid #ececec;
}
.news .owl-theme .owl-controls {
    margin-top:20px;
}
.news .owl-theme .owl-dots .owl-dot.active span, .news .owl-theme .owl-dots .owl-dot:hover span {
    background:#000;
}
/************************************/
/* Footer */
/************************************/
footer {
    background:#f4f4f4;
    margin:1px 0 0px;
}
.ft-links {
    padding:30px 0 10px;
}
.ft-links li:last-child {
    margin:0;
}
.ft-links li, .ft-links li a, .ft-links li a:hover, .ft-links li a:focus {
    color:#000;
    text-decoration:none;
}
.ft-comapnies h4 {
    padding-top:20px;
    padding-right:20px;
    border-right:1px solid #e7e7e7;
}
.ft-comapnies h4, .ft-comapnies ul, .ft-social-links h4, .ft-social-links ul {
    display:inline-block;
    float:left;
    margin:0;
    line-height:1;
}
.ft-comapnies ul li {
    display:inline-block;
    border-right:1px solid #e7e7e7;
    padding:0 20px;
}
.ft-comapnies ul li:last-child {
    padding-right:0;
    border:0;
}
.ft-cr {
    padding:20px 0;
    border-top:1px solid #e7e7e7;
}
.ft-rights {
    float:left;
}
.ft-nav {
    margin:0;
    float:right;
}
.ft-nav li {
    display:inline-block;
}
.ft-nav li:after {
    content:'/';
    display:inline-block;
    margin:0 5px;
}
.ft-nav li:last-child:after {
    display:none;
}
.ft-nav li a, .ft-nav li a:hover, .ft-nav li a:focus {
    color:#000;
    text-decoration:none;
}
.all-services-div a span {
    font-size:100px;
}
.ft-social-links {
    position:absolute;
    right:15px;
    bottom:5px;
}
.ft-social-links h4 {
    margin-right:20px;
}
.ft-social-links ul li {
    display:inline-block;
    font-size:20px;
    margin-right:20px;
}
.ft-social-links ul li:last-child {
    margin:0;
}
/************************************/
/* Contact Form */
/************************************/
.contact-form {
    background:rgba(0,0,0,0.5);
    padding:100px 0;
    position:fixed;
    height:100%;
    width:100%;
    z-index:20000;
    overflow:hidden;
    overflow-y:auto;
    display:none;
}
.contact-inner {
    background:#fff;
    position:relative;
}
.map-overlay {
    left:50px;
    top:35%;
    max-width:310px;
    position:absolute;
}
.map-overlay h3 {
    font-size:27px;
}
.map-overlay h3::after {
    content:'';
    width:25px;
    height:3px;
    background:#b11020;
    margin:10px 0 15px 0;
    display:block;
}
.map-overlay address b {
    color:#b11020;
    font-family: 'robotobold';
}
.map-overlay address span {
    display:block;
}
.map-overlay address span a, .map-overlay address span a:hover{
    color:#b11020;
    text-decoration:none;
}
.contact-form form {
    max-width:500px;
    margin:0 auto;
    padding-bottom:70px;
}
.contact-fields input, .contact-fields select {
    margin-bottom:20px;
    height:45px;
    border-radius:0;
}
.contact-fields textarea {
    min-height:190px;
    margin-bottom:20px;
    border-radius:0;
}
.contact-fields label.error {
    display:none !important;
}
.contact-fields input:focus, .contact-fields textarea:focus, .contact-fields select:focus {
    box-shadow:none;
}
.contact-fields input.error {
    border-color:red;
    box-shadow:none;
}
button.reset, input[type="submit"], .contact-fields input[type="reset"], button.reset, input[type="submit"]:hover {
    margin:0 0 0 5px;
    width:90px;
    height:45px;
    border:1px solid #d4d4d4;
    color:#919191;
    background:none;
    float:right;
    outline:none;
}
.contact-inner .close-btn {
    top:35px;
    right:40px;
    opacity:1;
    position:absolute;
    cursor:pointer;
}
.slides-end {
    position:relative !important;
    z-index:5000 !important;
}
/************************************/
/* Blog Page */
/************************************/
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* Grid items */

.grid__sizer,
.grid__item {
    position: relative;
    float: left;
}
.grid--loading .grid__item {
    visibility: hidden;
}

.grid__item--size-a {
    width: 40%;
}
/* Gallery */
.grid__item img {
    width:100%;
}
.fancybox-close {
    right:0;
    left:0;
    margin:0 auto;
    top:-45px
}
.blog-all {
    overflow:hidden;
}
.blog-all>.container {
    overflow:visible;
}
.blog-border {
    border-bottom:1px solid #ECE7E7;
    width:100%;
}
.blog-post {
    border-bottom:1px dotted #ECE7E7;
    padding:30px 0 20px;
}
.blog-post a:hover {
    text-decoration:none;
}
.blog-title {
    margin:0;
}
.blog-title a, .blog-title a:hover {
    font-family: 'robotobold';
    color:#000;
    text-decoration:none;
}
.blog-post img {
    margin-bottom:20px;
}
.blog-post p {
    margin:0;
    line-height:1.5;
    color:#000;
}
.blog-entry {
    margin:10px 0 20px;
}
.blog-entry span {
    color:#fff;
    display:inline-block;
    background:#edc453;
    display:inline-block;
    padding:5px;
}
.entry-author a, .entry-author a:hover, .entry-cat a, .entry-cat a:hover {
    color:#000;
    text-decoration:none;
}
.continue-comment {
    margin:30px 0;
}
.entry-continue {
    float:left;
    color:#8a8f6a;
}
.entry-continue:hover {
    text-decoration:none;
    color:#000;
}
.entry-comment, .entry-comment:hover {
    color:#28262b;
    float:right;
    text-decoration:none;
}
.comment-count {
    margin-right:5px;
    display:inline-block;
}
.blog-side-bar {
    background:#edc453;
    padding:75px 0 75px 35px;
}
.widget_archive ul li {
    line-height:2;
}
.blog-side-bar ul li a, .blog-side-bar ul li a:hover {
    color:#000;
    text-decoration:none;
}
.blog-side-bar h6 {
    font-family: 'robotobold';
    letter-spacing:3px;
}
.blog-side-bar input, .blog-side-bar input:focus {
    min-height:55px;
    margin:35px 0 75px 0;
    box-shadow:none;
    outline:none;
    border-color:transparent;
}
.blog-side-bar:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 1500px;
    height: 100%;
    background: #edc453;
    left:0;
    z-index:-1;
}
.blog-side-bar .categories ul li {
    border-bottom:1px solid #000;
    padding:10px 0;
}
.blog-side-bar .categories ul li a, .blog-side-bar .categories ul li a:hover {
    color:#000;
    text-decoration:none;
}
.blog-all ul.pagination {
    width:100%;
}
.blog-all ul.pagination li {
    margin:0 -2px;
    display:inline-block;
}
.blog-all ul.pagination li a {
    border-radius:0;
    color:#000;
}
.pagination>.active>a, .pagination>.active>a:hover {
    background:#edc453;
    border-color:#edc453;
    color:#000;
}
.next-prev-arrow li {
    text-align:center;
    margin-bottom:3px;
}
.next-prev-arrow li a, .next-prev-arrow li a:hover {
    color:#fff;
    text-decoration:none;
    width:50px;
    height:50px;
    background:#000;
    display:block;
    padding-top:16px;
}
.next-prev-arrow {
    position:fixed;
    width:50px;
    left:0;
    margin:inherit;
    padding:0;
}
/************************************/
/* Contact Form */
/************************************/
.services-details {
    margin:100px 0;
}
.services-details h2 {
    color:#edc453;
    font-size:29px;
    margin: 90px 0;
}
.services-detail h4.cen-h {
    margin-top:20px;
}
.services-detail h4:after, .heading-border-b:after {
    content: '';
    width: 27px;
    height: 2px;
    background: #edc453;
    display: block;
    margin: 5px 0 20px;
}
.service-project-sep {
    width:100%;
    height:1px;
    background:#e4e4e4;
    margin:50px 0;
}
.services-detail .about-projects {
    margin-bottom:0;
}
.services-list>ul>li {
    border-bottom:1px solid #E8E8E8;
    padding:10px 0 ;
    position:relative;
    text-transform:uppercase;
    font-size:15px;
    color:#ddaf12;
    font-family: 'loveloblack';
}
.services-list>ul>li:last-child {
    border:0;
}
.services-list>ul.list-text {
    margin:0 0 20px;
}
.services-list>ul.list-text>li:before {
    display:none;
}
.services-list>ul>li.title {
    border:0;
    padding:10px 0 0 0;
}
.services-list>ul>li.title h4 {
    margin:0;
}
.services-list>ul>li.title:before {
    display:none;
}
.services-list ul {
    padding:0 15px 0 0;
}
.all-services-list {
    margin-top:20px;
}
.all-services-list li.active a {
    background:#edc453;
}
.all-services-list li a {
    background:#f3f3f3;
    margin-bottom:1px;
    padding:10px;
    position:relative;
    display:block;
}
.all-services-list li a, .all-services-list li a:hover {
    color:#000;
    text-decoration:none;
}
.ser-bg01 {
    background:url(../images/services-bg01.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg02 {
    background:url(../images/services-bg02.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg03 {
    background:url(../images/services-bg03.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg04 {
    background:url(../images/services-bg04.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg05 {
    background:url(../images/services-bg05.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg06 {
    background:url(../images/services-bg06.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg07 {
    background:url(../images/services-bg07.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.ser-bg08 {
    background:url(../images/services-bg08.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.news-bg {
    background:url(../images/collage-spec.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.projects-bg {
    background:url(../images/services-bg04.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.about-bg {
    background:url(../images/news-bg.html) no-repeat;
    background-size:cover;
    background-position:center center;
}
.conceptual-design h4.sec-h {
    margin-top:80px;
}
.conceptual-design h4.sec-h:after {
    margin:10px auto 20px;
}
.conceptual-design p.sec-h {
    max-width:700px;
    margin:0 auto 80px;
}
/************************************/
/* About US page */
/************************************/
.about-us-detail h1 {
    font-size:34px;
    margin:90px 0 0;
}
.about-text-detail {
    margin-top:90px;
    margin-bottom:80px;
}
.about-img-text p {
    border-bottom:1px solid #ebebeb;
    padding-bottom:10px;
    margin-bottom:10px;
}
.about-detail-social h4 {
    margin-right:10px;
}
.about-detail-social h4, .about-detail-social ul {
    display:inline-block;
    font-size:18px;
}
.about-projects {
    margin:90px 0;
}
.about-projects h4:after, .about-vision h4:after, .heading-border-center:after {
    content: '';
    width: 27px;
    height: 2px;
    background: #edc453;
    display: block;
    margin: 15px auto 20px;
}
.about-projects ul {
    overflow:hidden;
}
.about-projects ul li {
    display:inline-block;
    width:20%;
    float:none;
    margin:0 -2px;
    padding:2px 0;
    position:relative;
}
.about-projects ul li:after, .about-projects ul li:before {
    content:' ';
    position:absolute;
}
.about-projects ul li:before {
    height: 100%;
    top: 0;
    left: -2px;
    border-left: 1px dashed #DDD;
}
.about-projects ul li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px dashed #DDD;
}
.about-projects ul li a {
    width:80%;
    margin:0 auto;
    display:block;
    text-align:center;
}
.about-projects ul li a img {
    display:inline-block;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.about-projects ul li a:hover img {
    -webkit-filter: grayscale(0)
}
.about-vision {
    margin-bottom:100px;
}
.about-vision h4:after {
    margin:5px 0 15px;
}
.about-vision img {
    margin-top:65px;
}
/************************************/
/* Project Page */
/************************************/
.project-status{
    margin-top:140px;
}
.project-status:last-child {
    margin-bottom:90px;
}
.project-logo img{
    margin:70px auto;
    margin-bottom:70px;

}
.project{
    color: black;
    margin-top: 20px;
    padding: 0;
    line-height: 2;
    font-size: 13px;
}
.project li{
    list-style:none;
}
.project-r{
    color: black;
    margin-top: 20px;
    padding: 0;
    line-height: 2;
    font-size: 13px;
}
.project-r li{
    list-style:none;
}
.status{
    background:#f6f6f6;
    border-left:2px solid #ddaf12;
    margin-top:20px;
}
.status-h{
    margin-top:23px;
    margin-bottom:5px;
}
.status-p{
    font-size:13px;
}
.status-r{
    padding: 21px 35px 25px 0px;
}
.status-l{
    padding: 20px 0px 35px 30px;
    margin-top:23px;
}
.status-border{
    border-left:1px solid #cecece;
    padding-left:15px;
}
.heading-border {
    margin-bottom: 5px;
    border: 1px solid #ddaf12;
    width: 50px;
    height:2px;
}
.status-l ul {
    list-style:none;
    margin:0;
    padding:0;
}
.status-l ul li span {
    display:inline-block;
    color:#000000;
    float:left;
}
.project-title {
    width:80px;
}
.project-title-detail {
    max-width:275px;
}
.status-l ul li span.status-color{
    color: #ddaf12;
}
.status-li li {
    list-style:none;
    color: #ddaf12;
    font-family: 'loveloblack';
    border-bottom:1px solid #d7d7d7;
    line-height:20px;
    font-size:15px;
} 
.status-li li:last-child {
    border:0;
}
/**** 404 Not Found ****/
.page-not-found {
    margin: 20px auto 40px;
    float: left;
    width: 100%;
}
.page-not-found h2 {
    color: #ec2c3b;
    display: inline-block;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
}
.cs-content404 {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}
.cs-content404 aside {
    background: #ec2c3b;
    color: #ffffff;
    float: left;
    font-size: 25px;
    height: 55px;
    line-height: 55px;
    margin: 7px 0 0;
    text-align: center;
    width: 55px;
}
.cs-content404 aside ~ .desc {
    margin-left: 27px;
    float: left;
    width: 73%;
    line-height: 24px;
}
.cs-content404 .desc h3 {
    color: #999;
    float: left;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
    position: relative;
    top: 50%;
}
.cs-content404:before, .page-no-search h1:before {
    background: url(../images/bg-heading-brdr.html)repeat;
    bottom: 0px;
    content: "";
    height: 4px;
    left: 0px;
    position: absolute;
    width: 100%;
}
a.btn_404 {
    padding: 8px 10px 8px 30px;
    background: #ec2c3b;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0) inset;
}
a.btn_404:before {
    content: "\f015";
    font-family: 'fontawesome';
    position: absolute;
    outline: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    top: 7px;
    left: 8px;
    font-size: 16px;
    color: #fff;
}
.cs-content404.not_found {
    margin-top: 15px;
}
.cs-content404.not_found .desc h3 {
    line-height: 42px;
}
.cs-content404.not_found aside ~ .desc {
    width: auto;
}


/**********************CSS MEDIA QUERIES *********************/
@media (min-width: 768px) {
    .mega-menu {
        background:#f3f3f3;
        position:absolute;
        left:0;
        right:0;
        margin:auto;
        padding:20px;
        max-width:900px;
        width:100%;
        opacity:0;
        visibility:hidden;
        border-top:3px solid #edc453;
    }
    .navbar-nav>li.dropdown:hover .mega-menu {
        opacity:1;
        visibility:visible;
    }
}
@media (min-width: 1200px) {
}
@media(max-width:1199px) {
    .map-overlay {
        top:10%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .about .img3 {
        max-width:120px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mega-menu {
        display:none;
    }
}
@media (max-width: 991px) {
    .logo-div {
        width:15%;
    }
    .header-right {
        width:80%;
    }
    .navbar-default .navbar-nav>li {
        margin-right:15px;
    }
    .about .img1, .about .img3 {
        display:none;
    }
    .contact-form form {
        padding:70px 0;
    }
    .map-overlay {
        top:30px;
    }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
    .logo-div {
        width:19%;
    }
    .header-right {
        width:76%;
    }
    .navbar-nav {
        background:#fff;
        margin:2px -15px;
    }
    .navbar-default .navbar-nav>li {
        margin:0;
    }
    .navbar-toggle {
        margin:4px 15px 0 0;
    }
    .about-imgs .img2 {
        display:none;
    }
    .about h2 {
        margin-left: auto;
        margin-right:auto;
        text-align:center;
    }
    .about p {
        margin:0 auto;
        text-align:center;
    }
    .about h2:after {
        margin:10px auto;
    }
    .read-more-btn {
        text-align:center;
    }
    .contact-inner img {
        position:absolute;
    }
    .map-overlay {
        position:relative;
        left:inherit;
        right:inherit;
        top:inherit;
        margin:0 auto;
    }
    .contact-form form {
        padding:0 0 70px 0;
    }
    .ft-comapnies {
        display:block;
        width:100%;
        text-align:center;
    }
    .ft-social-links {
        position:relative;
        text-align:center;
        margin-top:30px;
    }
    .ft-comapnies h4, .ft-comapnies ul, .ft-social-links h4, .ft-social-links ul {
        float:none;
    }
    .blog-side-bar {
        height:auto !important;
        padding:35px 15px;
    }
    .about-us-detail h1 {
        font-size:24px;
    }
    .blog-side-bar {
        min-height:1px !important;
    }
}
@media (max-width: 480px) {
    .logo-div {
        width:31%;
    }
    .header-right {
        width:64%;
    }
    .navbar-default .navbar-collapse {
        border:none;
    }
    .mega-menu {
        display:none;
    }
    .slider h1 {
        font-size:36px;
    }
    .slider h3 {
        font-size:18px;
    }
    .service-inner {
        width:100%;
        display:block;
    }
    .service-inner-div {
        width:100%;
        display:block;
    }
    .ft-comapnies h4 {
        display:block;
        padding:0;
    }
    .ft-comapnies ul li {
        padding:0 5px;
    }
    .ft-social-links {
        right:inherit;
        bottom:inherit;
    }
    .ft-rights {
        float: none;
        text-align: center;
        display: block;
    }
    .ft-nav {
        margin: 15px 0 0;
        float: none;
        text-align: center;
    }
}