/** *************Main CSS File*********************
	
    TABLE OF CONTENTS
	---------------------------
	1)Typography and reset
	2)Loader CSS
	3)Buttons css
	4)Menu Css
	5)Language Selector dropdown css
	6)Banner CSS 
	7)About Section
	8)Work Section
	9)About Page
	10)Industry Page
	11)Contact page
	12)News And Events
	13)Case study lannding
	14)Faq's page
	15)Awards page
	16)Journey page
	17)Product page
	18)product landing page
	19)Case Study Final pages
	20)Industry Details page
	21)Blog  page
	22)Partnership program page
	23)Project Details page
	24)Blog Details page
	25)Responsive Query
	26) buttoncon css(kuldeep)
	
	
 ** ***************************************/

/**********************Typography and reset*******************************/




body {
    font-family: 'Lato';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding-right: 0 !important;
    overflow-x: hidden;
}

h1 {
    font-size: 55px;
    margin: 0 0 30px;
    color: #fff;
    line-height: 1.3;
    font-weight: 400;
    font-family: 'Lato';
}

h2 {
    font-size: 38px;
    color: #000;
    margin: 0 0 25px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Lato';
}

h3 {
    font-size: 30px;
    margin: 0 0 25px;
    color: #000;
    font-family: 'Lato';
}

h4 {
    font-size: 24px;
    margin: 0 0 25px;
    color: #002056;
    font-family: 'Lato';
}

h5 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 25px;
    font-weight: 400;
    line-height: 1.7;
    font-family: 'Lato';
}

h6 {
    font-size: 14px;
    margin: 0 0 15px;
    color: #002056;
    opacity: 0.45;
}

p {
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #606060;
    line-height: 1.8;
    font-weight: 400;
    font-family: 'Lato';
}

a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
}

.no-padding {
    padding: 0;
}

#services-section .no-padding {
    padding: 5px 5px;
}

ol li {
    font-family: 'Lato';
    color: #606060;
}
/* ----------------------------------------------------------------
	Loader CSS
-----------------------------------------------------------------*/

.pre-loader-anim div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    /*background-color: url('../img/logo1.png');*/
    /*color: #fff;*/
    /* border-radius: 50%;*/
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    margin: auto;
    animation: text 10s ease infinite;
}

    .pre-loader-anim div:after {
        position: absolute;
        content: "";
        top: -5%;
        left: -5%;
        right: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        transform: scale(0.85);
        filter: blur(5vw);
        /*background: url('../img/logo1.png');*/
        background-size: 150% 150%;
        border-radius: 50%;
        animation: glowmation 10s linear infinite;
    }

@keyframes glowmation {
    0% {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }

    12.5% {
        top: -3%;
        left: 0;
        background-size: 70% 30%;
    }

    25% {
        top: -3%;
        left: 3%;
        background-size: 100% 50%;
    }

    37.5% {
        top: 0;
        left: 3%;
        background-size: 70% 30%;
    }

    50% {
        top: 3%;
        left: 3%;
        background-position: 100% 50%;
        background-size: 30% 30%;
    }

    62.5% {
        top: 3%;
        left: 0;
        background-size: 30% 70%;
    }

    75% {
        top: 3%;
        left: -3%;
        background-size: 50% 100%;
    }

    87.5% {
        top: 0;
        left: -3%;
        background-size: 30% 70%;
    }

    100% {
        top: -3%;
        left: -3%;
        background-position: 0% 50%;
        background-size: 150% 150%;
    }
}

@keyframes text {
    0% {
        color: #7400f9;
    }

    50% {
        color: #7f97ef;
    }

    100% {
        color: #7400f9;
    }
}

.la-anim-1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 5px;
    background: url('../img/logo1.png');
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    pointer-events: none;
}

    /*.la-anim-1::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100%;
	background:  url('../img/logo1.png');
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.2s, box-shadow 2s 4s;
	transition: opacity 0.2s, box-shadow 2s 4s;
	-webkit-transform: rotate(2deg) translateY(-2px);
	transform: rotate(2deg) translateY(-2px);
}

.la-anim-1.la-animate {
	z-index: 100;
	opacity: 1;
	-webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
	transition: transform 5s ease-in, opacity 1s 5s;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}*/

    .la-anim-1.la-animate::after {
        opacity: 1;
    }

