/*

* Theme Name: Netscriperwp

*  Author: Netscriper

*  Author URI: http://www.netscriper.com/

*/ 

/* font-family: 'Muli', sans-serif; */
.none{
  display: none;
}

.gmedia-amron-masonry-thumb-pint {
    display: block !important;
}
.imagebox {
   /* min-height: 310px; */
   min-height: 250px;
margin: 15px 0px 34px 0px;
/*border: 1px solid #b9cde575;
*/}
.mwl {
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.84);
    display: none;
}

@font-face { font-family: "Myanmar Sans Pro"; 
src: url("/wp-content/themes/ns-haven//fonts/MyanmarSansProRegular/MyanmarSansProRegular.woff") format("woff"), 
url("/wp-content/themes/ns-haven//fonts/MyanmarSansProRegular/MyanmarSansProRegular.ttf") format("truetype"), 
url("/wp-content/themes/ns-haven//fonts/MyanmarSansProRegular/MyanmarSansProRegular.svg#Myanmar Sans Pro") format("svg"); }

.myanmarfont {
    font-family: "Myanmar Sans Pro" !important;
    font-size: 17px !important;
    line-height: 28px !important;
}
.detail .myanmarfont{
  font-size: 20px !important;
  font-weight: 700 !important;
}
@font-face {
  font-family: 'Arial';
  src:url('/wp-content/themes/ns-haven/fonts/Arial/Arial.ttf.woff') format('woff'),
      url('/wp-content/themes/ns-haven/fonts/Arial/Arial.ttf.svg#Arial') format('svg'),
      url('/wp-content/themes/ns-haven/fonts/Arial/Arial.ttf.eot'),
      url('/wp-content/themes/ns-haven/fonts/Arial/Arial.ttf.eot?#iefix') format('embedded-opentype'); 
      font-weight: normal;
      font-style: normal;
}
#myCanvasbar,#myCanvasbargenter,#myCanvasbarreligion,#myCanvasbarrace{
  width:100% !important;
  /*height: 400px;*/
  margin:20px 0px;
}
.columncountandmargin{
  column-count: 3;
  margin-bottom: 25px;
}

@font-face {
  font-family: 'Muli Black';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli Bold';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli ExtraBold';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli ExtraLight';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-ExtraLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli Light';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli Medium';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Muli';
  src:url('/wp-content/themes/ns-haven/fonts/Muli/Muli-Regular.ttf') format('truetype');
}

h1,h2,h3,h4,h5,h6{
	 font-family: 'Muli Black' !important;
}

.path-slider:hover{

  transition: all .5s;
}

/*.path-slider-wrapper{
  width:500px;
}*/
.path-slider,.path-slider-wrapper{
    position: relative;
    height: 450px;

}
.career td:hover,.career th:hover{
	color:#337ab7 !important;
	background:transparent !important;
}
#tab830 {
    background-image: url("/wp-content/uploads/2020/08/csrbackgroundusednew.png");
    background-position: center center;
	margin:20px 0px;
  background-repeat: no-repeat;
}
#page-id-755{
   background-image: url("/wp-content/uploads/2020/08/csrbackgroundusednew.png");
    background-position: center center;
  margin:20px 0px;
  background-repeat: no-repeat;
  background-size: cover;
}
.achievesecondshow{
	display:none;
}
.forachievetable thead {
    background: #00458D;
    color: white;
    padding: 20px 0px;
}
.forachievetable > tbody > tr > td, .forachievetable > tbody > tr > th, .forachievetable > tfoot > tr > td, .forachievetable > tfoot > tr > th, .forachievetable > thead > tr > td, .forachievetable > thead > tr > th {
    border: 1px solid #00458D;
}
.forachievetable tbody tr:nth-child(n) {
  background:#E6EDF6;
}
.forachievetable tbody tr:nth-child(2n) {
  background:#F3F3F3;
}
#page-id-14 .tab-pane {
    min-height: 800px;
}
.item__circle img {
    filter: drop-shadow(-8px 8px 3px #545555bd);
}
.hide{
  opacity: 0;
}
.slick-slider{
  display: hide;
}
.slick-slider{
  animation: cssAnimation 0s 5s forwards;
  visibility: hidden;
}
@keyframes cssAnimation {
  to   { visibility: visible; }
}


.path-slider__item {
    position: absolute;
left: 144px;
top: -60px;
  /*   transform: scale(0.9);
*/
}



/*.item__circle {
  width: 100px;   
  height: 100px;  
}*/

/* .path-slider__current-item .item__circle{
    transform: scale(1.2);    
    transition: all .5s;
} */
.service-item,.service-item p  {
  text-align: center !important;
  display: block;
  margin:0px auto;
  width:50%;
}
.service-item{ 
  display: block;
  margin:0px auto !important;
}


.service-item h5  {
  width:50%;
   display: block;
  margin:15px auto;
  font-size: 22px !important;
  font-family: "Muli Bold";
  font-weight: 700;
}

.d-none{ display: none !important;  }

.service-item p  {
  font-size: 16px !important;
	font-weight:700;
}

.loader-controller{
  /*margin-top: 138px;*/
  position: relative;

}

.trick{
  position: absolute;
  left: 49.6%;
  transform: translateX(-49%) scale(0);
  top: 34px;
  z-index: 1;
  transition: all 2s;
}



.preloader-wrapper{
  width: 100%;
  min-height: 650px;
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  background-color: #b9cde5;
}

.keyholder{
  position: absolute;
  width: 100px;
  left: 46%;
  top: 32%;

}

#center-holder{ display: none;  }

.trick-wrapper{
  position: relative;
}

.trick-wrapper .keyholder{
  top: 135px;
  z-index: 2;
}

.preloader-wrapper .loader{
  width: 50%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}


.center-logo{
  position: absolute;
  width: 120px;
}

.splash{
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  left: 0;
  background-color: #B9CDE5;
}

.preloader-wrapper .service1,
.preloader-wrapper .service2,
.preloader-wrapper .service3,
.preloader-wrapper .service4,
.preloader-wrapper .service5
{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.about-font{
font-family: 'Muli', sans-serif;
}

.oswald{    

 font-family: 'Muli', sans-serif;

}

.muli{

font-family: 'Muli', sans-serif;

}
.missiontitle {
    color: #00458D;
    text-shadow: -5px 2px 3px #b1b1b18f;
    text-transform: uppercase;
    font-size: 25px !important;
    letter-spacing: 1px;
    font-weight: 900 !important;
}
#tab27 h1{
	display: none;
}
#tab27 p{
font-family: 'Muli', sans-serif;
font-size: 15px;
margin-top: 25px;
color: #4d4c4c !important;
}
a{
  text-decoration: none;
}
a:hover,a:active,a:focus{
  text-decoration: none;
}

.coming-soon {
  padding: 60px 0;
}
.coming-soon h1 {
  font-size: 42px !important;
  letter-spacing: 8px;
  word-spacing: 5px;
  margin-bottom: 20px !important;
}
.coming-soon img {
  margin: 0px auto;
}

body{

	margin:0 auto;
	font-family: 'Muli', sans-serif;
    font-size: 15px;

}
.nopadding{

    padding:0px;

}

.margincenter{
  margin:0px auto;
  display: block;
}
.margintop20{
  margin-top:20px;
}
p{
  text-align: justify;
}


/******************************************Header************************************************/
.active a div img {
    filter: brightness(100%) invert(0) !important;
}

.forlogo{

    padding:12px 0px;

}

.dropdown-menu li {

  background: transparent;

}
.nav .open a{
  background:transparent;
}

.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:active{
    background: transparent;
    color:#00458d;
}
.navbar-default .navbar-nav > .open > .dropdown-toggle,.navbar-default .navbar-nav > .open > .dropdown-toggle:hover,.navbar-default .navbar-nav > .open > .dropdown-toggle:focus,.navbar-default .navbar-nav > .open > .dropdown-toggle:active{
    background: transparent;
    color:whitesmoke;
}



 .dropdown-menu > li > a {

     color:#00458d;

    text-decoration: none;

    background-color: transparent;

}



/* .navbar-default .navbar-nav > .open a,

.navbr-default .navbar-nav > .open a:focus,

.navbar-default .navbar-nav > .open a:hover,

 .navbar-default .navbar-nav > .open a:active{

  background: transparent;

  color:whitesmoke;

}
.navbar-default .navbar-nav > .open .dropdown-toggle,

.navbr-default .navbar-nav > .open .dropdown-toggle:focus,

.navbar-default .navbar-nav > .open .dropdown-toggle:hover,

 .navbar-default .navbar-nav > .open .dropdown-toggle:active{

  background: transparent;

  color:#00458d;

} */
.control-label {
    font-size: 16px;
    font-weight: 700;
}

/* .navbar-default .navbar-nav > .open {

  background: transparent;

  color:#007DBE;

} */

/*#menu-item-275 .dropdown-menu{

  left:105%;

}*/

.open .dropdown-menu{

  margin:0px;
  margin-top:-15px;
  padding:0px;
  display: flex !important;

 transform: skew(25deg);

}
.navbar-nav > li > .dropdown-menu {
    margin-top: -5px;
   
}

.nav > .active .dropdown-menu li a {

   transform: skew(-45deg);

}

.open .dropdown-menu li{

  background:#B9CDE5;

  border:2px solid #007DBE;

}
/*.dropdown-menu {

    position: absolute;
    top: 99%;
}*/

.open .dropdown-menu .active {

  background:#f5f5f5;
  color:#007DBE;
}
.open .dropdown-menu .active a {
    color: #007DBE !important;
    background: transparent;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #007dbf;
    text-decoration: none;
    background-color: transparent;
}

.open .dropdown-menu a{
  min-width: 110px;

  padding:10px 15px;

  transform: skew(-25deg);

}

.nav > li > a {

     padding: 10px 12px;

     

}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #f5f5f5cf;
    background-color: transparent;
}
/*.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: #DB251C;
    background-color: transparent;
}*/

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

    color: #007DBF;

    background-color: transparent;

}*/

/*#menu-item-277 {

    margin: 0px 0px 0px 25px;

}*/

/*.nav > li > a {

   padding: 10px 10px;

  }*/

.menu{

    background:#00458d;

    position: relative;

    font-size: 16px;

}

.menuunderline {

    border-top: 6px solid #007dbe;

    position: absolute;

    width: 100%;

    z-index: 500;

    bottom: 0;

}

.navbar-default {

    background-color: #00458d;

    border-color: #fff;

    border:0px;

    border-radius: 0px;

}

.nav > li{

    /*padding: 5px 5px;*/

    padding: 3px 0px 7px;

    margin:0px 10px;

    /* margin-right: 33px; */

}

.navbar-default .navbar-nav > li > a {

    color: white;

}

