/*
Theme Name: Delta Groups
 */

 @charset "UTF-8";


/*------------------------------------------------------------------
 * Theme Name:Delta Groups
 * Description:
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2017
 -------------------------------------------------------------------*/


/*------------------------------------------------------------------

[Table of contents]

1. General Styles .
2. WordPress Core .
3. header Styles .


[ THE END ]
-------------------------------------------------------------------*/

@import url('fonts/fonts/font-stylesheet.css');





/*------------------------------------------------------------------
    1. General Styles
-------------------------------------------------------------------*/

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'open_sansregular';
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
    background: #fff;
    position: relative;
    overflow-x: hidden;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    outline: none !important;
}

a:focus,
a:hover {
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}

img {
    outline: none;
    border: none;
    max-width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0px;
}

.row {}

.no-padding {
    padding: 0;
}

.no-padding-lft {
    padding-left: 0;
}

.no-padding-rgt {
    padding-right: 0;
}

:root {
    --main-color: #ec0a18;
}


/* ============================ COMMON CLASSES =========================*/


/********** Head Tittle **********/

.sec-title {
    float: left;
    width: 100%;
    padding: 0 0 0 15px;
    margin: 0 0 40px;
    text-transform: uppercase;
    border-left: 2px solid var(--main-color);
    position: relative;
}

.sec-title h2 {
    margin: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'open_sansbold';
}

.sec-title {
    display: block;
    font-size: 12px;
    line-height: 12px;
}

.sec-title::after {

    content: "";
    height: 100%;
    left: 2px;
    background: var(--main-color);
    position: absolute;
    top: 0;
    width: 6px;
}


/* ===================== WordPress Developing Codes ==============*/
#deltagroups-inner ul
{
    padding-left:40px;
    
}
#deltagroups-inner ul li {
    line-height: 25px;
    list-style: square;
}

#deltagroups-inner
{
 padding: 40px 0;
}
div.wpcf7-mail-sent-ok
{
border: none !important;
}

div.wpcf7-validation-errors
{
border: none !important;
}
#sec-banner img
{
width: 100% !important;
}

/* ============================ SCROLLBAR =========================*/

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {

    background-color: var(--main-color);
    transition: all 0.5s ease-out;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--main-color);
    opacity: 0.5;
}



/* scroll-top */

a.scroll-top {
    color: #00bad5;
    border-radius: 3px;
    bottom: 20px;
    display: block;
    font-size: 32px;
    height: 38px;
    line-height: 34px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 38px;
    border-radius: 10%;
    z-index: 9;
}



/*------------------------------------------------------------------
    2. WordPress Core .
-------------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/*------------------------------------------------------------------
    3. header Styles .
-------------------------------------------------------------------*/


/* ============================ Menu Bar =========================*/

#menu-bar {
    position: fixed;
    padding: 5px 0;
    background: transparent;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #ffcc33;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition-duration: 0.3s;
    transition: all 0.3s ease-in-out;
}

#menu-bar.sticky {
    padding: 10px 0;
    background: rgb(255, 255, 255);
    -webkit-animation: slideInDown 0.3s;
    -moz-animation: slideInDown 0.3s;
    -ms-animation: slideInDown 0.3s;
    animation: slideInDown 0.3s;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25);
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.sticky .logo {
  -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.sticky .logo {
    width: 70%;
}
.sticky .nav>li {
    padding: 21px 0;
}
.logo-hidden-md {
    display: none;
}

.over-scroll {
    overflow: hidden;
}

/************** custom **************/
/* #latest_news { overflow: hidden;
position: relative;
height: 29px; }

#latest_news ul{ position: absolute;
margin: 0px;
padding: 0px;
top: 0px; }
#latest_news ul li{ position: absolute;
margin: 0px;
padding: 0px;
top: 0px;
} */
/**** Nav ****/

.navbar-default {
    background-color: rgba(255, 255, 255, 0);
    border-color: #fff;
    border-radius: 0;
}

.navbar {
    position: relative;
    min-height: 35px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.navbar-collapse {
    padding-right: 0px;
}

.navbar-nav {
    float: right;
    margin: 0;
}

.nav>li {
    position: relative;
    padding: 24px 0;
    display: inline-block;
    float: none;
}
.sticky .nav>li {
    padding: 14px 0 !important;
}

.navbar-default .navbar-nav>li>a {
    color: #323434;
    display: block;
    text-transform: uppercase;
    padding: 8px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    transition: all 0.2s ease;
}

#myNavbar>img {
    display: none;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
    background: var(--main-color);
}

.navbar-default .navbar-nav>li.current-menu-item a {
    color: #fff;
    background: var(--main-color);
}
#footer_readmore{  background: #EC0A18;
	border: none;
    color: #fff;
    padding: 6px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    margin: 2% 30%;
	border-radius:4px;
 }
 #footer_readmore:hover{  
 background: #000;
 color:#fff;
 }