.pre-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 99999;
    background: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.pre-out {
    height: 0%;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.pre-fade {
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.pre-loader-anim {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    width: 50%;
    z-index: 99;
}


/**********************Buttons css*********************/
.button {
    float: left;
    min-width: 150px;
    max-width: 250px;
    display: block;
    padding: 1.6em 4.1em;
    margin-top: 20px;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.get-intch .button {
    padding: 1em 2.5em;
    top: 18px;
    right: 0px;
    margin-left: 30px;
}

.device-xs {
    display: none;
}

.form-submit button {
    float: none;
    display: inline;
}

.go-button .form-butn {
    border-radius: 50%;
    padding: 0;
    min-width: 65px;
    height: 65px;
    position: absolute;
    top: -65px;
    right: 75px;
    margin: 0;
}

.button:focus {
    outline: none;
}

.button > span {
    vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
    color: #37474f;
    border-color: #37474f;
}

.bg-2 .button {
    color: #ECEFF1;
    border-color: #ECEFF1;
}

.bg-3 .button {
    color: #fff;
    border-color: #fff;
}

/* Sizes */
.button--size-s {
    font-size: 12px;
}

.button--size-m {
    font-size: 16px;
}

.button--size-l {
    font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
    text-transform: uppercase;
}

.button--text-thin {
    font-weight: 400;
}

.button--text-medium {
    font-weight: 400;
}

.button--text-thick {
    font-weight: 400;
}

.button--round-s {
    border-radius: 5px;
}

.button--round-m {
    border-radius: 15px;
}

.button--round-l {
    border-radius: 40px;
}

/* Borders */
.button--border-thin {
    border: 1px solid;
}

.button--border-medium {
    border: 2px solid;
}

.button--border-thick {
    border: 3px solid;
}

.button.button--aylen {
    background: #d9b40d;
    color: #fff;
    overflow: hidden;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 400;
}

.button--aylen.button--inverted {
    background: none;
    color: #fff;
}

.button--aylen::before,
.button--aylen::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--aylen::before {
    background: #ffffff;
}

.button--aylen::after {
    background: #000;
}

.button--aylen:hover {
    color: #fff;
}

    .button--aylen:hover::before,
    .button--aylen:hover::after {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .button--aylen:hover::after {
        -webkit-transition-delay: 0.175s;
        transition-delay: 0.175s;
    }

.button--winona {
    overflow: hidden;
    padding: 0;
    -webkit-transition: border-color 0.3s, background-color 0.3s;
    transition: border-color 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

    .button--winona::after {
        content: attr(data-text);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        /*color: #7f97ef;*/
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
    }

    .button--winona > span {
        display: block;
    }

    .button--winona.button--inverted {
        color: #ffffff;
    }

        .button--winona.button--inverted:after {
            color: #fff;
        }

    .button--winona::after,
    .button--winona > span {
        padding: 1.4em 4.1em;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button--winona.button--inverted:hover {
        border-color: #21333C;
        background-color: #21333C;
    }

    .button--winona:hover::after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .button--winona:hover > span {
        opacity: 0;
        -webkit-transform: translate3d(0, -25%, 0);
        transform: translate3d(0, -25%, 0);
    }


/*************************Language Selector dropdown css*******************************/

.flag {
    background: url("../img/flag.png");
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
    left: 14px;
    top: 6px;
}

.glob {
    position: absolute;
    left: -22px;
    color: #f9b719;
    top: 0px;
    background: url("../img/flag.png");
    width: 18px;
    height: 18px;
    border-radius: 50%;
    top: 11px;
    left: -6px;
}

    .glob.one {
        background: url("../img/flag2.png");
    }

    .glob.two {
        background: url("../img/flag3.png");
    }

li:nth-child(2) .flag {
    background: url("../img/flag2.png");
}

li:nth-child(3) .flag {
    background: url("../img/flag3.png");
}

.language_bar {
    left: 50%;
    position: absolute;
}

    .language_bar .dropdown {
        text-align: center;
    }

    .language_bar .dropdown-menu {
        border-radius: 0;
        border: none;
        right: -2px;
        left: auto;
        top: 2px;
        padding: 0;
        margin: 0;
        min-width: 125px;
        overflow: visible !important;
    }

    .language_bar .bootstrap-select {
        width: 100%;
        text-align: center;
    }

.btn-group.bootstrap-select.language-box {
    position: relative;
    z-index: 2;
}

.language_bar .btn {
    width: 100%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff !important;
    background: transparent;
    border: none !important;
    box-shadow: none !important;
    opacity: 1;
}

    .language_bar .btn .filter-option {
        float: none !important;
    }

    .language_bar .btn:hover, .language_bar .btn:active, .language_bar .btn:focus {
        color: #fff;
        background: transparent !important;
    }

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: transparent;
    border-color: #adadad;
}

.language_bar .btn .caret {
    position: relative;
    width: 8px;
    height: 5px;
    border: none;
}

    .language_bar .btn .caret:after {
        position: absolute;
        left: 5px;
        top: -10px;
        content: "\f107";
        font-size: 16px;
        color: #d9b40d;
        font-family: 'FontAwesome';
        font-weight: 400;
    }

.language_bar .dropdown-menu.inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

.language_bar .dropdown-menu li {
    position: relative;
    text-align: center !important;
    padding: 0 0px 0px 10px;
}

    .language_bar .dropdown-menu li a i {
        display: none;
    }

.language_bar ul li.selected a i {
    display: inline;
    color: #42a852;
    right: -10px;
    position: relative;
}

.language_bar .dropdown-menu li:hover {
    background: #eee;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.language_bar .dropdown-menu li {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .language_bar .dropdown-menu li a:hover,
    .language_bar .dropdown-menu li a:focus {
        background: none;
        color: #fff;
    }

.language_bar button {
    width: 100%;
    padding: 14px 0;
    background: none;
    border: none;
    font-size: 12px;
    display: inline-block;
}

.language_bar ul li a {
    font-size: 10px;
    color: #000 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 8px 10px;
    margin: 0px 0;
    cursor: pointer;
}

.text {
    line-height: 15px;
}


/*************************Menu Css*****************************/
.call a {
    font-size: 18px !important;
    font-weight: 900 !important;
}

.lang {
    background: transparent;
    text-align: right;
    position: absolute;
    right: 50px;
    top: 10px;
}

#language {
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 400;
    font-size: 10px;
    cursor: pointer;
    margin-right: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#nav-wrapper {
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    position: fixed;
    background: #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    #nav-wrapper.menubgC {
        background-color: #fff;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }

    #nav-wrapper .container {
        overflow: visible;
    }
/* 3.2 Navbar
-------------------------------------------------------------------------- */
.navbar {
    margin: 0;
    min-height: 50px;
    -webkit-border: 0;
    -moz-border: 0;
    -o-border: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0;
    }

/* 3.3 Navbar Brand
-------------------------------------------------------------------------- */


.navbar-brand {
    padding: 0;
    height: 50px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .navbar-brand img {
        width: 100%;
        display: block;
        max-width: 295px;
    }

.navbar-header a {
    padding: 0;
    margin: 0px 0;
    color: #ffffff;
    font-size: 11px;
    line-height: 50px;
}

.logo-text {
    color: #ffffff;
    font-size: 30px;
}
/* 3.4 Items
-------------------------------------------------------------------------- */
.navbar-nav > li {
    padding: 0 10px;
    margin-left: 10px;
    position: relative;
}

    .navbar-nav > li:first-child {
        margin-left: 0;
    }

    .nav > li > a:hover,
    .nav > li > a:focus,
    .navbar-nav > li.active a {
        color: #d9b40d !important;
        background-color: transparent;
    }

    .navbar-nav > li > a {
        color: #000;
        padding: 24px 0px;
        font-size: 15px;
        font-weight: 400;
        /*line-height: 50px;*/
        letter-spacing: 0.5px;
        text-transform: capitalize;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-family: 'Lato';
    }

/* 3.5 Menu Button
-------------------------------------------------------------------------- */
.navbar-toggle {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 30px;
    line-height: 50px;
}



ul .submenu ul.dropdown-menu:after {
    background-color: #d9b40d;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0px;
    content: '';
}

ul .submenu ul.dropdown-menu {
    background: #000 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 10px 0 !important;
    left: 0px !important;
}

.submenu .dropdown-menu {
    background: #000 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 10px 0 !important;
}

    .submenu .dropdown-menu li {
        padding: 0;
    }

    .submenu .dropdown-menu a {
        padding: 8px 22px !important;
        font-family: 'Lato';
        font-weight: 500 !important;
        font-size: 12px !important;
        letter-spacing: inherit !important;
        color: #fff !important;
    }

        .submenu .dropdown-menu a:hover,
        .submenu .dropdown-menu li.active a {
            color: #d9b40d !important;
        }

.submenu:hover .dropdown-menu {
    display: block;
}

/* 3.6.5 Hover
-------------------------------------------------------------------------- */
.submenu ul li a:hover {
    color: #ffffff;
}

    .submenu ul li a:hover:before {
        height: 100%;
    }

.submenu:hover ul {
    top: 100%;
    opacity: 1;
    overflow: visible;
}

.get-in {
    background: linear-gradient(-190deg, #7f97ef, #7400f9);
    color: #fff;
    text-align: center;
    padding: 12px;
    margin-top: 38px;
    border-radius: 50px;
    width: 160px;
    float: right;
    position: relative;
    margin-left: 20px;
    font-weight: 400;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .get-in:hover {
        color: #fff;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 1 !important;
}

.close {
    font-size: 52px;
    color: #fff;
    font-weight: 100;
    position: absolute;
    padding: 66px;
    width: 142px;
    opacity: 1;
    padding: 45px !important;
    top: 0%;
    right: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .close:hover, .close:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.modal-header .close {
    font-size: 28px !important;
    position: absolute;
    right: -65px;
}

.modal-title {
    text-align: center;
}

.modal-dialog {
    top: 50%;
    width: 510px;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    -o-transform: translateY(-50%) !important;
    -moz-transform: translateY(-50%) !important;
}

.modal_share .facebook, .modal_share .twitter, .modal_share .insta {
    margin-right: 25px;
    font-size: 16px;
}

.modal_share .youtube {
    font-size: 16px;
}

.modal_share {
    padding: 15px 65px;
}

.social-zero {
    padding: 0;
}

.menu-padd {
    padding: 0 80px;
}

.modal-body .form-group {
    margin: 0px 0px 20px 35px;
}

.modal-body .form-control {
    color: #000;
}

.modal-body {
    position: relative;
    padding: 10px 35px 30px 35px;
}

.modal-content h2 {
    font-weight: 400;
    text-align: center;
    padding-top: 50px;
}

.modal-content {
    border-radius: 0px;
    background: #f9f9f9;
}

.contact-padd {
    text-align: center;
    border-bottom: 1px solid #eee;
}

.email-pad-mod.modal-body {
    text-align: center;
}

.con-modal a {
    font-size: 22px;
    display: block;
    color: #d9b40d;
    margin-bottom: 15px;
    font-family: 'Lato';
}

.form-butn {
    background: #fff;
    border-radius: 50px;
    padding: 15px 50px;
    font-weight: 400;
}

.modal-body .form-control {
    height: 50px;
    border-radius: 0px;
    padding: 0 30px;
    background: #e6e6e6;
    opacity: 0.65;
    border: none;
    width: 400px !important;
}

    .modal-body .form-control::-moz-placeholder {
        color: #000;
        opacity: 1;
        font-weight: 400;
    }

    .modal-body .form-control::-webkit-placeholder {
        color: #000;
        opacity: 1;
        font-weight: 400;
    }

#dropdown {
    width: 93%;
    height: 50px;
    background: #e6e6e6;
    border: none;
    padding: 0 25px;
}

.drop-angle {
    position: absolute;
    right: 60px;
    font-size: 25px;
    line-height: 2;
}

select {
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance: none;
}

    /*for IE10*/
    select::-ms-expand {
        display: none;
    }


/*********************************Banner Css*************************************/


.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .ind {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .ind,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

.carousel-fade .carousel-control {
    z-index: 2;
}

html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item,
.carousel-inner .ind {
    height: 640px;
}

.item:nth-child(1) {
    background: url("../img/singhtyrehouse1.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(2) {
    background: url("../img/singhtyrehouse2.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(3) {
    background: url("../img/singhtyrehouse3.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(4) {
    background: url("../img/singhtyrehouse4.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(5) {
    background: url("../img/singhtyrehouse5.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(6) {
    background: url("../img/Banner5.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(7) {
    background: url("../img/Banner8.jpg");
    background-size: cover;
    background-position: center;
}

.item:nth-child(8) {
    background: url("../img/Banner9.jpg");
    background-size: cover;
    background-position: center;
}


.ind:nth-child(1) {
    background: url("../img/Picture1.png");
    background-size: cover;
    background-position: center;
    height: 112%;
}

.ind:nth-child(2) {
    background: url("../img/Picture2.png");
    background-size: cover;
    background-position: center;
    height: 112%;
}

.ind:nth-child(3) {
    background: url("../img/Picture3.png");
    background-size: cover;
    background-position: center;
    height: 112%;
}

.overlay-text {
    background: #000;
    position: absolute;
    height: 160px;
    bottom: 45px;
    width: 100%;
    opacity: 0.7;
}

.text-wrap {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    width: 65%;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.wraper-baner {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.text-wrap button {
    float: none;
    display: inline;
    color: #fff;
}

.carousel-control.right {
    background: url(../img/carouselIconnext.png) no-repeat;
    font-size: 38px;
    height: 150px;
    top: 50%;
    right: 14px;
    opacity: 1;
    max-width: 100px;
}

.arrow-hover:hover .prev-arrow {
    transform: scale(1.3);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}

.arrow-hover:hover .next-arrow {
    transform: scale(1.3);
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}

.industry-img {
    padding: 70px 0;
}

.carousel-control.left {
    background: url(../img/carouselIconprev.png)no-repeat;
    font-size: 38px;
    height: 150px;
    top: 50%;
    left: 30px;
    opacity: 1;
}
/*.prev-arrow {
    background: #000;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 55%;
    left: 60px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.next-arrow {
    background: #000;
    width: 50px;
    height: 1px;
    position: absolute;
    top: 55%;
    right: 60px;
	-webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}
.angle-left {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 11px 6px 0;
    border-color: transparent #000 transparent transparent;
    position: absolute;
    top: -5px;
    left: -10px;
	z-index:2;
}
.angle-right{
    width: 0;
    height: 0;
    border-style: solid;
	border-width: 6px 0 6px 11px;
	border-color: transparent transparent transparent #000;
    position: absolute;
    top: -5px;
    right: -10px;
	z-index:2;
}*/

.testimonial-arrow {
    height: 50px;
    width: 90px;
    position: absolute;
    top: 50%;
}

.button-center {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 200px;
}



/*****************************About Section*******************************/

.about-image {
    background: url("../img/singhtyrehouseabout.jpg");
    height: 400px;
    margin-bottom: 70px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.about-overlay {
    position: absolute;
    background: #000;
    top: 0;
    height: 400px;
    width: 100%;
    opacity: 0;
}

.blog-date.news-pad {
    padding-top: 30px;
}

.about-mar {
    margin-top: 25px;
    margin-right: 25px;
    color: #d9b40d;
}

.about-wrap h6 {
    text-transform: uppercase;
    margin-bottom: 43px;
    letter-spacing: 5px;
    color: #333;
}

.about-padd {
    padding: 43px 0px 100px;
}

.about-farm p {
    text-align: left;
    margin: 0 0 15px;
}

.img-expand {
    background: url("../img/digital.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 1920px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-two {
    background: url("../img/web.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -230%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-three {
    background: url("../img/creative-service.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -230%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-four {
    background: url("../img/celebrity.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-five {
    background: url("../img/inflight-branding.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-six {
    background: url("../img/sponsers.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-seven {
    background: url("../img/moviemarketing.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-eight {
    background: url("../img/Events.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-nine {
    background: url("../img/Content-Marketing.jpg");
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 2380px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: -300%;
    z-index: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.prod-image-one {
    /*background: url("../img/advertising.jpg");*/
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-two {
    background: url("../img/digital.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-three {
    background: url("../img/video.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-four {
    background: url("../img/content.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-six {
    background: url("../img/Events.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-seven {
    background: url("../img/media.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-eight {
    background: url("../img/sponsership.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.prod-image-nine {
    background: url("../img/web.jpg");
    background-size: cover;
    background-position: center;
    height: 400px;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.overlay-prod {
    background: #000;
    position: absolute;
    height: 100%;
    top: 0px;
    width: 100%;
    z-index: 2;
    opacity: 0.6;
    transition: all 6s;
    -webkit-transition: all 6s;
}

.product-text-wrap {
    position: absolute;
    top: 0;
    z-index: 4;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
    ;
    height: 100%;
    padding: 100px 110px;
}

    .product-text-wrap h6 {
        text-transform: uppercase;
        letter-spacing: 5px;
        color: #fff;
    }

    .product-text-wrap:hover .opac-0 {
        opacity: 1;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

    .product-text-wrap p {
        color: #fff !important;
    }

.clients_block {
    overflow: hidden;
}

/*.clients_block:hover .overlay-prod{
	opacity: 0.8;
	transition: all 6s;
	-webkit-transition: all 6s;
}*/

.farm-product:hover .product-text-wrap h2, .farm-product:hover .product-text-wrap h6, .farm-product:hover .button-or {
    color: #555;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.hover:hover .product-text-wrap h2, .hover:hover .product-text-wrap h6, .hover:hover .button-or {
    color: #fff !important;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.img-expand-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-two {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-three {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-four {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-five {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-six {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-seven {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-eight {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.img-expand-overlay-nine {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #000;
    width: 0px;
    height: 100%;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.clients_block:hover .img-expand-overlay {
    opacity: 0.6;
    width: 600%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-two {
    opacity: 0.6;
    width: 600%;
    left: -100%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-three {
    opacity: 0.6;
    width: 600%;
    left: -200%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-four {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-five {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-six {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-seven {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-eight {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-overlay-nine {
    opacity: 0.6;
    width: 600%;
    left: -300%;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-two {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-three {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-four {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-five {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-six {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-seven {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-eight {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .img-expand-nine {
    opacity: 1;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.clients_block:hover .prod-image-one {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-two {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-three {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-four {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-five {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-six {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-seven {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-eight {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.clients_block:hover .prod-image-nine {
    transform: scale(1.2);
    transition: all 6s;
    -webkit-transition: all 6s;
}

.product-text-wrap h2 {
    margin: 0 0 25px;
    font-size: 36px;
    color: #fff;
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
}

.industry-text h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}

.prod-small h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}

.app-small h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
}

.industry-text {
    padding-top: 50px;
}

    .industry-text .button-or {
        margin-top: 35px;
    }

.farm-industry {
    background: #f5f5f5;
    padding: 100px 0;
}

.play-button {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    background: #fff;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin: 0 auto;
    left: 25px;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.off {
    display: none;
}

.play-button span {
    line-height: 5;
    font-size: 18px;
}

.item-content {
    background-color: #eeeeee;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: table;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: scale(1.01);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;
}

#video {
    width: 100%;
}

.slider-wrap {
    width: 400px;
    margin: auto;
    height: 630px;
    transform: rotate3d(-40, -40, 20, -40deg);
    box-shadow: -35px 35px 35px -35px;
}

.feature-section {
    padding: 100px 0;
    background: #000;
    opacity: 0.89;
}

    .feature-section h2 {
        color: #fff;
    }

    .feature-section h6 {
        color: #002056;
        opacity: 0.45;
        letter-spacing: 5px;
        text-transform: uppercase;
    }

.part-box h4 {
    color: #000;
    font-weight: 400;
}

.feature-icon {
    font-size: 42px;
    font-weight: 100;
    color: #d9b40d;
    margin-bottom: 20px;
    text-align: center;
}

.top-feature {
    margin-top: 60px;
}

.part-box {
    background: #d9b40d;
    padding: 15px;
    height: 230px;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    text-align: center;
}

    .part-box:hover {
        transform: scale(1.03);
        cursor: pointer;
        -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    }

.padding-feature {
    width: 700px;
    color: #fff;
    margin: auto;
}

.client-band {
    background: #d9b40d;
    height: 260px;
    position: relative;
}

.work-section h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}


/***************Work Section***********************/
.work-section {
    padding-top: 50px;
}

    .work-section .grid-item {
        border: none;
        cursor: pointer;
        overflow: hidden;
    }

        .work-section .grid-item a span {
            position: absolute;
            top: 45%;
            left: 0;
            right: 0;
            text-align: center;
            z-index: 2;
            display: none;
            color: #fff;
            text-transform: uppercase;
            font-family: 'Lato';
        }

.prot-withname .work-section .grid-item a span {
    position: absolute;
    top: 90% !important;
    display: block;
    left: 30px;
    text-align: left;
    z-index: 2;
    color: #000;
}

.work-section .grid-item a span b {
    display: block;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Lato';
    color: #d9b40d;
}

.work-section .grid-item div,
.work-section .grid-item div {
    position: relative;
}

.work-section .col-md-4 .grid-item div:before,
.work-section .col-md-6 .grid-item div:before,
.work-section .grid-item a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-45deg, #000, #000);
    opacity: 0;
    content: "";
    z-index: 1;
}

.prot-withname .work-section .col-md-4 .grid-item div:before,
.prot-withname .work-section .col-md-6 .grid-item div:before,
.prot-withname .work-section .grid-item a:before {
    height: 86.6%;
}

.work-section .item-content {
    -webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
    transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

.work-section .grid-item a:hover .item-content {
    transform: scale(1.03);
    -webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
    transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

.work-section .grid-item a:before,
.work-section .grid-item a:hover:before {
    -webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
    transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

.work-section .grid-item a:hover:before {
    opacity: 0.7;
}

.work-section .grid-item a:hover span {
    display: block;
}

.work-section .portfolio-categories {
    text-align: center;
    padding-left: 0;
    margin-bottom: 40px;
}

    .work-section .portfolio-categories li {
        display: inline-block;
        margin: 0 10px;
    }

        .work-section .portfolio-categories li a {
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            position: relative;
            letter-spacing: 2px;
            font-weight: 400;
            -webkit-transition: all 0.6s;
            transition: all 0.6s;
            font-family: 'Lato';
        }

            .work-section .portfolio-categories li a.active,
            .work-section .portfolio-categories li a:hover,
            .work-section .portfolio-categories li a:focus {
                color: #d9b40d;
                -webkit-transition: all 0.6s;
                transition: all 0.6s;
            }

.work-masonry {
    position: relative;
}

    .work-masonry ul {
        list-style: none;
        padding-left: 0;
    }

.item-content {
    background-color: #eeeeee;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: table;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    transform: scale(1.01);
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    width: 100%;
}

.prot-withname .item-content {
    height: 85%;
}
/*.portfolio-wrap .grid-item:first-child{
	opacity: 1!important;
	margin: 0!important;
}*/
.prot-withname .portfolio-wrap .grid-item:first-child {
    opacity: 1 !important;
    margin: 10px !important;
}
/* Light Box */
.pp_pic_holder.pp_default {
    max-width: 100% !important;
    left: 0 !important;
    overflow: hidden;
    margin: 0 auto;
}

div.pp_default .pp_content_container .pp_left {
    padding-left: 0 !important;
}

div.pp_default .pp_content_container .pp_right {
    padding-right: 0 !important;
}

.pp_content {
    max-width: 100% !important;
    height: auto !important;
}

.pp_fade {
    width: 100% !important;
    height: 100% !important;
}

a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom {
    display: none !important;
}

#pp_full_res img {
    max-width: 100% !important;
    height: auto !important;
}

.pp_details {
    width: 100% !important;
    padding-left: 3%;
    padding-right: 4%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-top: -2px !important;
}

a.pp_close {
    right: 2% !important;
    top: 10px !important;
}

.pp_content_container .pp_left,
.pp_content_container .pp_right {
    padding: 0;
}

div.pp_default .pp_nav,
.pp_nav {
    width: 100%;
    text-align: right;
    margin-right: 0;
    display: block !important;
}

div.light_square .pp_arrow_next,
div.light_square .pp_arrow_previous,
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: none;
    text-indent: 0;
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    line-height: 38px;
    color: #000;
    border-radius: 100%;
    float: none;
    margin-left: 24px;
    text-decoration: none;
}

.pp_details {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    margin-top: 23px;
}

#clients-2 {
    width: 100%;
    float: left;
    padding: 0px 15px;
    cursor: move;
    position: absolute;
    top: 36%;
}

    #clients-2 h2 {
        color: #ff4632;
        font-family: "Poppins",sans-serif;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        text-transform: uppercase;
    }

    #clients-2 .clients_block {
        float: left;
        width: 25%;
        min-height: 100%;
        text-align: center;
    }

        #clients-2 .clients_block img {
            width: auto;
            display: inline-block;
        }

    #clients-2 .clients2 .clients_block {
        float: none;
        width: 100%;
    }

.client-band .owl-nav {
    display: none;
}

.testimonial-bg {
    background: url("../img/clients-say.jpg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
}

.testimonial-overlay {
    background: linear-gradient(-45deg, #000, #000);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.6;
}

.testimonial-bg h2 {
    color: #fff;
}

.testimonial-bg h6 {
    color: #fff;
}

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

#clients-2 .clients2 .owl-controls {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
}

#clients-2 .clients2 .owl-theme .owl-controls div div {
    margin-top: 0;
}

.client-sp h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
    font-family: 'Lato';
}

.client-sp {
    padding: 100px 0;
}

.owl-prev {
    background: url(../img/carouselIconprev.png) no-repeat;
    width: 83px;
    height: 50px;
    position: absolute;
    font-size: 35px;
    top: 35%;
    color: #d9b40d;
    opacity: 0;
}

.testimonail1 h4 {
    letter-spacing: 0;
}

.owl-next {
    position: absolute;
    font-size: 35px;
    top: 35%;
    right: 0;
    color: #d9b40d;
    opacity: 0;
}

.testimonials .owl-next {
    transform: rotate(-90deg);
}

.testimonials .owl-prev {
    transform: rotate(90deg);
}

.testimonial-left {
    left: 3%;
}

.testimonial-right {
    right: 0%;
}

.content-padding {
    padding: 0 120px 50px;
    letter-spacing: 0.1px;
    color: #fff;
    line-height: 1.8;
    font-family: 'Lato';
}

.testimonail1 h4 {
    margin: 0;
    line-height: 1.5;
    text-transform: capitalize;
    font-size: 16px;
    color: #d9b40d;
    font-family: 'Lato';
}

    .testimonail1 h4:last-child {
        color: #fff;
    }

.semibold {
    font-weight: 400;
}

.regular-weight {
    font-weight: 400;
}

.team {
    cursor: move;
}

#team {
    margin-top: 60px;
}

.team-sec p {
    width: 100%;
    margin: auto;
}

.team-sec {
    padding: 100px 0 100px 0;
    background: #f8f8f8;
}

    .team-sec h6 {
        text-transform: uppercase;
        letter-spacing: 5px;
    }

.team-name {
    background: #fff;
    padding: 30px 30px;
}

    .team-name h5 {
        font-size: 18px;
        margin: 0 0 8px;
        color: #d9b40d;
        font-weight: 400;
    }

    .team-name span {
        text-transform: uppercase;
        color: #000;
        font-size: 14px;
        letter-spacing: 3px;
    }

.blog-wraper {
    background: #f3f3f3;
}

.blog-box {
    background: #fff;
    padding: 50px 40px 50px 40px;
}

.blog-hover {
    -webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
    transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
}

    .blog-hover:hover {
        transform: scale(1.03);
        -webkit-transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
        transition: all 0.8s cubic-bezier(0.175, 1.885, 0.4, 1.6);
    }

.blog-box h5 {
    color: #000;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 400;
}

.blog-box .highlights_txt {
    padding: 12px 0;
}

.image-circle {
    background: url("../img/blog1.jpg");
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin-bottom: 25px;
    background-position: center;
    background-size: cover;
}

.image-circle-one {
    background: url("../img/blog2.jpg");
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin-bottom: 25px;
    background-position: center;
    background-size: cover;
}

.image-circle-two {
    background: url("../img/blog3.jpg");
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin-bottom: 25px;
    background-position: center;
    background-size: cover;
}

.blog-box p {
    margin-bottom: 15px;
}

.read-more {
    color: #d9b40d;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .read-more:hover {
        color: #d9b40d;
        text-decoration: none;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.blog-bg {
    /* background: #e6e6e6;*/
    padding: 100px 0px 60px;
}

.float-left {
    float: left;
    margin-right: 30px;
}

.mar-bottom {
    margin-bottom: 35px;
}

.pad-bottom {
    padding-bottom: 75px;
}

.blog-bg h6 {
    text-transform: uppercase;
    letter-spacing: 5px;
}

.mar-bar {
    left: 20px;
}

.layer-up {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.partnership h1 {
    font-size: 38px;
    color: #000;
    margin-bottom: 100px;
}

.partnership h2 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
}

.partnership .highlights_txt {
    padding: 60px 70px 145px;
}

.down-arrow {
    position: absolute;
    right: 5px;
    font-weight: 100;
    font-size: 8px;
    top: 5px;
    color: #d9b40d;
}

.sec-sep {
    margin-top: 80px;
}

.partnership {
    padding: 100px 0;
}

.newslatter {
    background: linear-gradient(-45deg, #fed6e3, #a8edea);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding: 70px 100px;
}

.image-wrapeer {
    float: left;
}

.quote {
    width: 10%;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 12px;
}

.text-wrapeer {
    padding: 55px 0px;
    float: right;
}

.news-n h2 {
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 1.8;
}

.form-group {
    margin: 0;
}

.form-control {
    height: 65px;
    border-radius: 50px;
    padding: 0 39px;
    background: #fff;
    color: #000;
    opacity: 0.65;
    border: none;
    width: 400px !important;
}

    .form-control::-moz-placeholder {
        color: #000;
        opacity: 1;
        font-weight: 400;
    }

    .form-control::-webkit-placeholder {
        color: #000;
        opacity: 1;
        font-weight: 400;
    }

.input-group-btn {
    background: #f9b719;
    width: 80px;
    border-radius: 50px;
    height: 70px;
    position: relative;
    left: -45px;
    z-index: 11;
    top: -2px;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#answer1 p {
    color: #fff;
}

.go-button .form-butn {
    border-radius: 50%;
    padding: 0;
    width: 65px;
    height: 65px;
    position: absolute;
    top: -65px;
    right: 70px;
}

.news-n .btn-default {
    background-color: transparent !important;
    border: none;
    font-size: 16px;
    font-weight: 400;
    padding: 30px;
}

#services-section .owl-prev {
    transform: rotate(45deg);
    top: 46%;
    left: 25px;
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.clients3, .owl-prev, .owl-next {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .clients3:hover .owl-prev {
        opacity: 1 !important;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

#services-section .owl-next {
    transform: rotate(-135deg);
    top: 46%;
    right: 25px;
    opacity: 0;
}

.clients3:hover .owl-next {
    opacity: 1 !important;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.farm-product .button-or {
    position: absolute;
    bottom: 105px;
    font-size: 18px;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.4, 1.4);
}

.product-button {
    position: absolute;
    bottom: 4rem;
}

    .product-button span {
        background: url(../img/carouselIconnext.png) no-repeat;
        width: 85px;
        height: 60px;
        line-height: 0.9;
        color: #fff;
        min-width: 85px;
    }

.header-get a {
    padding: 0px 0 0 10px !important;
    line-height: 18px !important;
}

.product-button .button--winona::after, .product-button .button--winona > span {
    padding: 1em 1em;
}

.opac-0 {
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.con-fix {
    position: fixed;
    background: #17c87b;
    color: #fff;
    font-weight: 400;
    right: -40px;
    top: 185px;
    border-radius: 50px;
    padding: 10px 51px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.float-button {
    z-index: 1;
    position: relative;
    font-size: 20px;
}

.share-fix {
    position: fixed;
    background: #000000;
    color: #fff;
    font-weight: 400;
    right: -40px;
    border-radius: 50px;
    padding: 10px 55px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
    top: 245px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.info-fix {
    position: fixed;
    background: #000000;
    color: #fff;
    font-weight: 400;
    right: -40px;
    border-radius: 50px;
    padding: 10px 55px 10px 20px;
    transform: translatey(-50%);
    box-shadow: 0px 0px 5px 2px #0606061A;
    top: 305px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .con-fix:hover, .share-fix:hover, .info-fix:hover {
        background: #d9b40d;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.footer-bg {
    background: #000;
    padding: 90px 0px;
    border-top: 1px solid;
}

.copy-bg {
    background: #000;
    border-top: 1px solid;
    padding: 35px 0 25px;
}

.footer_block a {
    display: block;
    color: #bcbcbc;
    font-size: 14px;
    font-weight: 400;
}

.footer_block p {
    color: #bcbcbc;
}

.footer_block h6 {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 20px 0px;
    opacity: 1;
    font-family: 'Conv_Portico Rough';
}

.facebook {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
    color: #000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.twitter {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
    color: #000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.insta {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 17px;
    color: #000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.youtube {
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    padding: 10px;
    text-align: center;
    float: left;
    font-size: 17px;
    color: #000;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.social-icons a:hover .facebook, .social-icons a:active .facebook, .social-icons a:focus .facebook,
.social-icons a:hover .twitter, .social-icons a:active .twitter, .social-icons a:focus .twitter,
.social-icons a:hover .insta, .social-icons a:active .insta, .social-icons a:focus .insta,
.social-icons a:hover .youtube, .social-icons a:active .youtube, .social-icons a:focus .youtube {
    background: #d9b40d;
    color: #fff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.social-icons {
    margin-bottom: 6px;
    height: 55px;
}

.tagsbar a {
    margin-bottom: 15px;
    color: #bcbcbc !important;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    font-family: 'Lato';
}

    .tagsbar a:last-child {
        margin-bottom: 0px;
    }

    .tagsbar a:hover {
        color: #d9b40d !important;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.mails a {
    margin-bottom: 35px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    font-family: 'Lato';
}

    .mails a:last-child {
        margin-bottom: 0px;
    }

    .mails a:hover {
        color: #d9b40d !important;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.reach p {
    padding: 0 45px 20px 0px;
}

.reach a {
    line-height: 2;
}

.copy-text {
    float: left;
}

.policy {
    float: right;
}

    .copy-text p, .policy p {
        color: #bcbcbc;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

        .copy-text p:hover, .policy p:hover {
            color: #d9b40d !important;
            transition: all 0.6s;
            -webkit-transition: all 0.6s;
        }


/*******about pages*********/
.aboutpage-banner {
    background: url("../img/about-banner.jpg");
    height: 680px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .aboutpage-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 50%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.overlay-aboutpage {
    background: #000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.35;
}

.overlay-casestudy {
    background: #000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.digi-class {
    background: #f9f9f9;
    height: 285px;
    position: relative;
}

.farm-gyan {
    height: 180px;
}

.farm-lite {
    height: 150px;
}

.farm-village {
    height: 190px;
}

.contract-farming {
    height: 255px;
}

.research-development {
    height: 225px;
}

.farm-government {
    height: 195px;
}

.about-digital {
    height: 200px;
}

.aboutpage h2 {
    text-align: center;
}

.digi-con {
    padding: 65px 0px 65px 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: -115px;
    background: #f9f9f9;
}

    .digi-con p {
        margin-top: 32px;
    }

.ind-details-con {
    padding: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: -115px;
    background: #f9f9f9;
}

.soft-bg {
    background: url("../img/abt2.jpg");
    height: 622px;
    background-size: cover;
}

.soft-bg-1 {
    background: url("../img/abt1.jpg");
    height: 622px;
    background-size: cover;
}

.col-float {
    margin: auto;
    float: none;
    text-align: center;
}

.text-left {
    text-align: left !important;
}
/*.content-soft h2, .content-soft-0 h2, .content-soft-1 h2, .content-soft-2 h2, .content-soft-3 h2    {
    margin-top: 35px;
}*/
.aboutpage .content-soft {
    padding: 170px 110px 170px 50px;
}

.aboutpage .content-soft-right {
    padding: 170px 110px 170px 70px;
}

.content-soft-0 {
    padding: 162px 135px;
}

.content-soft-1 {
    padding: 105px 135px;
}

.content-soft-2 {
    padding: 112px 135px;
}

.content-soft-3 {
    padding: 110px 135px;
}

.team p {
    width: 800px;
    margin: auto;
    margin-bottom: 60px;
}

.team-img-0 {
    background: url("../img/team1.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-1 {
    background: url("../img/team2.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-2 {
    background: url("../img/team3.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-3 {
    background: url("../img/team4.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-4 {
    background: url("../img/team5.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-5 {
    background: url("../img/team6.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.team-img-6 {
    background: url("../img/team7.jpg");
    height: 320px;
    background-size: cover;
    background-position: center;
}

.padding-10 {
    padding: 10px;
}

.studies-about {
    background: url("../img/bag-parallax-img.jpg");
    padding: 100px 0 100px 0px;
    background-attachment: fixed;
    position: relative;
}

.overlay-about {
    background: linear-gradient(-45deg, #fed6e3, #a8edea);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0.9;
}

.layer-about {
    z-index: 1;
}

.prog-more .button {
    margin: 25px 0;
}

.devider {
    width: 1px;
    height: 70%;
    background: #fffc;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translatey(-50%);
}

.layer-about {
    z-index: 1;
    padding: 0 90px;
    text-align: center;
}

    .layer-about .about-footer {
        display: inline-block;
    }

.ind-footer {
    margin-right: 10px;
}

.layer-about .button-or:hover {
    color: #f9b719;
}

.hover-name {
    background: #000;
    width: 93%;
    opacity: 0;
    height: 0px;
    position: absolute;
    bottom: 10px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.team-img:hover .hover-name {
    height: 85px;
    padding: 20px;
    opacity: 1;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.team-img:hover .pos-hover {
    opacity: 1;
    transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
}

.offset-1 {
    margin-left: 13%;
}

.pos-hover {
    position: absolute;
    bottom: 30px;
    left: 0;
    opacity: 0;
    right: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.white {
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
}

.team-wrapper {
    background: #f8f8f8;
}
/*******Industry Page*********/
.industrypage-banner {
    background: url("../img/website/adh-1920x1080.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.daburpage-banner {
    /*background: url("../img/website/dabur-1920x1080.jpg");*/
    height: auto;
    position: relative;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: top center !important;
}

.adh-banner {
    background: url("../img/website/adh-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.hommade-banner {
    background: url("../img/website/hommade-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.honitus-banner {
    background: url("../img/website/honitus-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.meswak-banner {
    background: url("../img/website/meswak-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakash-banner {
    background: url("../img/website/aakash-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.women-banner {
    background: url("../img/website/women-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.djk-banner {
    background: url("../img/website/djk-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.footons-banner {
    background: url("../img/website/footons-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.mediclub-banner {
    background: url("../img/website/mediclub-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.mistaken-banner {
    background: url("../img/website/mistaken-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.oxymen-banner {
    background: url("../img/website/oxymen-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.pride-banner {
    background: url("../img/website/pride-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.uniformhub-banner {
    background: url("../img/website/uniformhub-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.uveda-banner {
    background: url("../img/website/uveda-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


/*******Animation*********/
.real-banner {
    background: url("../img//animation/real-1920x1080.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*******digital*********/
.honitusgdn-banner {
    background: url("../img/digital/honitusgdn-banner-1920.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.almondgdn-banner {
    background: url("../img/digital/almondgdn-banner-1920.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.ashokarishtagdn-banner {
    background: url("../img/digital/ashokarishta-banner.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dashmularishtagdn-banner {
    background: url("../img/digital/dashmularishta-banner.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.hajmolagdn-banner {
    background: url("../img/digital/hajmolagdn-1175.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dabur-hommade-gdn-banner {
    background: url("../img/digital/hommade.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}



/*******endorsement*********/
.sonakshi-banner {
    background: url("../img/endorsement/fem-banner.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.virattvs-banner {
    background: url("../img/endorsement/30.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.toyota-banner {
    background: url("../img/endorsement/toyota.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.viratflying-banner {
    background: url("../img/endorsement/flying.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.viratfastrack-banner {
    background: url("../img/endorsement/fasttrack.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.fairlovely-banner {
    background: url("../img/endorsement/fair lovely.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.rajhans-banner {
    background: url("../img/endorsement/rajnah.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.priyanka-banner {
    background: url("../img/endorsement/Priyanka-Chopra--Xpert.jpg");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*******application*********/

.whsmithapp-banner {
    background: url('../img/application/whsmith/whsmith-app-1920x1080.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashkbc-banner {
    background: url('../img/application/aakash/aakashkbc-banner.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashDFh-banner {
    background: url('../img/application/aakashDFH/deed-for-huminity-pre-like-page.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.aakashpledge-banner {
    background: url('../img/application/aakashpledge/aakash-pledge-page.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*******compaigns*********/

.daburwomencampaings-banner {
    background: url('../img/compaigns/daburwomencampaings/dabur-women2-1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.WHSmithIVD-banner {
    background: url('../img/compaigns/WHSmithIVD/1-18.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.WHSmithIS-banner {
    background: url('../img/compaigns/WHSmithIS/shelfie.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.WHSmithirb-banner {
    background: url('../img/compaigns/WHSmithirb/whsmith-rakshabandhan.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.unwind-banner {
    background: url('../img/compaigns/unwind/unwind.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.daburvatikammo-banner {
    background: url('../img/compaigns/daburvatika/vatika-munafa.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.mahavastu-banner {
    background: url('../img/compaigns/mahavastu/7-1-1175X780.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aaksh-banner {
    background: url('../img/compaigns/aaksh/aakash-aytse-campagin-desktop.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashsatyamevjayate-banner {
    background: url('../img/compaigns/aakashsatyamevjayate/satyemev-jayate-campagin-1175X780.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashindependenceday-banner {
    background: url('../img/compaigns/aakashindependenceday/Aakash-Independence-Day1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashgosf-banner {
    background: url('../img/compaigns/aakashgosf/aakash-gosf-campagin-desktop.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashbt-banner {
    background: url('../img/compaigns/aakashbt/bilogy-trivia.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakashanthe-banner {
    background: url('../img/compaigns/aakashanthe/1-6-1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.sadgc-banner {
    background: url('../img/compaigns/sadgc/desktop-1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.maakadulaar-banner {
    background: url('../img/compaigns/maakadulaar/dular.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.adhcampaign-banner {
    background: url('../img/compaigns/adhcampaign/1-29.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*************************content*******************************/

.fysk-banner {
    background: url('../img/content/fysk/hot-sip.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.falling-sick-this-monsoon-banner {
    background: url('../img/content/falling-sick-this-monsoon/hot-sip.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.protect-your-family-monsoon-banner {
    background: url('../img/content/protect-your-family/9-madhuvani.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.pediatrician-banner {
    background: url('../img/content/pediatrician/cough-syrup.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.cold-remedies-banner {
    background: url('../img/content/cold-remedies/cough-drops.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.safe-from-cough-syrups-banner {
    background: url('../img/content/safe-from-cough-syrups/cough-syrup.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.healthy-glowing-skin-banner {
    background: url('../img/content/healthy-glowing-skin/Chemical1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.glowing-youthful-skin-banner {
    background: url('../img/content/glowing-youthful-skin/Youthful.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.overnight-face-masks-banner {
    background: url('../img/content/overnight-face-masks/Masks.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.blackhead-removal-banner {
    background: url('../img/content/blackhead-removal/Blackheads1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.clear-lowing-skin-banner {
    background: url('../img/content/clear-lowing-skin/yoga1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.remedies-for-hair-skin-banner {
    background: url('../img/content/remedies-for-hair-skin/Banana1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.use-glycerin-effectively-banner {
    background: url('../img/content/use-glycerin-effectively/Winter1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.use-coconut-oil-this-winter-banner {
    background: url('../img/content/use-coconut-oil-this-winter/coconut1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.tips-to-pamper-your-skin-and-hair-with-honey-banner {
    background: url('../img/content/tips-to-pamper-your-skin-and-hair-with-honey/pamper1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.home-remedies-and-tips-for-hair-fall-banner {
    background: url('../img/content/home-remedies-and-tips-for-hair-fall/Hairf.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.losing-your-hair-banner {
    background: url('../img/content/losing-your-hair/Losing.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.beat-hair-fall-banner {
    background: url('../img/content/beat-hair-fall/Amazing1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.fix-your-hair-fall-problems-banner {
    background: url('../img/content/fix-your-hair-fall-problems/Vitamins1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.causes-excessive-hair-banner {
    background: url('../img/content/causes-excessive-hair/Causes.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.tips-for-soft-hydrated-hair-banner {
    background: url('../img/content/tips-for-soft-hydrated-hair/Hydrated1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.stages-of-tooth-decay-banner {
    background: url('../img/content/stages-of-tooth-decay/tooth-decay.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.amla-oil-the-magical-oil-banner {
    background: url('../img/content/amla-oil-the-magical-oil/magical1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.fed-up-with-hair-fall-banner {
    background: url('../img/content/fed-up-with-hair-fall/hair-fall1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.stomach-disorder-banner {
    background: url('../img/content/stomach-disorder/bad-breath.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.get-healthy-shiny-hair-banner {
    background: url('../img/content/get-healthy-shiny-hair/shiny-hair1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.amla-home-remedies-banner {
    background: url('../img/content/amla-home-remedies/avla.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.symptoms-and-prevention-for-gingivitis-banner {
    background: url('../img/content/symptoms-and-prevention-for-gingivitis/gingivitis.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.top-natural-remedies-banner {
    background: url('../img/content/top-natural-remedies/receding-gums.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.what-causes-gums-to-bleed-banner {
    background: url('../img/content/what-causes-gums-to-bleed/gums-to-bleed-while-brushing.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.why-are-children-prone-banner {
    background: url('../img/content/why-are-children-prone/children-prone-to-tooth-decay.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.home-remedies-to-stop-bad-breath-banner {
    background: url('../img/content/home-remedies-to-stop-bad-breath/dat1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.baby-tooth-decay-causes-banner {
    background: url('../img/content/baby-tooth-decay-causes/dan1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.primary-causes-of-tooth-banner {
    background: url('../img/content/primary-causes-of-tooth/dantal1.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.ways-to-prevent-sore-throat-banner {
    background: url('../img/content/ways-to-prevent-sore-throat/cough-drops.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.cough-cold-symptoms-treatments-banner {
    background: url('../img/content/cough-cold-symptoms-treatments/9-madhuvani.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.a-guide-to-fight-against-gum-banner {
    background: url('../img/content/a-guide-to-fight-against-gum/dantal1-1-900x500.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*************videos*****************/

.ab-daudega-hindustan-banner {
    background: url("https://i.ytimg.com/vi_webp/CmTw1orukEQ/hqdefault.webp");
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.karbonn-banner {
    background: url('../img/videos/Karbonn/karban.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*************social-media*****************/


.bumble-bees-banner {
    background: url('../img/socialmedia/bumble-bees/1-30.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.lamborghini-banner {
    background: url('../img/socialmedia/lamborghini/4-9.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.whsmith-india-banner {
    background: url('../img/socialmedia/whsmith-india/1-50.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.shiromani-akali-dal-banner {
    background: url('../img/socialmedia/shiromani-akali-dal/1-49.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dabur-hommade-banner {
    background: url('../img/socialmedia/dabur-hommade/1-34.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.aston-martin-banner {
    background: url('../img/socialmedia/aston-martin/1-48.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakash-social-media-banner {
    background: url('../img/socialmedia/aakash-social-media/3-20.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.ab-daudega-hindustan-social-banner {
    background: url('../img/socialmedia/ab-daudega-hindustan-social/3-15.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.unwind-social-media-banner {
    background: url('../img/socialmedia/unwind-social-media/3-21.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/*********print**********/

.unwind-presentation-banner {
    background: url('../img/printmedia/unwind-presentation/27.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.shantivijay-jewellers-banner {
    background: url('../img/printmedia/shantivijay-jewellers/1-23.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dabur-activ-blood-purifier-banner {
    background: url('../img/printmedia/dabur-activ-blood-purifier/2-15.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.whsmith-india-tent-card-banner {
    background: url('../img/printmedia/whsmith-india-tent-card/whsmith-tent.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.aakash-tent-card-banner {
    background: url('../img/printmedia/aakash-tent-card/aakash-tent.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.dgk-banner {
    background: url('../img/printmedia/dgk/1-12.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.almond-shampoo-banner {
    background: url('../img/printmedia/almond-shampoo/200-ml-tray.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.ab-daudega-hindustan-printmedia-banner {
    background: url('../img/printmedia/ab-daudega-hindustan-printmedia/2-3.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.adara-banner {
    background: url('../img/printmedia/adara/1-8.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.all-logos-banner {
    background: url('../img/printmedia/all-logos/adara.jpg');
    height: auto;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}


.overlay-ind-landing {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}

.industrypage-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 58%;
    text-align: center;
    color: #fff;
    z-index: 1;
    transform: translatey(-50%);
}

.ind-img {
    background: url("../img/sr1.jpg");
    background-size: cover;
    padding: 0;
}

.ind-img1 {
    background: url("../img/sr2.jpg");
    background-size: cover;
    padding: 0;
}

.ind-img2 {
    background: url("../img/sr3.jpg");
    background-size: cover;
    padding: 0;
}

.ind-img3 {
    background: url("../img/sr4.jpg");
    background-size: cover;
    padding: 0;
}

.ind-img4 {
    background: url("../img/sr5.jpg");
    background-size: cover;
    padding: 0;
}

.ind-img5 {
    background: url("../img/sr6.jpg");
    background-size: cover;
    padding: 0;
}

.white-bg {
    background: #fff;
    padding: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.grey-bg {
    background: #f9f9f9;
    padding: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.white-bg:hover {
    background: rgba(255,255,255, 0.7);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.white-bg p {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.white-bg:hover p {
    color: #000;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.industry-content {
    background: #f9f9f9;
    padding: 100px 0;
}

.bg-ind-content h3 {
    color: #000;
    font-size: 32px;
    font-weight: 400;
}

.bg-ind-content {
    padding: 85px 65px;
    height: 555px;
}

    .bg-ind-content a {
        position: absolute;
        bottom: 80px;
        display: inline-block;
        font-size: 16px;
        color: #d9b40d;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.white-bg:hover a, .grey-bg:hover a {
    color: #000;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.grey-bg:hover {
    background: rgba(255,255,255, 0.7);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.grey-bg p {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.grey-bg:hover p {
    color: #000;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.activate a, .actives.act a, .panel-title > a:hover {
    color: #de1b31 !important;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

/*******contact pages*********/
.contact-banner {
    background: url("../img/Contact-Us.jpg");
    height: 680px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .contact-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 50%;
        text-align: center;
        color: #fff;
        z-index: 1;
        transform: translatey(-50%);
    }

.contact-col h4 {
    color: #000;
    margin-bottom: 20px;
    font-weight: 400;
}

.contact-con {
    padding: 65px 14px 35px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: -115px;
    background: #f9f9f9;
}

    .contact-con a {
        display: block;
        color: #777777;
        font-size: 16px;
        margin-bottom: 30px;
    }

.fax {
    margin-top: 30px;
}

#map {
    width: 100%;
    height: 325px;
}

.map iframe {
    width: 100%;
    height: 325px;
}

.map-farm {
    padding: 100px 0;
}

    .map-farm .modal-body {
        padding: 0;
    }

        .map-farm .modal-body .form-group {
            margin: 0 0 20px 0px;
        }

        .map-farm .modal-body .form-control {
            height: 55px;
            width: 460px !important;
        }

    .map-farm .drop-angle {
        right: 45px;
        line-height: 2.35;
    }

.form-padding {
    padding: 0px 0 75px 15px;
}

.button-top-mar {
    margin-top: 30px;
}

.map-farm .modal-body {
    padding: 0 15px;
}

.map-farm p {
    margin: 30px 0 50px 0px;
}


/*******news and events landing Page*********/

.newslanding-banner {
    background: url("../img/case-baner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .newslanding-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 58%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.newsevent-box h4 {
    color: #000;
    font-weight: 400;
    margin-top: 45px;
    line-height: 1.3;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}

.news-content {
    background: #f9f9f9;
    padding: 100px 0;
}

.newsevent-box {
    background: #fff;
    height: 440px;
    padding: 55px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .newsevent-box:hover {
        background: #d9b40d;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

        .newsevent-box:hover h2, .newsevent-box:hover a, .newsevent-box:hover h4, .newsevent-box:hover .title-right, .newsevent-box:hover .title-left {
            color: #fff;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
        }

.title-right {
    font-size: 16px;
    font-weight: 400;
    color: #b0b0b0;
}

.title-left {
    font-size: 16px;
    font-weight: 400;
    color: #262525;
    float: right;
}

.newsevent-box a {
    color: #d9b40d;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    bottom: 70px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}


/*******case landing Page*********/

.caselanding-banner {
    background: url("../img/case-banner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .caselanding-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 58%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.bg-case {
    background: url("../img/cs1.jpg");
    background-size: cover;
    height: 310px;
}

.bg-case1 {
    background: url("../img/cs2.jpg");
    background-size: cover;
    height: 310px;
}

.bg-case2 {
    background: url("../img/cs3.jpg");
    background-size: cover;
    height: 310px;
}

.bg-case3 {
    background: url("../img/cs4.jpg");
    background-size: cover;
    height: 310px;
}

.case-head {
    font-size: 24px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .case-head:hover, .case-head:active, .case-head:focus {
        color: #d9b40d;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.case-button {
    margin-top: 105px;
}

.caselamding-content {
    background: #f9f9f9;
    padding: 100px 0;
}

.case-con {
    height: 310px;
    padding: 40px 45px;
    background: #fff;
}

.top-65 {
    margin-top: 45px;
}

.case-pagination {
    text-align: center;
    padding: 100px 0 0 0;
}

    .case-pagination span, .case-pagination a {
        margin-right: 12px;
        font-weight: bold;
        border-radius: 50px;
        background: transparent;
        width: 40px;
        height: 40px;
        display: inline-block;
        line-height: 3;
        cursor: pointer;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

    .case-pagination a {
        color: #000;
    }

        .case-pagination a:hover, .case-pagination a:active, .case-pagination a:focus {
            color: #000;
        }

.active-page {
    background: #d9b40d !important;
}

.case-pagination span:hover, .case-pagination span:active, .case-pagination span:focus {
    background: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
/*******FaqsPage*********/

.faq-banner {
    background: url("../img/faq.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .faq-banner h1 {
        position: relative;
        width: 800px;
        margin: auto;
        top: 58%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.faq-wrapper {
    background: #f8f8f8;
    padding: 100px 0;
}

.faq-box h4 {
    color: #d9b40d;
    margin: 0 0 15px;
}

.panel-group {
    margin-bottom: 0px;
}

.faq-box {
    padding: 40px 60px 25px;
    background: #fff;
}

.panel-title {
    font-size: 20px;
    font-weight: 400;
    color: #262525;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.panel-default > .panel-heading {
    color: transparent;
    padding: 10px 0px;
    background-color: transparent;
    border: none !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: none;
    padding: 5px 0px 0px 0;
}

.margin-acco {
    margin: 15px 0;
}

.panel-group .panel + .panel {
    margin-top: 25px;
}

.panel-title > a {
    line-height: 1.5;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

    .activate a, .actives.act a, .panel-title > a:hover {
        color: #d9b40d !important;
        transition: all 0.6s;
        -webkit-transition: all 0.6s;
    }

.panel-heading span {
    font-size: 30px;
    float: right;
    margin-top: -10px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: rotate(180deg);
}

.actives.act span {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transform: rotate(0deg);
}

.margin-40 {
    margin-top: 25px;
}

.awards-sep {
    height: 1px;
    background: #ebebeb;
    width: 100%;
}

/*******Awards Page*********/

.awardpage-banner {
    background: url("../img/awards-baner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: -95% 330%;
}

    .awardpage-banner h1 {
        position: relative;
        width: 800px;
        margin: auto;
        top: 58%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.awardspage .content-soft {
    padding: 0;
}

.adj-padd {
    padding-left: 80px !important;
    padding-right: 40px !important;
}

.adj-padd1 {
    padding-left: 40px !important;
    padding-right: 80px !important;
}

.awardspage .adj-padd1 {
    padding-right: 0px !important;
    padding-left: 60px !important;
}

.awards-inno {
    background: url("../img/logo1.jpg");
    height: 214px;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.awards-inno1 {
    background: url("../img/logo2.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno2 {
    background: url("../img/logo3.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno3 {
    background: url("../img/logo4.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno4 {
    background: url("../img/logo5.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno5 {
    background: url("../img/logo5.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno6 {
    background: url("../img/logo6.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-inno7 {
    background: url("../img/logo5.jpg");
    height: 214px;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.awards-head h4 {
    color: #000;
    margin-top: 0;
}

.awards-top {
    padding: 100px 0 80px 0;
}

.awards-bottom {
    padding: 80px 0 100px 0;
}

.awards-padding {
    padding: 80px 0;
}

.padd-bottom {
    padding-bottom: 100px;
}

.awards-sep {
    height: 1px;
    background: #ebebeb;
    width: 100%;
}


/*******Journey page*********/

.index_4 .image_wrap .overlay {
    background: #000 none repeat scroll 0 0;
    height: 950px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    width: 100%;
}

#parallaxBlock1 .container {
    position: relative;
    height: 100%;
}

#parallaxBlock1 .cont_cell {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 560px;
}

#parallaxBlock3 .container {
    position: relative;
    height: 100%;
}

#parallaxBlock3 .cont_cell {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 560px;
}

#parallaxBlock2 .container {
    position: relative;
    height: 100%;
}

#parallaxBlock2 .cont_cell {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    width: 560px;
    text-align: left;
}

.home_5 .more .more_anchor > a:hover::after, .home_5 .more .more_anchor > a:focus::after, .home_5 .more .more_anchor.active a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0.5%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 100px;
}

.home_5 .more .more_anchor > a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 0.5%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}

.viewall.more {
    margin: 30px 15px;
    position: relative;
    width: auto;
    text-align: right;
}

.home_5 .viewall.more .more_anchor > a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 74%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 0;
}

.home_5 .viewall.more .more_anchor > a:hover::after, .home_5 .viewall.more .more_anchor > a:focus::after, .home_5 .viewall.more .more_anchor.active a::after {
    background-color: #2a40d2;
    bottom: -3px;
    content: "";
    height: 1px;
    left: 74%;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    width: 130px;
}

#parallaxBlock4 .container {
    position: relative;
    height: 100%;
}

#parallaxBlock5 .container {
    position: relative;
    height: 100%;
}

#parallaxBlock4 .cont_cell {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    width: 560px;
    text-align: left;
}

.index_4 #parallaxBlock1 {
    background: url("../img/Journey1.jpg");
    background-attachment: fixed;
    background-size: cover;
    height: 950px;
}

.index_4 #parallaxBlock2 {
    background: url("../img/Journey2.jpg");
    background-attachment: fixed;
    background-size: cover;
    height: 950px;
}

.index_4 #parallaxBlock3 {
    background: url("../img/Journey3.jpg");
    background-size: cover;
    background-attachment: fixed;
    height: 950px;
}

.index_4 #parallaxBlock4 {
    background: url("../img/Journey4.jpg");
    background-attachment: fixed;
    background-size: cover;
    height: 950px;
}

.index_4 h2 {
    color: #fff;
    margin: 0 0 20px;
}

.index_4 p {
    color: #fff;
}

.jou-year {
    font-size: 24px;
    color: #f9b719;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 400;
}


/*******product pages*********/

.width-400 {
    width: 400px;
}

.padding-110 {
    padding: 0 110px;
}

.padding-110-both {
    padding: 75px 110px;
}

.prod-baner {
    height: 450px;
    background: url("../img/product-bg.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: 0 830%;
    position: relative;
}

.prod-overlay {
    position: absolute;
    top: 0;
    background: #000;
    opacity: 0.7;
    width: 100%;
    height: 450px;
}

.prod-baner h1 {
    position: absolute;
    top: 60%;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    width: 250px;
    text-align: center;
    transform: translatey(-50%);
}

.prod-first {
    text-align: center;
    padding: 100px 50px;
    background: #f5f5f5;
}

.ul-font {
    font-size: 16px;
    line-height: 1.6;
    color: #606060;
    padding: 10px 0 0 15px;
}

    .ul-font li {
        margin-bottom: 15px;
        padding: 0 20px;
        color: #d9b40d;
        font-family: 'Lato';
    }

.prod-second h1 {
    margin-bottom: 30px;
    color: #000;
}

.padd-100 {
    padding: 75px 0;
}

.padding-product {
    padding: 0px 50px 0px 0px;
}

.padding-product-one {
    padding-top: 70px;
    padding-left: 30px !important;
}

.padding-product-two {
    padding-top: 0px;
    padding-right: 40px;
}

.padding-product-three {
    padding-top: 125px;
    padding-left: 40px !important;
}

.padd-both-three {
    padding: 65px 0;
}

.padding-product-four {
    padding-top: 180px;
    padding-right: 40px;
}

.padd-both-four {
    padding: 55px 0;
}

.padding-product-five {
    padding-top: 190px;
    padding-left: 75px !important;
}

.padding-product-left {
    padding-left: 0px;
}

.padd-both-five {
    padding: 60px 0;
}

.padding-product-village {
    padding: 50px 0;
}

#block-answer {
    margin-top: 20px;
    text-align: center;
}

    #block-answer p {
        font-size: 14px;
        color: red;
    }



/***********************Product Page*********************/

.prodpage-banner {
    background: url("../img/product-banner.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.contentmarkiting-banner {
    background: url("../img/Content-Marketing.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.eventsactivation-banner {
    background: url("../img/Events.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}

.video-banner {
    background: url("../img/video-detail.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}




.advertising-banner {
    background: url("../img/advertising-details.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.sponsorship-banner {
    background: url("../img/sponsorship-details.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.media-banner {
    background: url("../img/media-details.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}

.webdevlopmentservices-banner {
    background: url("../img/webdevlopmentservices-banner.jpg");
    height: 680px;
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.digitalmarketing-banner {
    background: url("../img/digitalmarketing-banner.jpg");
    height: 680px;
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

.prodpage-banner h1 {
    position: relative;
    width: 600px;
    margin: auto;
    top: 50%;
    transform: translatey(-50%);
    text-align: center;
    color: #fff;
    z-index: 1;
}

.width-adj {
    width: 100%;
}

.breadcrumb {
    position: absolute;
    top: 52%;
    background: transparent;
    left: 0;
    right: 0;
    margin: auto;
    width: 400px;
    text-align: center;
    font-size: 15px;
}

    .breadcrumb a {
        color: #9a9a9a;
    }

    .breadcrumb > li + li::before {
        padding: 0 5px;
        color: #9a9a9a;
        content: "/\00a0";
    }

    .breadcrumb > .active {
        color: #262525;
    }

.off-white {
    background: #f9f9f9;
}

.padd-both {
    padding: 100px 0 65px 0;
}

.padd-both-sec {
    padding: 60px 0 60px 0;
}

li span {
    color: #333;
}



/*******case study final pages*********/
.casefinal-banner {
    background: url("../img/casefinal.jpg");
    height: 940px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    overflow: hidden;
}

.casefinal-banner1 {
    background: url("../img/case-banner1.jpg");
}

.casefinal-banner-next {
    background: url("../images/Banner1.png");
    height: 940px;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

    .casefinal-banner h2, .casefinal-banner-next h2 {
        text-align: center;
        color: #fff !important;
    }

    .casefinal-banner p, .casefinal-banner-next p {
        text-align: center;
        font-size: 16px;
        color: #fff;
        padding: 0px 130px;
    }

.case-pose {
    position: relative;
    top: 50%;
    transform: translatey(-50%);
    padding: 0 75px;
    z-index: 1;
}

.case-benefits {
    padding: 95px 0 80px;
}

.float-rel {
    position: relative;
}

.bene-width {
    width: 640px;
}

    .bene-width li {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 20px;
        padding: 0 15px;
        color: #d9b40d;
    }

    .bene-width ul {
        padding: 0px 15px;
    }

.approach-width {
    width: 640px;
    position: relative;
    z-index: 1;
}

    .approach-width h2, .approach-width p {
        color: #fff;
    }

.case-approach {
    padding: 95px 0 85px;
    background: url("../img/approach.jpg");
    position: relative;
    background-attachment: fixed;
}

.case-approach1 {
    background: url("../img/approach1.jpg");
    position: relative;
    background-attachment: fixed;
}

.overlay-app {
    position: absolute;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.case-challenge {
    background: #f7f7f7;
    padding: 95px 0 75px;
}

    .case-challenge ul {
        margin-top: 35px;
    }

.case-intro {
    padding: 95px 0px 80px;
}

.float-navigation {
    width: 370px;
    height: 230px;
    position: relative;
    float: right;
    right: 18%;
    z-index: 10;
}

.inner-nav {
    background: #fbfbfb;
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 30px;
}

.border-top {
    border-top: 14px solid #d9b40d;
}

.border-bottom {
    border-bottom: 6px solid #e1e1e1;
}

.inner-nav i {
    font-size: 22px;
    color: #d7d7d7;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.inner-nav p {
    display: inline-block;
    margin-left: 30px;
    margin-bottom: 0px;
    color: #000;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.inner-nav:hover i, .inner-nav:hover p {
    color: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.casefinalpage .active i, .active p {
    color: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.bottom-info {
    padding: 0;
    position: absolute;
    z-index: 1;
}

    .bottom-info p {
        padding: 0;
        text-align: left;
    }

.cont-info {
    position: absolute;
    width: 1170px;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    bottom: 200px;
}

.bottom-info h3 {
    color: #fff;
    font-size: 24px;
}

.bottom-info a {
    color: #d9b40d;
    margin-top: 15px;
    font-weight: 400;
    display: inline-block;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .bottom-info a:hover {
        color: #fff;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.casefinal-nav .ind-prev a:hover, .casefinal-nav .ind-next a:hover {
    color: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.casefinal-nav {
    position: relative;
    z-index: 1;
    top: 32%;
}

    .casefinal-nav .ind-prev {
        top: 45%;
    }

    .casefinal-nav .ind-next {
        top: 45%;
    }



/*******industry details pages*********/
.indpage-banner {
    background: url("../img/industry-banner.jpg");
    height: 680px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.indpage-banner-ser {
    background: url("../img/ser-banner.jpg");
    height: 680px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.indpage-banner-next {
    background: url("../img/ser-banner.png");
    height: 680px;
    position: relative;
    background-attachment: fixed;
}

    .indpage-banner h1, .indpage-banner-next h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 50%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.inddetailpage .soft-sol {
    padding: 100px 0;
    overflow: hidden;
}

.inddetailpage .soft-zero {
    padding-top: 0;
}

.ind-bg {
    background: url("../img/services2.jpg");
    height: 610px;
    background-size: cover;
}

.ind-bg-ser {
    background: url("../img/ser1.jpg");
}

.ind-bg-1 {
    background: url("../img/services1.jpg");
    height: 610px;
    background-size: cover;
}

.ind-bg-ser1 {
    background: url("../img/ser2.jpg");
}

.content-ind {
    padding: 20px 80px 0 15px;
}

.content-ind-1 {
    padding: 50px 15px 0px 65px;
}

    .content-ind-1 li {
        font-size: 16px;
        line-height: 1.9;
        margin-left: 20px;
        padding-left: 20px;
        color: #d9b40d;
    }

li span {
    color: #333;
}

.ind-farm-text h3 {
    margin: 0;
    line-height: 1.3;
    color: #002056;
}

.ind-farm-text {
    background: #f9f9f9;
    padding: 110px;
    text-align: center;
}

.inddetailpage .layer-about .button-or {
    margin: 10px;
}

.ind-prev {
    position: fixed;
    top: 40%;
    width: 0;
    z-index: 2;
    border-radius: 50px;
    left: -45px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .ind-prev:hover {
        background: #fff;
        width: 185px;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.ind-next {
    position: fixed;
    top: 40%;
    width: 0;
    z-index: 2;
    border-radius: 50px;
    right: -45px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .ind-next:hover {
        background: #fff;
        width: 185px;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.ind-prev a {
    font-size: 42px;
    padding-left: 40px;
    padding-right: 40px;
    color: #d9b40d;
    position: relative;
    left: 25px;
    display: inline-block;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.ind-next a {
    font-size: 42px;
    color: #d9b40d;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    right: 120px;
    display: inline-block;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.ind-prev:hover a {
    color: #fff;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.ind-next:hover a {
    color: #fff;
    right: -65px;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.ind-prev span {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    opacity: 0;
    width: 85px;
    left: 70px;
    top: 20px;
    color: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ind-next span {
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 85px;
    color: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.ind-prev:hover span {
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}

.ind-next:hover span {
    opacity: 1;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}


/*******Blog Page*********/

.blog-banner {
    background: url("../img/case-baner.jpg");
    height: 430px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

    .blog-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 50%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.bg-blog {
    background: url("../img/ind-hover2.jpg");
    background-size: cover;
    height: 300px;
}

.bg-blog1 {
    background: url("../img/ind-hover.jpg");
    background-size: cover;
    height: 300px;
}

.bg-blog2 {
    background: url("../img/ind-hover1.jpg");
    background-size: cover;
    height: 300px;
}

.bg-blog3 {
    background: url("../img/ind-hover3.jpg");
    background-size: cover;
    height: 300px;
}

.blog-con {
    background: #fff;
    padding: 40px 45px;
}

    .blog-con .highlights_txt {
        padding: 8px 0px 17px;
    }

    .blog-con .case-head {
        margin-bottom: 15px;
    }


/*******Partnership Program pages*********/
.partnership-banner {
    background: url("../img/partnershipprog.jpg");
    height: 680px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}

    .partnership-banner h1 {
        position: relative;
        width: 600px;
        margin: auto;
        top: 50%;
        transform: translatey(-50%);
        text-align: center;
        color: #fff;
        z-index: 1;
    }

.content-soft li, .content-soft-0 li, .content-soft-1 li, .content-soft-2 li, .content-soft-3 li {
    font-size: 16px;
    line-height: 1.9;
    margin-left: 20px;
    padding-left: 20px;
    color: #d9b40d;
}

.prog-bg {
    background: url("../img/abt2.jpg");
    height: 690px;
    background-size: cover;
}

.prog-bg-1 {
    background: url("../img/abt1.jpg");
    height: 690px;
    background-size: cover;
}

.prog-bg-2 {
    background: url("../img/abt2.jpg");
    height: 690px;
    background-size: cover;
}

.prog-bg-3 {
    background: url("../img/abt1.jpg");
    height: 690px;
    background-size: cover;
}



/*******Project Details*********/
.serv_proj3 {
    font-size: 18px;
    font-weight: 100;
    margin-right: 30px;
    text-transform: capitalize;
    font-family: 'Lato';
}

.serv_year {
    font-size: 14px;
    font-weight: 400;
    margin-right: 60px;
    float: left;
    text-transform: capitalize;
}

.serv_soc {
    font-size: 14px;
    font-weight: 400;
    margin-right: 50px;
    float: left;
    text-transform: capitalize;
}

.serve-bottom {
    margin-bottom: 10px;
}

.serv_social {
    display: inline-block;
}

    .serv_social li {
        float: left;
        margin-right: 15px;
        list-style: none;
    }

.serv_top {
    padding-top: 160px;
}

.year_padding {
    padding-bottom: 30px;
}

.row.serve_share {
    border-top: 1px solid #E7EDF7;
    padding-top: 30px;
}

.serv_social li a {
    color: #262a2b;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .serv_social li a:hover {
        color: #d9b40d;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.serv1_proj3 {
    color: #878b92;
    font-family: 'Lato';
}

.project-padding {
    padding: 80px 20px 70px 0;
}

    .project-padding ul a {
        color: #d9b40d;
    }

    .project-padding p a {
        color: #d9b40d;
    }

.full_width_image {
    margin: 30px 0 30px 0;
}

.project-detail .button--border-medium {
    border: 2px solid #d9b40d;
    color: #d9b40d;
    margin: 30px 25px 100px 20px;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 400;
}

    .project-detail .button--border-medium:hover {
        border: 2px solid #000;
        color: #000;
    }

.main-portfolio {
    float: right;
    margin: 48px 30px 0 0;
    color: #d9b40d;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    font-family: 'Lato';
}

    .main-portfolio:hover {
        color: #000;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.project_6 {
    padding: 100px;
    text-align: center;
}

    .project_6 h1 {
        font-size: 50px;
        font-weight: 400;
        margin: 0 0 20px;
        text-transform: uppercase;
    }

.full_project6 {
    height: 630px;
    overflow: hidden;
}

.background_project6 {
    background: #d9b40d none repeat scroll 0 0;
    padding: 70px;
}

.col-md-4.image_paddi {
    padding: 70px;
}

.image_paddi img, .project6_man img {
    width: 100%;
}

.heading_project6 {
    color: #fff;
    margin: 30px 0;
    text-align: center;
    font-weight: 400;
}

    .heading_project6 > h4 {
        font-weight: 400;
    }

.back-Proj6 {
    background: rgba(0, 0, 0, 0) url("../img/project6_back.jpg") no-repeat fixed 0 0 / cover;
    height: 750px;
}

.project6_man {
    margin: auto;
    width: 625px;
}

.man_padding {
    padding: 100px 0 0;
}

.home_8 .highlights_txt {
    padding: 10px 15px;
}


/*******Blog Details*********/


.blog-content_detailed_1 {
    background: url("../img/Image_Main.jpg");
    background-size: cover;
}

.blog-size {
    height: 350px;
}

.circle-sidebar {
    background: url("../img/Profile_Image.jpg");
    border-radius: 100px;
    height: 130px;
    margin: auto;
    width: 130px;
}

.sidebar-about {
    border-bottom: 1px solid;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0 25px;
    margin-bottom: 30px;
    text-align: center;
}

.text-align-sidebar {
    text-align: center;
    margin: 20px 0px 20px 0px;
}

.font-margin-side.social-left-margin {
    margin-right: 65px;
}

.social-side li {
    float: left;
    font-size: 35px;
    list-style: none;
}

.social-side a {
    color: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .social-side a:hover {
        color: #7f97ef;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.rated_products_block {
    display: inline-block;
    width: 100%;
    margin-top: 75px;
}

.bottom-border-like {
    padding-top: 95px;
    padding-bottom: 10px;
}

#sidebar h5 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    color: #000;
    padding: 0 0 30px 0;
    position: relative;
}

    #sidebar h5::after {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #000;
        width: 100%;
        height: 1px;
        content: '';
    }

.top-products {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.rated_products_block ul {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}

    .rated_products_block ul li {
        padding: 0 0 20px;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5em;
    }

.latest-right h6 {
    color: #000;
    font-size: 18px;
}

.latest-right h4 {
    margin: 0;
}

.heading-blog h5 {
    color: #333;
    transition: all 0.3s ease-in-out 0s;
}

.top-tag {
    margin-top: 70px;
}

.tag-list {
    margin-top: 30px;
    padding: 0;
}

    .tag-list > li {
        float: left;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
        list-style: none;
        margin: 10px 22px 0 0;
    }

    .tag-list a {
        color: #000;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.li-margin-tag a {
    color: #000;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .li-margin-tag a:hover, .tag-list a:hover {
        color: #d9b40d;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.rated_products_block ul {
    display: inline-block;
    width: 100%;
    padding: 30px 0 0 0;
}

    .rated_products_block ul li {
        padding: 0 0 15px;
        width: 100%;
        display: inline-block;
        overflow: hidden;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5em;
    }

.blog-heading {
    font-weight: 400;
    margin: 35px 0 15px;
}

blockquote {
    border-left: 2px solid;
    font-size: 16px;
    padding: 5px 0 5px 25px;
    margin: 25px 0 25px 0px;
}

.blog_detail_main .post_share-tags {
    padding-bottom: 30px;
    border-bottom: solid 1px #000;
    overflow: hidden;
    clear: both;
}

    .blog_detail_main .post_share-tags .social_links {
        float: right;
        margin-top: 15px;
        text-align: right;
    }

    .blog_detail_main .post_share-tags .tags {
        float: left;
        max-width: 50%;
        margin-top: 15px;
    }

        .blog_detail_main .post_share-tags .tags h5, .social_links h5 {
            color: #000;
        }

        .blog_detail_main .post_share-tags .tags li {
            display: block;
            float: left;
            margin-right: 17px;
            line-height: 16px;
        }

.social_links li {
    float: left;
    list-style: none;
}

.social_links a {
    color: #000;
    font-size: 20px;
    margin-left: 40px;
    transition: all 0.3s ease-in-out 0s;
}

.blog_detail_main .post_share-tags .tags li a {
    color: #000;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    transition: all 0.3s ease-in-out 0s;
}

.pagination-div {
    padding-top: 30px;
}

.blog_detail_main .comments_main {
    position: relative;
    width: 100%;
    margin-top: 52px;
    padding-bottom: 35px;
    clear: both;
}

    .blog_detail_main .comments_main h6 {
        color: #000;
        font-weight: 400;
        margin-bottom: 40px;
        text-transform: capitalize;
    }

    .blog_detail_main .comments_main .comment_box .user-avtaar {
        float: left;
    }

    .blog_detail_main .comments_main .comment_box .user_info {
        padding-left: 22px;
        overflow: hidden;
    }

.comment-p {
    padding-left: 86px;
}

.blog_detail_main .comments_main .comment_box {
    border-bottom: 1px solid;
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}

    .blog_detail_main .comments_main .comment_box.inner_comment {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 100px;
    }

.comment_box.last-comment {
    border-bottom: medium none !important;
    padding-top: 30px;
}

.blog-comment {
    padding: 0;
    width: 100%;
}

    .blog-comment .form-group {
        margin: 0px 20px 20px 0px;
    }

    .blog-comment .form-control {
        height: 50px;
        border-radius: 0px;
        padding: 0 30px;
        background: #e6e6e6;
        opacity: 0.65;
        border: none;
        width: 100% !important;
    }

    .blog-comment .textarea {
        height: 150px;
    }

.blogdetails h3 {
    color: #000;
}

.comment-p a {
    font-size: 16px;
    color: #d9b40d;
    font-weight: 400;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .comment-p a:hover {
        color: #7f97ef;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

.pagination-div a {
    font-size: 16px;
    font-weight: 400;
    color: #d9b40d;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

    .pagination-div a:hover {
        color: #7f97ef;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
    }

    .pagination-div a:last-child {
        float: right;
    }

.blog_detail_main {
    padding-right: 30px;
}

#instafeed {
    width: 100%;
}

    #instafeed a {
        display: block;
        float: left;
        position: relative;
        width: 30.56%;
        margin: 5px;
    }

        #instafeed a img {
            display: block;
            width: 100%;
            height: 100%;
        }


/*******Responsive query*********/

@media only screen and (max-width: 1680px) {
    .product-text-wrap {
        padding: 80px 80px;
    }

    .blog-bg {
        padding: 90px 30px;
    }

    .width-480 {
        width: 500px;
    }

    .text-wrap {
        padding: 40px 40px;
    }

        .text-wrap .button-or {
            right: 30px;
        }

    .content-soft {
        padding: 85px 100px;
    }
}

@media only screen and (max-width: 1550px) {
    .pad-bottom {
        padding-bottom: 85px;
    }

    #home h1 {
        font-size: 28px;
    }

    h3 {
        font-size: 16px;
    }

    .product-text-wrap {
        padding: 80px 50px;
    }

    .content-soft {
        padding: 85px 70px;
    }

    .aboutpage .content-soft {
        padding: 145px 110px 170px 50px;
    }

    .aboutpage .content-soft-right {
        padding: 145px 110px 170px 70px;
    }
}

@media only screen and (max-width: 1366px) {
    .pre-loader-anim {
        left: -0%;
    }

    .product-text-wrap {
        padding: 80px 45px;
    }

    .blog-box {
        padding: 20px;
    }

    .pad-bottom {
        padding-bottom: 65px;
    }

    #home h1 {
        font-size: 50px;
    }

    h3 {
        font-size: 30px;
    }

    .carousel-inner h3 {
        width: 1000px;
        line-height: 1.5;
    }

    #services-section .owl-prev {
        left: 12px;
        font-size: 26px;
    }

    #services-section .owl-next {
        right: 12px;
        font-size: 26px;
    }

    .industry-img img {
        width: 100%;
    }

    .farm-product .button-or {
        left: 12%;
    }

    .content-soft {
        padding: 70px 70px;
    }

    .hover-name {
        width: 94%;
    }

    .aboutpage .content-soft {
        padding: 135px 70px 135px 50px;
    }

    .aboutpage .content-soft-right {
        padding: 120px 110px 140px 70px;
    }

    #portfolio-wrap {
        margin: auto;
    }

    .prot-withname .work-section .grid-item a span {
        top: 80% !important;
    }

    .prot-withname .item-content {
        height: 75%;
    }

    .prot-withname .work-section .col-md-4 .grid-item div::before, .prot-withname .work-section .col-md-6 .grid-item div::before, .prot-withname .work-section .grid-item a::before {
        height: 76.6%;
    }

    .full_project6 {
        height: 450px;
    }

    .ind-next {
        top: 50%;
    }

    .ind-prev {
        top: 50%;
    }
}

@media only screen and (max-width: 1280px) {
    #home h1 {
        font-size: 24px;
    }

    .farm-product .button-or {
        top: 82%;
    }

    .width-480 {
        width: 460px;
    }

    .aboutpage .content-soft {
        padding: 145px 70px 145px 0px;
    }

    .aboutpage .content-soft-right {
        padding: 155px 15px 155px 70px;
    }

    .float-navigation {
        right: 13%;
    }

    .casefinal-banner-next {
        height: 750px;
    }
}

@media only screen and (max-width: 1024px) {
    h2 {
        font-size: 32px;
    }

    .navbar-brand img {
        max-width: 295px;
    }

    .navbar-nav > li > a {
        font-size: 12px;
    }

    .menu-padd {
        padding: 0 20px;
    }

    .carousel-inner h1 {
        width: 600px;
    }

    .carousel-inner h3 {
        width: 600px;
        line-height: 1.5;
    }

    .product-text-wrap {
        padding: 80px 90px;
    }

    .date {
        font-size: 26px;
        top: 220px;
    }

    .blog-bg {
        padding: 75px 15px;
    }

    .form-control {
        height: 60px;
        width: 300px !important;
    }

    .go-button .form-butn {
        width: 60px;
        height: 60px;
        top: -75px;
    }

    .image-wrapeer img {
        width: 80%;
    }

    .text-wrapeer {
        padding: 10px 40px;
        float: none;
    }

    .newslatter {
        padding: 100px 30px;
    }

    .content-soft {
        padding: 55px 20px;
    }

    .carousel-control.left {
        height: 265px;
    }

    .carousel-control.right {
        height: 265px;
    }

    .blog-buttn {
        padding-top: 5px;
    }

    .farm-product .button-or {
        top: 75%;
        left: 19%;
    }

    .industry-text {
        padding-top: 20px;
    }

    .go-button .form-butn {
        top: -60px;
    }

    .about-digital {
        height: 235px;
    }

    .aboutpage .content-soft {
        padding: 115px 70px 115px 0px;
    }

    .aboutpage .content-soft-right {
        padding: 135px 15px 135px 70px;
    }

    .font-margin-side.social-left-margin {
        margin-right: 40px;
    }

    .font-margin-side {
        font-size: 25px;
    }

        .font-margin-side.social-left-margin {
            margin-right: 18px;
        }

    .social_links a {
        color: #000;
        font-size: 20px;
        margin-left: 20px;
    }

    .float-navigation {
        right: 6%;
    }

    .bene-width {
        width: 380px;
    }

    .approach-width {
        width: 340px;
    }

    .map-farm .modal-body .form-control {
        width: 385px !important;
    }

    .prot-withname .work-section .grid-item a span {
        top: 78% !important;
    }

    .work-section .grid-item a span b {
        font-size: 12px;
    }

    .prod-img img {
        width: 100%;
    }

    .full_project6 {
        height: 340px;
    }

    .project_6 {
        padding: 60px;
    }
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 42px;
    }

    .menu-padd {
        padding: 0px 25px;
    }

    .carousel-inner h1 {
        width: 100%;
    }

    .newslatter {
        padding: 50px 30px;
    }

    .go-button .form-butn {
        top: -60px;
        right: 90px;
    }

    .social-icons {
        margin-top: 45px;
    }

    .mob-xs {
        margin-top: 45px !important;
    }

    .part-box {
        background: #fff;
        padding: 30px 25px;
        margin-top: 10px;
        height: 230px;
    }

    #video-section-overlaye {
        margin: 135px 0 0 0;
    }

    .farm-industry {
        padding: 60px 0;
    }

    .about-padd {
        padding: 43px 0px 75px;
    }

    .feature-section {
        padding: 75px 0;
    }

    .work-section {
        padding-top: 75px;
    }

    .team-sec {
        padding: 75px 0 75px 0;
    }

    .client-sp {
        padding: 75px 0;
    }

    .device-xs {
        display: block;
    }

    .device-lg {
        display: none;
    }

    .device-xs.get-intch.button-or {
        position: absolute;
        top: 40px;
        right: 60px;
    }

        .device-xs.get-intch.button-or button {
            margin: 0;
            top: 0;
        }

    .language_bar {
        right: 75px;
    }

    .navbar-toggle {
        margin: 8px 0;
    }

    .close {
        padding: 16px !important;
    }

    .modal-dialog {
        top: 50%;
        width: 465px;
        left: 20%;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .nav.navbar-nav.navbar-right {
        height: 465px;
        background: #fff;
    }

    .navbar-nav > li {
        margin-left: 0px;
    }

        .navbar-nav > li > a {
            padding: 5px 0px 15px;
        }

    .arrow-hover {
        display: none;
    }

    .aboutpage .content-soft {
        padding: 80px 70px 155px 35px;
    }

    .aboutpage .content-soft-right {
        padding: 86px 15px 135px 35px;
    }

    .soft-bg-1 {
        height: 420px;
        margin-top: 45px;
    }

    .soft-bg {
        height: 420px;
    }

    .awardspage .adj-padd1 {
        padding-top: 50px;
    }

    .awards-top {
        padding: 80px 0 60px 0;
    }

    .social-side {
        text-align: center !important;
        float: none;
        width: 200px;
        margin: auto;
    }

    .float-navigation {
        width: 270px;
    }

    .button--size-s {
        font-size: 10px;
    }

    .layer-about {
        padding: 0 5px;
    }

    .faq-banner h1 {
        width: 300px;
    }

    #parallaxBlock1, #parallaxBlock2, #parallaxBlock3, #parallaxBlock4, .index_4 .image_wrap .overlay {
        height: 610px !important;
    }

    .work-section .grid-item a span b {
        font-size: 13px;
    }

    .prot-withname .item-content {
        height: 75%;
    }

    .prot-withname .work-section .col-md-4 .grid-item div::before, .prot-withname .work-section .col-md-6 .grid-item div::before, .prot-withname .work-section .grid-item a::before {
        height: 76.6%;
    }

    .prot-withname .work-section .grid-item a span {
        top: 80% !important;
    }

    .serv_top {
        padding-top: 0px;
    }

    .full_project6 {
        height: 255px;
    }

    .ind-farm-text {
        padding: 60px;
    }

    .inddetailpage .soft-sol {
        padding: 60px 0;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 736px) {
    h2 {
        font-size: 28px;
        text-align: center;
    }

    #partner-section h2 {
        width: 325px !important;
    }

    .carousel,
    .carousel-inner,
    .carousel-inner .item,
    .carousel-inner .ind {
        height: 400px;
    }

    .product-text-wrap h2 {
        font-size: 28px;
    }

    .product-text-wrap {
        padding: 55px 45px;
    }

    h4 {
        font-size: 20px;
    }

    #clients-2 {
        padding: 25px 15px;
    }

    .client-band {
        height: 210px;
    }

    .go-button .form-butn {
        right: 70px;
    }

    .navbar-nav > li > a {
        padding: 0px 0px 0px; /*******kuldeep********/
    }

    .text-wrap {
        top: 56%;
    }

    .button--size-s {
        font-size: 10px;
    }

    .layer-about {
        padding: 0 50px;
    }

    .awardpage-banner h1 {
        width: 440px;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 667px) {
    h5 {
        font-size: 13px;
    }

    .work-section .portfolio-categories li {
        margin: 0px 12px;
        font-size: 12px;
    }

    .go-button .form-butn {
        right: 35px;
    }

    .footer-bg {
        padding: 60px 0px;
    }

    .footer .col-xs-6 {
        width: 50%;
        float: none;
    }

    .team-sec p {
        width: 300px;
    }

    .team-name h5 {
        font-size: 13px;
    }

    .team-name span {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .quote {
        width: 10%;
    }

    .content-padding {
        padding: 0 20px 50px;
    }

    .go-button .form-butn {
        right: 35px;
    }

    .modal-dialog {
        top: 50%;
        left: 12%;
    }

    .layer-about {
        padding: 0 0px;
    }

    .industrypage-banner h1 {
        position: relative;
        width: 300px;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 667px) {
    .padding-feature {
        width: 340px;
    }

    .go-button .form-butn {
        right: -5px;
    }

    .float-navigation {
        display: none;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .modal-dialog {
        top: 50%;
        left: 3%;
    }

    .casefinal-banner p, .casefinal-banner-next p {
        padding: 0px 35px;
    }

    .panel-title {
        font-size: 17px;
    }

    .prodpage-banner h1 {
        width: 300px;
    }

    .indpage-banner h1, .indpage-banner-next h1 {
        width: 300px;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 568px) {
    .go-button .form-butn {
        right: -22px;
    }

    .full_project6 {
        height: 190px;
    }

    .opac-0 {
        opacity: 1;
    }
	
	.client-band h2{
		width: 300px !important;
	}
	
	.modal_share .facebook, .modal_share .twitter, .modal_share .insta {
		margin-right: 0px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 414px) {
    .go-button .form-butn {
        right: -115px;
    }

    .pre-loader-anim {
        left: -0%;
    }

    .modal-dialog {
        width: 370px;
        top: 50%;
    }

    .modal-body .form-group {
        margin: 15px;
    }

    .modal-body .form-control {
        width: 338px !important;
    }

    .news-n h2 {
        line-height: 1.4;
        margin-bottom: 20px;
    }

    .button--size-s {
        font-size: 10px;
    }

    .text-wrap {
        width: 100%;
    }

    .carousel-control.right {
        right: 40px;
    }

    .carousel-control.left {
        left: 50px;
    }

    .top-feature .col-xs-4 {
        width: 100%;
        margin-bottom: 30px;
    }

    .testimonail1 .col-xs-4 {
        width: 100%;
    }

    .aboutpage-banner h1 {
        width: 310px;
    }

    .aboutpage .content-soft {
        padding: 120px 70px 155px 35px;
    }

    .awardpage-banner h1 {
        width: 320px;
    }

    .awardspage .adj-padd1 {
        padding-left: 15px !important;
    }

    .blog_detail_main {
        padding-right: 0px;
    }

    .industrypage-banner h1 {
        position: relative;
        width: 320px;
    }

    .blog_detail_main .post_share-tags .tags li {
        margin-right: 9px;
        line-height: 16px;
    }

    .blog-banner h1 {
        position: relative;
        width: 300px;
    }

    .newslanding-banner h1 {
        width: 300px;
    }

    .caselanding-banner h1 {
        width: 300px;
    }

    .case-head {
        font-size: 20px;
    }

    .case-pose {
        padding: 0px 20px;
    }

    .layer-about {
        width: 100%;
        margin-bottom: 30px;
    }

    .devider {
        display: none;
    }

    .contact-banner h1 {
        position: relative;
        width: 300px;
    }

    .contact-con .col-xs-4 {
        width: 100%;
        padding: 0;
    }

    .contact .digi-class {
        height: 665px;
    }

    .faq-wrapper {
        padding: 60px 0;
    }

    .prot-withname .portfolio-wrap .grid-item:first-child {
        opacity: 1 !important;
        margin: 0px !important;
    }

    .project_6 {
        padding: 60px 0;
    }

    .project-detail .button--border-medium {
        margin: 20px 10px 0 0px;
    }

    .full_project6 {
        height: 160px;
    }

    .background_project6 {
        padding: 0;
    }

    .back-Proj6 {
        background-position: center;
        height: 618px;
    }

    .project6_man {
        margin: auto;
        width: 330px;
    }

    .button-center {
        width: 140px;
    }

    .studies-about {
        padding: 60px 0 60px 0px;
    }

    .industry-content .col-xs-6 {
        width: 100%;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 384px) {
    .modal-dialog {
        width: 335px;
        top: 50%;
    }

    .modal-body .form-control {
        width: 300px !important;
    }

    .testimonial-left {
        display: none;
    }

    .testimonial-right {
        display: none;
    }

    .quote {
        width: 18%;
    }

    .go-button .form-butn {
        right: -130px;
    }

    .facebook, .twitter, .insta {
        margin-right: 5px;
    }

    .layer-about {
        padding: 0 0px;
        width: 100%;
        margin-bottom: 20px;
    }

    .devider {
        display: none;
    }

    .bene-width {
        width: 270px;
    }

    .map-farm .modal-body .form-control {
        width: 300px !important;
    }

    .map-farm .drop-angle {
        right: 100px;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 375px) {
    .button {
        min-width: 130px;
    }

    .facebook, .twitter, .insta, .youtube {
        width: 30px;
        height: 30px;
        padding: 3px;
    }

    .case-head {
        font-size: 21px;
    }

    .case-button {
        margin-top: 35px;
    }

    .opac-0 {
        opacity: 1;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-brand img {
        max-width: 90px;
        margin-top: 10px;
    }

    .padding-feature {
        width: 280px;
    }

    .form-control {
        height: 60px;
        width: 250px !important;
    }

    .modal-dialog {
        width: 285px;
        top: 50%;
    }

    .modal-body .form-control {
        width: 255px !important;
    }

    .pre-loader-anim {
        left: -0%;
    }

    .newslatter {
        padding: 50px 0px;
    }

    .go-button .form-butn {
        right: -90px;
    }

    .aboutpage .content-soft {
        padding: 185px 70px 155px 35px;
    }

    .approach-width {
        width: 260px;
    }

    .opac-0 {
        opacity: 1;
    }
}

/***************************buttoncon*************************************/


.buttoncon {
    text-align: center;
    margin: 4rem 2rem;
}

    .buttoncon a {
        background: #d9b40d;
        color: #fff;
        padding: 10px 30px;
        text-transform: uppercase;
        border-radius: 40px;
        font-family: 'Lato';
        font-size: 18px;
        font-weight: 400;
    }

        .buttoncon a:hover {
            color: #fff;
            background: #000;
        }

.ourOfferingsWrap {
    margin-bottom: 5rem;
}

.fcBlack {
    color: #000;
}

.noMargin {
    margin: 0;
}

.mb01 {
    margin-bottom: 1rem;
}

.mb02 {
    margin-bottom: 2rem;
}

.mb03 {
    margin-bottom: 3rem;
}

.mb04 {
    margin-bottom: 4rem;
}

.mb05 {
    margin-bottom: 5rem;
}

.mb06 {
    margin-bottom: 6rem;
}

.mb07 {
    margin-bottom: 7rem;
}

.mb08 {
    margin-bottom: 8rem;
}

.mb09 {
    margin-bottom: 9rem;
}

.mb10 {
    margin-bottom: 10rem;
}


.campaigns-slider:nth-child(1) {
    background: url("../img/one8/banner.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(2) {
    background: url("../img/one8/lookbook2.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(3) {
    background: url("../img/one8/poster.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(4) {
    background: url("../img/one8/social.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(5) {
    background: url("../img/one8/clipon.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(6) {
    background: url("../img/one8/event.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(7) {
    background: url("../img/one8/logo-mockup.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider:nth-child(8) {
    background: url("../img/one8/lookbook1.jpg");
    background-size: cover;
    background-position: top center;
}

.campaigns-slider {
    height: 540px !important;
}


.client-band h2 {
    padding: 20px 0px;
    margin: 0 auto !important;
    background: #000;
    width: 450px;
    color: #d9b40d;
}

.client-band .text-center {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}