.nav > .active {

   z-index: 999;

   transform: skew(25deg);

  /* background: #74a3e2;*/

  background:#b9cde5;

}

.nav >.active > a{

transform: skew(-25deg);

}

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

    color: #006eae;

    background-color: transparent;

}

.navbar{

    margin-bottom: 0px;

}

/********************************************Index ************************************************/

h1{

    text-align: center;

    font-weight: bolder;

    text-transform: uppercase;

    color:#00458d;

    font-size: 26px;

    letter-spacing: 1px;
    font-weight: 900;

}

.video h1:before,.homeproject h1:before{

    content: "";

    display: block;

    width:1px;

    height: 85px;

    background: #007dbd;

    margin:0px auto;

}

.video h1{
    margin-bottom: 60px;
    font-weight: 900;
}

.video{

    /*height: 1130px;*/
    height:1370px;

    background:white;

    position: relative;

}
/*audio, canvas, progress, video {
    margin-top: -120px;
}*/

.videocurve{

  padding-top: 180px;

  position: absolute;

  width:100%;

  bottom:0px;

  height: 700px;

/*  background-image: url("images/withbackground.png");

*/ /* background-image: url("images/forupdate2.png");*/
/* background-image:url('images/newaboutused.png');
 */
	 background-image:url('/wp-content/uploads/2020/06/websitebg2.png');
}

.videocurve p {
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    width: 95%;
    display: block;
    margin: 0px auto;
}

.buttonwithshape {

    display: block;

    margin: 0px auto;

    transform: skew(-25deg);

    border: 1px solid #007dbd;

    padding: 10px 25px;

    color: #007dbd;

    background: transparent;

    text-transform: uppercase;

    width: 15%;

    margin-top: 45px;

}

.buttonwithshape .buttontext{

  transform: skew(25deg);  

  background: transparent;

  text-align: center;

  font-size: 16px;

}
.homeprojectimagediv a {
    color: white;
}
.homeprojectimagediv a:hover,
.homeprojectimagediv a:active{
  text-decoration: none;
}

.homeservice{

    position: relative;

    padding-top: 50px;

    min-height: 600px;

background: repeating-linear-gradient(to right,#fff, #fff 39.9%, #f6f6f6 40.1%, #f6f6f6 100%);

}

.homeservice h1 {

    text-align: left;

    border-left: 1px solid #007dbd;

    padding-top: 45px;

    padding-left: 15px;

    margin-bottom: 25px;

}

.hometab {

    background: #007dbe;

    z-index: 900 !important;

    position: relative;

    margin-top: 160px;

    min-height: 430px;

}

.hometab ul {

    padding-left: 0px;

    position: absolute;

    width: 100%;

    bottom: 0;

    margin-bottom: -2px;

}

.tab-content{

    min-height: 528px;

}
.homeservice .tab-content p{
	font-size:18px;
}

.width50 {

    height: 640px;

    position: absolute;

    top: 10%;

    width:50%;

    background-image: url("images/haven-home-group.jpg");

    background-repeat: no-repeat;

    background-size: cover;

}

.homeproject {

/*     background-image: url("images/homeproject.jpg"); */
	background-image:url('/wp-content/uploads/2020/06/website-background1-1.png');

    background-repeat: no-repeat;

    background-size: cover;

    padding: 20px 0px;

    height: auto;

    padding-top: 70px;

}

.homeprojectimagediv{

    margin-top:50px;

    margin-bottom: 70px;

}

.homepjimgbox {

    position: relative;

}

.homepjtitle{

    position: absolute;

    bottom: 0;

  display: block;

margin: 0px auto;

/*transform: skew(-25deg);

*/padding: 10px 25px;

background:#007DBE;

color:white;

width:70%;

right:0;

z-index: 500;

/*background: repeating-linear-gradient(to right,#007DBE, #007DBE 69.9%, transparent 70.1%, transparent 100%);

*/

}

.homepjtitle::before {

    content: "";

    display: inline-block;

    transform: skew(-25deg);

    background: #007DBE;

    width: 20px;

    height: 42.3px;

    position: absolute;

    left: -10px;

    top: 0;

    z-index: 100;

}

.homepjtitletext{

/*    transform: skew(25deg);

*/background: transparent;

font-size: 16px;
text-align: center;
font-weight: 700;

}

.lasthotel{

    padding:2px 15px;

    line-height: 19.5px;

}

.estate {

    padding: 150px 0px;

    background-image: url("images/estate.jpg");

    height: auto;

/*    background-size: cover;
 */
    background-position: center center;

/*    background-attachment: fixed;
 */
    background-repeat: no-repeat;

}

.estate h1{

    margin-bottom: 30px;

}

.estate p{
   font-size: 18px;
text-align: center;
font-weight: 600;

}

.rentsalediv{

    display: flex;

    margin:0px auto;

    width:30%;

    margin-top:30px;

}

.rentsale {
    display: block;
    margin: 0px auto;
    transform: skew(-25deg);
    border: 1px solid #00458d;
    padding: 10px 33px;
    color: #00458d;
    background: transparent;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}
.buttonwithshape{
  position: relative;
  overflow: hidden;
}
.rentsale:before, .buttonwithshape:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #00458d;
  position: absolute;
  left: 0;
  top: 100%;
  transition: all .3s;
}
.rentsale:hover:before, .buttonwithshape:hover:before{
  top: 0;
}
.rentsale:hover a .rentsaletext, .buttonwithshape:hover{
  color: #fff !important;
}

.rentsaletext {
    transform: skew(25deg);
    background: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Muli Bold' !important;
    color: #00458d;
}

/************************Back Button****************************/
.idforbuttonback {
  background-image: linear-gradient(to right, #8cb4e5 ,#c7d9efb0, #dce0e5);
    padding: 10px 20px;
    border: 0px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px;
    font-size: 15px;
    width: 120px;
    text-align: left;
    position: relative;
    border:2px solid #a4bcec42;
    margin:15px 0px;
    transition-duration: 1.5s;
}
.idforbuttonback:hover{
  border:2px solid #f5f5f5;
  transform: scale(0.9,0.9);
    background-image: linear-gradient(to right, #c7d9efb0, #dce0e5,#8cb4e5);

}
.idforbuttonback:hover::after{
  transform: scale(1.1,1.1);
}
.idforbuttonback::after {
  transition-duration: 2s;
    content: url('images/reply1.png');   
     display: inline-block;
    background: #e6edf6;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 66%;
    top: -5px;
    border-radius: 50%;
    border: 2px solid #00458d;
    padding: 8px 10px;
    filter: drop-shadow(-3px 2px 2px #084a65eb);
}

/****************************Vertical Tab**********************************/

.tab-pane h3{

    margin-top:30px;

    font-size: 17px;

    margin-bottom: 30px;

    font-weight: 800;

}

.tab-pane p{

    line-height: 30px;

}

.tab-pane .buttonwithshape{

    margin:0px 0px;

    width:40%;

    margin-top:20px;

}

.tabs-left{

  border-bottom: none;

  padding-top: 2px;

}

.tabs-left img{

    margin-right: 20px;

}

.tabs-left {

  border-right: 1px solid #ddd;

}

.tabs-left>li {

    list-style: none;

    color:white;

  float: none;

  margin-bottom: 2px;

}

.tabs-left>li {

  margin-right: -1px;

}



.tabs-left>li.active>a,

.tabs-left>li.active>a:hover,

.tabs-left>li.active>a:focus {

  border-bottom-color: #ddd;

  border-right-color: transparent;

}



.tabs-left > li > a {

    color: white;

    color:white;

    margin-right: 0;
    padding: 15px 15px;
    display: flex;
    font-size: 17px;
    /* font-weight: 700; */

}

 .nav-tabs > li a img {

    filter: grayscale(0%);

    filter: brightness(0%) invert(90%);

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

    background-color: #f6f6f6;

    border-radius: 0px;

    color:#007dbe;

   }

.nav-tabs > li > a:hover,.nav-tabs > li > a:active,.nav-tabs > li > a:focus{

    color:#007dbe;

    text-decoration: none;

    background:white;

}

.nav-tabs > li > a:hover img,.nav-tabs > li > a:active img,.nav-tabs > li > a:focus img{

     filter: brightness(100%) invert(0);

}



.nav-tabs > li.active > a > img{

    filter: brightness(100%) invert(0);



}

.vertical-text {

  margin-top:50px;

  border: none;

  position: relative;

}

.vertical-text>li {

  height: 20px;

  width: 120px;

  margin-bottom: 100px;

}

.vertical-text>li>a {

  border-bottom: 1px solid #ddd;

  border-right-color: transparent;

  text-align: center;

/*  border-radius: 4px 4px 0px 0px;

*/}

.vertical-text>li.active>a,

.vertical-text>li.active>a:hover,

.vertical-text>li.active>a:focus {

  border-bottom-color: transparent;

  border-right-color: #ddd;

  border-left-color: #ddd;

}

.vertical-text.tabs-left {

  left: -50px;

}

/******************************************************************************************************/

/***************************************** All background*************************************************/

#forallpagecover {

    background:#e6edf6;

}

.allbackground{

  position: relative;

    padding:30px 0px;

    color: #1f497d;

/*    background:#74A3E2;

*/

background:#B9CDE5;

}

#page-id-14 .nav-tabs.tabs-left {

    padding-left: 0px;

    width: 100%;

    border-right:0px;

}
#page-id-14{
  padding:0px;
}

#page-id-14 .container {
  padding-top:30px;

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 21.5%, #e6edf6 21.6%, #e6edf6 100%);

}

#page-id-14 .col-sm-3 {

    width: 21.5%;

}

#page-id-14 .col-sm-9{

    width:78.5%;
    padding:0px 15px 0px 15px;

}

#page-id-14 .tab-pane h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 17px;

}
#page-id-14 #tab27 h3{
  font-family: 'Muli Bold';
}

.allbackground h1 {
    font-size: 26px;
    margin-bottom: 45px;
	font-family: "Muli ExtraBold";
}

.allbackground h3{

    margin:30px 0px;

}

.allbackground img{

    margin-bottom: 20px;

    border-radius: 8px;

}

img{

    max-width: 100%;

    height: auto;

}

.width30about {

    width: 31.6%;

    height: 370px;

    position: absolute;

    bottom: 0;

    background-image: url('images/aboutsideimage.png');

    z-index: 200;

    background-repeat: repeat-y;

    left: 0%;

    background-repeat: repeat;

}

#page-id-14 .tabs-left > li > a {

    padding: 8px 10px;
    border:0px;
    font-size: 17px;
  }

/*#tab41 {

  padding-bottom: 150px;

}*/

#page-id-14 .tab-content {

    min-height: 700px;

    position: relative;

    z-index: 900;

}

/*********************Projects**********************/

