@font-face {
	font-family: "joita-bold";
	src:url(../font/jotia/jotia_bold.ttf)
}
@font-face {
	font-family: "joita-medium";
	src: url("../font/jotia/jotia_medium.ttf")
}
@font-face {
	font-family: "joita";
	src: url(../font/jotia/jotia.ttf)
}
@font-face {
}
body {
	font-family : 'joita';
	font-size : 15px;
	font-weight : 400;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'joita-medium', serif;
	text-transform: uppercase;

}
img {
	vertical-align: middle;
	border-style: none;
}
h1 {
	font-size: 6rem;
	line-height: 5.5rem
}
h2 {
	font-size: 3.5rem
}
.subheading {
	text-transform: uppercase;
	font-weight: 200;
	font-family: 'joita-bold', serif;
	font-size: 15px;
}
.list-social-icons a {
	color: #495057
}
.list-social-icons a:hover {
	color: #bd5d38
}
.list-social-icons a .fa-lg {
	font-size: 1.75rem
}
.list-icons {
	font-size: 3rem
}
.list-icons .list-inline-item i:hover {
	color: #bd5d38
}
.bg-primary {
	background-color: #FFFFFF !important;
}
.text-primary {
	color: #bd5d38!important
}
.soctial_media {
	text-align: left;
	padding-left: 9px;
	top: 40px !important;
	padding-top: 45%;
}

.soctial_media li{
	
	    width: 28% !important;
		margin-top: 90%;
}
.soctial_media-footer {
	text-align: left;
	padding-left: 9px;
	top: 40px !important;
	padding-top: 45%;
}

.soctial_media-footer li{
	
	    width: 28% !important;
		margin-top:0;
}
/* background for container home page*/
.background {
    /*background-image: url(../img/BG.png);*/
    background-image: url('../imagebanner.jpg');
    background-size: cover;
    min-height: 743px;
}
/* text center */
.center-text {
	text-align: center;
}
/* color gold*/
.gold-co {
	color: #be873a;
}
.subhead-font {
	text-align: center;
	font-family: Jotia;
	font-size: 38px;
	font-weight: 700;
	line-height: 48px;
	color: #fff;
	text-shadow: -1px 0px 3px #232020;
}
.subhead-style {
	letter-spacing: 10px;
	margin-left: 6%;
	padding-top: 302px;
}
.grayBg {
	background-color: #f5f5f5;
	background-image: url(../img/ball.png);
	background-repeat: no-repeat;
}
.active {
	color: #be873a !important;
}
.demo a {
    color: #be873a;
}


[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* Small screen, retina, stuff to override above media query */
 
.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem;
}
button, select {
	text-transform: none;
}
button, input {
	overflow: visible;
}
button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button {
	border-radius: 0;
}
.d-block {
	display: block!important;
}
/* Scroll Style*/
#scroll a {
	padding-top: 60px;
}
    #scroll a span {
        position: absolute;
        top: 0;
        width: 21px;
        height: 40px;
        left: 46.2%;
        border: 2px solid #fff;
        border-radius: 50px;
        box-sizing: border-box;
        top: 89%;
    }
#scroll a span::before {
	position: absolute;
	top: 10px;
	left: 50%;
	content: '';
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: sdb10 2s infinite;
	animation: sdb10 2s infinite;
	box-sizing: border-box;
}
/*added by amira */
    /*mobile banner heading alignment issue*/
    .subhead-style {
        padding-top: 230px;
        margin-left:0;
    }
    /*solving mobile alignment*/
    section.home-banner-with-txt {
        padding-left: 0;
    }    
/*END added by amira*/
}
.demo {
	font-family: Jotia;
	color: #be873a;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	margin-top: 17%;
	text-decoration: underline;
	    margin-left: -17px;
}
.vl {
	border-left: 2px solid #fff;
	height: 45px;
	position: absolute;
	    left: 49.7%;
	margin-left: -3px;
	top: 94%;
}
/* Scroll Style*/