.navbar-default .navbar-nav>li:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: Grow .4s ease-in-out;
    -moz-animation: Grow .8s ease-in-out;
    -o-animation: Grow .4s ease-in-out;
    animation: Grow .4s ease-in-out;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
}

.nav>li ul {
    visibility: hidden;
    opacity: 0;
    background: #fff;
    list-style: none;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    top: 100%;
    width: 200px;
    color: #fff;
    border: 0px solid #0270cb;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.navbar-default .navbar-nav>li>a .fa-md-hidd {
    display: none;
}

@-webkit-keyframes Grow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, .5)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes Grow {
    0% {
        opacity: 0;
        -moz-transform: scale(1, .5)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1, 1)
    }
}

@-o-keyframes Grow {
    0% {
        opacity: 0;
        -o-transform: scale(1, .5)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1, 1)
    }
}

@keyframes Grow {
    0% {
        opacity: 0;
        transform: scale(1, .5)
    }
    100% {
        opacity: 1;
        transform: scale(1, 1)
    }
}


.nav>li ul li a {
    color: #ec0a18;
    padding: 10px 12px;
    display: block;
    border-bottom: 1px solid #000;
}

.nav>li ul li a:hover {

    background: #ec0a18;
    color: #ffffff;
}


.nav>li ul li:last-child a {
    border-bottom: 0;
}

.navbar-brand {
    display: none;
}


/* .navbar-default .navbar-nav>li:hover>a:before,
.navbar-default .navbar-nav>li.current-menu-item>a:before {
    position: absolute;
    content: "";
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    left: 0;
    bottom: 2px;
    width: 2px;
    border-bottom: 3px solid #ee2024;

    margin: 0 auto;
    right: 0;
    animation: bounceInLeftLow 1.1s alternate;
    -moz-animation: bounceInLeftLow 1.1s alternate;
    -ms-animation: bounceInLeftLow 1.1s alternate;
    -webkit-animation: bounceInLeftLow 1.1s alternate;
}

.navbar-default .navbar-nav>li:hover>a:after,
.navbar-default .navbar-nav>li.current-menu-item>a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #ee2024;
    content: "";
    animation: bounceInRightLow 1.1s alternate;
    -webkit-animation: bounceInRightLow 1.1s alternate;
    -ms-animation: bounceInRightLow 1.1s alternate;
    -moz-animation: bounceInRightLow 1.1s alternate;
}
 */

@-webkit-keyframes bounceInLeftLow {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(30px)
    }
    80% {
        -moz-transform: translateX(-10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(30px)
    }
    80% {
        -o-transform: translateX(-10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}

.animate.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    visibility: visible!important
}

@-webkit-keyframes bounceInRightLow {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-30px)
    }
    80% {
        -moz-transform: translateX(10px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -o-transform: translateX(-30px)
    }
    80% {
        -o-transform: translateX(10px)
    }
    100% {
        -o-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}

.animate.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
    visibility: visible!important
}




/* ============================ BANNER =========================*/

#banner {



    width: 100%;
    position: relative;
}

#banner img {

    width: 100%;
}

#banner {}




/*********************** Services***********************/

#services {
    padding: 50px 0;
}