.pjlinkdiv{

    cursor: pointer;

  position: relative;

}

.pjlinkdiv .pjlinktitle{

  /*border-left:1px solid #00458D;

  border-right:1px solid #00458D;*/

  transition-duration: 1s;

  background:rgba(225,225,225,0.85);

  top:35%;

  font-size: 13px;

  font-weight: 600;

  padding:5px 0px;

  color:#00458D;

  width:100%;

  text-align: center;

  z-index: 999;

  left:0%;

  position: absolute;

}

.pjlinkdiv:hover .pjlinktitle{

  background:#00458D;

  color:white;

}

#page-id-476 h1{

  display: none;

}

.pjrequire h4{

  margin-top:20px;
	font-weight:700;

}

.verticlelinkpj {

    margin-top: 85px;

}

.pjrequire{

  margin-top:30px;

  margin-bottom: 30px;

}

.verticlelinkpj {

    margin-top: 85px;

    border: 4px solid #f7f8f852;

    padding: 5px;

    height: 740px;

    overflow-y: scroll;

}

/*.mapborder{

  border:1px solid #ccc;

}*/

/********************************************Key Resource************************************************/
.breadcrumb {
   margin-top: 15px;
}
.pjdetaildiv{

  display: none;

}

.lastpjdiv .pjdetaildiv{

  display: block

} 

.post-img img{

    display: block;

    margin:0px auto;

}
.projecttitle{
  font-size: 26px;
  text-align: center;
    text-transform: uppercase;
  font-family: 'Muli ExtraBold';
}
.allbackground h3 {
    margin: 30px 0px;
    font-size: 23px;
/*    font-weight: bold;
*/}

.post-container {

    position: relative;

    margin: 20px 0px;

    min-height: 320px;

}
.post-container:hover{
  cursor: pointer;
}

.post-container:hover img{
  -webkit-animation: heartbeat 1.5s ease-in-out both;
          animation: heartbeat 1.5s ease-in-out both;
}


.post-container a:hover,.post-container a:focus,.post-container a:active{

    text-decoration: none;

}

.post-img{

    position: relative;

    z-index: 500;

}

.post-box::before {

    width: 100%;

    height: 60px;

    z-index: 400;

    content: "";

    display: block;

    border-top:2px solid #1c3d64 ;

    background: #b9cde53d;

    margin-top: -27%;

}

.post-box {

    position: relative;

    text-align: center;

    background: #b9cde53d;

    bottom: 0;

    left: 0;

    width: 100%;

    min-height: 170px;

    padding: 15px 0px;

}

.position {

    font-size: 14px;

    font-weight: 600;

}

.education {

    font-size: 13px;

    color: #333;

    font-weight: 500;

    padding: 5px 15px 0px 15px;



}

.education p{

    line-height: 20px;
    text-align: center;

}

.forperson h1 {

    font-size: 20px;

    text-align: left;

    border-bottom: 1px dotted #00458d;

    padding-bottom: 10px;

    width: 60%;

    margin-bottom: 10px;

}

.forpersondetail li{

  line-height: 30px;

  margin-bottom: 5px;

}



.forpersondetail h4{

  margin-top:25px;

  color:#007DBF;

  text-transform: uppercase;

}

.postdetaildisplay{

  display: none;

}

.postdetaildisplay .detail{
  padding:15px 20px;
  display: none;

}

.forpjdetail .stat {
  margin: 0px 0px 25px;
  color: #fff;
  font-size: 16px;
  background: #007dbe;
  display: inline-block;
  padding: 7px 16px;
  background-image: linear-gradient(45deg, #00458d, #007dbe);
  letter-spacing: .5px;
}
.pjdetaildiv h3 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 20px;
/*   font-family: 'Muli Bold' !important; */
}

/*******************************Services *****************************************/
#page738 {
    min-height: 800px;
}
.servicerounddiv{
  width:500px;
  height: 300px;
  border-radius: 50%;
  /*background:#f5f5f5;*/
  display: flex;
  margin:0px auto;
  margin-top:50px;
  margin-bottom: 15px;
  position: relative; 
/*    transition-delay: 28s;  
*/ /* -webkit-animation: rotate-center 30s linear infinite both;
          animation: rotate-center 30s linear infinite both;
   transition: transform 1s ease-out;*/
   animation: rotate 24s infinite;
   /*animation-delay: 1.5s;*/

}
#carouselservice{
  margin-top:50px;
  transition-delay: 10s;

}
/*.carousel-inner{
  animation-delay: 10s;
    transition-delay: 10s;
}*/
.carousel-inner>.item {
  text-align: center;
   /* -webkit-transition: -webkit-transform 2s ease-in-out !important;
    -o-transition: -o-transform 2s ease-in-out !important;
    transition: transform 2s ease-in-out !important;*/
}
.carousel-inner>.item p{
  text-align: center;
}


@keyframes rotate {
    0%{
      transform: rotate(0deg);
    }
    20% {
        transform: rotate(75deg);
    }
    40%{
      transform: rotate(155deg);
    }
    60% {
        transform: rotate(220deg);
    }
    80% {
        transform: rotate(280deg);
    }
    100%{
       transform: rotate(360deg);
    }
}

@keyframes forimagerotate {
    0%{
      transform: rotate(0deg);

    }
    20% {
        transform: rotate(-75deg);
    }
    40%{
      transform: rotate(-155deg);
    }
    60% {
        transform: rotate(-220deg);
    }
    80% {
        transform: rotate(-280deg);
    }
    100%{
       transform: rotate(-360deg);
    }
}
.allservicetext.four {
    position: absolute;
    top: 125%;
    left: 20%;
}

.allservicetext.three {
    position: absolute;
    left: 22%;
    top: 125%;
}
.allservicetext.one {
    margin-top: 45px;
    margin-bottom: 40px;
}
.allservicetext.two {
    position: absolute;
    top: 125%;
    left: 22%;
}
.allservicetext.five {
    position: absolute;
    top: 110%;
    left: 20%;
}
#page708 {
    min-height: 800px;
}
.divone{
  top:0%;
  left:8%;
 position:absolute;
   width:auto;
  height: auto;
  margin-right:10px;
  animation: fordivone 1s linear;
}
.divone img {
    max-width: 70%;
}
@-webkit-keyframes fordivone {
  0% {
   top:40%;
   left:40%;
  }
  100% {
     top:0%;
  left:8%;
  }
}

/*.divone,.divtwo, .divthree, .divfour, .divfive{
     transition: transform 1s ease-out;
      animation: forimagerotate 20s  infinite;  
}*/

.divone img,.divtwo img, .divthree img, .divfour img, .divfive img{
  filter: drop-shadow(-4px 2px 2px #22222399); 
    /* transition: transform 1s ease-out;*/
    animation: forimagerotate 24s  infinite;  
      /* animation-delay: 1.5s;*/

}
.divtwo{
   position:absolute;
   top:0%;
   left:60%;
   width:auto;
  height: auto;
  margin-right:10px;
  animation: fordivtwo 1s linear;
}
.divtwo img {
    width: 70%;
}
@-webkit-keyframes fordivtwo {
  0% {
   top:40%;
   left:40%;
  }
  100% {
    top:0%;
   left:60%;
  }
}

.divthree{
   position:absolute;
   top:48%;
   left:-15%;
   width:auto;
  height: auto;
  margin-right:10px; 
  animation: fordivthree 1s linear;
}
.divthree img {
    width: 85%;
}
@-webkit-keyframes fordivthree {
  0% {
   top:40%;
   left:40%;
  }
  100% {
    top:48%;
   left:-15%;
  }
}
.divfour{
   position:absolute;
   top:50%;
   left:72%;
   width:auto;
  height: auto;
   animation: fordivfour 1s linear;
}
.divfour img {
    width: 90%;
}
@-webkit-keyframes fordivfour {
  0% {
   top:40%;
   left:40%;
  }
  100% {
     top:50%;
   left:72%;
  }
}
.divfive{
   position:absolute;
   top:75%;
   left:25%;
   width:auto;
  height: auto;
  margin-right:10px; 
  animation: fordivfive 1s linear;
}
@-webkit-keyframes fordivfive {
  0% {
   top:40%;
   left:40%;
  }
  100% {
     top:75%;
   left:25%;
  }
}
.servicecenter{
  position: absolute;
  top:45%;
   width:100px;
  height: 100px;
  left:30%;
}
.servicetext{
  display: none;
}
.allservicetext{
  width:50%;
  margin:0px auto;
  text-align: center;
  display: none;
   /*-webkit-animation: scale-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
          animation: scale-in-center 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;*/
  transition-delay: 2s;
  -webkit-animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/*.slide-in-right {
  -webkit-animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}*/
.allservicetext p{
  text-align: center;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-5-13 17:9:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/*@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
  @keyframes link1 {
    0%{
        transform: rotate(0deg);
    }

    100%{
        transform: rotate(-359deg);
    }
  }*/

/***********************************CSR******************************************/

.csrcircle {

  position: relative;

    width: auto;

    height: auto;

    border-radius: 50%;

    display: block;

    margin: 0px auto;



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

.csrcircle .imgabsolute{

  position: absolute;

  top:20%;

  z-index: 400;

}


.csrcircle img{

  display: block;

  margin:40px auto;

}

.csrgreen:hover,.csrbrown :hover,.csrblue:hover ,.csrgreen:hover,.csrred:hover, .csryellow:hover{

  cursor: pointer;

}

.csrgreen {

    position: absolute;

    display: flex;

    width: 270px;

    top: 10%;

}

.csrgreen .text {
  width: 40%;
  color: green;
  font-weight: 700;
  padding-top: 60px;
  position: relative;
  right: -5%;
}

.csrbrown .text {
  width: 40%;
  color: #060996;
  font-weight: 700;
  padding-top: 140px;
  position: relative;
  right: -25%;
}

.csrbrown {

    width: 270px;

    position: absolute;

    display: flex;

    top: 58%;

    left: 6%;

}

.csrblue {

    left: 6.5%;

    width: 270px;

    position: absolute;

    display: flex;

    top: 85%;

    left: 30%;

}

.csrblue .text {
    position: absolute;
    left:42%;
    top:35%;
    width: 40%;
    color: #19c4eb;
    font-weight: 700;
    padding-top: 110px;

}

.csrblue .image {
    transform: rotate(-90deg);
    width: 71%;
    margin-left: 26%;
}

.csrred {

    width: 270px;

    position: absolute;

    display: flex;

    top: 60%;

    left: 60.5%;

}

.csrred .text {
  width: 40%;
  color: #BF0404;
  font-weight: 700;
  padding-top: 110px;
  position: relative;
  left: -10%;
}

/*.csrred .image {

    transform: rotate(-120deg);

}*/

.csryellow {

    width: 270px;

    position: absolute;

    display: flex;

    top: 12%;

    left: 69%;

}

.csryellow .text {
  width: 40%;
  color: #dc9616;
  font-weight: 700;
  padding-top: 60px;
  position: relative;
  left: -5%;
}



#tab110 {

    height: 700px;

}

#tab110 .breadcrumb {

    font-size: 17px;

    color: #53657B;

    background: #b9cde5;

    float:right;

}

#tab110 .breadcrumb span {

    font-size: 19px;

    padding-right: 10px;

    font-weight: 800;

    color: #007DBF;

    text-transform: uppercase;

    cursor: pointer;

}

#tab110 .breadcrumb span:hover{

  color:#00458D;

}

