@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700,800,900');

body {font-size:14px; background:#f2f5fa; font-family: 'Work Sans', sans-serif; font-weight:600}

.clear {clear:both; margin:0; padding:0}

.bg-header {background-color: #1d2c57;     box-shadow: 0 2px 7px rgba(0,0,0,0.5);}

.fadeSlide .slick-slide{outline: none;}

.headrbg {width:100%; background: #1f3161; /*background:url(../images/banner-01.png) no-repeat bottom center #1f3161;*/ height:100vh; position:relative;}
.headrbgin {width:100%; background: #1f3161; min-height:377px; position:relative; margin-top: 60px;}
.bg-header .dropdown-toggle::after {display:none}
.bg-header {padding:0; font-size:14px;}

.profile-banner{background: url('../images/profile-banner.jpg') no-repeat center center / cover;}
.our-team-banner{background: url('../images/our-team-banner.jpg') no-repeat center center / cover;}
.press-banner{background: url('../images/press-banner.jpg') no-repeat center center / cover;}
.service-design-banner{background: url('../images/service-design-banner.jpg') no-repeat center center / cover;}
.service-3dbim-banner{background: url('../images/service-3dbim-banner.jpg') no-repeat center center / cover;}
.service-consulting-banner{background: url('../images/services-consulting-banner.jpg') no-repeat center center / cover;}
.service-qs-banner{background: url('../images/service-qs-banner.jpg') no-repeat center center / cover;}
.service-5dbim-banner{background: url('../images/service-5dbim-banner.jpg') no-repeat center center / cover;}
.service-pmccmc-banner{background: url('../images/service-pmccmc-banner.jpg') no-repeat center center / cover;}
.service-capacity-building-banner{background: url('../images/capacity-building-banner.jpg') no-repeat center center / cover;}
.service-training-development-banner{background: url('../images/training-development-banner.jpg') no-repeat center center / cover;}
.ourwork-smart-city-banner{background: url('../images/our-work-smart-city-banner.jpg') no-repeat center center / cover;}
.ourwork-rail-metro-banner{background: url('../images/our-work-reail-metro-banner.jpg') no-repeat center center / cover;}
.ourwork-airport-banner{background: url('../images/our-work-airport-banner.jpg') no-repeat center center / cover;}
.ourwork-hospitality-banner{background: url('../images/our-work-hospitality-banner.jpg') no-repeat center center / cover;}
.ourwork-healthcare-banner{background: url('../images/our-work-healthcare-banner.jpg') no-repeat center center / cover;}
.ourwork-institutional-banner{background: url('../images/our-work-institutional-banner.jpg') no-repeat center center / cover;}
.ourwork-retail-banner{background: url('../images/our-work-retail-banner.jpg') no-repeat center center / cover;}
.ourwork-residential-commercial-banner{background: url('../images/our-work-residential-commercial-banner.jpg') no-repeat center center / cover;}
.ourwork-industrial-banner{background: url('../images/our-work-industrial-banner.jpg') no-repeat center center / cover;}
.product-vico-office-banner{background: url('../images/product-vico-office-banner.jpg') no-repeat center center / cover;}
.product-3d-sketch-banner{background: url('../images/product-3d-sketch-banner.jpg') no-repeat center center / cover;}


.headrbgin .overlay{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4)}
.headrbgin h1{z-index: 9; position: relative;}
.headrbgin .latest{z-index: 9; position: relative;}

.bg-header .navbar-nav .nav-link {color: #6977ab; padding: 19px 1.75rem;}

.navbar-brand { position:relative; background:#1f3161; padding-right:30px;}
.navbar-brand::before {content: " "; background:#1f3161; position:absolute; top:0; bottom:0; left:-100vw; width:100vw}

.dropdown-menu {border-radius:0; min-width:190px;}
.dropdown-menu .dropdown-item {font-weight: 700;  color: #353e92; padding:9px 0; padding-right: 15px; font-size:14px; border-bottom:1px solid #ececec}
.bg-header .navbar-nav .dropdown-menu {padding:0; padding-left: 1.5rem; margin-top: 0px;}

.dropdown-item.active, .dropdown-item:active {background-color: #FFF;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #FFF;}

.contenttxt h3{line-height: 1.20; margin-bottom: 25px;}

.latest {color:#FFFFFF; font-size:12px; width:621px; padding-top:100px; margin:0 auto;     font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight:400}
.latest .slick-prev {display:none!important; font-size:12px}
.latest span {border-radius: 30px;background-color: #5c8adc; display:block; float:left; padding:0px 10px; font-weight:700}
.latest .slider {float:left; width:518px; text-align:left; font-size: 13px;}
.latest .slick-list {float:left; width:420px; text-align:left}
.latest .slick-next  {background:url(../images/shapeb.png) no-repeat top center; width:8px; height:13px; border:0; overflow:hidden; text-indent:-999px; float:left; margin-top:3px; margin-right:10px; outline:none}
.latest .slick-dots li { list-style:none; display:inline-block; float:left; margin-right:3px}
.latest .slick-dots li button {border:0; background:none; color:#6089dd; outline:none; cursor:pointer;}
.latest .slick-dots li.slick-active button, .latest .slick-dots li.slick-active {color:#FFF; opacity:1}
.latest .slick-slide {margin: 0px 13px}
h1 {font-size: 55px; font-weight: 800; font-style: normal; margin:50px 0 0 0; font-stretch: normal; line-height: 1.25; letter-spacing: -1.2px; text-align: center; color:#FFFFFF; }
.headrbg .fblink {position:absolute; bottom:30px; right:0; left:0; width:100%; color:#FFFFFF; font-size:12px}
.headrbg .fblink a {color:#006fff}
.headrbg .fblink span {float:right}
.carousel, .carousel-inner, .carousel-inner .item { height: 100%;}
#image1 {
    background-image: url('../images/banner1.jpg');
}

#image2 {
    background-image: url('../images/banner2.jpg');
}

#image3 {
    background-image: url('../images/banner3.jpg');
}

.carousel-item {
    height: 100vh;
    min-height: 300px;
    background-image: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel.fade {
    opacity: 1;
}

.carousel.fade .carousel-item {
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    z-index: 1;
}

.carousel.fade .carousel-item:first-child {
    top: auto;
    position: relative;
}

.carousel.fade .carousel-item.active {
    opacity: 1;
    -moz-transition: opacity ease-in-out .7s;
    -o-transition: opacity ease-in-out .7s;
    -webkit-transition: opacity ease-in-out .7s;
    transition: opacity ease-in-out .7s;
    z-index: 2;
}

.carousel-control-next,
.carousel-control-prev {
	z-index: 10;
}
.carousel-inner .banner-overlay{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  left: 0;
  top: 0;
}
.carousel-caption{
  top: 50%;
  bottom: auto;
  transform: translateY(-33%);
  padding-top: 0;
  padding-bottom: 0;
}
.carousel-caption h1{
  margin-top: 0px;
  text-shadow: 0 0px 11px rgba(0,0,0,0.5);
}
.carousel-caption a{
  background: #006fff;
  color: #fff;
  padding: 11px 31px;
  display: inline-block;
  margin-top: 22px;
  border-radius: 4px;
  box-shadow: 2px 3px 7px rgba(0,0,0,0.5);
  text-decoration: none;
}

.news-area-head{position: absolute; z-index: 999; left: 50%; top: 50%; transform: translate(-50%, -550%);}
.news-area-head .latest{padding-top: 0px;}

h2 {font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal;line-height: normal;letter-spacing: -0.5px;  color:#8b93d7;  margin-bottom:30px}
h2 hr {border-top: 1px solid #8b93d7;	width:57px;	display:inline-block;	vertical-align:middle;	margin:-5px 10px 0 10px;}
h2 strong {	color:#353e92; font-weight:600}
h3 {	font-size: 37px;  font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: 1.57;  letter-spacing: -1.2px;  color:#353e92;}
h4 {	font-size:23px;  font-weight: 500;  font-style: normal;  font-stretch: normal;  line-height: 1.57;  letter-spacing: -1.2px;  color:#353e92;}
h5 {font-size: 20px;  font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.57;  letter-spacing: -1.2px;  color:#353e92;}
h5 strong {font-size: 21px; display:block}
h6 {	font-size: 25px;  font-weight: bold;  font-style: normal;  font-stretch: normal;  line-height: 1.57;  letter-spacing: -1.2px;  color:#353e92;}
p {  font-size: 15px;  font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 24px;  letter-spacing: normal;}
.knwbut {  font-size: 17px; font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: -0.1px;  text-align: left;  color:#006fff;  background: url(../images/group.png) no-repeat right;  padding-right:20px}

.py-1 {padding: 1.5rem 0 1rem 0 !important; background:#ececec;}
.py-1 .clients .slick-arrow { display:none!important}
.py-1 .clients .slick-dots {position:absolute; top:30px; left:-20.5%; list-style:none; margin:0; padding:0}
.py-1 .clients .slick-dots li {display:inline-block; margin:0 5px 0 0; padding:0}
.py-1 .clients .slick-dots li button {width:10px; height:10px; background:#a4a5a6; border-radius:12px; display:block; border:0; overflow:hidden; text-indent:-999px; outline:none; padding: 0}
.py-1 .clients .slick-dots li.slick-active button {background:#1f3161;}

.py-1 .clients span {display:block; width:20%; float:left; padding-right: 5%}
.py-1 .clients span img{width: 100%;}
.py-1 .clients strong {display:block; font-size: 20px;  font-weight: bold;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: -0.8px;  text-align: left; color:#353e92}
.py-1 .clients p {display:block; width:75%; float:left; margin-top: 0px;}
.py-1 .clients p strong {display: inline-block; font-size: 15px; font-weight: normal;}

.py-2 {padding: 2rem 0 !important; background:#f2f5fa;}
.py-3 {padding: 2rem 0 !important; background:#f8f9fa;}
.py-3 .marginbottom{margin-bottom: 30px;}
.py-3 .servicesthumb .captionser {position:absolute; width:100%; z-index:2; bottom:50%; margin-top:-10px; top:50%;}

.home-section h2{font-size: 28px; margin-bottom: 15px;}
.about-home h4{font-size: 22px; letter-spacing: -0.2px;}
.about-home .about-pic img{width: 100%;}


.servicesthumb { position:relative; }
.servicesthumb img {width:100%;}
.servicesthumb .overblk {opacity: 0.2; background-color: #000000; position:absolute; z-index:1; top:0; bottom:0; width:100%; -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
.servicesthumb .overblk:hover {opacity: 0.3;}
.servicesthumb .captionser {font-size: 23px; font-weight: 700;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: -0.5px;  text-align: center;  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); position:absolute; width:100%; z-index:2; bottom:25px; color:#FFFFFF; transition: 0.5s;	-moz-transition: 0.5s;	-webkit-transition: 0.5s;	-o-transition: 0.5s;}
.servicesthumb .captionser span {display:block; font-size: 12px; font-weight: 600; margin-bottom:10px}

.servicesthumb.our-work{height: 120px; overflow: hidden; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.servicesthumb.our-work img{margin-top: -50px; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.servicesthumb.our-work:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.servicesSlide .slick-slide{outline: none;}
.servicesSlide .servicesthumb, .ytplay {cursor:pointer}
.ytplay{margin-bottom: 10px;}
.ytplay a{outline: none}
.servicesSlide .servicesthumb:hover .captionser {bottom:50px;}
.ytplay{overflow: hidden;}
.ytplay img{-o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.ytplay:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.servicesSlide .slick-arrow {cursor:pointer; border:0; width:77px; height:75px; background:#1d2c57; position:absolute; top:40%; left:0; overflow:hidden; text-indent:-999px; z-index:10; outline:none}
.servicesSlide .slick-prev {background:url(../images/arrowslidep.png) center no-repeat #1d2c57}
.servicesSlide .slick-next {background:url(../images/arrowsliden.png) center no-repeat #1d2c57; left:auto; right:0}

.py-4 {padding: 2rem 0 !important; background:#f2f5fa;}
.py-4 .marginbottom{margin-bottom: 30px;}
.py-4 .ourWorkmar {margin-top:30px}
.py-4 .videomar {margin-top:3rem}
.py-4 .servicesthumb .captionser {position:absolute; width:100%; z-index:2; bottom:50%; margin-top:-10px; top:50%;}

.py-3 .servicesthumb .playicon {position:absolute; z-index:2; bottom:50%; margin-top:-43px; top:50%; left:50%; right:50%; margin-left:-40px; background:url(../images/rectangle-4-copy.png) no-repeat; width:87px; height:96px; transform: scale(0.8);}

.py-4 .logo ul {margin:0; padding:0; list-style:none}
.py-4 .logo ul li {margin:0 7% 0 0; padding:0; display:inline-block; vertical-align:baseline; width:88px; height:88px;}
.py-4 .logo ul li:last-child {margin-right:0}

.py-5 {padding: 2rem 0 !important; background:#1f3161; color:#FFFFFF}
.py-5 h2 strong {color:#FFF;}
.py-5 h4 {color:#FFF;}

.sketch-3d p img{ float: right; width: 300px; margin-left: 20px; margin-bottom: 10px; border: solid 1px #ccc; padding: 2px;}

.bim-softwarer img{width: 100%; }

.logoSlide img{width: 100%;}

.py-6 {padding: 2rem 0 !important; background:#FFF; color:#1f3161}

.formApply { margin-top:40px}
.formApply .form-control {    display: block;    width: 100%;    padding: .375rem 0;    font-size: 14px;	font-weight:600;    line-height: 1.5;    border: 0px solid #ced4da;	border-bottom: 1px solid #8b93d7;    border-radius: 0;    outline:none; background:transparent}
.formApply input {    color:#8b93d7;}
.formApply input:focus {  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);  outline: 0 none;}

.formApply .form-control::-webkit-input-placeholder { color: #8b93d7; }  /* WebKit, Blink, Edge */
.formApply .form-control:-moz-placeholder { color: #8b93d7; }  /* Mozilla Firefox 4 to 18 */
.formApply .form-control::-moz-placeholder { color: #8b93d7; }  /* Mozilla Firefox 19+ */
.formApply .form-control:-ms-input-placeholder { color: #8b93d7; }  /* Internet Explorer 10-11 */
.formApply .form-control::-ms-input-placeholder { color: #8b93d7; }  /* Microsoft Edge */

.formApply select#select-color {   -webkit-appearance: button;   -webkit-border-radius: 2px;   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);   -webkit-padding-end: 20px;   -webkit-padding-start: 2px;   -webkit-user-select: none;   background-image:url(../images/plus.gif);   background-position: 100% center;   background-repeat: no-repeat;   border: 0px solid #ced4da;	border-bottom: 1px solid #8b93d7;   color: #555;   white-space: nowrap;   width: 100%;}
.formApply select#select-color {color: #8b93d7;}

.formApply .knwbut {  font-size: 17px; font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: -0.1px;  text-align: left;  color:#006fff;  background: url(../images/group.png) no-repeat right 13px;  padding-right:30px; float:right; width:auto; border-bottom:0; cursor:pointer; margin-top:-15px;}


.contact p{text-align: left !important;}
.contact .contenttxt{min-height: auto; padding-top: 0px;}
.bottomlink{padding: 44px 0 !important; margin-top: 50px;}

.contactform input{outline: none; border-radius: 0px;}
.contactform input:focus{border-color: #ced4da; box-shadow: none;}
.contactform textarea{height: 125px; border-radius: 0px;}
.contactform textarea:focus{border-color: #ced4da; box-shadow: none;}
.contactform button{width: 100%; border-radius: 0px; background: #1d2c57; border-color: #1d2c57}
.contactform button:hover{background: #000}
.contactform button:focus{border-color: #1d2c57; box-shadow: none;}
.contactform button:active{border-color: #1d2c57 !important; box-shadow: none !important; background-color: #000 !important;}

footer {font-weight: 600;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: -0.1px;  color:#006fff; padding: 2rem 0; background:#f2f5fa; border-top: solid 1px #dadada;}
footer a {color:#006fff; display:inline-block; margin-top:13px}
footer span {color:#006fff; display:inline-block; padding:0 15px}
footer strong {font-size:11px; color:#7e82a6; display:block; margin-top:10px; font-weight:400}


footer .socialSec {  text-align:center;  width:100%; border-bottom:#eaeaea 1px solid; padding-bottom:15px; margin-bottom:15px;}
footer .icon {position:relative;	text-align:center;	width:0px;	height:0px;	padding:15px;	border-top-right-radius: 	20px;	border-top-left-radius: 	20px;	border-bottom-right-radius: 20px;	border-bottom-left-radius: 	20px; 	-moz-border-radius: 		20px 20px 20px 20px;	-webkit-border-radius: 		20px 20px 20px 20px;	-khtml-border-radius: 		20px 20px 20px 20px; 		color:#FFFFFF;}
footer .icon i {	font-size:18px;	position:absolute;	left:9px;	top:10px;}
footer .icon.social {	display:inline-block;	margin:0 20px 0 0;	cursor:pointer;	background:#7e7e7e ;	color:#FFF;	transition: 0.5s;	-moz-transition: 0.5s;	-webkit-transition: 0.5s;	-o-transition: 0.5s; 	}
footer .icon.social:hover {	background:#353e92 ;}
footer .icon.social.fb i {	left:10px;	top:7px;}
footer .icon.social.tw i {	left:8px;	top:7px;}
footer .icon.social.in i {	left:7px;	top:6px;}
footer .icon.social.pin i {	left:8px;	top:6px;}

.bottomlink {padding: 2rem 0 !important; background:#f2f5fa; border-top:1px solid #8b93d7}
.bottomlink a:hover {text-decoration:none}

.bottomlink a {font-size:17px; color:#353e92; font-weight:700; position: relative;  display: inline-block;  padding: 0 2em 0 0;}
.bottomlink a:after, .bottomlink a:before {  content: "";  display: block;  position: absolute;  -webkit-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.bottomlink a:before {  top: 50%;  right: 0;  width: 1em;  height: 1em;  -webkit-transform-origin: 50% 50%;          transform-origin: 50% 50%;  -webkit-transform: translate(0, -0.5em) rotate(45deg);          transform: translate(0, -0.5em) rotate(45deg);  -webkit-box-shadow: inset -0.2em 0.2em 0 0 #353e92;          box-shadow: inset -0.2em 0.2em 0 0 #353e92;  border-radius: 0 0.15em 0 0;}
.bottomlink a:after {  top: 50%;  right: 0;  width: 1.3em;  height: 0.2em;  -webkit-transform: translate(0, -0.1em);          transform: translate(0, -0.1em);  background-color: #353e92;}
.bottomlink a:hover:before {  -webkit-transform: translate(0.5em, -0.5em) rotate(45deg);          transform: translate(0.5em, -0.5em) rotate(45deg);}
.bottomlink a:hover:after {  -webkit-transform: translate(0.5em, -0.1em);          transform: translate(0.5em, -0.1em);}

.infooter {padding: 3.5rem 0 !important; /*background:#f2f5fa;*/ background: #f8f9fa; border-top:1px solid #8b93d7}
.infooter h2 {margin-right:auto; margin-left:auto; max-width:440px}
.infooter h5 {font-size: 21px; font-weight:700; margin:0 auto 50px auto; max-width:440px}
.infooter h5 strong {display:inline-block; margin-left:5px; font-weight:500}
.infooter .copy {font-size: 15px;  font-weight: 500;  font-style: normal;  font-stretch: normal;  line-height: 2.33;  letter-spacing: normal;  text-align: center; color:#a3acb8; margin-top:30px; margin-bottom:-30px}
.border0 {padding-top: 0.5rem!important}

.topScroll { width:48px; height:48px; border:1px #a5abcf solid; padding:2px; position:fixed; right:20px; bottom:50px; border-radius: 	48px; cursor:pointer; display:none; z-index:10}
.topScroll .icon {background:url(../images/shape.png)#353e92 center no-repeat; width:42px; height:42px;  border-radius: 	42px;}
.leftlinks.fixed {  position: fixed;  top: 60px;  margin-top:0;  width: 255px;  padding-left:50px; z-index:10}
.leftlinks.bottom {  position: absolute;  bottom: 0;  top: auto;  width: 255px; z-index:10}
.leftlinks {background:#FFFFFF; position:relative; padding-left:20%; margin:-71px 0 0 0}
.leftlinks::before {content: " ";    background: #FFF;    position: absolute;    top: 0;    bottom: 0;    left: -100vw;    width: 100vw;}
.leftlinks ul {margin:0; padding:0; list-style:none;}
.leftlinks ul li {position:relative}
.leftlinks ul li a {font-weight: 700; display:block; color: #353e92;  padding: 16px 0;  font-size: 14px;  border-bottom: 1px solid #ececec; position:relative; overflow:hidden;}
.leftlinks ul li a::after {content:''; position:absolute; width:10px; bottom:0; top:0; right:-10px; background:#5a8ff5; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.leftlinks ul li a:hover::after {right:0px;}
.leftlinks ul li a:hover { text-decoration:none}
.leftlinks ul li.active a::after {right:0px;}

.leftlinks ul ul {margin:0 0 0 20px; padding:0; list-style:none}
.leftlinks ul ul li a {font-weight: 400; padding: 10px 0;  font-size: 14px;  border-bottom: 1px solid #ececec; position:relative; overflow:hidden;}
.leftlinks ul a.collapsed {background:url(../images/plus.gif) no-repeat 94% center}

.contenttxt { padding-top:50px; padding-bottom: 50px;/*min-height:1000px*/}
.contenttxt .topbottommar{margin: 10px 0px;}
.contenttxt p {font-size:15px; color:#000; margin-bottom:40px; text-align: justify; line-height: 26px;}
.contenttxt p strong{font-weight: 600; color: #5a636f}
.contenttxt ul {margin:0 0 40px 20px; padding:0;}
.contenttxt ul li {font-size:15px;  color:#000; font-weight:400; padding:4px 0; /*background: url(../images/li-arrow.svg) no-repeat left 16px; background-size: 12px; padding-left: 22px;*/}
.contenttxt ul li strong{font-weight: 600; color: #4c5156;}

.contenttxt.our-team p {margin-bottom:20px;}

.bgPro { width:100%; min-height:460px; background:#CCCCCC}

.visionmisiommar {margin:10px 0 20px 0}
.contactmar {margin-top:80px; border: 0}

.press{border: solid 1px #8b93d7; padding: 2px; margin-bottom: 30px;}
.press img{width: 100%;}

@media screen and (max-width:1200px) {
     .bg-header .navbar-nav .nav-link {
      padding: 16px 1.2rem;
    }
    h1 {
        font-size: 40px;
    }
     .bg-header .navbar-nav .nav-link {
        padding: 16px 1.2rem;
    }
    .py-1 .clients .slick-dots {
        top: 50px;
    }
    .servicesthumb.our-work img{
      margin-top: -20px;
    }
    .servicesthumb .captionser{
      font-size: 19px;
    }
}

@media screen and (max-width:990px) {
    .bg-header .navbar-nav .nav-link {
        padding: 5px 1.2rem;
    }
    .dropdown-menu .dropdown-item {
        padding: 5px 0;
    }
  .headrbg{height: 660px; background: #1f3161; /*background: url(../images/banner-01.png) no-repeat bottom 23px center #1f3161;*/}
  .carousel-item{height: 660px;}
    .headrbg h1{font-weight: 700; letter-spacing: 0px;}
    .servicesSlide .slick-arrow{width: 47px; height: 47px; top: 50%; transform: translateY(-50%);}
    .leftlinks.fixed{width: 151px; padding-left: 4%;}
    .servicesthumb.our-work{height: 149px;}
    .servicesthumb.our-work img{margin-top: 0px;}
    .carousel-caption h1{
      font-size: 32px;
    }
    .contact-img{margin-bottom: 20px;}
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 30px; margin-top:30px
    }
    .fadeSlide h1{letter-spacing: 0px; font-weight: 700;}
    .headrbgin {
        min-height: 270px;
    }
    .formApply {
        margin-top: 0px;
    }
    .headrbg {
        /*background: #1f3161;*/
        background: #1f3161;
        height: 350px;
    }
    .servicesthumb {
        margin-bottom:20px
    }
    .py-4 .ourWorkmar {
        margin-top: 0;
    }
    .latest {
        color: #FFFFFF;
        width: 430px;
    	padding-top: 90px;
    }
    .latest .slider {
     width: 410px;
     margin-left:-10px;
     margin-top:5px;
    }
    .latest .slick-dots {
        clear:both;
    	margin:10px 0 0 10px;
    	padding:0
    }

    .bim-softwarer img{margin-bottom: 30px;}

    .carousel-item{height: 350px;}

    .py-1 .clients span img{width: auto; margin-bottom: 20px;}

    .latest{text-align: center}
    .latest span{display: inline-block; float: none; margin-bottom: 5px;}
    .latest .slider .slick-slide{text-align: center;}
    .latest .slick-dots{text-align: center; margin-top: 8px; display: inline-block; width: 100%;}
    .latest .slick-dots li{float: none;}
    .py-1 h2{margin-bottom: 50px;}
    .clients .slick-dots{top: -38px !important;}
    .py-2 h4{font-size: 19px; letter-spacing: 0;}
    .navbar .navbar-toggler{margin-right: 14px; outline: none;}
    .headrbg .fblink .container{text-align: center !important;}
    .headrbg .fblink span{float: none; display: inline-block;}

    .py-1 .clients span{width: 100%; margin-bottom: 14px;}
    .py-1 .clients p{width: 100%;}
    .latest .slick-next{display: none !important}
    .about-home .about-pic{margin-bottom: 20px;}
    footer {
        text-align: center;
    }

    .py-1 .clients .slick-dots {
    top: -23px;
        left: 0;
    }
    .servicesthumb.our-work{height: auto;}
    .news-area-head{
      transform: translate(-50%, -145%);
    }
    .carousel-caption{
      transform: translateY(-7%);
    }
    .carousel-caption h1{
      font-size: 16px;
    }
    .carousel-caption a{
      padding: 8px 26px;
      font-size: 11px;
    }
    .ytplay{
      margin-bottom: 10px;
    }
    .videothumb p{
      margin-bottom: 30px;
    }

  .sketch-3d p img{ width: 100%; margin-left: 0px; margin-bottom: 15px;}

}
@media screen and (max-width:470px) {

    .latest {
        width: 300px;
    }

    .latest .slider {
        width: 300px;
    }
    .latest .slick-initialized .slick-slide {
        width: 274px !important;
    }
    .latest .slick-next {display: none!important}

    .latest .slick-list {
        width: 300px !important;
    }

    h1 {
        font-size: 20px;
    }


    .navbar-brand {
        width: 20%;
    }



}