@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
/**font-family: 'Source Sans Pro', sans-serif;**/
body {color: #053e3a; font-family: 'Source Sans Pro', sans-serif; }
p, .processSec p   {font-size: 16px; line-height: 30px;}
.processSec h4, .processSec p {font-family: 'Source Sans Pro', sans-serif;  color: #053e3a;}
#main-slider .carousel .item {
    height: 391px;
}

#main-slider .animation.animated-item-1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

#main-slider .carousel .carousel-content {;
    margin-top: -2px;
}

#main-slider .carousel h1 {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}

#main-slider .carousel-indicators li.active {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.ConupperTxt {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    color: #053e3a;
    margin: 77px 0 0 0;
    text-transform: none;
}


.ConupperTxt {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    color: #053e3a;
    margin: 77px 0 0 0;
    text-transform: none;
}

.ConInnerTxt h6 {
    color: #053e3a;
    margin: 30px 0 9px 0;
    font-family: 'Source Sans Pro', sans-serif;
}


.ConInnerTxt p, .buyLeft p{
    color: #053e3a;
    margin:0;
    width: 68%;
	font-family: 'Source Sans Pro', sans-serif;
}

.buySec {
    border-top:none;
    padding-top: 10px;
}

.consaultSec .container {    border-bottom: 2px solid #c0c3c2;}
.buyLeft h4 {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 16px;
    color: #053e3a;
    text-transform: none;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
}

.ConInnerTxt p, .buyLeft p {
    width: 100%;
}

.buyLeft span {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 16px;
    color: #053e3a;
    text-transform: none;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
	  display: inline;
    margin: 0 7px 0 0;
}
.text-left {
    margin-top: -13px;
}

.buyLeft.text-right p {
     text-align: right; 
	    min-height: 134px;
    padding: 0 50px;
}

.buyLeft.text-left p {
    font-size: 16px;
    text-align: left;
    padding: 0 50px;
    margin: 0;
}

.btn.btncolor{
    color: rgb(139 179 181);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 125px;
}

.buySec .container {
    height: auto;
}

.buyLf, .buyLeft.text-left {
    margin-top: 104px;
    vertical-align: top;
}

.buyLeft.text-left {
    margin-top: 80px;
    vertical-align: top;
}

.processSec {
    height: 781px;
    padding: 0;
}
.IconWrap {cursor: pointer;}
.IconWrap, .IconWrap   {
    height: 292px;
    width: 100%;
}

.IconWrap:hover {
    transform: scale(1);
}

.IconWrap:hover img {transform: scale(1.5);
-webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;

}

.icon-padding { position: relative;}

.textbg {
    position: absolute;
    top: 292px;
	-webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}


.icon-padding:hover .textbg {
    top: 0;
    cursor: pointer;
    height: 100%;
    padding: 43px 10px 0 10px;
}

.speakSec {
    height: 566px;
}
.colortwo .IconWrap   {background: #b0e2de;}


.colorthree .IconWrap   {
    background: #92d5d0;
}
.colorfour .IconWrap   {background:#d4ecea;}

.colorfive .IconWrap {background:#b7e8e3;}
.colorLast .IconWrap {background:#9cded7;}

.textbg p {
	 font-family: 'Source Sans Pro', sans-serif;
	text-align: center;
}

.textbg h3 {
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #053e3a;
    font-weight: 600;
    line-height: 24px;
	text-align: center;
}

.speakContent {
    background: #fff;
    padding: 29px;
    width: 86%;
    margin-top: 70px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
}

.contSlidSec .contMargin {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}
.contSlidSec .phLink {
    color: #ffffff;
    font-weight: bold;
}

.contSlidSec .phLink span {
    color: #90f365;
}


.contSlidSec p.disclaver {
    color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif;
    max-width: 600px;
    margin-top: 35px;
    font-size: 13px;
    text-align: justify;
    line-height: 23px;
}

.contSlidSec {
    height: 561px;
    padding-top: 78px;
}

.buySec .container {
    padding: 80px 80px 0;
}

/****about us******/

.all-about { position: relative;}
#who-are-we .container.spanbox  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.container.spanbox span {
    color: #053e3a;
    font-size: 69px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 54px 0 0 0;
    display: block;
}

.all-about p {
    margin: 60px 0px;
    color: #053e3a;
    font-family: 'Source Sans Pro', sans-serif;
}

.mediaSec .mediaTxt  h3, .mediaSec .mediaTxt  p, .clientTxt p, .clientdet{ color: #053e3a;
    font-family: 'Source Sans Pro', sans-serif;}

.mediaSec {
    margin-top: 0;
}

.nav>li>a>img {
    max-width: none;
    width: 100%;
}
.nav-justified>li {
    display: inline-block;
    width: 33%;
}
.nav-justified>li>a {
    margin-bottom: 0;
	padding: 0;
}

.clientSec .clientTxt {
    padding: 294px 100px 100px 100px;
}

.mediaSec  .carousel-inner {
    width: 100%;
    height: 660px;
}

.mediaSec #main-slider .carousel .item {
    height: 100%;
}

.mediaSec .mediaTxt {
    padding: 200px;
}

.clientSec .mediaTxt.graj p, .clientSec .mediaTxt.graj h3  {
    color: #eda175;
    font-family: 'Source Sans Pro', sans-serif;
}

.mediaTxt.white {
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
    padding: 0;
    padding-right: 50px;
}

.mediaTxt.graj {
    padding-top: 40px;
    text-align: right;
    color: #eda175;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-right: 47px;
}


.clientSec .mediaTxt.white h3 {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 27px;
}

.clientSec .mediaTxt.white p {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
	line-height: 31px;
}

#myCarousel-two .carousel-inner {
    width: 80%;
    display: inline-block;
}


#myCarousel-two .nav.nav-pills.nav-justified{
    display: inline-block;
    width: 19%;
    vertical-align: top;
}

#myCarousel-two .nav-justified>li {
    width: 51%;
    margin: 0 0 25px -3px;
    display: block;
}
#myCarousel-two  {
    margin: 65px 0 50px;
}