#page-id-14 .nav-tabs > li > a:hover, #page-id-14 .nav-tabs > li > a:active, #page-id-14 .nav-tabs > li > a:focus {

    color: #007dbe;

    text-decoration: none;

    background: transparent;

    border:0px;

}

#page-id-14 .nav-tabs > li.active > a, #page-id-14  .nav-tabs > li.active > a:focus, #page-id-14  .nav-tabs > li.active > a:hover {

    background-color: transparent;

    border-radius: 0px;

    color: #00458D;

    border: 0;



}

#csrgreen, #csrbrown,#csrblue,#csrred,#csryellow{

  display: none;

}

#csrgreen a:hover{

  text-decoration: none;

}

.csrbox{

  margin:15px 0px;

  border:2px solid #b8b4b429;

  padding:15px 10px;

  min-height: 465px;

}

.csrbox .day {

/*    width: 25%;

*/    font-size: 35px;

    font-weight: 800;

    padding-right: 18px;

}

.csrbox .place{

  /*padding-left:60px;*/

}

.csrbox .my{

  font-size: 19px;

  font-weight: 600;

}

.csrbox h4{

  text-align: center;

  margin-top:20px;

  margin-bottom: 20px;

  color:#333;

  padding-bottom: 20px;

}

.csrbox .btn {

    background: #ebe9e978;

    border: 1px solid #cccccc8f;

    margin-left: 75%;

    color: #00458d;

    font-weight: 600;

}

.csrbox img{

  margin:0px auto;

  display: block;

}

.csrdate{

  display: flex;

    margin-bottom: 15px;

    color: white;

    padding: 10px 15px;

}

#csrgreen .csrdate {

    background: #00B050;

  }

#csrgreen h4 {

  border-bottom: 2px solid #00B050;

}

#csrbrown .csrdate {    

    background: #060997;

    }

#csrbrown h4 {

  border-bottom: 2px solid #060997;

}

#csrblue .csrdate {    

    background: #00B0F0;

    }

#csrblue h4 {

  border-bottom: 2px solid #00B0F0;

}

#csrred .csrdate {    

    background: #BF0404;

    }

#csrred h4 {

  border-bottom: 2px solid #BF0404;

}

#csryellow .csrdate {    

    background: #BB8D00;

    }

#csryellow h4 {

  border-bottom: 2px solid #BB8D00;

}

.csrimage {

    height: 242px;

    width: 100%;

}

.csrtitle {

    height: 130px;

}
.csrtitle .myanmarfont{
  font-weight: 600 !important;
  font-size: 16px !important;
}

#tab110 .postdetaildisplay{

  display: none;

}

#tab110 .postdetaildisplay .detail{

  display: none;

}

#tab110 .postdetaildisplay h2{

  font-size: 20px;

  text-align: left;

}

/* INVESTOR RELATION START */
.investor-relation .relation-wrap {
  background: #fff;
  padding: 1em;
  border: 1px solid #e3e3e3;
  margin-bottom: 20px;
  min-height: 290px;
}
.investor-relation .post-title{
  margin-top: 0 !important;
  font-weight: 700;
}
.investor-relation .post-container {
  min-height: unset;
  margin-top: 5px;
  margin-bottom: 10px;
}
.investor-relation .more-btn {
  background: #007dbe;
  border: unset;
  color: #fff;
  padding: 5px 15px;
  transition: all .3s;
}
.investor-relation .more-btn:focus, .investor-relation .more-btn:hover {
  outline: none;
  background: #00458d;
}
.investor-relation img {
  border-radius: 5px;
}
.investor-relation .post-container:hover img {
  animation: unset;
}
.investor-relation .d-flex {
  width: 100%;
  flex-flow: wrap;
}
/* INVESTOR RELATION END */

/* SINGLE CAREER PAGE START */
.career-single h4 {
  margin: 30px 0 20px;
}
.career-single h4:after {
  content: "";
  width: 45px;
  height: 2px;
  background: #92a4cc;
  display: block;
  margin-top: 8px;
}
.career-single h3 {
  margin-bottom: 10px;
}
.career-single li {
  margin: 3px 0;
  line-height: 30px;
}

/****************************Client **********************************/
.table-bordered td:hover,.table-bordered th:hover{
  cursor: pointer;
  background:#00458D;
  color:white;
}
#tablepress-2 thead th,#tablepress-2 thead tr {
  background-color: #00B050 !important;
 
}
#tablepress-2 td {
  background-color: transparent;
  border-left: 1px solid #00B050;
  border-right: 1px solid #00B050;
  color:black;
}
#tablepress-2 thead th {
  border-bottom: 1px solid #00B050;
 }
#tablepres-2 td {
  border-bottom: 1px solid #00B050;
}

/* CLIENT NEW START */
.d-flex{
  display: flex;
  max-width: 100%;
}
.client-section h2{
  font-size: 26px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Muli ExtraBold";
}
.client-section img {
  margin: 0;
}
.client-section .project-wrap {
  box-shadow: 2px 3px 8px -3px #4a4a4a;
  position: relative;
}
.client-section .project-wrap::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.client-type {
  margin: 30px 0 60px;
}
.client-section .project-wrap h3 {
  text-align: center;
  padding: 5px 10px;
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1.5;
  color: #fff;
  font-weight: 700
}
.client-section .caption-bg {
  background: linear-gradient(100deg, #00000085, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.client-section .client-logo {
  padding: 30px 0;
  min-height: 290px;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
.client-section .client-logo .logo {
  width: 20%;
  float: left;
  margin:10px 0px;
  padding: 0px 7px;
}

/* CLIENT NEW END */

.clientconstructiondiv .col-sm-3{

  width:20% !important;

}

.margin30{

  margin: 30px 0px;

}

.clientlist {

    width: 28%;

    background: #00458D;

    padding: 8px 15px;

    text-align: center;

    color: #e6e4e4;

    display: block;

    margin: 0px auto;

}

/*.clientconstructiondiv .post-img img {

    display: block;

    margin: 0px auto;

    box-shadow: 8px 5px 4px #456262b5;

    padding: 5px;

    background: #c1d3e86e;

    border: 1px solid #3938383d;

}*/



.clientconstructiondiv {

/*  background:linear-gradient(to bottom,rgba(246,192,246,0.3),rgba(246,192,246,0.3)),url("images/construction.png");

*/

/*background: linear-gradient(to bottom,rgba(167, 233, 229, 0.3),rgba(0, 69, 141, 0.65)),url("images/construction1.png");

*/

/*background: linear-gradient(to bottom,rgba(167, 233, 229, 0.3),rgba(30, 74, 120, 0.8)),url("images/construction1.png");

*/margin-top:30px;

background-position: center center;

margin-bottom: 25px;

  background-size: cover;

    margin-left: 25px;

    padding: 15px 15px;

    min-height: 300px;

    border: 1px solid #cac7c780;

   

    border-bottom: 2px solid #557d95;

/*    border-bottom-left-radius: 25px;

*/    border-bottom-right-radius:25px; 

    background:#b9cde53d;



    padding-top:0px; 

    transition-duration: 1s;

/*background: #ccc;  

*/    /*border-top-left-radius: 15px;

    border-bottom-right-radius: 15px;*/

}

.clientconstructiondiv:hover{

/*  background: linear-gradient(to bottom,rgba(167, 233, 229, 0.3),rgba(30, 74, 120, 0.8)),url("images/construction1.png");

*/ 

background: linear-gradient(to bottom,rgba(167, 233, 229, 0.3),rgba(30, 74, 120, 0.8)),url("images/construction1.png");

 background-position: center center;

   background-size: cover;

   transform: scale(1.005);

}

.clientconstructiondiv:hover h2{

  color:white;

}

.clientconstructiondiv:hover .post-img img {

    display: block;

    margin: 0px auto;

/*    box-shadow: 8px 5px 4px #c0c9c9b5;

*/    padding: 5px;

/*filter: drop-shadow(0 0 0.95rem #fff);

*/   /* background: #c1d3e86e;*/

/*    border: 1px solid #7170703d;

*/

filter: drop-shadow(-6px 2px 2px #cac4c48c);



}



.clienttitle::before {

   background: #E6EDF6;

content: "";

display: block;

width: 31px;

height: 45px;

position: absolute;

transform: skew(-35deg);

left: -3.7%;

top: 0;

}

.clienttitle {

  position: relative;

  border-right: 7px solid #00458D;

    width: 45%;

    padding: 5px 0px;

    background: #007DBE;

    transform: skew(35deg);

    margin-left: -31px;

    margin-bottom: 30px;

}

.clientconstructiondiv h2{

  width:35%;

/*  border:1.5px solid #b7b7b7;

*/ 

border:1.5px solid #00458d;

 padding:15px;

    margin:30px auto;

    margin-bottom: 10px;

  margin-top:40px;

/*  transform: skew(-35deg);

*/ 

font-size: 21px;

color:#00458D;

text-align: center;

/*   margin: 2px 15px;

*/padding-left: 15px;

/*  text-align: left;

*//*  font-size: 22px;

*/  /*padding-bottom: 5px;*/

}

.clientconstructiondiv .post-img{

  padding:5px;

}

.clientconstructiondiv .post-img img {

    display: block;

    margin: 0px auto;

/*    box-shadow: 8px 5px 4px #c0c9c9b5;

*/    padding: 5px;

/*filter: drop-shadow(0 0 0.75rem #5b5959);

*/   /* background: #c1d3e86e;

    border: 1px solid #7170703d;*/

filter: drop-shadow(-4px 2px 2px #22222399);

}





/****************************************** Milestone *************************************************/
.forupto649{
	display: none;
}
.milestonescroll{

  overflow-x:scroll;

  display: flex;

}

.milestoneodddiv h4,.milestoneevendiv h4{

  font-size: 18px;

  font-weight: bold;

}

.milestoneodddiv h4, .milestoneevendiv h4, .milestoneodddiv h5, .milestoneevendiv h5{
  margin-left: -50px;
}

.milestoneodddiv p,.milestoneevendiv p{

  text-align: justify;
  font-size: 15px;
  font-family: 'Muli Bold' !important;
  color:#333;

}
.milestoneodddiv b,.milestoneevendiv b{
  font-weight: 700;
  font-family: 'Muli Black' !important;
}
.titleicon{
  display:inline-block;width:32px;height:32px;
  margin: -15px 8px 0px 0px !important;
  border-radius: 0px !important;
}

.mileone h4{

  color:red;

}

.miletwo h4{

  color:#006266;

}

.milethree h4{

  color:#5758BB;

}

.milefour h4{

  color:#1B1464;

}

.milefive h4{

  /* color:#6F1E51; */
  color: #b71403;
}
.mile2024 h4{
  color:#6F1E51;
}

.milesix h4{

  color:#F79F1F;

}
.mileseven{
  width:380px !important;
  position: relative;
  }
.mileseven p{
  font-family: 'Fira Sans', sans-serif !important;
  color:#007DBE;
}
.mileseven .milestonetotalimage {
    width: 100% !important;
    top: 10%;
    /* left: 5%; */
}
.mileseven .letter{
    font-family: 'Allura', cursive;
    margin-top: 7px;
    font-size: 20px;
    text-shadow: 2px 2px #c4c0c0;
    /* color: #63A1F1; */
    font-weight: bold;
    color: #007DBE;
}
.formilesevenbar{
  width:50% !important;
}
.formilesevenbar img {
    display: inline-block;
    margin-right: -5px;
}
.mileseven .storylogo {
    left: 80% !important;
    top: -200% !important;
}
.mileseven .letter{
	width:120px;
}
.seventext {
    position: absolute;
    width: 250px;
   margin-left: 10px;
   text-shadow:2px 2px #cfcccc;

}
.seventext p{
  font-size: 28px;
  font-family: 'Allura', cursive!important;
  font-weight: bold;
  text-align: left;
}
.milefun h4 {
    color: #385723;
}
.storyicon.formilefiveicon.sixicon {
    left: 18%;
    top: 32%;
}
.milesbest img.storyicon.formilesixicon {
    left: 25%;
    top: 10%;
}
.milesbest h4 {
    color: #6f1e51;
}
.milestoneodddiv h5 strong,.milestoneevendiv h5 strong{

  color:#000;

  text-align: center !important;

  font-size: 15px;

  font-weight: 800;

}

.milestoneodddiv{

  color:black;

  text-align: center;

  display: block;

 /* width:173px;*/
 width:130px;
 margin-right: -9px;

}

.milestonetotalimage {

    display: flex;

    position: relative;
    width:80%;

}

.milestoneodddiv .storylogo {

    position: absolute;

    left: 48%;
top: 45%;
    z-index: 999;

}

.milestoneodddiv .storyicon {

    position: absolute;

   left: 24%;
    top: 43%;


}

.milestoneevendiv .storylogo {

    position: absolute;
   left: 50%;
top: -35%;
    z-index: 999;

}

.milestoneevendiv .storyicon {

    position: absolute;
left: 10%;
top: -5%;

}
.storyicon.formilesixicon {
    left: 17%;
	top:0%;
}

.milestoneevendiv {

  color:black;

    text-align: center;

    padding-top: 270px;

   /* width: 173px;*/
   width:130px;
   margin-right: -9px;

}

.milestonetext {
    width: 220px;
    min-height: 180px;
}

.milestonefirstcompany,.milestonesecondcompany,.milestonethirdcompany{

  display: none;

  position: relative;

  min-height: 700px;

}

.undershadephoto{

  margin-top:30px;

  position: absolute;

  bottom: -30px;

  background-image:url('images/detailcompanybackground.png');

  background-repeat: repeat;

  height: 370px;

  width:100%;

}

.core img {

    margin-bottom: 0px !important;

}

.core br{

  display: none;

}

.core .flicker-2 {

    margin:0px auto;

}

/******************************opportunities********************************************************/

.workpercentage{

  margin:20px auto;
  font-weight: 800;
  font-size: 17px;

}

.work{

  font-weight: 600;

  font-size: 13px;

}

.work p{

  font-size: 13px;

  margin-top:25px;

}

.work br{

  margin-bottom: 7px;

}

.divred{

  margin-right: 10px;

  width:12px;

  height: 12px;

  background:#990000;

  border-radius: 3px;

  display: inline-block;

}

.divblue{

  margin-right: 10px;

  width:12px;

  height: 12px;

  background:#007DBE;

  border-radius: 3px;

  display: inline-block;

}

.divgreen{

  margin-right: 10px;

  width:12px;

  height: 12px;

  background:#4CAF50;

  border-radius: 3px;

  display: inline-block;

}

.divpurple{

  margin-right: 10px;

  width:12px;

  height: 12px;

  background:#00458D;

  border-radius: 3px;

  display: inline-block;

}

.myCanvasthree .des{
  margin-right: 10px;
  width:12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
}

#page-id-279 .width30about {

    width: 40%;

    height: 370px;

    position: absolute;

    bottom: 0;

    background-image: url('images/aboutsideimage.png');

    z-index: 200;

    background-repeat: repeat-y;

    right: 0%;

    left:auto;

    background-repeat: repeat;

}

/*#page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 61%, #b9cde5 60.1%, #b9cde5 100%);

}*/

#page-id-279.allbackground{
  padding:0px;

}
#page-id-279 .container {
  padding-top:30px;

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 67.65%, #b9cde5 67.66%, #b9cde5 100%);

}

#page-id-279 .tabs-left {

        padding-left: 0px;

}