.img-border {
    border: 10px solid var(--main-color);
    display: inline-block;
}

.services-sec {
    padding: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    text-align: center;
    height: 242px;
    min-height: 242px;
}

.services-sec:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 2px;
    height: 70px;
    background: var(--main-color);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.services-sec:hover:after {

    height: 100%;
}

.service-table {
    width: 100%;
    height: 100%;
    display: table;
}

.service-tablecell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.service-tablecell i {
    display: block;
    padding: 0 0 15px;
    font-size: 45px;
    line-height: 43px;
}

.service-tablecell h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
    text-transform: uppercase;
    font-family: 'open_sansbold';
}

p {
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 10px;
}

.margin-5 {
    margin: 5px;
}

#services .col-md-6 {
    width: 48.55%;
}

/******************** Latest Works ******************/
#latest-works
{

    padding: 50px 0;
}
.latest-masonry
{
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -moz-column-fill: initial;
    -webkit-column-fill: initial;
    column-fill: initial;
        -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;

}
.latest-works-img
{
    margin-bottom: 20px;
}
/******************** Testimonials ******************/

#testimonials {
    background: url(img/testimonial-parallax.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.tg-testimonials-img {
    margin: -70px 0 -150px;
    float: right !important;
}

.tg-testi-slider {
    color: #fff;
    padding: 80px 0 0;
    background: url(img/quote-icon.png) no-repeat 0 0;
}

.tg-testi-slider .item .tg-theme-heading h2 {
    color: #fff;
}

.tg-testi-slider .item blockquote {
    border: 0;
    margin: 0;
    padding: 0;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
}

.owl-theme .owl-controls.clickable .owl-buttons div {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    color: #fff;
    background: var(--main-color);
}
.owl-theme .owl-controls {
    margin-top: 20px;
}
.owl-item .sec-title h2 span
{
    color:var(--main-color);
}

/********************** Blog ************************/

#blog {
    padding: 50px 0;
}

.blog-sec {
    position: relative;
    float: left;
    width: 100%;
}

.blog-sec-img {
    position: relative;
    float: left;
    overflow: hidden;
}

.blog-sec img {
    width: 100%;
}

.blog-content {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 20px;
    width: 250px;
    z-index: 3;
    border: 1px solid #e6e6e6;
}

.blog-content h3 {
    color: #272727;
    line-height: 23px;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'open_sansbold';
    font-size: 22px;
}

.blog-content h3 a {
    color: #272727;
}

.blog-content p {
    margin: 0;
}

