@font-face {

    font-family: myFirstFont;

    src: url(andlso.ttf);

}


.sectioncompany{    background: #0f0f0f;}
.hcompany3{font-size:35px;}
.hcompanycol8{font-size:22px;}


/* CSS Document */

*:hover, *:hover * {transition: all 0.3s;}

body {/* font-family:'Source Sans Pro', sans-serif; */background-color:#000000;color:#fff;font-family: myFirstFont;}

p {/* font-family:'Open Sans', sans-serif; */font-family: myFirstFont;}

a {color:inherit; text-decoration:none;}

a, .btn, button {

    outline: none;

    -webkit-transition: all 300ms ease-in-out 0s;

    transition: all 300ms ease-in-out 0s;

}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0px; color:#fff;}

a:hover {text-decoration:none; color:inherit;}

a:focus, a:active {color:inherit; text-decoration:none; outline:0px;}

.martp10 {margin-top:10px;}

.martp20 {margin-top:20px;}

.mar-btm30 {margin-bottom:30px;}

.mar-btm40 {margin-bottom:40px;}

.mar-btm60 {margin-bottom:60px;}

.pd0 {padding:0px;}



/*navbar*/

.header { position:fixed;

		z-index:9999;

		width:100%;

		top:0px;

}
.logoimgi{
    width: 60%;
max-height: 100%;
padding-top: 10px;
}
.navbar-brand {height:75px;padding:12px 15px;}

.navbar {min-height:75px;

         margin-bottom:0px;

         border:0px;

		 border-radius:0px;

}

.navbar-default {background-color:rgba(11, 10, 12, 0.5);border-color:transparent;padding-top: 10px;}

.navbar-default .navbar-nav > li > a {color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    letter-spacing: 0.5px;

    word-spacing: 1px;

	position:relative;

}



.navbar-nav > li > a {

    padding-top: 27px;

    padding-bottom: 27px;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: transparent;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #fff;

    background-color: transparent;

}

/*navbar close*/

/*banner-sec start*/

.banner-sec {position: relative; background-color:070809;}

.banner-mar {margin-top: -132px;}

.video {

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: 100% !important;

    height: auto;

}

.banr-contnt {

color: #fff;

background: transparent;

position: absolute;

bottom: 34%;

left: 30px;

z-index: 999;

left: 4%;

width:82%;
}

.banr-contnt h4 {

font-size: 42px;

text-transform: uppercase;

font-weight: 300;

margin-bottom: 30px;

line-height: 61px;
}

.banr-contnt h4 span { font-weight:600;} 

.banr-contnt h5 {font-size:25px;

    text-transform: uppercase;

    font-weight: 300;

}

.scroll-down-arrow {

    position: absolute;

    left: 50%;

    bottom:5%;

    z-index: 99;

    display: inline-flex;

}

.scroll-down-arrow {height: 50px;

    width: 50px;

    background-color: #434242;

	border-radius: 50%;

	cursor: pointer;

	overflow:hidden;

}

.scroll-down-arrow i {text-align: center;

    font-size: 32px;

    padding-left: 14px;

    padding-top: 25px;

    line-height: 2px;

}

/*award-winning-wrap start*/

.award-winning-wrap {padding-top:25px;}

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

.strip-heading h1 {

    margin-top: 0px;

    margin-bottom: 20px;

	color: #dddddd;

    font-weight: 300;

    font-size: 36px;

}

.col20 { width:20%;}

.award-winning-wrap ul li {padding:0px;overflow:hidden;float: left;}

.work-item {position: relative;overflow: hidden;}

.work-item img {

    width: 100%;

    height: auto;

    -webkit-transition: all 0.7s ease-in-out;

    -moz-transition: all 0.7s ease-in-out;

    -ms-transition: all 0.7s ease-in-out;

    -o-transition: all 0.7s ease-in-out;

    transition: all 0.7s ease-in-out;

	overflow:hidden;

}	

.work-overlay {

    float: left;

    height: auto;

    left:0px;

    position: absolute;

    top:0px;

    width: auto;

    right:0px;

    bottom:0px;

    background: rgba(0,0,0,0.4);

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    opacity: 0;

    visibility: hidden;

}

.work-ovelay-inner {

    width: 100%;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.work-thumb i {font-size:46px;color: rgba(255, 255, 255, 0.8); margin-bottom:5px;}

.work-thumb h3 {

    -webkit-transform: translateY(70px);

    -moz-transform: translateY(70px);

    -ms-transform: translateY(70px);

    -o-transform: translateY(70px);

    transform: translateY(70px);

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

	color: #fff;

    text-decoration: none;

    text-shadow: 0px 2px 1px #4d4a4a;

    margin: 0px;

    font-size: 24px;

}

.work-item:hover img {

    -webkit-transform: scale(1.15);

    -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

    -o-transform: scale(1.15);

    transform: scale(1.15);

}

.work-item:hover .work-overlay {

    visibility: visible;

    opacity: 1;

}

.work-item:hover i, .work-item:hover h3 {

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}

.striphd-wrap {padding:50px 0px;}

.strp-bg {background-image:url(../img/innerbanner-bg.jpg);

	background-repeat:no-repeat;

	background-size:cover;

	background-position:center;

	background-attachment:fixed;

}

.videostrip-wrap {

    width: 100%;

    position: relative;

    z-index:9;

    height:567px;

}

.videostrip-wrap .video {

    position: relative;

    height: 60%;

    overflow: hidden;

    background: #302a26;

    width: 100% !important;

    left: 0;

    top: 0;

	    min-width: 100%;

    min-height: 100%;

}

.videostrip-wrap .video .veil {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background-color: #302a26;

    background-attachment: fixed;

    opacity: 0.90;

    will-change: opacity;

    margin: 0 auto;

    text-align: left;

}

.videostrip-wrap .video video {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: top center;

    object-position: top center;

}

.videostrip-wrap .videostrip-contnt {position: absolute;

    bottom: 27%;

    left: 2%;

    color: #ffffff;

    z-index: 999;

    width: 95%;

}

.content-rgt {}

.videostrip-wrap .videostrip-contnt h3 {font-size:45px;font-weight:300;}

.videostrip-wrap .videostrip-contnt p { font-size:17px; font-weight:300;}	

/*why-wrap start*/

.why-wrap {

    padding:85px 0px 60px;

    width: 100%;

    float: left;

}

.why-item{ position:relative;}

.why-item h3 {color: #b2b2b2;

    font-size: 26px;

    font-weight: 300;

    line-height: 32px;

    margin-bottom: 25px;

}

.why-item p {

    color: #b2b2b2;

    width: 80%;

    display: inline-block;

    font-size:13px;

    font-weight: 400;

}

.hd-item::after {

    content: "";

    background-image:url(../images/hd-aftr.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 29px;

    height: 114px;

    position: absolute;

    left: 100%;

}

.mrk-item::after {

    content: "";

    background-image:url(../images/hd-aftr.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    width: 29px;

    height: 114px;

    position: absolute;

    left:100%;

}

/*client-wrap start*/

.client-wrap {padding: 40px 126px;}

.client-list li {

width:10.7%;

margin-bottom: 30px;

padding: 13px;

}

.client-list li img {

-webkit-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

border: 1px solid #000000;
}

.client-list li img:hover {

filter: none;

-webkit-filter: grayscale(0);

-webkit-transform: scale(1.1);

-moz-filter: grayscale(0);

border: 1px solid #4c4c4c;
}

.contact-ft-wrap {

    text-align: center;

    background-image:url(../img/ftr-conts.jpg);

    background-attachment: fixed;

    background-position: top right;

    background-repeat: no-repeat;

    padding:40px 0px 40px;

}

.ft-cont-form {

    width: 100%;

    float: left;

    text-align: left;

    opacity: 0.9;

    padding: 10px 15px 25px;

    background: #000000;

}

.ft-cont-form .form-control {height: 49px;

    background-color: #252525;

    border: 1px solid #252525;

}

textarea.form-control {height: !important;}

.btn-ft {background: #d3d3d3;

    padding-left: 0px;

    color: #000000;

    font-weight: 400;

    font-size: 36px;

	width:100%;

	border-radius: 0px;

    padding: 0px 0px;

}

.btn-ft:hover, .btn-ft:focus { color:#000;}

/*main-footer-wrap start*/

.main-footer-wrap {padding:40px 0px 40px;}

.ft-strp {margin-bottom:70px;}

.ft-strp h2 {}

.ft-strp p {}



.ftr-lft { margin-left:10%;}

.ft-hd img {float: left;padding-right: 10px;}

.ft-hd h2 {color: #d5d5d5;

    font-size:26px;

    font-weight: 600;

}

.ftr-lft ul li {

    font-size: 17px;

    font-weight: 400;

    display: table;

	color:#d5d5d5;

    line-height:25px;

    margin-bottom:15px;

}

.ftr-lft ul li span { color:#d5d5d5; font-weight:600;}

.ftr-lft ul li .footer_icon {float: left;}

.ftr-lft ul li i {

    margin-right: 10px;

    margin-top:2px;

    color: #fff;

    font-size: 30px;

}

.ftr-lft ul li .footer-info {display: block;overflow: hidden;}

.ftr-btm > hr {border-top:1px solid #171716 !important;}

.ftr-btm ul li {font-size: 13px;font-weight: 400;}

.ftr-btm ul li span {color: #878786;}

/*======inner page start*/

.innerpg-bnner {position: relative;

    padding-top: 150px;

    padding-bottom:40px;

	background-image:url(../img/innerbanner-bg.jpg);

	background-repeat:no-repeat;

	background-size:cover;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	background-position:center;

}

.innerpg-bnner h1 {color: #fff;

    text-transform: uppercase;

    font-weight: 600;

	letter-spacing:0.5px;

}

.innerpg-wrap {padding: 20px 0px 40px;}

.dirctr-wrap {border-bottom: 1px solid rgba(23, 23, 23, 0.9);

    padding-bottom: 15px;

    margin-bottom: 30px;

}

.dirctr-wrap h2 {color: #efe9e9;

    font-weight: 400;

    margin-bottom: 5px;

}

.dirctr-wrap p {color: #b2b2b2;line-height: 25px;}

/*portfolio-pg-wrap start*/

.portfolio-pg-wrap {padding:40px 0px;}

.portlist li {

    cursor: pointer;

    font-size: 17px;

    font-weight: 400;

    text-transform: capitalize;

    transition: all 500ms ease 0s;

    margin-bottom: 30px;

	color:#eee;

}

ul.list-active li.active {color:#adacab;;}

.portlist li.filter-button::after {

    color: #eaeaea;

    content: "/";

    display: inline-block;

    margin: 0 0px 0 12px;

}

.portlist li.filter-button:hover {color:#adacab;}

.portlist li.filter-button:last-child::after { content:inherit; display:none;}

.left-widgt {

    border: 1px solid rgba(0,0,0,.08);

    padding: 20px;

    border-radius: 2px;

}

.left-widgt h3 {padding-bottom: 8px;

    font-weight: 500;

    margin-bottom: 8px;

    margin-top: 0;

    border-bottom: 1px solid rgba(221, 221, 221, 0.3);

    font-size: 17px;

    text-transform: uppercase;

    color:#dddddd;

    letter-spacing: 0.5px;

    word-spacing: 1px;

}

.left-widgt ul li {border-bottom: 1px dotted rgba(158, 158, 158, 0.2);

    padding: 8px 0px;

    font-size: 17px;

    color: #eee;

    font-weight: 500;

    text-transform: capitalize;

    position: relative;

	cursor: pointer;

}

.left-widgt ul li:hover {color:#adacab;}



.left-widgt ul li:last-child {border-bottom:0px;}

.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background-color: #1d1b1b;

	color:#fdcb35;

}

.portflio-item {margin-bottom:15px;}



/*hover new design*/

.single-portfolio-item {margin-bottom:4px;}

.single-portfolio-item .img-holder {

    display: block;

    overflow: hidden;

    position: relative;

}

.single-portfolio-item .img-holder img {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    width: 100%;

	height:auto;

}

.single-portfolio-item .img-holder:before {position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.2);

	content:'';

	z-index:9;

}

.single-portfolio-item .img-holder .portfolio-overlay .port-box .content p {

   color:#e0e0e0;

    margin: 0;

   font-size: 18px;

    font-weight: 400;

    padding-left: 12px;

    margin-top: -7px;

    letter-spacing: 0.8px;

    word-spacing: 1px;

}

.single-portfolio-item .img-holder .portfolio-overlay .port-box .content .icon-holder {

    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;

    border-radius: 50%;

    height: 40px;

    position: absolute;

    right: 15px;

    top: 15px;

    transition: all 400ms ease 0s;

    width: 40px;

	line-height: 40px;

    text-align: center;

	font-size:40px;

}

.single-portfolio-item .img-holder .portfolio-overlay .port-box .content a:hover {color:inherit !important;}

.single-portfolio-item .img-holder .portfolio-overlay .port-box .content .icon-holder a i {

    color: #ffffff;

    display: inline-block;

    font-size: 18px;

    line-height: 40px;

    transition: all 400ms ease;

}

.single-portfolio-item:hover .img-holder img {

    transform: scale(1.1);

}

.single-portfolio-item:hover .img-holder .portfolio-overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: rotateY(0deg) scale(1,1);

    transform: rotateY(0deg) scale(1,1);

}

.portfolio-overlay {

    background-color: rgba(0,0,0, .7);

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    color: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all 450ms ease-out 0s;

    transition: all 300ms ease-out 0s;

    -webkit-transform: rotateY(90deg) scale(0.5,0.5);

    transform: rotateY(90deg) scale(0.5,0.5);

	z-index:999;

}

.portfolio-overlay .port-box {

    display: table;

    height: 100%;

    width: 100%;

}

.portfolio-overlay .port-box .content {

    display: table-cell;

    text-align:left;

    vertical-align: middle;

}

.portfolio-overlay .port-box .content h3 {    

    background-color: #000;

    display: table;

    padding: 10px 8px;

    font-size: 20px;

    margin-top: 0px;

    bottom: 39px;

    position: absolute;

}

.video-name {position: absolute;

    bottom: 35%;

    -webkit-transition: all 450ms ease-out 0s;

    transition: all 300ms ease-out 0s;

    left: 15px;

	z-index:999;

}

.video-name h2 {color:#fff;

        padding-bottom: 10px;

        position: relative;

		    line-height: 29px;

    font-size: 24px;

    text-shadow: 0px 2px 2px #000;

}

.video-name h2:before {bottom: -1px;

    content: "";

    height: 1px;

    position: absolute;

    width:25px;

    background-color:#fdcb35;

    left: 0;

}

.single-portfolio-item:hover .video-name h2 {color:#fff;}

/*contact page start*/

.contct-london-wrap {background-image:url(../img/london-bg.jpg);

					/*background-position:center;*/

					background-repeat:no-repeat;

					background-size:cover;

					/*background-attachment:fixed;*/

				    padding: 40px 0px;

                    height: 110vh;

}

.lct-lft .time_temperature {

    font-size: 109px !important;

    float: left !important;

    position: absolute !important;

    top:90px !important;

}

.lct-lft #wpc-weather.large .now .time_temperature::after {

    font-size: 100px !important;

}

.lct-lft .today {

    float: left !important;

    width: 100% !important;

    margin-top:0px !important;

}

.lct-lft #wpc-weather .today .day {font-size: 31px !important;}

.lct-lft #wpc-weather .today .sun_hours {

    float: right !important;

    font-size: 19px !important;

}

.lct-lft .location_name {display: none !important;}

.lct-right table tr td a {

    text-decoration: none !important;

    color: #fff !important;

    font-size: 50px !important;

    text-transform: uppercase !important;

}

.lct-right {padding: 100px 0px 100px;}

.lct-add {

    width: 100%;

    float: left;

    background-color: rgba(68,68,68,0.3);

    border: 5px solid #fff;

}

.lct-add .lct-add-inn {

    padding: 0 4% 0%;

    width: 100%;

    float: left;

    font-size: 1.6em;

    min-height: 140px;

    border-bottom: 7px solid #fff;

}

.lct-add .email, .lct-add .phone {

    padding: 4.5% 0 4%;

    border-right: 3px solid #fff;

    float: left;

    text-align: center;

    width: 50%;

    text-decoration: none;

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: bold;

}

.lct-add .phone {

    border-left: 3px solid #fff;

}

.lct-add .lct-add-inn a h3 {

    width: 100%;

    float: left;

    margin-bottom: 0px;

    font-weight:600;

    font-size: 27px;

}

.lct-add .lct-add-inn a h4 {

    width: 100%;

    float: left;

    font-weight:600;

    font-size: 23px;

}







.contct-gurgaon1-wrap{background-image:url(../img/gurgaon-1.png);

					background-position:center;

					background-repeat:no-repeat;

					background-size:cover;

					background-attachment:fixed;

					padding: 40px 0px;

}





.contct-mumbai-wrap {background-image:url(../img/mumbai.png);

					    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 0px;
    height: 110vh;

}







.contct-usa-wrap {background-image:url(../img/usa.png);

					    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 0px;
    height: 110vh;

}





.contct-singapore-wrap {background-image:url(../img/singapore.png);

					    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 0px;
    height: 110vh;

}



.contct-dubai-wrap {background-image:url(../img/dubai-bg.jpg);

					    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 0px;
    height: 112vh;

}

.contct-mumbai-wrap {background-image:url(../img/mumbai-bg.jpg);

					    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    padding: 40px 0px;
    height: 110vh;

}

.mobile-view {display:none;}

/*landing-form*/

.landing-form-wrap {margin-top:-60px; position:relative; padding-bottom:40px;background-color: #000;

    z-index: 99;}

.landing-form {padding:25px 20px 20px 20px; 

    		   background-image: url(../img/innerbanner-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

	position:relative;

	 border-top: 1px solid #3a3030;

}

.landing-form:before {    content: "";

    position: absolute;

    top: -1.25rem;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: 2.5rem;

    height: 2.5rem;

    transform: rotate(45deg);

    z-index: 2;

    background-color: #010001;

    border: 1px solid #3a3030;

    border-left: 0px;

    border-top: 0px;

}

.landing-form  h3 {margin-top: 0px;

    margin-bottom: 20px;

	text-align:center;

}

.landing-form .form-control {background-color: #252525;

    border:1px solid rgba(117, 117, 117, 0.3);

    height: 45px;

	box-shadow:none;

	opacity: 0.9;

}

.landing-form label {color: rgba(255, 255, 255, 0.7);

    font-weight: 400;

    margin-bottom: 2px;

    font-size: 15px;

}

textarea.form-control {height:auto !important;}

.btn2 {background: #d3d3d3;

    color: #000000;

    font-weight: 300;

    font-size: 22px;

    width: 100%;

    border-radius: 0px;

    padding: 7px 5px;

	border-radius:4px;

}

.btn2:focus {color:#333 !important;}

.ftcnt-item h3 {font-size: 16px;

    color: #d5d5d5;

    margin-bottom: 2px;

}

.ftcnt-item p { font-size:12px;color:#878786;}