#page-id-279 .tabs-left {

    border-right: 0px solid #ddd;

}

#page-id-279 .nav-tabs > li a{

  color:white;

}

#page-id-279 .nav-tabs > li a:hover{

  color:#00458D;

  border:0px;

  background:transparent;

}

#page-id-279 .nav-tabs > li.active > a, #page-id-279 .nav-tabs > li.active > a:focus, #page-id-279 .nav-tabs > li.active > a:hover {

    background-color: transparent;

    border:0px;

    border-radius: 0px;

    color:#00458D;

}

.testimonial{

  position: relative;

}

.testimonial .post-title {

  min-height: 588px;

  padding:30px 15px;

  color:white;

  background:rgba(47, 46, 46, 0.76);

    position: relative;

    bottom:0;

    left: 0;

    z-index: 999;

    width: 100%;

}

.testimonial .post-title p{

  line-height: 20px;

  margin-top:17px;

  font-size: 14px;

}

.testimonial .post-title h4{

  font-size: 15px;

  color:#f5f5f5;

  font-weight: 400 !important;

}

.testimonial img{

  border-radius: 0px;

}

.testimonialtitle{

  font-size: 20px;

  font-weight: 700;

}

.biotitle{

  padding-bottom: 2px;

  border-bottom: 1px dotted #f3f3f3;

  font-size: 17px;

  color:#f5f5f5;

  font-weight: 600;

}

.carousel-indicators {

    position: relative;
    display: none;

    }

.carousel-indicators .active {

    width: 45px;

    height: 2px;

    margin-bottom: 10px;

    margin-top:5px;

    border:1px solid #00458D;

}

.carousel-indicators li {

    width: 45px;

    height: 2px;

    background: #f5f5f5;

    border:1px solid #9f9d9da3;

     margin-bottom: 10px;

    margin-top:5px;

}

#page-id-279 h1,.job-opening-title{

  margin-top:30px;

  margin-bottom: 20px;

  text-align: left;

  font-size: 23px;

  text-transform: unset;
  font-weight: bold;

}

.table{

  margin-top:20px;

}

.center{

  text-align: center;

  color:#007DBF;

  font-weight: bolder;

}

/*************************************slider************************************************/

.carousel-control.right ,.carousel-control.left { 

background-image:none;  

    background: transparent;

}

#tab41 h1 {
    display: none;
}
/**************************************Contact Us***************************************************/

label{

  font-weight: 500;

}

.map{

  margin-top:62px;

}

.form-group {

    margin-bottom: 8px;

}

.form-control {

    display: block;

    width: 100%;

    height: 40px;

    color:#007DBF;

    padding: 6px 12px;

    background-color: transparent;

     border: 1px solid #007DBE;

    border-radius: 4px;

    margin-top: 10px;

}

textarea.form-control {

    height: 100px;

    width: 100%;

}

.form-horizontal {

    width: 100%;

    margin: 0px auto;

    margin-top: 20px;

}

#page-id-263 .btn-default {

  margin-top:20px;

    color: #1f497d;

    font-weight: 600;

    background-color: transparent;

    border-color: #007DBE;

}
.contacttextmargintop{
  margin-top:50px;
   line-height: 28px;
}
.contacttextmargintop .fa.fa-arrow-circle-o-right {
    font-size: 16px;
    color: #e8e6e6;
    margin: 0px 3px;
}
.contacttextmargintop h3{
  font-size: 22px;
}

.newcontactdiv{
    /*background:#00458D;*/
   /* background:#2f5597;*/
    padding:45px 0px;
    color:white;
    background-image: url("images/contact-us-4.png");
    background-size: cover;

    /*color:#96D3F3;*/

}

.contactsocial{

  display: inline-block;

}

.socialdiv {

  margin-left:30px;

    display: inline-block;

    width: 60%;

    margin-top:-5px;

}

.contacttext {

     font-size: 16px;

    font-weight: 600;

}

.socialdiv img{

  width:48px;

  height: 48px;

}

/*.newcontactdiv p{

  line-height: 30px;

}*/