.blog-content:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 2px;
    height: 70px;
    background: var(--main-color);
     -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.blog-sec:hover .blog-content:after
{

height: 100%;
}
.blog-sec:hover .blog-sec-img-hover {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.blog-sec-img-hover {
    left: 0;
    top: 70%;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    visibility: hidden;
    background: rgba(39, 39, 39, 0.85);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.blog-sec-img-hover-icons {
    text-align: center;
    width: 100%;
    left: 0;
    top: 50%;
    margin: -18px 0 0;
    position: absolute;
    padding: 0;
}


/* .blog-sec-img-hover-icons li:first-child {
    border-right: 1px solid #a3a3a3;
} */

.blog-sec-img-hover-icons li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 36px;
    height: 36px;
    width: 48px;
    text-align: center;
}

.blog-sec-img-hover-icons li a {
    display: block;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

.blog-sec-img-hover-icons li a:hover i {
    color: var(--main-color);
}

.blog-sec-img-hover-icons li a i {
    display: block;
    font-size: 22px;
    margin: 0;
}
#blog-single-rp {
	padding:50px 0px;
}
.blg-img1 img{
	float:left;
	margin-right:20px;
	}
.blog-sidebar {
    background-color: #ebeff2;
    padding: 15px;
    border-radius: 5px;
}
#blog-single-rp h3.heading {
    border-bottom: 1px solid #dadada;
    display: inline-block;
    margin-bottom: 15px;
}
#blog-single-rp h2{
	display:none;
}
.heading .divider-left {
    height: 4px;
    width: 70px;
    background: #ec0a18;
    display: block;
    margin: 10px 0 -2px;
}
.blog-sidebar-margin .cat-list-none ul {
    list-style: none !important;
    padding: 0px;
}
.blog-sidebar-margin .single_post ul {
    list-style: none !important;
    padding: 0px;
}
.blog-sidebar-margin .single_post li a:before {
    background: #ec0a18;
    content: '';
    display: inline-table;
    height: 2px;
    width: 5px;
    margin-right: 5px;
    vertical-align: middle;
}
.blog-sidebar-margin li a {
    color: #404040 !important;
}
.blog-sidebar-margin li a:hover{
    color: #ec0a18 !important;
}
.blog-sidebar-margin .cat-list-none li a:before {
    background: #ec0a18;
    content: '';
    display: inline-table;
    height: 2px;
    width: 5px;
    margin-right: 5px;
    vertical-align: middle;
}
.tagcloud {
    text-align: center;
}
.blog-sidebar-margin .tagcloud ul {
    list-style: none !important;
    padding: 0px;
    display: -webkit-inline-box;
}
.tagcloud a {
    border: 1px solid #ec0a18;
    color: #ec0a18;
    font-size: 1em !important;
    margin-bottom: 2px;
    padding: 5px 20px;
    background: #fff;
    border-radius: 5px;
    display: inline-block;
    list-style: none;
    margin-left: 6px;
}
.tagcloud  a:hover {
    background:  #ec0a18;
    color: #fff !important;
}
/***************** Delta Footer ******************/

.delta-footer {
    background: #202020;

    color: #fff;
}

.bg-color-footer-01 {
    background: #272727;
}

.bg-color-footer-01:after {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 9999px;
    height: 100%;
    background: #272727;
}

.footer-sec {
    padding: 50px 0 30px;
    float: left;
    width: 100%;
    color: #fff;
    min-height: 356px;
	height:425px;
}

.footer-sec h3 {
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-sec--description {
    padding: 10px 0;
}

.bg-color-footer-02 {
    background: #1b1b1b;
}

.bg-color-footer-02:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 9999px;
    height: 100%;
    background: #1b1b1b;
}

.contact-info ul li,
.tg-latest-post ul li {
    list-style-type: none;
    padding: 20px 0;
    float: left;
    width: 100%;
}

.footer-sec ul {
    padding: 0;
    list-style: none;
}
.footer-social li
{
display: inline-block;
}
.footer-social li a
{
width: 25px;
    height: 25px;
    display: block;
    background: #fff;
    padding: 5px;
    text-align: center;
    line-height: 15px;
    color: #000000;

    }
    .footer-social li a:hover
{
background: var(--main-color);
color:#fff;
}
.contact-info ul li span:first-child {
    width: 30%;
    float: left;
}

.contact-info ul li span {
    width: 70%;
    float: left;
}
.contact-info ul li span p
{
    line-height: 16px;
    margin-bottom: 5px;
}
.contact-info ul li+li {
    border-top: 1px solid #3a3a3a;
}

.contact-info ul li span a {
    color: var(--main-color);
}

.contact-info ul li span a:hover {
    color: #fff;
}


/************ delta-foot-copyright ************/

.delta-copyright {

    background: #161616;
    color: #fff;
    padding: 20px 0;
}

.delta-copyright p {

    margin-bottom: 0px;
    color: #ffffff;
}