/*****menu work*********/

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:hover {    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500; color: #e8b954; background: none;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {color: #e8b954; background: none;}

.navbar-inverse .navbar-nav>.active::before, .navbar-inverse .navbar-nav> li:hover:before {
    content: "";
    background: #724a06;
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 100%;
}



.navbar-inverse  {
    padding: 0;
    margin: 0;
}

.navbar>.container .navbar-brand {
    margin: 47px 0 0 0;
    padding: 0;
}
.navbar-nav {
    margin: 0;
    padding: 0 0 0 0;
    top: 0;
}
.navbar-nav>li {
    position: relative;
    padding-top: 97px;
	margin: 0;

}

.navbar-inverse .navbar-nav> li a {
    background: none;
    position: relative;
    z-index: 234;
    padding: 0 20px;	
	border-right: solid 2px #e8b954;
	border-radius: 0;
}

.navbar-inverse .navbar-nav> li.active a, .navbar-inverse .navbar-nav> li:last-child a {border-right: none;}


.textbox {
    width: 48%;
    display: inline-block;
}


#myCarousel-two .nav-justified>li {
    width: 100%;
    margin: 0 0 20px 2px;
    display: block;
}
#myCarousel-two .nav.nav-pills.nav-justified {
    display: inline-block;
    width: 7%;
    vertical-align: top;
}


.carousel-inner>.item>img.bigimg {
    width: 50%;
    display: inline-block;
    max-width: 50%;
    vertical-align: top;
    float: right;
}
#myCarousel-two .carousel-inner {
    width: 90%;
    display: inline-block;
}


/*******Our Process********/
.ourconed.processSec {
    background: url("../images/our_process/img-bg-1.jpg");
    background-repeat: no-repeat;
    width: 100%;
    height: 700px;
    background-size: cover;
    padding: 60px;
}

.processSec.ourconed .processContent {
    width: 60%;
	text-align: right;
    float: right;
}

.processSec.ourconed h4, .processSec.ourconed p {
    width: 100%;
    text-align: right;
}

#buy .modal-dialog, #sell .modal-dialog, #rent .modal-dialog {
    width: 78%;
    margin: 0 auto;
	   margin: 50px auto 0;
}


.boxa .modal-content {
    border: none;
}

.boxa .modal-header {
    background: none;
    border: none;
    height: auto;
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    z-index: 99;
    background: #fff;
}