.newcontactdiv .textright {
    text-align: right;
    color: white;
    font-size: 17px;
    margin-top: 20px;
    line-height: 30px !important;
    margin-bottom: 40px;
}
.flexqr {
  margin-top:25px;
  display: flex;
  justify-content: flex-end;
}
.flexqrdiv .fa-facebook-square {
    color: #1678F3;
}
.flexqrdiv .fa.fa-instagram {
    background: -webkit-linear-gradient(#8B47BF,#F20409,#F0C002);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.flexqrdiv .fa-youtube-play {
    color: #F00;
}
.flexqrdiv .fa-linkedin-square {
    color: #78A1D1;
}
.flexqrdiv .fa {
  text-align: center;
  display: block !important;
  font-size: 35px;
  margin-bottom: 5px;
  margin-right: 20px;
  transition: all .2s;
}
.flexqrdiv .fa:hover {
  transform: scale(1.3);
}
.flexqrdiv{
  margin-right: 0px;
}
.flexqrdiv img{
  width:70%;
  margin:0px auto;
}
.newcontactdiv .textleft{
  text-align: left;

}
.newcontactdiv .width200 {
    width: 80px;
    display: inline-block;
}
.newcontactdiv h2{
 margin: 0px;
text-align: center;
font-size: 32px;
font-weight: 600;
}
.newcontactdiv .openingdiv {
    padding: 5px 15px;

    background: rgba(225, 225, 225, 0.2);

    text-align: center;

    border-radius: 15px;

    width: 90%;

    display: block;

    margin: 0px auto;

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

.newcontactdiv .contactred {
    color: white;
    /* font-weight: 700; */
}

/* .newcontactdiv .contactyellow{
      font-weight: 700;
  color:#d7c322;

} */

.newcontactdiv .openingdiv h4{

  font-weight: 900;

  font-family: 'Muli', sans-serif;

}

.contactaddressdiv{

  background:#00458D;

}

.contactaddressdiv h4{

  margin-bottom: 10px;

}

.contactaddress{

  margin-top:80px;

  text-align: center;

  color:white;

  font-size: 16px;

}

.contactcolorgold{

  color:gold;

}

.opening{

  margin-top:70px;

  color:white;

}

.contactsocial{

  display: flex;

  margin-top:15px;

  width:85%;

}

.contactsocial img{

  margin-right: 10px;

}

/****************************************** Footer *************************************************/

.page-id-263 footer{

  display: none;

}

footer {

    padding :40px 0px 20px 0px;

}

footer .footerlistcenter{

    margin:0px auto;

    width:80%;

    /*margin-top:30px;*/

    margin-top: 10px;

}

footer ul{

    padding-left:0px;

    list-style: none;

    display: block;

    margin:0px auto;

}

footer li {

    font-size: 16px;

    display: inline-block;

/*    margin: 50px 15px 0px 15px;

*/

    margin: 20px 15px 0px 15px;

}

footer .footersocial{

   /* margin-top:60px;*/

   margin-top:20px;

}

footer .footersocial img{

    display: inline-block;

    border-radius: 50%;

    width:40px;

    height: 40px;

}

footer .copyrightdiv{

    margin-top:20px;

    color:#8a8a8a;

    padding-top:20px;

    border-top:2px solid #e8e8e8;

    text-align: center;

}

footer .company{

    color:#007DBE;

}

.marginright15{

    margin-right: 15px;

}
#go-top {
    z-index: 999;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: #007DBE;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    position: fixed;
    right: 14px;
    bottom: 14px;
    cursor: pointer;
}

/*#go-top {

    z-index: 999;

    width: 38px;

    height: 38px;

    padding-bottom: 10px;

     display: flex;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    position: fixed;

    right: 14px;

    bottom: 14px;

    padding-bottom: 5px;

    border-bottom:3px solid #007dbe;

    border-bottom-right-radius: 15px;

}*/

/******************************************************************************************************/







/* Pagination */



ul.page-numbers{

	padding-left: 0px;

}	

ul.page-numbers li{

	float: left;

	height: 35px;

	width: 35px;

	list-style: none;

	line-height: 35px;

	text-align: center;

	padding: 0px;

	border-radius: 100px;

	margin-right: 3px;

	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);	

}

ul.page-numbers li span.current{

	color: #000;

	font-size: 16px;

}

.content-img img{

	width: 100%;

	height: auto;

}

/* 404 error */

.error img {

    position: relative;

    margin: 0 auto;

}

.back-home-wrap p {

    font-size: 21px;

	margin-top:50px;

}

.back-home-wrap {

    text-align: center;

    left: 0;

    right: 0;

}

.error {

    height: 400px;

}

.back-home {

    margin-top: 14px;

    border-radius: 0;

}



/* Breadcrumb */



#breadcrumbs {list-style-type: none;}

#breadcrumbs li{display: inline-block;}



/*********************** Widget ******************/

.mywidget h4 {

    font-size: 14px;

    font-family: 'Lato', sans-serif;

}

.widget-title{

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    font-size: 21px;

}

.widget ul li a {

    color: #333;

    font-family: 'Raleway', sans-serif;

    border-bottom: 1px solid #ddd;

    display: block;

    padding-top: 12px;

    padding-bottom: 12px;

    position: relative;

}

.widget ul li a::before {

    content: '';

    position: absolute;

    border: 1px solid #ec2329;

    bottom: 0;

    width: 53px;

}

.widget ul li a:hover::before {

    content: '';

    position: absolute;

    border: 1px solid #ec2329;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    transition: all .3s ease;

}

.widget ul li a:hover,

.widget ul li a:focus{

    color:#ec2329;

    text-decoration: none;

    outline: none;

}

.widget ul{

    padding-left:0;

    list-style-type: none;

}

.sidebar {

    margin-top: 30px;

}
.width30aboutfor1800{
  display: none;
}


/* CATEGORY NEWS START */
.news {
  border-bottom: 2px solid #c1c1c16b;
  padding: 12px 0 20px;
}
.news .date {
  font-size: 12px;
}
.news .date i {
  color: #c1c1c1;
  margin-right: 7px;
}
.archive-year li a {
  color: #fff;
  display: inline-block;
  padding: 7px 0;
  font-size: 17px;
  transition: all .1s;
}
.archive-year li a:hover {
  color: #007dbe;
}
[aria-current="page"] {
  color: #007dbe !important;
}

.news:last-child {
  border-bottom: unset;
  margin-bottom: 25px;
}
.archive .allbackground, .single-news .allbackground {
    min-height: 670px;
}
.single-news button:focus {
  outline: unset;
}
.single-news .idforbuttonback {
  margin-bottom: 25px;
}
/***********************************Media Query********************************************/
@media(max-width: 991px){
  .client-section .row.d-flex {
    display: block;
    max-width: unset;
    margin-bottom: 10px;
}
}

@media(max-width: 480px){
  .client-section .client-logo .logo {
    width: 25%;
}
.client-section .project-wrap h3{
  font-size: 20px !important;
}
.coming-soon h1 {
  font-size: 30px !important;
  letter-spacing: 5px;
}
.coming-soon {
  padding: 40px 0;
}
}

@media(max-width: 375px){
  .client-section .client-logo .logo {
    width: 33.333333%;
}
.coming-soon h1 {
  font-size: 25px !important;
}

}

@media(max-width: 320px){
  .client-section .client-logo .logo {
    width: 50%;
}
}

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

 #page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 21.8%, #e6edf6 20.8%, #e6edf6 100%);

}
.video{
  height: 1300px;
}
/* .videocurve{
   background-position: center center;
} */

.width30about {

    width: 21.8%;

   }

   #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 66%, #b9cde5 60.1%, #b9cde5 100%);

}

#page-id-279 .width30about {

    width: 33%;

    }

}

@media(min-width:1300px) and (max-width: 1399px){

  #page-id-14 {

background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 25.4%, #e6edf6 25.5%, #e6edf6 100%);

}
/* .videocurve{
   background-position: center center;
} */
.video{
  height: 1350px;
}

.width30about {

   width: 25.2%;

   }

    #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 65.7%, #b9cde5 60.1%, #b9cde5 100%);

}

#page-id-279 .width30about {

    width: 34.2%;

    }

}



@media(min-width:1400px) and (max-width: 1499px){
/* .videocurve{
   background-position: center center;
} */
  #page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 25.5%, #e6edf6 26%, #e6edf6 100%);

}

.width30about {

    width: 26%;

   }

    #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 63%, #b9cde5 60.1%, #b9cde5 100%);

}

#page-id-279 .width30about {

    width: 37%;

    }

}

@media(min-width:1500px) and (max-width: 1599px){
.videocurve{
   /* background-position: center center; */
}
  #page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 27.3%, #e6edf6 27.5%, #e6edf6 100%);

}
.video{
  height: 1420px;
}

.width30about {

    width: 27%;

   }

    #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 63%, #b9cde5 60.1%, #b9cde5 100%);

}

#page-id-279 .width30about {

    width: 36%;

    }

}

@media(min-width:1600px) and (max-width: 1699px) {
.videocurve{
   /* background-position: center center; */
}
  #page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 28.7%, #e6edf6 29.2%, #e6edf6 100%);

}

.width30about {

    width: 27%;

   }

 /* #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 61.5%, #b9cde5 60.1%, #b9cde5 100%);

}*/



}

@media(min-width:1700px) and (max-width: 1799px){
.videocurve{
   /* background-position: center center; */
}
  #page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 30%, #e6edf6 30.5%, #e6edf6 100%);

}

.milestonescroll {

   width: 1150px;

}

.width30about {

    width: 29%;

   }

    #page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 61%, #b9cde5 60.1%, #b9cde5 100%);

}

#page-id-279 .width30about {

    width: 38%;

    }

}


@media (min-width: 1800px){
#page-id-14.allbackground,#page-id-279.allbackground{
  background: #E6EDF6;

 }
 .video{

    /*height: 1130px;*/
    height:1590px !important;


    position: relative;

}
 .width30aboutfor1800{
 display: block;
width: 12.9%;
height: 370px;
position: absolute;
bottom: 0;
background-image: url('images/aboutsideimage.png');
z-index: 200;
background-repeat: repeat-y;
left: auto;
background-repeat: repeat;
left: auto;
margin-left: -15px;
 }
 #page-id-279 .width30aboutfor1800{
display: block;
width: 94%;
height: 370px;
position: absolute;
bottom: 0;
background-image: url('images/aboutsideimage.png');
z-index: 200;
background-repeat: repeat-y;
background-repeat: repeat;
left: auto;
 }
 .width30about{
  display: none;
}
   .milestonescroll{
    overflow-x:visible;

  display: flex;
 
}

}
@media(min-width: 1920px) {
  .video{
    height:1650px !important;
    position: relative;

}
.videocurve {    
    background-size: cover;
}
}

@media(min-width: 1800px) and (max-width: 1899px){



/*#page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 31%, #e6edf6 31.8%, #e6edf6 100%);

}*/

}

@media(min-width: 1921px){

  #page-id-14 {

    width: 1920px;

    margin: 0px auto;

    display: block;

}

#page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 32.4%, #e6edf6 31.8%, #e6edf6 101%);

}

}



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

  .nav > li {

    padding: 5px 0px;

    margin: 0px 2px;

    margin-right: 20px;

}

.buttonwithshape {

    width: 20%;

}

.video {

    height: 900px;

   }

.videocurve {

  padding-top: 120px;

   background-position: center center;

   height: 614px;

   background-image: url("images/forupdate2md.png");

}

.tab-pane .buttonwithshape {

    width: 50%;

}

.estate {

    padding: 110px 0px;

   }

#page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 23.5%, #e6edf6 24%, #e6edf6 100%) !important;

}

.post-container {

   min-height: 300px;

}

.tab-pane h3 {

       font-size: 17px;

   }

.csrbox .day {

    font-size: 28px;

    }

#tab110 .breadcrumb {

    font-size: 16px;

   }

.csrbox .my {

    font-size: 17px;

}



#page-id-279 .width30about {

    width: 33%;

  }

.csrbox {

    min-height: 445px;

}

.csrimage img{

  display: block;

max-width: 100%;

height: auto;

}

