
.inner-left-wapper{width:60%;float:left;position:relative;min-height: 1100px;}
.inner-left-wapper-center{width:60%;position:relative;margin:0 auto}
.inner-right-wapper{width:40%;float:right;position:relative}
.inner-right-top{margin-top:8px}


/*------------------RIGHT SIDE FORM FIXED START---------------------*/
.rightsidebar {display:block;}

.my-relative{position: relative !important;}

.rightsidebar { position: relative; float:right; width:37%;/* width:290px;*/ right:0%;}
.rightsidebar .rightsidebarfixed {position: relative;/* bottom:132px;*/ top: 130px; width:100%; z-index:9;  display:block; min-height:452px; right:0;}
.my-sticky{display:block; /*bottom:132px !important;*/ top:200px;}

@media screen and (min-width:972px) and (max-width:1440px) {
.my-sticky{display:block; /*bottom:332px !important;*/ top:70px !important;}
	
}



/*------FORM - ---SECTION-----*/

.panel-dark{  background-color: #1f2839; padding: 15px 15px 5px 15px; position: relative; border-radius:0px; box-shadow: 0 0 10px;}
.full-con {padding: 5px 5px 15px 5px; display: block; border: 0px; width: 100% !important;}






@charset "utf-8";
@media screen and (min-width:1180px) and (max-width:1249px) {
.my-container-wrapper {
width:1150px
}
}
@media screen and (min-width:1080px) and (max-width:1179px) {
.my-container-wrapper {
width:1090px
}
}
@media screen and (min-width:1024px) and (max-width:1079px) {
.my-container-wrapper {
width:972px
}
.inner-left-wapper {
width:63%
}
.inner-left-wapper-center {
width:63%
}
}
@media screen and (min-width:972px) and (max-width:1023px) {
.my-container-wrapper {
width:950px
}
.inner-left-wapper {
width:63%
}
.inner-left-wapper-center {
width:63%
}
}
@media screen and (min-width:1032px) and (max-width:1160px) {
.my-righ-pus-menu {
padding-right:5%
}
.my-left-pus-menu {
padding-left:5%
}
}
@media screen and (min-width:972px) and (max-width:1031px) {
.my-righ-pus-menu {
padding-right:2%
}
.my-left-pus-menu {
padding-left:2%
}
}
.moblie-hide {
	display:block
}
.moblie-show {
	display:none
}
@media screen and (min-width:10px) and (max-width:991px) {
    .inner-left-wapper{min-height: 100px;}
}


@media screen and (min-width:20px) and (max-width:971px) {
.moblie-hide {
display:none
}
.moblie-show {
display:block
}
.my-container-wrapper {
width:94%
}
img {
/*width:100%;
height:auto
*/}


}
@media screen and (min-width:10px) and (max-width:767px) {
.col-5 {
width:50%!important;
float:left
}
.brr {
border:0
}
.padd--cont {
padding:50px 0
}
.sub-titel-mob-inner {
font-size:24px!important
}
}
@media screen and (min-width:10px) and (max-width:445px) {
.sub-titel-mob {
font-size:25px!important
}
.welcot-mt {
margin-top:-80px
}
.slide-content-wer {
margin-top:0
}
}
@media screen and (min-width:20px) and (max-width:1227px) {
.my-container-wrapper-infa {
width:100%
}
}
@media screen and (min-width:20px) and (max-width:1000px) {
.my-container-wrapper-infa {
width:100%
}
ul.hide-bullets li {
display:inline;
padding:0 5px;
margin-top:10px
}
}
@media screen and (min-width:20px) and (max-width:971px) {
.inner-left-wapper {
width:100%
}
.inner-right-wapper {
width:100%
}
.col-pd-30 {
padding-bottom:30px
}
.inner-left-wapper-center {
width:98%
}
}





/*------------------RIGHT SIDE FORM FIXED  MOBILE RESPONSIVE START---------------------*/

@media only screen and (min-width: 972px) and (max-width: 220000px) {
 .bar-en{display: none!important;}
}

@media only screen and (min-width: 972px) and (max-width: 1384px) {
.rightsidebar { position: relative;/*width:300px; right:0%;*/ }
/*.rightsidebar .rightsidebarfixed {width:300px; }*/


}




@media screen and (min-width:20px) and (max-width:971px) {
	
.rightsidebar { position:relative; float:left;  width:100%; margin-bottom:40px;}	
.rightsidebar .rightsidebarfixed { position:relative; bottom:0%; top:0px; width:100%; z-index:1; background-color:#292929; display:block;}

.bar-en { width:100%; position: fixed; bottom:0px; z-index:99; display:block; background-color:#1f2839; text-align: center;}
.bar-en a{color:#fff;  text-align: center;  font-size: 20px;  font-weight: 400;  line-height: 1.1; display:block; padding:10px;  font-family: 'Playfair Display', serif;}
.bar-en a:hover{ text-decoration:none; color:#fff;}

.moble-con {text-transform: uppercase;  color: #fff;  font-size: 25px;  font-weight: 700;  line-height: 1.1;  width: 100%;  text-align: center; cursor: pointer !important;  background-color: #0081c4; }


}










.card {position: relative; border:0px !important; background-color:#fff; padding:15px!important; border-radius: 0px!important }

/*

.card:first-child {margin: 0 0px; padding: 0;}
.card .input-container {position: relative; margin: 0 5px 12px;}
.card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 50px; border: 0; color: #1f2839; font-size: 16px; font-weight: 400;}
.card .input-container input:focus ~ label {color: #1f2839; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {width: 50%;}
.card .input-container input:valid ~ label {color: #d0cfcf; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container label {position: absolute; top: 0;  left: 0; color: #1f2839; font-size: 16px; font-weight: 400; line-height: 60px; transition: 0.2s ease;}

.card .input-container textarea {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 50px; border: 0; color: #1f2839; font-size: 16px; font-weight: 400; padding-top:12px;}
.card .input-container textarea:focus ~ label {color: #1f2839; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container textarea:focus ~ .bar:before, .card .input-container textarea:focus ~ .bar:after {width: 50%;}
.card .input-container textarea:valid ~ label {color: #1f2839; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}


.card .input-container select {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 60px; border: 0; color: #1f2839; font-size: 16px; font-weight: 400;padding:0px; }
.card .input-container select:focus ~ label {color: #1f2839; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container select:focus ~ .bar:before, .card .input-container select:focus ~ .bar:after {width: 50%;}
.card .input-container select:valid ~ label {color: #1f2839; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}




.card .input-container button { padding:7px 12px; border: 0; background: #1f2839; color: #1f2839; font-size: 16px; text-align: center;  cursor: pointer !important;}
.card .input-container .btn-primary {color: #1f2839;  background-color: #1f2839; cursor: pointer !important;}
	
.card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #1f2839; width: 100%; height: 1px;}
.card .input-container .bar:before, .card .input-container .bar:after {content: ''; position: absolute; background: #d0cfcf; width: 0; height: 2px; transition: .2s ease;}
.card .input-container .bar:before {left: 50%;}
.card .input-container .bar:after {right: 50%;}

*/




.floating-form {width:97%;padding-left:10px; position:relative;}
.floating-label { position:relative; margin-bottom:20px;}
.floating-input, .floating-select, .floating-textarea {font-size:14px;  display:block; width:100%; height:40px; background-color: transparent; border:1px solid #2d2d2d; border-radius: 4px; padding: 10px;}
.floating-input:focus , .floating-select, .floating-textarea:focus {outline:none; border:1px solid #2d2d2d; }
.floating-form  label {color:#999; font-size:14px; font-weight:normal; position:absolute; pointer-events:none; left:15px; top:7px; transition:0.2s ease all; -moz-transition:0.2s ease all;  -webkit-transition:0.2s ease all;}
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {left:5px; top:-13px; font-size:14px; color:#242424; background-color:#fff; padding:0px 5px 0px 5px;}
.floating-select:focus ~ label, .floating-select:not(placeholder-shown) ~ label {left:5px; top:-13px; font-size:14px; color:#242424; background-color:#fff; padding:0px 5px 0px 5px;}
.floating-textarea:focus ~ label, .floating-textarea:not(placeholder-shown) ~ label {left:5px; top:-13px; font-size:14px; color:#242424; background-color:#fff; padding:0px 5px 0px 5px;}

.fl{ float:left;}












.pointer-ne {cursor: pointer !important; float: right; background-color:#0081c4; color: #1f2839 !important; font-size:18px !important; font-weight:600 !important;}




.hide{opacity:0;right:-100px}
.show{opacity:1;left:0; position:relative !important;}