/*********************** Enquiry Now Button *******************/
.enquiry
{
display: inline-block;
    position: fixed;
    right: -24px;
    top: 30%;
    z-index: 999;

    background: #ec0a18;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.enquiry a
{
color:#fff;
display: block;
    padding: 6px 15px;
}

.cycloneslider-template-standard .cycloneslider-caption {
	position: absolute;
   top: 30% !important;
    left: 10% !important;
    z-index: 500;
    width: 100%;
    background: none !important;
    opacity:1 !important;
	text-transform:uppercase;
    text-align:justify !important;
	
}
.cycloneslider-caption-title h1{
	margin-left:20px;
    padding: 0 !important;
	font-size:46px !important;
	font-weight:bold !important;
    line-height: 1;
	color: #000000 !important;
	font-family: 'open_sansbold' !important;
	
}
.cycloneslider-caption-title span{
	font-family: 'open_sansbold';
	font-size:22px;
	position:relative;
	bottom:20px;
	left:10px;
}
.cycloneslider-caption-title span:after{
	content:"";
	position:absolute;
	border-bottom:2px solid #000;
	width:40%;
	left:0;
	bottom:-30%;
}
.cycloneslider-caption-description a{
	background: #000000;
    border: none;
    color: #fff;
    padding: 12px 24px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    margin: 0% 2%;
	z-index:99999;
}
.cycloneslider-caption-description :hover{
	background: #ec0a18;
    color: #fff;
	z-index:99999;
}
.cycloneslider-template-standard .cycloneslider-prev, 
.cycloneslider-template-standard .cycloneslider-next{
	border-radius:1px !important;
	background:#000000 !important;
	opacity:1 !important;
}
.wpcf7-form .btn{
	float:right;
	background: #ec0a18;
    border: none;
	border-radius:4px;
    color: #fff;
    padding: 6px 20px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4% 0%;
	z-index:99999;
}
.wpcf7-form .btn:hover{
	background: #000;
    color: #fff;
	z-index:99999;
}
.cycloneslider-template-standard .cycloneslider-pager{bottom:20px !important;}
#deltagroups-inner .entry-content h4{
	font-size:16px !important;
	font-weight:bold;
}
.entry-content p{text-align:justify;}
.entry-title{padding-bottom:20px;}
.ngg-album-compact p{display:none;}
.ngg-album-compactbox {border:4px solid #ec0a18 !important; box-shadow: inset 0 0 8px #ec0a18; }
.ngg-album-compactbox:before{display:none !important;}
.ngg-album-compactbox:after, .ngg-album-compactbox:before{display:none !important;}
.ngg-album-compactbox:hover{box-shadow:0 8px 6px -6px #ec0a18;}
.ngg-album-compact h4 .ngg-album-desc{text-align:center !important;}

/*================= Media Queries =====================*/


/* Extra small devices (portrait phones, less than 767px)*/

@media (max-width: 767px) {


    /**** menu ******/
    .navbar-toggle {
        margin-right: 0px;
        margin: 12px 0;
        padding: 15px 10px;
        border: 0px solid transparent;
        background-color: rgba(221, 221, 221, 0) !important;
        z-index: 99;
        pointer-events: all;
    }

    .nav>li {
        display: block;
        border-bottom: 1px solid #e4e4e4;
    }
    .nav>li:last-child {
        border-bottom: 0;
    }
    .navbar-nav {
        float: left;
        width: 100%;
    }
    .navbar-collapse {
        padding-right: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        display: block;
        padding: 12px;
    }
    .navbar-default .navbar-nav>li>a i {
        float: right;
    }
    .navbar-default .navbar-nav>li:last-child>a {
        background: none;
        border: 0px solid #fff;
    }
    .navbar-default .navbar-nav>li:last-child>a:hover {
        background: none;
        border: 0px solid #fff;
    }
    #myNavbar {
        width: 240px;
        right: -240px;
        padding: 0;
        background: #fff;
        z-index: 10;
        border: 0;
        border-left: 2px solid #ec0a18;
        position: fixed;
        top: 0;
        height: 100%;
        overflow-x: hidden;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        box-shadow: 0 0 10px rgba(100, 100, 100, 0.8);
    }
	.navbar-default .navbar-nav>li>a {
    border-radius:0px !important;
   }
    #myNavbar>img {
        display: block;
        width: 80%;
        padding: 25px 8px 15px;
    }
    #myNavbar::-webkit-scrollbar {
        display: none;
    }
    .active-menu {
        right: 0 !important;
    }

    .nav>li ul {
        position: relative;
        width: 100%;
        border: 1px solid #0270cb;
    }
    .nav>li ul li a {
        padding: 10px 20px;
    }
    .nav>li ul {
        visibility: visible;
        opacity: 1;
        display: none;
        border: 0;
    }

    .navbar-default .navbar-nav>li:hover ul {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-animation: 0;
        -moz-animation: 0;
        -o-animation: 0;
        animation: 0;
    }

    .navbar-default .navbar-nav>li>a .fa-md-hidd {
        display: inline-block;
        padding-right: 5px;
    }
    /*******************************************/
    #menu-bar {
        padding: 15px 0;
    }
    .join-dream img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .sec-title h1 {
        font-size: 30px;
    }

    #dream-centre-cat .sec-title h1 {
        margin-bottom: 10px;
    }
    .tomorrows-leaders h2 {
        font-size: 26px;
    }
    .tomorrows-leaders {
        padding: 25px 0;
    }

    .dream-centre-cat-01 {
        padding: 25px 0 0;
    }
    .dream-centre-single {
        height: auto !important;
    }
    .dream-centre-single {
        padding: 30px;
    }
    #dream-centre-cat {
        padding: 25px 0;
    }
    .join-us {
        padding-bottom: 40px;
    }
    #blog {
        padding: 30px 0;
    }
    .blog-gallery h2 {
        font-size: 16px;
        line-height: normal;
    }
    .blog-gallery {
        margin-bottom: 10px;
    }

    .footer-sec {
        margin-bottom: 20px;
    }
    .logo {
        display: none;
		max-width:22%;
    }
    .navbar-brand {
        float: left;
        height: auto;
        padding: 0px 0px;
        font-size: 18px;
        line-height: normal;
        width: 80%;
        display: inline-block;
    }
	.nav-bars span::before, .nav-bars span::after{background:#ec0a18 !important;}
	.nav-bars span{background:#ec0a18 !important;}
	.sticky .nav>li{padding:0px;}
	#services .col-md-6 {
    width: 100%;
	}
	.nav li{padding:0px;}
	.footer-sec{
		height:356px;
	}
	.cycloneslider-caption-title h1{
		font-size:32px !important;
		margin-left:0px;
	}
	.cycloneslider-template-standard .cycloneslider-caption{
		top:24% !important;
		left:32% !important;
	}
	.cycloneslider-caption-title span{
	font-size: 20px;
    bottom: 6px;
    left: 2px;
	}
	.cycloneslider-caption-description a{
	padding: 6px 12px;
	font-size: 12px;
    margin: 0% 1%;
	}
	.navbar li.dropdown a {
    position: relative;
    z-index: 999;
}
	}