.csrtitle {

    height: 120px;

}

.csrbox .btn {

   margin-left: 65%; 

}

.csrbox h4 {

   font-size: 15px;

}

.postdetaildisplay {

    padding: 0px 15px;

}

.post-box {

    padding: 1px 0px;

}

#page-id-14 .col-sm-9 {

    width: 77.5%;

}

#page-id-14 .col-sm-3 {

    width: 22.5%;

}

.milestoneevendiv {

    padding-top: 290px;

}

.milestoneevendiv .storylogo {

    left: 50%;

    top: -35%;

}

.milestoneodddiv .storylogo {

    left: 50%;

   }

.rentsalediv {

    width: 40%;

}

footer .footerlistcenter {

       width: 100%;

  }

.video h1 {

    margin-bottom: 55px;

}

.nav > li > a {

  font-size: 15px;

      padding: 10px 12px;

      }



.width30about {

    width: 21.5%;

   }

.csrgreen .text {

    font-size: 13px;

}

.csrgreen {

   width: 220px;

}

.csrbrown .text {

    font-size: 13px;

}

.csrbrown {

    width: 220px;

    top: 55%;

    left: 6%;

  }

  .csrblue .text {

    font-size: 13px;

}

.csrblue {

    width: 220px;

    top: 82%;

}

.csrred .text {

    font-size: 13px;

    padding-top: 75px;

}

.csrred {

    width: 220px;

   }

.csryellow .text {

    font-size: 13px;

}

.csryellow {

    width: 220px;

    top: 9.5%;

    left: 69%;

}

.forcirclewidth {

    max-width: 45%;

}

.milestonetotalimage {

    width: 75%;

}

}

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

#page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 21.4%, #e6edf6 22.2%, #e6edf6 100%);

}

#page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 66.9%, #b9cde5 67%, #b9cde5 100%);

}

}

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

#page-id-14 {

    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 25.5%, #e6edf6 25.7%, #e6edf6 100%) !important;

}

#page-id-279 {

    background: repeating-linear-gradient(to right,#e6edf6, #e6edf6 65.5%, #b9cde5 63.5%, #b9cde5 100%);

}

}

@media(max-width: 991px){
  .mileseven .milestonetotalimage{
    top: 11%;
  }
}
@media screen and (max-width: 768px){
	.newcontactdiv h2{
		font-size:27px;
	}

  .item__circle {
    width: 100px;   
    height: 100px;  
  }

  .keyholder{
      left: 42.5%;
      top:  33%;
  }
  .preloader-wrapper .loader{
    width: 100%;
  }

  .trick{
    left: 50%;
    top: 70px;
  }
  .trick-wrapper .keyholder{
    top: 150px;
  }

}
@media (min-width:768px) and (max-width:991px){
	 .parent-pageid-14 .allbackground{
  background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 23.5%, #e6edf6 23.6%, #e6edf6 100%) !important;
}
.parent-pageid-14 .allbackground .client-section .client-logo{
		background:white;
	}
	#page-id-755 {
    background-image: none;
		 background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 23.5%, #e6edf6 23.6%, #e6edf6 100%) !important;
    background-position: center center;
    margin: 20px 0px;
    background-repeat: no-repeat;
    background-size: cover;
		min-height: 550px;
}
	.nopadleftforlist{
		padding-left:0px;
	}
	.nopadleftforlist li{
		list-style:none;
		font-size:15px;
		color:white;
		font-weight:500;
		margin-bottom:15px;
	}
	.nopadleftforllist li a{
		color:white;
	}
  .newcontactdiv h2{
    font-size:24px;
  }
	.videocurve {
    padding-top: 0px;
    position: relative;
    width: 100%;
    bottom: 0px;
    height: auto;
    background-image: none;
}
	.videocurve h1{
		margin-bottom:20px;
	}
	.buttonwithshape {
      width: 25%;
	}
	.video {
    height: auto;
    padding-bottom:20px;
}
	.tabs-left img {
		display:none;
    margin-right: 0px;
}
	.tab-pane .buttonwithshape {
       width: 60%;
}
	.tabs-left > li > a {
       font-size: 13px;
}
	.hometab {
       margin-top: 120px;
    min-height: 350px;
}
	.homeservice h1 {
        margin-top: 120px;
}
	footer {
    padding: 20px 0px 20px 0px;
}
	footer .footerlistcenter {
        width: 90%;
    }
	.estate {
    padding: 80px 0px;
  }
	#page-id-14 .col-sm-3 {
    width: 23.3%;
}
	#page-id-14 .col-sm-9 {
    width: 76.7%;
    padding: 0px 15px 0px 15px;
}
	.rentsalediv {
		       width: 50%;
}
	footer .footersocial {
    width: 15%;
    margin: 15px auto;
}
	#page-id-14 .container {
    background: repeating-linear-gradient(to right,#b9cde5, #b9cde5 23.5%, #e6edf6 23.6%, #e6edf6 100%);
}
	.width30about {
    width: 23.8%;
   }
	#page-id-14 .tabs-left > li > a {
    padding: 8px 0px;
      font-size: 15px;
}
	.post-box::before {
    height: 55px;
   }
	.forperson h1 {
       width: 100%;
}
	.csrimage {
    height: 150px;
}
	.csrbox .btn {
       margin-left: 0%;
   }
	.csrbox .my {
    font-size: 16px;
    font-weight: 600;
}
	.csrbox {
       min-height: 380px;
}
	#page-id-279 .width30about {
    width: 33%;
   }
	.testimonial .post-title{
		position:relative;
	}
	.forcirclewidth.img-responsive {
    max-width: 50%;
}
	.csrgreen {
    position: absolute;
    display: flex;
    width: 155px;
    top: 4%;
}
	.csrgreen .text {
    width: 25%;
       padding-top: 110px;
    right: -30%;
}
	.csrbrown .text {
    width: 25%;
    color: #060996;
    font-weight: 700;
    padding-top: 80px;
    position: relative;
    right: -1%;
}
	.csrbrown {
    width: 155px;
    position: absolute;
    display: flex;
    top: 58%;
    left: 9%;
}
	.csrblue {
    width: 155px;
    position: absolute;
    display: flex;
    top: 78%;
    left: 32%;
}
	.csrblue .text {
       padding-top: 70px;
}
.csryellow .text {
    width: 25%;
       padding-top: 110px;
    position: relative;
    left: -40%;
}
	.csryellow {
    width: 155px;
       top: 5%;
    left: 71.5%;
}
	.csrred {
    width: 155px;
       top: 58%;
    left: 60.5%;
}
	.csrred .text {
    width: 25%;
      padding-top: 90px;
   }
	.csrbox h4 {
       font-size: 15px;
}
}

@media (min-width: 425px) and (max-width:767px){
  .path-slider.text-center {
    width: 400px !important;
    height: 250 !important;
    margin: 0px auto;
}
.keyholder {
    left: 40%;
    top: 15%;
    width: 60px;
}
.path-slider, .path-slider-wrapper {
    height: 350px;
}
.trick {
    left: 49.2%;
    top: -20px;
    width:80%;
  }
  .splash {
    width: 100%;
    height: 150px;
   }
}
@media(min-width: 0px) and (max-width: 424px){
  .path-slider.text-center {
    width: 275px !important;
    height: 150 !important;
    margin: 0px auto;
}
 .trick {
    left: 49.2%;
    top: -20px;
    width:80%;
  }
  .splash {
    width: 100%;
    height: 150px;
   }
.keyholder {
    left: 40%;
    top: 28%;
    width: 50px !important;
}
.path-slider, .path-slider-wrapper {
    height: 180px;
}
}

@media(max-width: 767px){
  .archive-year li {
    display: inline-block;
  }
  .archive-year li a {
    color: #007DBE;
    padding: 8px 20px;
    margin: 5px;
    background: #fff;
    font-weight: 600;
  }
  .archive-year {
    margin-bottom: 25px;
}
.archive-year h3 {
    display: none;
}

  .homepjtitle{
    padding:10px 0px;
  }
	.personimage {
    width: 300px;
    max-height: 450px;
    display: block;
    margin: 0px auto;
}
	.flexqr {
    margin-top: 25px;
    display: flex;
    justify-content: flex-start;
}
  .paddingleft90{
    padding-left:90px;
  }
  .img-responsive.keyholder {
    width: 70px;
    height: auto;
}
  .des-wrap {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 25px 0;
  }
  .work canvas{
    margin: 0 auto;
    display: block;
  }
  .workpercentage{
    text-align: center;
  }
  .contacttextmargintop{
    margin-top: 25px;
  }
}


@media(min-width:0px) and (max-width: 767px){
.service-item h5 {
    width: 95% !important;
    
}
#page738 {
    min-height: 500px;
}
/*.keyholder {
    left: 40%;
    top: 20%;
}*/
	.service-item p {
    width: 95% !important;
    
}


  .titleforcsr {
    margin-bottom: 0px !important;
}
	#tab110 {
    min-height: 500px;
    height: auto;
}
.idforbuttonback {
    font-size: 13px;   
}
#page-id-755 {
    min-height: 500px;
}
.h2, h2 {
    font-size: 20px;
}
.csrbox .btn {
     margin-left: 0%;
   }
#page-id-14 .container {
    padding-top: 30px;
    background: #e6edf6;
}
#page-id-279 .container {
    padding-top: 30px;
    background: #e6edf6;
}
.forlogo img {
    margin: 0px auto;
}
.mm-btn_next::after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 23px;
    left: auto;
}
.mm-listitem:hover,.mm-listitem:active,.mm-listitem:focus{
     background: #007DBF; 
}
.mm-listitem:hover a{
  color:white;
}
.mm-listitem_selected > .mm-listitem__text {
   background: #007DBF; 
   color:white !important;
}
.mm-listitem_vertical > .mm-panel {
    padding: 0px;
}
.mm-listitem_vertical > .mm-panel a {
    padding-left:30px;
}
.mm-listitem_opened #mm-1 a,
.mm-listitem_opened #mm-2 a,
.mm-listitem_opened #mm-3 a,
.mm-listitem_opened #mm-4 a {
    background: #F3F3F3;
    color:black;
}
/*.mm-listitem:hover, .mm-listitem:active, .mm-listitem:focus {*/
 #mm-menu-item-749:hover .mm-panel a,
 #mm-menu-item-275:hover .mm-panel a,
 #mm-menu-item-277:hover .mm-panel a,
 #mm-menu-item-765:hover .mm-panel a{
    background:#f3f3f3;
    color:#333;
 }