.boxa .modal-header .close {
    margin: 0;
    padding: 3px 0 0 0;
    line-height: 0;
    color: #043531;
    opacity: 1;
}

.boxa .modal-body{
    padding: 0;
    border: none;
}

.rengibox {
    border: none;
    background: #3d6363;
    color: #fff;
}

.rengibox p strong {display: block;}

.rengibox img {
    height: auto;
    width: 64%;
    display: inline-block;
    vertical-align: top;
}

.rightcontcnet {
    display: inline-block;
    vertical-align: top;
    width: 35%;
    padding: 41px 50px 50px 50px;
    text-align: right;
	font-family: 'Source Sans Pro', sans-serif;
}


.hedibx {
    font-size: 56px;
    line-height: 55px;
    text-transform: uppercase;
    FONT-WEIGHT: 600;
    color: #c3cdd3;
}

.rengibox p {
    color: #c3cdd3;
    font-family: 'Source Sans Pro', sans-serif;
	    line-height: 27px;
    margin-top: 23px;
}

.rengibox.sell {
    background: #464c66;
    overflow: hidden;
}

.rengibox.sell img {
    height: auto;
    width: 64%;
    display: inline-block;
    vertical-align: top;
    float: right;
}

.rengibox.sell .rightcontcnet{
    float: left;
    text-align: left;
}


.rengibox.sell.rent {
    background: #6b3c3c;
}

.rengibox.sell.rent  img ,.rengibox.sell.rent .rightcontcnet  {
    width: 50%;
}

#myCarousel-two.ourprocebox .carousel-inner {
    width: 100%;
}

#myCarousel-two.ourprocebox .carousel-inner .leftobx{
    float: right;
    width: 65%;
}

#myCarousel-two.ourprocebox .carousel-inner  .container {
    position: absolute;
    left: 0;
    right: 0;
}

.ebix {
    background: #194668;
    width: 46%;
    margin: 14% 0 0 0;
    padding: 80px 50px;
    color: #fff;
    position: relative;
}



.ebix  h4{
    color: #e0baa4;
    text-transform: uppercase;
    font-size: 42px;
    font-weight: 600;
    margin: 59px 0 35px 0;
}

.ebix a {
    background: #68191d !important;
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 50px;
}