@media (min-width: 0px) and (max-width: 480px) {
 .logo {
        display: none;
		max-width:52%;
    }
.cycloneslider-caption-title h1{
		font-size:22px !important;
		margin-left:0px;
	}
	.cycloneslider-template-standard .cycloneslider-caption{
		top:34% !important;
		left:32% !important;
	}
	.cycloneslider-caption-title span{
	font-size: 16px;
    bottom: 6px;
    left: 2px;
	}
	.cycloneslider-caption-description a{
	padding: 6px 6px;
	font-size: 8px;
    margin: 0% 1%;
	}

    .dream-centre-single h3 {
        font-size: 16px;
    }
	.navbar li.dropdown a {
    position: relative;
    z-index: 999;
}
}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) and (max-width: 991px) {
	.nav>li{padding:2px 0px;}
	.sticky .nav>li{padding:4px 0px;}
    .navbar-default .navbar-nav>li>a {
        padding: 15px 5px;
        font-size: 10px;
    }
    .navbar-default .navbar-nav>li:last-child>a {
        padding: 8px 10px;
    }
    .join-dream img {
        width: 32%;
    }

    .dream-centre-cat-01 {
        padding: 0px 0;
    }
    .blog-gallery {
        margin-bottom: 20px;
    }
	#services .col-md-6{width:100%;}
	.footer-sec{
		height:460px;
	}
}




/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) and (max-width: 1199px) {

	#services .col-md-6{width:100%;}
    .navbar-default .navbar-nav>li>a {
        padding: 20px 8px;
        font-size: 13px;
    }
}



/* Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) and (max-width: 1350px) {}


/****************** Menu **********************/

.nav-bars span {
    background: #ec0a18;
}

.nav-bars span {
    -webkit-transition: background 0s 0.3s;
    -o-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.nav-bars span {
    display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    right: 0px;
    height: 3px;
    background: #fff;
}

.nav-bars span::before,
.nav-bars span::after {
    background-color: #ec0a18;
}

.nav-bars span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.nav-bars span::before,
.nav-bars span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    -o-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    -o-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.nav-bars span::before {
    top: -8px;
}

.nav-bars span::before,
.nav-bars span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";
}

.nav-bars span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.nav-bars span::after {
    bottom: -8px;
}

.nav-bars.change span {
    background: none;
}

.nav-bars.change span::before,
.nav-bars.change span::after {
    -webkit-transition-delay: 0s, 0.3s;
    -o-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.nav-bars.change span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-bars.change span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.delta-groups {
	position: relative;
    top:100px;
	}
.comment {padding:0px;}
.comment li {
    display: inline-block;
	list-style-type:none;
	margin: 0px 0px 10px;
	}
.comment a{
    color: #000;
    font-size: 12px;
	margin-left:4px !important;
}
.robinson-properties-blog-cnt h3 a{color:#000 !important;} 
.product_sands h5{font-size:18px;font-weight:bold;}
.product_sands h4{font-size:22px;font-weight:bold;}
.cycloneslider-template-standard .cycloneslider-caption{
	width:80% !important;
}
.cycloneslider-template-standard{max-width:100% !important;}
.chairmans_message h5{ 
	font-size: 18px;
	font-weight: bold;
}
.chairmans_message h3{
	text-align:center;
}
blockquote p {
	text-align:center !important;
}
blockquote  {
	border-left:none !important;
}
.chairmans_message li {
	text-align:center !important;
	list-style:none !important;
}
.chairmans_message p{
	font-size:16px;
}
.navbar li.dropdown a {
    position: relative; 
}
.navbar ul li:hover>ul {
    display: block;
}


/* Sub-menu Dropdown Fix */
.nav>li.dropdown {
    position: relative;
}
.nav>li.dropdown > a {
    padding-right: 12px;
}
.nav>li.dropdown:hover > ul.sub-menu,
.nav>li.dropdown.open > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}
.nav>li ul.sub-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #ffffff !important;
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    padding: 6px 0;
    margin: 0;
    z-index: 1000;
    border-top: 3px solid #ec0a18;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transform: translateY(10px);
    transition: all 0.25s ease;
    pointer-events: none;
}
.nav>li ul.sub-menu li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
}
.nav>li ul.sub-menu li:last-child {
    border-bottom: none;
}
.nav>li ul.sub-menu li a {
    color: #333333 !important;
    padding: 10px 16px !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
    border-bottom: none !important;
}
.nav>li ul.sub-menu li a:hover,
.nav>li ul.sub-menu li.current-menu-item a {
    background: #ec0a18 !important;
    color: #ffffff !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-default .navbar-nav>li>a {
        padding: 6px 7px;
        font-size: 12px;
    }
    .nav>li {
        padding: 24px 0;
    }
    .sticky .nav>li {
        padding: 14px 0;
    }
}

/* ==========================================================================
   Custom Footer Look (Matches footer look.png)
   ========================================================================== */
.footer-sec .sec-title {
    border-left: none !important;
    padding: 0 !important;
    margin: 0 0 25px 0 !important;
    float: none !important;
    width: 100% !important;
}
.footer-sec .sec-title::after {
    display: none !important;
}
.footer-sec .sec-title h3 {
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 0 0 25px 0 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    position: relative !important;
    padding-left: 14px !important;
    border-left: 3px solid #ec0a18 !important;
    display: inline-block !important;
}
.footer-sec .sec-title h3::before {
    content: "" !important;
    position: absolute !important;
    left: 3px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #ec0a18 !important;
}