.about {
	font-family: Jotia;
	line-height: 71.021px;
	color: #be873a;
	font-size: 25.57px;
	font-weight: 500;
}
.welcom {
	color: #222222;
	font-size: 62.5px;
	font-weight: 700;
	display: flex;
}
.intro-1 {
	line-height: 26px;
	color: #222222;
	font-size: 16px;
	font-weight: 500;
	display: block;
	margin-top: 29px;
}
.intro-2 {
	margin-top: 10px;
	color : #333333;
	font-size : 14px;
	font-weight : 400;
	line-height: 26px;
	display: block;
}
.Read-More button {
	margin-top: 18px;
	border-width: 3px;
	border-color: #222222;
	border-style: solid;
	background-color: #f3f3f3;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.height {
	height: 490px;
}
.margtp-31 {
	margin-top: 31px;
}
.news {
	text-align: center;
	
}
.recent {
	font-size : 36.68px;
	font-weight : 700;
	line-height : 42.322px;
	color : #222222;
	text-transform: uppercase;
}

.news-wo {
    font-size: 36.68px;
    font-weight: 700;
    line-height: 42.322px;
    color: #be873a;
    text-transform: uppercase;
    margin: 0 0 0 -5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min-resolution: 192dpi) and (min-width: 320px), only screen and ( min-resolution: 2dppx) and (min-width: 320px) {
    .inner-pages-header .recent,
    .inner-pages-header .news-wo {
        font-size: 32px;
        padding: 0 5px;
    }
    .header-line {
        display: block;
    }    
}
.contact-map {
    margin-bottom: 15px;
}



    .padding-bt-7 {
        padding-bottom: 7vh;
    }

    .padding-tp-7 {
        padding-top: 7vh;
    }

    .padding-bottom-3 {
        padding-bottom: 3vh
    }

    .bottomleft {
        position: absolute;
        bottom: 4px;
        width: 12.2%;
        height: 22.1%;
        background-color: #ec4933;
        left: 6px;
        padding-left: 8px;
    }

        .bottomleft .month {
            color: #ffffff;
            font-size: 12px;
        }

        .bottomleft .date {
            font-weight: 700;
            font-size: 23px;
            color: #ffffff;
            /* top: -26px; */
            margin-top: -1px;
            display: block;
        }

    .main-car-title {
        font-family: Jotia;
        color: #222222;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: left;
    }

    .sub-car-title {
        font-family: Jotia;
        color: #666666;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        display: inherit;
        text-align: left;
        padding-top: 9px;
    }

    .view-all button {
        text-align: center;
        margin-top: 8px;
        border-width: 3px;
        border-color: #222222;
        border-style: solid;
        background-color: #fff;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: 47%;
    }

    .gallery-title {
        font-family: Jotia;
        color: #ffffff;
        font-size: 39.5px;
        font-weight: 700;
        line-height: 42.322px;
        padding: 34px;
    }

        .gallery-title:after {
            content: "";
            position: absolute;
            width: 7.5%;
            left: 46.5%;
            height: 45px;
            border-bottom: 1px solid #5e5e5e;
        }

    .filter-button {
        font-size: 18px;
        border: 1px solid #42B32F;
        border-radius: 5px;
        text-align: center;
        color: #42B32F;
        margin-bottom: 30px;
    }

        .filter-button:hover {
            font-size: 18px;
            border: 1px solid #42B32F;
            border-radius: 5px;
            text-align: center;
            color: #ffffff;
            background-color: #42B32F;
        }

    .btn-default:active .filter-button:active {
        background-color: #42B32F;
        color: white;
    }

    .port-image {
        width: 100%;
    }

    .gallery_product {
        margin-bottom: 30px;
    }

    .media_BG {
        background-image: url(../img/Layer_48.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .Media-center {
        font-family: Jotia;
        color: #ffffff;
        font-size: 39.5px;
        font-weight: 700;
        line-height: 42.322px;
        transform: scale(0.709, 0.709);
        padding-bottom: 20px;
    }

    .padding-bt-5 {
        padding-bottom: 5vh;
    }

    .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
    }

    .overlay {
        position: absolute;
        top: 90%;
        bottom: 0;
        left: 16px;
        right: 0;
        height: 10%;
        width: 92%;
        opacity: 0;
        transition: .5s ease;
        background-color: #0b0b0a;
    }

    .gallery_product img:hover .overlay {
        opacity: 1;
    }

    .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    .width-1080 {
        max-width: 1080px;
    }

    .media button {
        font-family: Jotia;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        background-color: Transparent;
        border: 1px #FFFFFF solid;
        margin-left: 0;
    }

    .gallery_product img {
        height: 275px;
        border: 2px #FFFFFF solid;
    }


    /*footer*/
    .footer-bs {
        background-color: #3c3d41;
        padding: 60px 40px;
        color: rgba(255,255,255,1.00);
        border-bottom-right-radius: 6px;
    }

        .footer-bs .footer-nav ul.pages {
            list-style: none;
            padding: 0px;
        }

            .footer-bs .footer-nav ul.pages li {
                padding: 5px 0px;
            }

            .footer-bs .footer-nav ul.pages a {
                color: rgba(255,255,255,1.00);
                font-weight: bold;
                text-transform: uppercase;
            }

                .footer-bs .footer-nav ul.pages a:hover {
                    color: rgba(255,255,255,0.80);
                    text-decoration: none;
                }

        .footer-bs .footer-nav h4 {
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 10px;
        }

        .footer-bs .footer-nav ul.list {
            list-style: none;
            padding: 0px;
        }

            .footer-bs .footer-nav ul.list li {
                padding: 5px 0px;
            }

            .footer-bs .footer-nav ul.list a {
                color: rgba(255,255,255,0.80);
            }
    /*footer*/

    .no-padding {
        padding: 0 !important;
    }

    .in-lineBlock {
        display: inline-block;
    }

    .footer-header {
        font-family: Jotia;
        color: #ffffff;
        font-size: 15.56px;
        font-weight: 400;
        line-height: 33.857px;
        transform: scale(0.9, 0.9);
        text-align: center;
    }

    .img-footer {
        margin-left: 36%;
    }

    .Menu {
        font-family: Jotia;
        color: #ffffff;
        font-size: 14px;
        font-weight: 400;
        line-height: 90.548px;
        padding-right: 10px;
        padding-left: 10px;
        border-left: 1px solid;
    }

    .no-border {
        border-left: 0px !important;
    }

    .nav-inner {
        height: auto;
    }
    /*footer nav bar */




    /*inner pages */

    .header-inner {
        font-family: Jotia;
        line-height: 26px;
        color: #222222;
        font-size: 16px;
        font-weight: 500;
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .header-inner1 {
        font-family: Jotia;
        line-height: 26px;
        color: #444444;
        font-size: 15px;
        font-weight: 400;
        text-align: center;
    }
    /*pageination gallary*/

    .margin30 {
        margin-bottom: 30px;
    }

    .item-img-wrap {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

        .item-img-wrap img {
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
            width: 100%;
        }
    /************************image hover effect*******************/
    .item-img-wrap {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

        .item-img-wrap img {
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
            width: 100%;
        }

    .item-img-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

        .item-img-overlay span {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: url(http://bootstraplovers.com/templates/assan-2.2/main-template/img/plus.png) no-repeat center center rgba(0, 0, 0, 0.7);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            -moz-transition: opacity 250ms linear;
            -o-transition: opacity 250ms linear;
            -webkit-transition: opacity 250ms linear;
            transition: opacity 250ms linear;
        }

    .item-img-wrap:hover .item-img-overlay span {
        opacity: 1;
    }

    .item-img-wrap:hover img {
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    /*************pagination***********/
  .gallery-bottom .pagination {
    margin-top: 25px;
}

    .pagination > li > a, .pagination > li > span {
        padding: 2px 8px;
        color: #000;
        border: 1px solid #bbbbbb;
        border-radius: 50%;
        margin-right: 8px;
    }

    .pagination > li > a {
        margin-right: 5px;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #be873a;
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        border-top-right-radius: 50% !important;
        border-bottom-right-radius: 50% !important;
    }

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 50% !important;
        border-bottom-left-radius: 50% !important;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 3;
        cursor: default;
        border-color: #bbbbbb;
    }

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

    .thumbnail {
        display: block;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 0px;
        border-radius: 0px !important;
        -webkit-transition: border .2s ease-in-out;
        -o-transition: border .2s ease-in-out;
        transition: border .2s ease-in-out;
        height: 21vh;
    }

        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
        }

    .caption {
        margin-top: 1%;
    }

    .parg1 {
        display: inherit;
         
        color: #222222;
        font-size: 16px;
        font-weight: 500;
        line-height: 26px;
         
    }

    .parg2 {
        font-family: Jotia;
        color: #333333;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
    }

    .vision-img img {
        width: 100%;
    }

    .padding-tp-1 {
        padding-top: 1%;
    }

    .img-container {
        background-color: #000000;
    }

        .img-container img {
            opacity: 0.5;
        }

    .padding-bt-1 {
        padding-bottom: 1%;
    }

    .title {
        font-family: joita-medium;
        line-height: 46px;
        font-size: 16px;
        font-weight: 700;
    }

    .description {
         line-height: 36px;
        font-size: 15px;
        font-weight: 400;
    }

    .title, .description {
        display: block;
    }

    .img {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100px;
        height: 100px;
        border: 1px solid #999;
        margin: 17px 72px;
        position: absolute;
    }

    .graybg {
        background-color: #f5f5f5;
    }

    .images-board {
        background-color: #ffffff;
        height: 231px;
    }

    .text-itlic {
        font-style: italic;
    }

    .gold-button {
        margin-top: 8px;
        border-width: 3px;
        border-color: #be8739;
        border-style: solid;
        background-color: #f3f3f3;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 202px;
        color: #be8739;
    }

        .gold-button:hover {
            background-color: #be8739;
            color: #ffffff;
        }

    a.gold-button {
        width: 19%;
        float: left;
        margin: 0 1% 0 0;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min-resolution: 192dpi) and (min-width: 320px), only screen and ( min-resolution: 2dppx) and (min-width: 320px) {
        /*company profile btns alignment issue*/
        a.gold-button {
            width: 100%;
            margin-bottom: 5px;
        }
    }

    .padding-bt-9 {
        padding-bottom: 9vh;
    }

    .thmb-style {
        height: 31vh;
        padding: 86px;
    }

        .thmb-style:hover {
            background-color: #be873a;
            color: white;
        }

            .thmb-style:hover .Award-header {
                color: #fff;
            }

            .thmb-style:hover img {
                border: 4px solid #fff;
            }
    /*media photo style */


    .hovereffect-mediaphoto {
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
    }

        .hovereffect-mediaphoto .overlay-media {
            width: 100%;
            height: 100%;
            position: absolute;
            overflow: hidden;
            top: 0;
            left: 0;
        }

            .hovereffect-mediaphoto .overlay-media:hover {
                background-color: rgba(15,15,15,0.75);
            }

        .hovereffect-mediaphoto img {
            display: block;
            position: relative;
        }

        .hovereffect-mediaphoto a.info {
            display: inline-block;
            text-decoration: none;
            padding: 7px 14px;
            text-transform: uppercase;
            color: #fff;
            border: 1px solid #fff;
            margin: 50px 0 0 0;
            background-color: transparent;
        }

            .hovereffect-mediaphoto a.info:hover {
                box-shadow: 0 0 5px #fff;
            }

        .hovereffect-mediaphoto h2, .hovereffect-mediaphoto p {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
            background-color: transparent;
            margin: 0px;
            padding: 0px;
        }

        .hovereffect-mediaphoto .overlay-media:before {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 40%;
            height: 60%;
            border: 2px solid #fff;
            content: '';
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
            -webkit-transform-origin: 50%;
            -ms-transform-origin: 50%;
            transform-origin: 50%;
        }

        .hovereffect-mediaphoto p {
            width: 25%;
            text-transform: none;
            font-size: 15px;
            line-height: 2;
        }

            .hovereffect-mediaphoto p a {
                color: #fff;
            }

                .hovereffect-mediaphoto p a:hover, .hovereffect-mediaphoto p a:focus {
                    opacity: 0.6;
                    filter: alpha(opacity=60);
                }

        .hovereffect-mediaphoto a i {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            padding: 0px 5px;
        }

        .hovereffect-mediaphoto a span {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
            transition: opacity 0.35s, transform 0.35s;
            padding: 0px 5px;
        }

        .hovereffect-mediaphoto p a:first-child i {
            -webkit-transform: translate3d(-60px, -60px, 0);
            transform: translate3d(-60px, -60px, 0);
        }

        .hovereffect-mediaphoto:hover .overlay-media:before {
            opacity: 0;
            filter: alpha(opacity=100);
            background-color: rgba(0,0,0,0.2);
            -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);
            transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);
        }

        .hovereffect-mediaphoto:hover p i:empty {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .hovereffect-mediaphoto:hover a span {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1;
            filter: alpha(opacity=100);
        }
    /*media photo style */

    .padding-tp-3 {
        padding-top: 3%;
    }

    .padding-bt-3 {
        padding-bottom: 3%;
    }

    .news-body {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .bord-buttm {
        border-bottom: 1px #b7b7b7 solid;
    }

    .bord-top {
        border-top: 1px #b7b7b7 solid
    }

    .marginLeft-8 {
        margin-left: 8%;
    }
    /*vertical slider */

    .carousel-inner.vertical {
        height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/
    }

        .carousel-inner.vertical > .item {
            -webkit-transition: .6s ease-in-out top;
            -o-transition: .6s ease-in-out top;
            transition: .6s ease-in-out top;
        }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner.vertical > .item {
            -webkit-transition: -webkit-transform .6s ease-in-out;
            -o-transition: -o-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000;
        }

            .carousel-inner.vertical > .item.next, .carousel-inner.vertical > .item.active.right {
                -webkit-transform: translate3d(0, 33.33%, 0);
                transform: translate3d(0, 33.33%, 0);
                top: 0;
            }

            .carousel-inner.vertical > .item.prev, .carousel-inner.vertical > .item.active.left {
                -webkit-transform: translate3d(0, -33.33%, 0);
                transform: translate3d(0, -33.33%, 0);
                top: 0;
            }

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

    .carousel-inner.vertical > .active {
        top: 0;
    }

    .carousel-inner.vertical > .next, .carousel-inner.vertical > .prev {
        top: 0;
        height: 100%;
        width: auto;
    }

    .carousel-inner.vertical > .next {
        left: 0;
        top: 33.33%;
        right: 0;
    }

    .carousel-inner.vertical > .prev {
        left: 0;
        top: -33.33%;
        right: 0;
    }

        .carousel-inner.vertical > .next.left, .carousel-inner.vertical > .prev.right {
            top: 0;
        }

    .carousel-inner.vertical > .active.left {
        left: 0;
        top: -33.33%;
        right: 0;
    }

    .carousel-inner.vertical > .active.right {
        left: 0;
        top: 33.33%;
        right: 0;
    }

    #carousel-pager .carousel-control.left {
        bottom: initial;
        width: 100%;
    }

    #carousel-pager .carousel-control.right {
        top: initial;
        width: 100%;
    }

    .carousel-control {
        position: absolute;
        top: 229px;
        bottom: 0;
        left: -17px;
        width: 0%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        background-color: rgba(0, 0, 0, 0);
        filter: alpha(opacity=50);
        opacity: .5;
    }
    /*vertical slider */

    address span i {
        padding: 10px;
    }

    address {
        padding-bottom: 10px;
    }

    .title-add {
        font-family: joita-medium;
        line-height: 6px;
        font-size: 16px;
        font-weight: 700;
    }

    .darkblue {
        color: #282c65;
    }

    .form-control {
        display: block;
        width: 100%;
        height: 45px;
        padding: 7px 12px;
        font-size: 14px;
        line-height: 1.428571;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .buttongoldbg {
        margin-top: 8px;
        border-width: 3px;
        border-color: #be8739;
        border-style: solid;
        background-color: #be8739;
        padding-left: 23px;
        padding-right: 23px;
        padding-top: 9px;
        padding-bottom: 9px;
        color: #FFFFFF;
        border-radius: 0px;
    }

    .bord-img {
        height: 14vh !important;
        margin-top: -60px;
    }

    .th-height {
        height: 31vh;
    }
    /*nav style */

    .main .row {
        padding: 0px;
        margin: 0px;
    }
    /*Remove rounded coners*/


    nav.sidebar, .main {
    }
    /* Add gap to nav and right windows.*/
    .main {
        padding: 10px 10px 0 10px;
    }

    /* .....NavBar: Icon only with coloring/layout.....*/

    /*small/medium side display*/
    @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {


        /*Allow main to be next to Nav*/
        .main {
            position: absolute;
            width: calc(100% - 40px); /*keeps 100% minus nav size*/
            margin-left: 40px;
            float: right;
        }
        /*lets nav bar to be showed on mouseover*/
        nav.sidebar:hover + .main {
            margin-left: 200px;
        }
        /*Center Brand*/
        nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
            margin-left: 0px;
        }
        /*Center Brand*/
        nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
            text-align: center;
            width: 100%;
            margin-left: 0px;
            height: 23vh;
        }
        /*Center Icons*/
        nav.sidebar a {
            padding-right: 13px;
        }
        /*adds border top to first nav box */
        nav.sidebar .navbar-nav > li:first-child {
        }
        /*adds border to bottom nav boxes*/
        nav.sidebar .navbar-nav > li {
        }
        /* Colors/style dropdown box
nav.sidebar .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*allows nav box to use 100% width*/
        nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
            padding: 0 0px 0 0px;
        }
        /*colors dropdown box text 
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #777;
}*/
        /*gives sidebar width/height*/
        nav.sidebar {
            width: 190px;
            height: 100%;
            margin-left: -183px;
            float: left;
            z-index: 8000;
            margin-bottom: 0px;
        }
            /*give sidebar 100% width;*/
            nav.sidebar li {
                width: 100%;
            }
            /* Move nav to full on mouse over*/
            nav.sidebar:hover {
                margin-left: 0px;
            }
        /*for hiden things when navbar hidden*/
        .forAnimate {
            opacity: 0;
        }

        .navbar-brand > img {
            display: block;
        }

        .navbar {
            border-radius: 0px;
        }
    }
    /* .....NavBar: Fully showing nav bar..... */

    @media (min-width: 1330px) {
        /*Allow main to be next to Nav*/
        .main {
            width: calc(100% - 200px); /*keeps 100% minus nav size*/
            margin-left: 200px;
        }
        /*Show all nav*/
        nav.sidebar {
            margin-left: 0px;
            float: left;
        }
            /*Show hidden items on nav*/
            nav.sidebar .forAnimate {
                opacity: 1;
            }
    }

    nav:hover .forAnimate {
        opacity: 1;
    }

    section {
        padding-left: 15px;
    }

    .navbar-inverse {
        background-color: #FFF;
        border-color: #ffffff;
    }

        .navbar-inverse .navbar-nav > li > a {
            color: #333;
            text-transform: uppercase;
        }

        .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
            color: #be873a;
            background-color: #fff;
        }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #be873a;
            background-color: transparent;
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #fff;
        }

        .navbar-inverse .navbar-toggle {
            border-color: #be873a;
        }

            .navbar-inverse .navbar-toggle .icon-bar {
                background-color: #be873a;
            }


    @media screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 820px) and (min-device-width: 320px) {
        .logo {
            max-width: 36%;
            margin-top: -69PX;
            FLOAT: left;
            margin-left: -20px;
        }

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

        .col-30 {
            width: 100% !important;
            margin-bottom: 10%;
        }


        .margin-left-12 {
            margin-left: 0 !important;
        }

        .thumbnail {
            display: block;
            margin-bottom: 20px;
            line-height: 1.42857143;
            background-color: #fff;
            border: 0px;
            border-radius: 0px !important;
            -webkit-transition: border .2s ease-in-out;
            -o-transition: border .2s ease-in-out;
            transition: border .2s ease-in-out;
            height: 53vh;
        }

        .sub-elemnts-thumb {
            padding-top: 50px;
        }
    }

    /*nav style */


    .view-all button {
        border: 2px solid #be873a;
    }

    .padding-bt-24 {
        padding-bottom: 24vh;
    }

    .padding-tp-20 {
        padding-top: 20px;
    }

    .thmstyle {
        padding: 70px;
        height: 32vh;
    }


    .width30 {
        width: 30.333%;
    }

    .margin-left-7 {
        margin-left: 7%;
    }

    .no-margin {
        margin: 0 !important;
    }

    .responsive-icon {
        display: none !important;
    }


    .white-color {
        color: #d2d2d2;
    }

    .Header-icon span {
        margin-right: 10px;
        margin-top: 31px;
    }




    .margin-left-36 {
        margin-left: -36px;
    }

    hr {
        /* margin-top: 20px; */
        /* margin-bottom: 20px; */
        border: 0;
        border-top: 1px solid #be873a;
        width: 31%;
        float: right;
        margin-top: 8px;
        margin-right: -49px;
    }


    .Award-header {
        font-family: 'joita-medium';
        text-align: center;
        display: flex;
    }

    .Award-contant {
        padding-top: 1vh;
        display: block;
        margin-bottom: 9px;
        display: -webkit-inline-box;
    }

    .icon-hd-hover:hover {
        background-color: #be873a;
    }

    .Header-icon {
        height: 55px;
    }

    .proj-slider {
        margin-top: -89%;
        margin-left: 6%;
    }

    .padding-bt-12 {
        padding-bottom: 12%;
    }

    .padding-bt-30 {
        padding-bottom: 30vh;
    }

    .padding-bt-35 {
        padding-bottom: 35vh;
    }

    .padding-bt-1 {
        padding-bottom: 1vh;
    }

    .vedio {
        display: inline-block;
    }

    .co-vedio {
        display: -webkit-inline-box;
    }

    .padding-bt-20 {
        padding-bottom: 20px;
    }

    @media screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) {

        nav.sidebar {
            width: 120px;
        }
    }



    .margin-left-12 {
        margin-left: 12%;
    }


    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #fff;
    }


    .style1 {
        /* text-align: center; */
        border-top: 4px solid #000000;
        width: 5%;
        margin-top: -12px;
        margin-right: 49%;
        margin-bottom: 20px;
    }



    #demo-2 input[type=search]:focus {
        width: 150px;
        padding-right: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }

    #demo-2 input[type=search]:hover {
        background-color: #be873a;
    }

    #demo-2 input[type=search] {
        color: transparent;
        cursor: pointer;
    }

    input[type=search]:focus {
        width: 130px;
        background-color: #fff;
        border-color: #66CC75;
        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }

    input[type=search] {
        border: none;
        padding: 5px 0px 9px 10px;
        width: 35px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 15em;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
        background-color: transparent;
        background-image: url(../img/search-img2.png);
        background-repeat: no-repeat;
        font-family: 'open_sansregular';
        background-position: 7px center;
        background-size: 32px;
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }


    #demo-2 {
        margin-top: -30px;
        ;
        margin-left: 31px;
    }