#mm-menu-item-749:hover .mm-panel a:hover,
#mm-menu-item-749:hover .mm-panel a:active,
#mm-menu-item-749:hover .mm-panel a:focus,
#mm-menu-item-275:hover .mm-panel a:hover,
#mm-menu-item-275:hover .mm-panel a:active,
#mm-menu-item-275:hover .mm-panel a:focus,
#mm-menu-item-277:hover .mm-panel a:hover,
#mm-menu-item-277:hover .mm-panel a:active,
#mm-menu-item-277 :hover .mm-panel a:focus,
#mm-menu-item-765:hover .mm-panel a:hover,
#mm-menu-item-765:hover .mm-panel a:active,
#mm-menu-item-765:hover .mm-panel a:focus{
    background:#007DBE;
    color:white;
 }
/* #mm-menu-item-749 .mm-panel a:hover,
#mm-menu-item-749 .mm-panel a:active,
#mm-menu-item-749 .mm-panel a:focus{
    background:#007DBE;
    color:white;
 }*/

 .mm-listitem_opened #mm-1 .mm-listitem_selected a:hover,
 .mm-listitem_opened #mm-1 .mm-listitem_selected a:focus,
 .mm-listitem_opened #mm-1 .mm-listitem_selected a:active,
 .mm-listitem_opened #mm-1 .mm-listitem_selected a,
 .mm-listitem_opened #mm-2 .mm-listitem_selected a:hover,
 .mm-listitem_opened #mm-2 .mm-listitem_selected a:focus,
 .mm-listitem_opened #mm-2 .mm-listitem_selected a:active,
 .mm-listitem_opened #mm-2 .mm-listitem_selected a,
 .mm-listitem_opened #mm-3 .mm-listitem_selected a:hover,
 .mm-listitem_opened #mm-3 .mm-listitem_selected a:focus,
 .mm-listitem_opened #mm-3 .mm-listitem_selected a:active,
 .mm-listitem_opened #mm-3 .mm-listitem_selected a,
 .mm-listitem_opened #mm-4 .mm-listitem_selected a:hover,
 .mm-listitem_opened #mm-4 .mm-listitem_selected a:focus,
 .mm-listitem_opened #mm-4 .mm-listitem_selected a:active,
 .mm-listitem_opened #mm-4 .mm-listitem_selected a {
    background: #007DBE !important;
    color:black;
}
 
.undershadephoto {
    position: relative;   
    height: 370px;
}
  .homepjimgbox {

    position: relative;

    margin-top: 15px;

}
.verticlelinkpj {
    margin-top: 5px;
   }

#page-id-279 {

    background:#E6EDF6;

}

.video {

    height: auto;

    background: transparent;

    position: relative;

}

.videocurve {

    padding-top: 0px;

    position: relative;

    width: 100%;

    bottom: 0px;

    height: auto;

   background-image: none;

}

.video h1 {

    margin-bottom: 30px;

}

h1 {

     font-size: 30px;

}

.buttonwithshape {

    width: 40%;

}

.rentsalediv {

     width: 70%;

}

.estate {

    padding: 70px 0px;

  }

  .mm-navbars_bottom > .mm-navbar > :not(img):not(.mm-btn), .mm-navbars_top > .mm-navbar > :not(img):not(.mm-btn) {

      color: #00458D;

      font-weight: bold;

}

.socialdiv {

    margin-left: 10px;

    width: 60%;

}

.contactsocial {

    display: flex;

    margin-top: 15px;

    width: 100%;

}

#page-id-14 .col-sm-3 {

    width: 100%;

}

#page-id-14 .col-sm-9 {

    width: 100%;

}

#page-id-14 {

    background:#E6EDF6;

}

.tabs-left > li {

    margin-right: -1px;

    display: inline-block;

}

#page-id-14 .tabs-left > li,#page-id-279 .tabs-left > li {

    margin-right: -1px;

    display: inline-block;

    background: #f5f5f5;

    margin-bottom: 5px;

}

#page-id-14 .tabs-left > li > a , #page-id-279 .tabs-left > li > a {

    padding: 8px 10px;

    color: #007DBE;

    font-size: 17px;

}

.width30about{

  display: none;

}

.post-box {   

    margin-top: -50px;

    padding-top: 60px;

    border-top: 1px solid #00458D;

}

.post-box:before{

  display: none;

}

.post-container {

    min-height: auto;

}

.postdetaildisplay .detail {

    padding: 15px 15px;

}

.forperson h1 {

     width: 100%;

}

.clientconstructiondiv .col-sm-3 {

    width: 50% !important;

}

.clientconstructiondiv h2 {

    width: 76%;

    font-size: 21px;    

}

.otherpjdiv {

    display: flex;

}

.verticlelinkpj {

       height: 150px;

    overflow-y: hidden;

    overflow-x: scroll;

    display: flex;

}

.pjlinkdiv {

    cursor: pointer;

    position: relative;

    display: inline-block;

    width: 200px;

    margin:5px 10px;

}
.testimonial .post-title {
    position: relative;
   }
   footer .footerlistcenter{
    display: none;
   }
   .map {
    margin-top: 15px;
}
.newcontactdiv .openingdiv{
  margin-bottom: 15px;
}
.contactsocial {
    display: block;
   }
   .socialdiv {
    width: 100%;
}
.clientconstructiondiv{
  margin:15px;
  min-height: auto;
}
#page-id-14 .tab-content {
    min-height: auto;
  
}
.bordercircle{
  border:4px solid #007DBE;
     width: 270px;
    height: 220px;
    border-radius: 50%;
    margin: 0px auto;
        margin-top: 0px;
    margin-top: -222px;
    border-top: #B9CDE5;
    border-left: #B9CDE5;
    border-right: #B9CDE5;
}


}

@media screen and (max-width: 425px){
  .item__circle {
    width: 80px;   
    height: 80px;  
  }

 /* .keyholder{
    left: 43%;
    top: 36%;
    width: 60px;
  }*/

 

/*  .trick-wrapper .keyholder{
    top: 162px;
  }*/
}

@media(min-width:0px) and (max-width: 400px){
  .homeprojectimagediv .col-xs-6{
   width: 80%;
display: block;
margin: 0px auto;
margin-left: 10%;
  }
  .lasthotel {
   width: 80%;
}
  #myCanvastwo,#myCanvas, #myCanvasthree, #myCanvasfour {
    width:200px;
    height: 200px;
}
.forperson h1 {
    width: 100%;
    font-size: 17px;
}
.buttonwithshape {
    width: 60%;
}
.rentsalediv {
    width: 100%;
}
/*.path-slider, .path-slider-wrapper{
  height: 330px;
}*/
}

@media(min-width:650px) and (max-width: 767px){
	.forcirclewidth.img-responsive {
    width: 270px;
}
.csrgreen,.csrbrown,.csrblue,.csrred,.csryellow {
    width: 195px;
}
.csrgreen{
	top:0%;
}
.csryellow {
     top: 6%;
    left: 68%;
}
.csrblue {
    top: 80%;
}
.csrred {
    top: 60%;
    left: 58%;
}
.csrcircle {
    width: 630px;   
}
.forupto649{
		display: none;
	}
}

@media(min-width:0px) and (max-width:649px){
	.forhide649{
		display: none;
	}
	.forupto649{
		display: block;
	}
	.csrdivisionforxs{
		position: relative;
		width: 305px;
margin: 0px auto;
	}
	.xsgreen {
    /*background: #00C100;*/
   background-image: linear-gradient(#00bf00,#00AC00);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    transition-duration: 1s;
}
/*.xsgreen::after{
  width:50px;
  height: 5px;
  content:"";
  display: block;
  background: green;
}*/
.xsbrown {
   /* background: white;*/
   background-image: linear-gradient(#060996,#050883);
/*    background:#7273C2;
*/    width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
    top: 90%;
left: 16%;
transition-duration: 1s;
}
.xsblue {
    background-image: linear-gradient(#33C8FD,#88C2DA);
   width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
   top: 115%;
left: 40%;
transition-duration: 1s;
}
.xsred {
   background-image: linear-gradient(#980000,#810000);
   width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
   top: 90%;
left: 65%;
transition-duration: 1s;
}
.xsyellow {

  background-image: linear-gradient( #FBDC7C,#DDBA46);
   width: 55px;
    height: 55px;
    border-radius: 50%;
    position: absolute;
    top: 35%;
left: 83%;
transition-duration: 1s;
}

.xsgreen:hover,.xsbrown:hover,.xsblue:hover,.xsred:hover,.xsyellow:hover{
transform: scale(1.1,1.1);
}
}

@media(min-width: 768px) and (max-width: 991px){
  #menu {
    margin: 0px;
    padding: 0px;
}
.nav > li{
  margin-right: 0px;
}
.nav > li > a {
    padding: 10px 9px;
    font-size: 13px;
}
	
}




/***************************************Animation******************************************************/

/*************************core value photo ani**************************/

.flicker-2 {

    -webkit-animation: flicker-2 2s linear infinite both;

            animation: flicker-2 2s linear infinite both;

   margin:20px auto;

}



/**

 * ----------------------------------------

 * animation flicker-2

 * ----------------------------------------

 */

@-webkit-keyframes flicker-2 {

  0%,

  100% {

    opacity: 1;

  }

  41.99% {

    opacity: 1;

  }

  42% {

    opacity: 0;

  }

  43% {

    opacity: 0;

  }

  43.01% {

    opacity: 1;

  }

  45.99% {

    opacity: 1;

  }

  46% {

    opacity: 0;

  }

  46.9% {

    opacity: 0;

  }

  46.91% {

    opacity: 1;

  }

  51.99% {

    opacity: 1;

  }

  52% {

    opacity: 0;

  }

  52.8% {

    opacity: 0;

  }

  52.81% {

    opacity: 1;

  }

}

@keyframes flicker-2 {

  0%,

  100% {

    opacity: 1;

  }

  41.99% {

    opacity: 1;

  }

  42% {

    opacity: 0;

  }

  43% {

    opacity: 0;

  }

  43.01% {

    opacity: 1;

  }

  45.99% {

    opacity: 1;

  }

  46% {

    opacity: 0;

  }

  46.9% {

    opacity: 0;

  }

  46.91% {

    opacity: 1;

  }

  51.99% {

    opacity: 1;

  }

  52% {

    opacity: 0;

  }

  52.8% {

    opacity: 0;

  }

  52.81% {

    opacity: 1;

  }

}

/* ----------------------------------------------
 * Generated by Animista on 2020-4-20 14:18:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
#tab3487 .rl-gallery-item {
  width: 100% !important;
}
.mb30{
	margin-bottom: 30px;
}
/*@media screen and (max-width: 375px) {
  .keyholder {
    left: 44%;
    top: 42%;
  }
  .trick-wrapper .keyholder{
    top: 140px;
  }
}

@media screen and (max-width: 320px) {
  .keyholder {
    left: 42%;
    top: 30%;
    transform: scale(0.6);
  }
  .trick-wrapper .keyholder{
    top: 140px;
  }
}*/