/* Latest News in Footer */
#latest_news {
    overflow: visible !important;
    position: static !important;
    height: auto !important;
}
#latest_news ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
}
#latest_news ul li {
    list-style: none !important;
    margin-bottom: 22px !important;
    padding: 0 !important;
    position: static !important;
    display: block !important;
}
#latest_news ul li:last-child {
    margin-bottom: 0 !important;
}
#latest_news ul li span.news-time,
#latest_news ul li > span {
    display: block !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    line-height: 14px !important;
    float: none !important;
    width: auto !important;
}
#latest_news ul li p {
    margin: 0 !important;
    line-height: 1.5 !important;
}
#latest_news ul li p a {
    color: #337ab7 !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    display: inline !important;
    transition: color 0.2s ease !important;
}
#latest_news ul li p a:hover {
    color: #ec0a18 !important;
    text-decoration: underline !important;
}

/* About Us Section in Footer */
.footer-sec--description p {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 12px;
}
#footer_readmore {
    background: #ec0a18 !important;
    color: #ffffff !important;
    padding: 6px 18px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    font-weight: bold !important;
    font-size: 13px !important;
    text-decoration: none !important;
    margin: 10px 0 16px 0 !important;
    transition: background 0.2s ease !important;
}
#footer_readmore:hover {
    background: #c50814 !important;
    color: #ffffff !important;
}
.footer-social {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}
.footer-social li {
    display: inline-block !important;
    margin-right: 6px !important;
}
.footer-social li a {
    width: 26px !important;
    height: 26px !important;
    display: block !important;
    background: #ffffff !important;
    color: #000000 !important;
    text-align: center !important;
    line-height: 26px !important;
    font-size: 13px !important;
    padding: 0 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
}
.footer-social li a:hover {
    background: #ec0a18 !important;
    color: #ffffff !important;
}

/* Get in Touch Section in Footer */
.contact-info ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.contact-info ul li {
    padding: 12px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #333333 !important;
    float: none !important;
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
}
.contact-info ul li:first-child {
    padding-top: 0 !important;
}
.contact-info ul li:last-child {
    border-bottom: none !important;
}
.contact-info ul li span:first-child {
    width: 25% !important;
    min-width: 65px !important;
    float: none !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}
.contact-info ul li span:last-child {
    width: 75% !important;
    float: none !important;
    color: #ffffff !important;
    font-size: 13px !important;
}
.contact-info ul li span p {
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
}
.contact-info ul li span a {
    color: #ec0a18 !important;
    display: block !important;
    line-height: 1.5 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.contact-info ul li span a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   Custom Gallery / Our Works Red Frame Look (Matches Screenshot)
   ========================================================================== */
.delta-gallery-row {
    margin-top: 25px;
    margin-bottom: 40px;
}
.delta-album-col {
    margin-bottom: 30px;
}
.delta-album-card {
    cursor: pointer;
    text-align: center;
    transition: transform 0.25s ease;
}
.delta-album-card:hover {
    transform: translateY(-4px);
}
.delta-album-frame {
    width: 100%;
    height: 220px;
    border: 3.5px solid #ec0a18;
    box-shadow: 0 0 10px rgba(236, 10, 24, 0.45);
    border-radius: 4px;
    background: #ffffff;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.delta-album-card:hover .delta-album-frame {
    box-shadow: 0 0 16px rgba(236, 10, 24, 0.75);
}
.delta-album-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 2px;
}
.delta-album-title {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #23527c;
    text-align: center;
    transition: color 0.2s ease;
}
.delta-album-card:hover .delta-album-title {
    color: #ec0a18;
}

/* Gallery Detail Grid Photos */
.delta-photo-frame {
    width: 100%;
    height: 180px;
    border: 2.5px solid #ec0a18;
    box-shadow: 0 0 8px rgba(236, 10, 24, 0.35);
    border-radius: 3px;
    background: #ffffff;
    padding: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.delta-photo-frame:hover {
    transform: scale(1.03);
    box-shadow: 0 0 14px rgba(236, 10, 24, 0.65);
}
.delta-photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}