.bluecolor {
    color: #be873a;
}



    .col-30 {
        width: 37%;
    }


    .margin-left-12 {
        margin-left: 12%;
    }


    .thmb-style .Award-header:hover {
        color: #fff !important;
    }

    .space {
        padding-bottom: 19px;
    }

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

    .style2 {
        width: 90%;
        border: .5px solid #c4c4c4;
        opacity: .5;
    }


    .date-ev {
        color: #999999;
        font-size: 12px;
        font-family: 'joita-medium'
    }


    .margin-left-23 {
        margin-left: -23px;
    }

    /*------------Gagan code ------------*/



    .thumbnail {
        margin-bottom: 70px !important;
    }

    .th-height {
        height: 100% !important;
    }

    .Search-box {
        float: left;
        height: 100%;
        margin: 20px -40px;
        border: 0;
        outline: 0;
        padding-left: 0.75rem;
        font-style: italic;
        transform: translateY(-100%);
        opacity: 0;
        transition: -webkit-transform ease 500ms;
        transition: transform ease 500ms;
        transition: transform ease 500ms, -webkit-transform ease 500ms;
    }

        .Search-box:focus {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }

            .Search-box:focus + .Search-box-label {
                z-index: -1;
                opacity: 0;
            }

            .Search-box:focus ~ .Search-close {
                z-index: 3;
                opacity: 1;
            }

    .Search-box-label,
    .Search-close {
        position: absolute;
        right: 0;
        z-index: 2;
        cursor: pointer;
        height: 100%;
        width: 3rem;
        transition: opacity ease 250ms 250ms;
    }

    .Search-close {
        opacity: 0;
        z-index: 0;
    }

    .Search {
        content: "";
        display: table;
        clear: both;
    }

    a:focus {
        outline: none !important;
    }

    .modal-body > .img-responsive {
        width: 100% !important;
    }

    html {
        overflow-x: hidden !important;
    }


    .pagination > span:first-child > a {
        padding: 2px 8px;
        border: 1px solid #bbbbbb;
        border-radius: 50%;
        margin-right: 8px;
        margin-right: 5px;
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #333;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
.ht-200{height:200px;}

    .pagination > span:first-child > span {
        padding: 2px 8px;
        border: 1px solid #bbbbbb;
        border-radius: 50%;
        margin-right: 8px;
        margin-right: 5px;
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #fff;
        text-decoration: none;
        border: 1px solid #ddd;
        background-color: #be873a !important;
    }
a.gold-button{width:24%;}
@media (max-width:767px){
a.gold-button {
    width: 100%  !important;
    margin-bottom: 5px !important;}
}
.thumbnail{min-height:250px;}
/*added by amira*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 320px), only screen and ( min-resolution: 192dpi) and (min-width: 320px), only screen and ( min-resolution: 2dppx) and (min-width: 320px) {
    /* solve mobile media photoes width & alignment*/
    .gallery_product img {
        height: auto;
    }
    /* solve mobile media photoes header*/
    .Media-center{
        font-size:32px;
    }
    /*solve footer menu in small devices*/
    .footer-bs .Menu {
        padding-right: 5px;
        padding-left: 5px;
    }
}


  /*------------May 23 2018  Abhilash New Codes Starts ------------*/