.ebix a img {
    width: 41px;
    margin: 15px 0 0 0;
}
.ebix-two {background: #68191d;}
.ebix a.next.pverst { top: auto; bottom: 0;  background: #194668 !important;}


.rengibox.sell.rent p strong  {
    color: #fff;
    margin: 0 0 38px 0;
}

.processContent h1 {
    color: #053e3a;
    font-size: 69px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 71px 0 -51px 0;
    display: block;
}


/*****our-property page******/

.imgcon { position: relative;}

.outproject {
    padding: 60px 0;
}

.contectboxabc {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 50px;
}

.contectboxabc .headpr {text-transform: uppercase;}

.contenttop .contectboxabc  {
    bottom: auto;
    top: 0;
}

.colorblack  .contectboxabc, .colorblack  .contectboxabc .headpr  { color: #000000;}


/******Contact Us********/

.processSec.ourconed.contextus .processContent  {
    background: rgba(255,255,255, 0.7);
    padding: 20px;
    box-shadow: 0 0 57px #fff;
    width: 323px;
    margin: 0 39px 0 0;
}

.processContent.contextus  h1 {
    font-size: 38px;
    margin: 0 0 12px 0;
    font-weight: 700;
}
.processSec.fomboxs { position: relative;}

.processSec.fomboxs .headpr {
    color: #053e3a;
    font-size: 49px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 103px 28px 0 0;
    display: block;
    text-align: right;
}


.processSec.fomboxs .container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fomboxa  {
    background: #ffffff;
    padding: 54px;
    margin: 73px auto 0;
}

.fomboxa .form-group button {
    display: block;
    width: 100%;
    background: #21b573;
    font-weight: 600;
}

.contextus .processContent h1, h1  {
    font-size: 38px;
    margin: 0 0 12px 0;
    font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
}

.processSec.fomboxs {
    clear: both;
    width: 100%;
    overflow: hidden;
}
/*****careers******/
.processSec.ourconed.contextus.carrrspage .processContent {
    background: none;
    padding: 20px;
    box-shadow: none;
    width:60%;
    margin: 0 39px 0 0;
}


.processSec.fomboxs.careersbox {
    clear: both;
    width: 100%;
     overflow: visible;
    height: 100%;
}

.processSec.fomboxs.careersbox  .headpr {color: #ffffff;}
.careersbox  .fomboxa {
    background: #ffffff;
    padding: 54px;
    margin: 71px auto 0 -3px;
}

.fomboxa.careersbox .form-group button {
    background: none;
    color: #000;
    border: solid 1px #000;
    width: fit-content;
    padding: 10px 59px;
    float: right;
    border-radius: 0;
    margin: 33px 0 0 0;
}
#file-upload1 {border: none;}

 .fomboxa.careersform .form-group button  {
    background: none;
    color: #000;
    border: solid 1px #000;
    width: fit-content;
    padding: 10px 59px;
    float: right;
    border-radius: 0;
    margin: 33px 0 0 0;
}

.processSec.ourconed.contextus.listyourperytpage .processContent {
    background: none;
    box-shadow: none;
    color: #fff;
    width: 235px;
}


.processSec.ourconed.contextus.listyourperytpage  .container,  .processSec.ourconed.contextus.contepagebg .container{
    position: relative;
}


.processSec.ourconed.contextus.listyourperytpage  .container .row, .processSec.ourconed.contextus.contepagebg .container .row {
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
}

.processSec.ourconed.contextus.listyourperytpage .processContent, .processSec.ourconed.contextus.contepagebg  .processContent {
    background: none;
    box-shadow: none;
    color: #fff;
    width: 235px;
}

.processSec.ourconed.contextus.listyourperytpage h1, .processSec.ourconed.contextus.listyourperytpage p  {
    color: #fff;
}

.processSec.ourconed.contextus.contepagebg {
    background: url(images/listyourproperty/bg-2.jpg) no-repeat;
    background: none;
    width: 100%;
    clear: both;
}

.processSec.ourconed.contextus.contepagebg .processContent {
    width: 378px;
    margin: 129px 83px 50px 0;
}

.processSec.ourconed.contextus.contepagebg h1 {
    color: #475b4f;
}

.processSec.formboabglstt {
    position: relative;
}

.formboabglstt .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
}


.formboabglstt p {
    color: #fff;
    width:80%;
    margin: 19px 0 27px 0;
    line-height: 24px;
}

.subheadib {
    color: #b0bcb5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.formboxone label, .formboabglst label, .informaotntow label {
    display: inline-block;
    width: 183px;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.formboxone label sup {
    color: #c1c1c1;
}

.formboxone .form-group .form-control, .formboabglstt .form-control {
    display: inline-block;
    vertical-align: top;
    width: 61%;
    margin: 0 0 0 4px;
    background: none;
    border: none;
    border-bottom: solid 1px #fff;
    border-radius: 0;
    padding: 0;
    line-height: 22px;
    height: 25px;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}

.formboxone .form-group.addressbox .form-control  {
    margin-left: 190px;
}

.formboxone  .row.towfilde label {
    width: 47px;
}

.formboxone {
    border: solid 1px #b0bcb5;
    padding: 20px;
    border-radius: 10px;
}

 .informaotntow .subheadib  {
    margin: 25px 0 16px 17px;
}
.bordeboxgreen {
    border: solid 1px #b0bcb5;
    padding: 0 20px 0 20px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin: 0 15px;
    border-bottom: none;
}
.informaotntow .bordeboxgreen label, .informaotntow .bordeboxgreen .form-control {display: block; width: 100%;}

.informaotntow .bordeboxgreen .form-check .form-check-input, .informaotntow .bordeboxgreen .form-check label  {display: inline-block; width:48%;}

.informaotntow .bordeboxgreen .form-check .form-check-input {
    text-align: left;
    float: left;
    width: 27px;
}
.bordeboxgreen .col-sm-2.col-ms-2.col-xs-6 .form-group { position: relative;}
.bordeboxgreen .col-sm-2.col-ms-2.col-xs-6:first-child .form-group::before, .bordeboxgreen .col-sm-2.col-ms-2.col-xs-6:nth-child(2) .form-group::before {
    content: "$";
    position: absolute;
    left: 0;
    top: 32px;
    color: #fff;
    font-weight: 600;
}

.informaotntow .bordeboxgreen .inlinbob label, .informaotntow .bordeboxgreen .inlinbob select, .informaotntow .bordeboxgreen .form-group.twopart .form-control, .informaotntow .bordeboxgreen .form-group.twopart label, .informaotntow .bordeboxgreen .form-check {display: inline-block; width:47%;}

.informaotntow .bordeboxgreen .input-group.date .form-control {
    background: #fff;
    line-height: 49px;
    height: 35px;
    border-radius: 10px 0 0 10px;
}

.informaotnthree .form-group.twopart label {
    display: inline-block;
    width: 183px;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.informaotnthree .form-check { display: inline-block; margin:  0 10px;}

.informaotnthree .form-group.twopart .form-check  label { width: auto; margin: 0;}


.informaotnthree .form-group.twopart {
    border: solid 1px #b0bcb5;
    padding: 20px;
	    margin: 0;
    border-top: none;
    border-radius: 0 0 10px 10px;
	position: relative;
}


.informaotntow .col-xs-6 {
    border-right: solid 1px #b0bcb5;
    height: 100%;
    min-height: 140px;
	padding-top: 20px;
}

.informaotntow .col-xs-6:last-child {border: none;}

.informaotnthree .form-group.twopart::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #b0bcb5;
    position: absolute;
    left: 0;
    right: 0;
    margin: -19px auto 0;
}

.groboddv {
    border: solid 1px #b0bcb5;
    padding: 11px 0;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 15px;
}

.informaotnthreeab .subheadib  {
    margin: 19px 0 15px 15px;
}

.informaotnthreeab .form-check, .informaotnfour  .form-check, .informaitnfive .form-check, .informaitnsix .form-check  {
    display: block;
    margin: 8px 0;
}
.informaotnthreeab .form-check label, .informaotnfour .form-check label, .informaitnfive .form-check label, .informaitnsix .form-check label  {
    width: auto;
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.informaotnthreeab .groboddv .subheadib, .informaotnthreeab .groboddv .subheadib, .informaotnfour .subheadib, .informaitnfive .subheadib, .informaitnsix .subheadib   {
    margin: 0;
    font-size: 14px;
}

.informaotnfour .subheadib span {
    display: block;
    font-size: 10px;
}

.informaotnfour, .informaitnfive, .informaitnsix   {margin-top: 30px;}

.lastboxad .form-group label {
    display: inline-block;
	color: #fff;
	
}
.lastboxad .form-group label:first-child {display: block;}

.lastboxad .form-check {display: inline-block; vertical-align: top; width: 49%;}

.lastboxad textarea {
    width: 100%;
    min-height: 66px;
}

.processSec.formboabglstt {
    height: auto;
    padding: 0;
}


/*******181021**********/
.aboutImgSec, .clientSec .nav-justified  {overflow: hidden;}
.aboutImgSec .aboutImg, .mediaSec .carousel-inner .item, .clientSec .carousel-inner .item img, .clientSec .nav>li>a>img  {  transition: transform 2.2s cubic-bezier(.14,.4,.09,.99)!important;}

.aboutImgSec .aboutImg:hover, .mediaSec .carousel-inner .item:hover, .clientSec .carousel-inner .item:hover img, .clientSec .nav>li>a>img:hover {
    transition: transform 2.2s cubic-bezier(.14,.4,.09,.99)!important;
	transform: scale(1.1);
}

/**our-projects new design***/


.leftslbox .carousel-inner{
    float: left;
    width: 50%;
    vertical-align: top;
    display: inline-block;
}

.leftslbox .nav-justified {
    display: inline-block;
    width: 50%;
    float: right;
    vertical-align: top;
}

.leftslbox  .carousel .nav-justified>li  {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
    display: flex;
}

.carousel-caption {
    right: 7%;
    left: 7%;
    padding-bottom: 30px;
    text-align: left;
}


.carousel-caption.caption-top {
    top: 4%;
    bottom: auto;
}

.carousel-caption.colorbloack, .carousel-caption.colorbloack h1 {color: #000000; box-shadow: none; text-shadow: none;}



.leftslbox.rightboxa .carousel-inner {
    float: right;
    width: 50%;
}