.soctial_media{
	display:none;
}

.navbar-nav > li {
    float: left;
	width: 100%!important;
}

.navbar-nav {
    float: left;
    margin: 0;
    width: 100%;
}

nav.sidebar .navbar-header{
	width: 100%;
    margin-left: 0px;
    height: auto!important;
    float: left;
}

.navbar-brand{
	width: 100%;
    margin-left: 0px;
    height: auto!important;
    float: left;
}

.ht-200 {
    height: 200px !important;
    min-height: 200px !important;
    margin-bottom: 20px !important;
	overflow:hidden !important;
}



span.header-line {
    top: -10px;
    position: relative;
}

span.header-line {
    top: -10px;
    position: relative;
}

.img-circle{
	display:none!important;
}

	.padding-bt-12 {
    padding-bottom: 5%;
}

.text-itlic {
    font-style: normal;
    color: #be873a;
    text-align: left;
}

.parg1{
	text-align:left;
}

.thumbnail {
    min-height: 205px;
}

.pagination > span:first-child > a{
	height: 30px!important;
    width: 30px!important;
	padding: 5px 6px!important;
}

.pagination > span:first-child > span{
	height: 30px!important;
    width: 30px!important;
	padding: 5px 6px!important;
}

@media (max-width:767px){
	
	span.header-line {
    top: 0px;
    position: relative;
}

	
}

  /*------------May 23 2018  Abhilash New Codes Ends ------------*/