@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

@import url('https://fonts.googleapis.com/css?family=Rajdhani&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:300&display=swap');
.nice-scroll #mfn-demo-panel {
	margin-right: 10px
}
.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../../asset-home/images/icons/preloader.svg);
}

.preloader{text-align:center;padding-top:250px;}
.preloader img{width:250px;}
#mfn-demo-panel {
	background: #262525;
	color: #dbdbdb;
	position: fixed;
	width: 367px;
	height: 100%;
	right: -367px;
	top: 0;
	z-index: 9000;
	line-height: 21px;
	font-size: 18px;
	font-weight: 300;
	font-family: Roboto, Arial, Helvetica, sans-serif
}

#mfn-demo-panel a {
	color: #dbdbdb;
	text-decoration: none
}

#mfn-demo-panel .control {
	display: block;
	width: 51px;
	height: 22px;
	position: absolute;
	top: 395px;
	left: -51px;
	background: #262525;
	text-align: center;
	font-size: 14px;
	padding-top: 41px
}

#mfn-demo-panel .control i {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 7px;
	font-size: 27px
}

#mfn-demo-panel ul.menu {
	padding: 10px 0;
	text-transform: uppercase
}

#mfn-demo-panel ul.menu li a {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 28px
}

#mfn-demo-panel ul.menu li.buy a {
	color: #2991d6;
	font-style: italic
}

#mfn-demo-panel ul.menu li a:hover {
	background: #363636;
	color: #fff
}

#mfn-demo-panel .header .info {
	text-align: center;
	color: #2991d6;
	background: #363636;
	padding: 5px 0;
	text-transform: uppercase;
	font-weight: 400
}

#mfn-demo-panel .header .info span {
	color: #aaa;
	font-size: 12px;
	font-weight: 300
}

#mfn-demo-panel .demos ul {
	padding-left: 1px
}

#mfn-demo-panel .demos ul li {
	float: left
}

#mfn-demo-panel .demos ul li a {
	margin: 0 1px 1px 0;
	display: block;
	width: 182px;
	height: 155px;
	position: relative
}

#mfn-demo-panel .demos ul li a img {
	opacity: 1
}

#mfn-demo-panel .demos ul li a .mask {
	display: none;
	width: 182px;
	height: 155px;
	line-height: 155px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 20px
}

#mfn-demo-panel .demos ul li a:hover img {
	opacity: .1
}

#mfn-demo-panel .demos ul li a:hover .mask {
	display: block
}

#mfn-demo-panel .demos ul li a .mask .full-demo {
	bottom: -55px;
	font-size: 12px;
	font-style: normal;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	width: 100%
}

@-webkit-keyframes demoflash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: .2
	}
}

@keyframes demoflash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: .2
	}
}

.faa-flash.animated {
	-webkit-animation: demoflash 4s ease infinite;
	animation: demoflash 4s ease infinite
}

@media only screen and (max-width:768px) {
	#mfn-demo-panel {
		display: none
	}
}

#configurator {
	color: #213442!important;
	background: #f9f9f9;
	width: 272px;
	position: fixed;
	right: -272px;
	top: 57px;
	z-index: 9000;
	line-height: 21px;
	font-size: 12px;
	text-transform: uppercase
}

#configurator form {
	margin-bottom: 0;
	text-align: center
}

#configurator select {
	background: 0 0;
	box-shadow: 0 0 0;
	margin-bottom: 10px;
	padding: 3px;
	color: #213442
}

#configurator .control {
	display: block;
	width: 51px;
	height: 51px;
	position: absolute;
	top: 280px;
	left: -51px;
	background: url(../images/configurator/ico.png) center no-repeat #f9f9f9;
	text-indent: -9999px
}

#configurator .inside {
	padding: 10px
}

#configurator .header {
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
	font-size: 18px;
	font-weight: 300
}

#configurator ul.image-select {
	margin-bottom: 5px
}

#configurator ul.image-select li {
	display: block;
	float: left
}

#configurator ul.image-select li a {
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin: 5px
}

#configurator ul.image-select li:hover {
	border-color: #ccc
}

#configurator ul.select-color li a {
	text-indent: -9999px
}

#configurator ul.text-select {
	margin-bottom: 15px
}

#configurator ul.text-select li {
	float: left;
	width: 50%;
	font-size: 13px
}

#configurator ul.text-select li.select1 {
	width: 100%
}

#configurator ul.text-select li.select2 {
	width: 50%
}

#configurator ul.text-select li.select3 {
	width: 33%
}

#configurator ul.text-select li.select4 {
	width: 25%
}

#configurator a.minimalist-header:not(.active),
#configurator ul.text-select li:not(.active) a {
	color: #515E6C
}

#configurator a.minimalist-header span {
	font-size: 10px;
	color: #888
}

#configurator ul.pattern-select li a {
	background: url(../images/configurator/patterns.png) top left no-repeat
}

#configurator ul.pattern-select li a.pattern-1 {
	background-position: 0 0
}

#configurator ul.pattern-select li a.pattern-10 {
	background-position: 0 -33px
}

#configurator ul.pattern-select li a.pattern-11 {
	background-position: 0 -66px
}

#configurator ul.pattern-select li a.pattern-12 {
	background-position: 0 -99px
}

#configurator ul.pattern-select li a.pattern-13 {
	background-position: 0 -132px
}

#configurator ul.pattern-select li a.pattern-14 {
	background-position: 0 -165px
}

#configurator ul.pattern-select li a.pattern-15 {
	background-position: 0 -198px
}

#configurator ul.pattern-select li a.pattern-16 {
	background-position: 0 -231px
}

#configurator ul.pattern-select li a.pattern-17 {
	background-position: 0 -264px
}

#configurator ul.pattern-select li a.pattern-18 {
	background-position: 0 -297px
}

#configurator ul.pattern-select li a.pattern-2 {
	background-position: 0 -330px
}

#configurator ul.pattern-select li a.pattern-3 {
	background-position: 0 -363px
}

#configurator ul.pattern-select li a.pattern-4 {
	background-position: 0 -396px
}

#configurator ul.pattern-select li a.pattern-5 {
	background-position: 0 -429px
}

#configurator ul.pattern-select li a.pattern-6 {
	background-position: 0 -462px
}

#configurator ul.pattern-select li a.pattern-7 {
	background-position: 0 -495px
}

#configurator ul.pattern-select li a.pattern-8 {
	background-position: 0 -528px
}

#configurator ul.pattern-select li a.pattern-9 {
	background-position: 0 -561px
}

#configurator .select-dropdown {
	position: relative;
	margin-bottom: 15px
}

#configurator .select-dropdown ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #f1f1f1;
	padding: 5px 0;
	display: none
}

#configurator .select-dropdown:hover ul {
	display: block
}

#configurator .select-dropdown ul li:not(.active) a {
	color: #515E6C
}

#configurator p {
	font-size: 14px;
	line-height: 16px;
	font-weight: 300;
	margin-bottom: 20px
}

#configurator #colorSelector {
	background-image: url(../images/configurator/colorpicker.png);
	height: 37px;
	width: 37px;
	margin: 0 auto 15px
}

.colorpicker {
	z-index: 9001
}

.colorpicker input {
	width: auto!important
}

@media only screen and (max-width:768px) {
	#configurator {
		display: none
	}
}

.offer_thumb .slider_pagination a img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.offer_thumb .slider_pagination a:after,
.offer_thumb .slider_pagination a:before {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media only screen and (min-width:768px) {
	.offer_thumb .slider_pagination {
		position: absolute;
		left: 0;
		top: 0;
		border-width: 1px;
		border-style: solid
	}
	.offer_thumb .slider_pagination a {
		display: block;
		margin: 0;
		width: 85px;
		height: 85px;
		line-height: 85px;
		text-align: center;
		padding: 8px;
		text-indent: 0;
		border-bottom-width: 1px;
		border-style: solid;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		background-color: #fff
	}
	.offer_thumb .slider_pagination a:not(.selected):hover img {
		filter: alpha(opacity=60);
		opacity: .6
	}
	.offer_thumb .slider_pagination a.selected {
		top: 0;
		background-color: #fff;
		background-image: url(../images/stripes/stripes_3_b.png)
	}
	.offer_thumb .slider_pagination a:last-child {
		border: 0
	}
	.offer_thumb .slider_pagination a:before {
		content: "";
		display: block;
		width: 5px;
		height: 100%;
		right: -5px;
		top: 0;
		position: absolute;
		filter: alpha(opacity=0);
		opacity: 0
	}
	.offer_thumb .slider_pagination a.selected:before {
		filter: alpha(opacity=100);
		opacity: 1
	}
	.offer_thumb .slider_pagination a:after {
		content: "";
		left: auto;
		right: -9px;
		top: 50%;
		margin-top: -4px;
		width: 8px;
		height: 8px;
		filter: alpha(opacity=0);
		opacity: 0;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0
	}
	.offer_thumb .slider_pagination a.selected:after {
		filter: alpha(opacity=100);
		opacity: 1
	}
	.offer_thumb .slider_pagination a img {
		vertical-align: middle
	}
}


.contact {
    border: 1px solid #fff;
  }

.dropdown_list {
    display: none;
    width: 100%;
    height: 485px;
    box-sizing: border-box;
    background: #fff;
    padding: 69px 36px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    margin-top: 2px;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: 5px solid #2a6fad;
    transition: .5s ease;
    overflow: hidden;
	
}

.dropdown_list ul li {
    padding: 4px 0px;
    font-size: 14px;
}

 .dropdown_list ul li a{ color: #3F3F3F;
    font-weight: 400;
	    transition: .5s ease;
}


.dropdown_list  ul li a:hover{
  padding-left:10px;text-decoration:none;}
.dropdown_list h3 {
    font-size: 21px;
    padding-left: 4px;
    color: #1553e0;
}

.dropdown_list ul li:hover a{color:#393939!important;}
.dropdown_list ul li a:hover{padding-left:10px;}


.strt-menu {
    border-right: 1px solid #ddd;
    padding-top: 100px;
    width: 201px;
    text-align: center;
    padding-left: 0;
}

.inner-div.pull-right {
    padding-left: 25px;
}
.list_01 {
    width: 256px;
    float: left;
}

.address h3 {
    color: #fff;
    font-weight: lighter;
    letter-spacing: 1px;
    padding: 20px 0px 10px;
}
.connect h3{    color: #fff;
    font-weight: lighter;
    letter-spacing: 1px;
    padding: 20px 0px 10px;}
.address h3 i{
    color:#ed423f;
    font-weight: lighter;
}

.connect ul li {
    display: inline-block;
    padding: 13px 0px;
    background: beige;
    border-radius: 33px;
    height: 62px;
    width: 64px;
    font-size: 23px;
    text-align: center;
}
.address  p{color:#fff;}
.list2:hover .dropdown_list{display:block;}

.dp-list{margin-left:35px;}
.dp-list ul li a {
    font-size: 15px!important;
    line-height: 57px!important;
    padding: 8px;
    border: 1px solid #ddd;
    width: 78px!important;
    margin: 25px;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
   color: #fff!important; 
   text-shadow:none!important; 
    opacity: 9;
    position: fixed;
    margin-right: 10px;
    background: #cc0000;
    border-radius: 32px;
    height: 38px;
    width: 40px;
padding: 5px 3px;}


.column_attr {
    color: #fff;
}
.abt-home a {
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    /* border: 1px solid; */
    padding: 6px 23px;
    background-color: #ffa50a;
    border-left: 3px solid #fff;
   transition: .5s ease;
}

.column_attr h5{font-size: 1.25rem;}
.abt-home a:hover{padding-left:40px;background:#000;color:#fff;}
.column_attr1 h2{font-size: 52px;}
.column_attr  a:hover{text-decoration:none;}
.column_attr h2{
    color: #fff;
}

.column_attr1 strong{font-size: 37px;
    color: chocolate;
    text-transform: uppercase;
    border-bottom: 1px solid;
}
.overlay-footer{background:#000;position:absolute;bottom:0;left:0;right:0;padding:30px 0px;}
.pro-desc h3{color:#244867;text-transform:uppercase;}

.latest-projects {padding-bottom:100px;background:#f2f2f2;    margin-top: -96px;}
.pro-desc {
    padding: 24px;
    text-align: center;
	    margin-top: 64px;
	  transition: all 0.4s ease-out;
    overflow: hidden;
}

.pro-desc:hover{ transform: translateY(-15px);}
.latest-projects .col-sm-4{margin:0;padding:0;background:#fff;}

.clients-sec .item img {
    width: 70%!important;
    margin: 0 auto;
}
.clients-sec .owl-item {
    width: 208px!important;
}



.p_01{
  transition: all 0.3s; transform: scale(1);overflow:hidden;}
  
.p_01 img {
  transition: transform .5s ease;
}
.p_01:hover img {
   transform: scale(1.1);
}
.pro-desc p {
    line-height: 33px;
}

a.btn-visit {
    /* border: 1px solid #222; */
    padding: 11px 22px;
    border-radius: 32px;
    /* position: relative; */
    background: #000;
    background-color: #ed5655;
    color: #fff;
line-height: 86px;}

.dropdown-menu1{
      display: none;
    width: 100%;
    height: 370px;
    box-sizing: border-box;
    background: #fff;
    padding: 41px 36px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    margin-top: 0px;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: 5px solid #2a6fad;
    transition: .5s ease;
    overflow: hidden;
}

.dropdown-menu1 ul li a:hover{
  padding-left:10px;}
.dropdown-menu1 h3{font-size:16px;color:#2a6fad;font-weight:400;padding-top:15px;text-transform:uppercase;}
.dropdown-menu1 ul li a {
    font-size: 14px!important;
    line-height: 34px!important;
    padding: 8px 26px 0px 0px;
color: #3F3F3F;
    font-weight: 400;
    transition: .5s ease;
}
.dropdown-menu1 ul li:hover a{color: #393939!important;text-decoration:none;}
.dropdown-menu1 ul li a:hover{color: #393939!important;text-decoration:none;transform: translateX(15px);}
.dp-menu1:hover .dropdown-menu1{display:block; }


div#main-navigation {
    position: absolute;
    background: #fff;
    left: 19%;
    top: 82px;
    width: 68%;
}

.dropdown_list h5{color:#fff;color:#2a6fad;border-bottom:1px solid #fff;line-height:42px;width:43%;}
#Top_bar .menu>li>a.contact {
    line-height: 20px!important;
    padding: 11px 0px;
}


#Top_bar .menu>li>a.contact i {
   font-size:14px;
}

.offer-arrow  i{     font-size: 20px;
    color: #777;
    float: right;
    font-weight: lighter;
    border: 1px solid #393939;
    padding: 13px;
    border-radius: 51px;}
	
	.wht-we-do{    padding-top: 90px;
    padding-bottom: 200px;
    background-image: url(../images/invest-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 58px;
    background-size: cover;text-align:center;}
	
	.text-content {
    background: #fff;
    box-shadow: 2px 3px 7px #ccc;
    padding: 16px;
    border-radius: 7px;
    width: 271px;
}
	
.content1 {
   position: absolute;
    top: 274px;
    left: -59px;
    font-size: 14px;
    color: #fff;
    background-color: #e5485e;
}

.content2 {
       position: absolute;
    top: 3px;
    left: -70px;
    font-size: 14px;
    color: #fff;
    background-color: #ec9935;
}
.content3 {
      position: absolute;
      top: 274px;
    left: -46px;
    font-size: 14px;
    color: #fff;
    background-color: #31a9bc;
}

.content4 {
position: absolute;
    top: 3px;
    left: 6px;
    font-size: 14px;
    color: #fff;
    background-color: #3eac57;
}

	.sec01 {
     background: #fff;
    width: 157px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 150px;
    position: relative;
    top: 86px;
    left: -60px;
    padding: 47px 0px;
    font-weight: 500;
    text-align: center;
    color: #e5475d;


}
	
.sec02 {
    background: #fff;
    width: 157px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 150px;
    position: relative;
    top: 176px;
left: -23px;    padding: 47px 0px;
    font-weight: 500;
    text-align: center;color:#ec9935;}


	.sec03{
background: #fff;
    width: 157px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 150px;
    position: relative;
    top: 49px;
    left: 0px;
	    padding: 47px 0px;
    font-weight: 500;
    text-align: center;
	color:#169eb3;

}


	.sec04 {
    background: #fff;
    width: 157px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 150px;
    position: relative;
    top: 178px;
    left: 43px;
	    padding: 47px 0px;
    font-weight: 500;
    text-align: center;
	color:#27a243;
}

.spin-circle {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn); */
    width: 187px;
    height: 183px;
	   position: absolute;
    top: 70px;
    left: -62px;
   
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
 .circle1{

    border: 2px dashed #e5475d;
    border-radius: 100px;
    position: absolute;
    top: 70px;
    left: -62px;
}


 .circle2{

  border: 2px dashed #ec9935;
    border-radius: 100px;
    position: absolute;
    top: 160px;
    left: -23px;

}
 .circle3{

       border: 2px dashed #169eb3;
    border-radius: 100px;
    position: absolute;
    top: 31px;
    left: 0px;
}
.circle4{

       border: 2px dashed #27a243;
    border-radius: 100px;
    position: absolute;
    top: 161px;
    left: 43px;
}


.title-center h3{background-image: url(https://thumbs.gfycat.com/SmoggyEminentBirdofparadise-size_restricted.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 80px;
	line-height: .75;
	margin: 10px 0 80px;}


.title-center2 h3{
	
	text-transform: uppercase;
	font-size: 80px;
	line-height: .75;
	margin: 10px 0 30px;}
	
	.title-center2 p{    font-size: 27px;font-family: 'Raleway', sans-serif;}
	
	.title-center2 {
    margin-bottom: 70px;
}
p.contact_icons i {
    font-size: 16px;
    padding: 8px 0;
    transition: all 0.4s ease-out;
    overflow: hidden;
    border-radius: 200px;
    width: 32px;
    height: 32px;
    text-align: center;
	margin-left:13px;
	    position: relative;
    top: 8px;
}
p.contact_icons i:hover{ transform: translateY(-15px);}
p.contact_icons .fa-facebook{background-color:#3b5999;}
p.contact_icons .fa-twitter{background-color:#55acee;}
p.contact_icons .fa-linkedin{background-color:#0077B5;}
p.contact_icons .fa-instagram{background-color:#e4405f;}
p.contact_icons .fa-pinterest{background-color:#e6001a;}


.left-section {
    width: 44%;
    float: left;
    background: blue;
    padding: 200px 0px;
}

.circle{background:blue;}




.placeholder h2{color:#fff;
    font-size: 80px;}
	
.tp-caption h3 {
    color: floralwhite;
    line-height: 53px!important;
    font-size: 51px!important;
    font-weight: lighter!important;
}
.tp-caption {
    z-index: 1;
    top: -41px!important;
}

.our-facilities img{border: 1px solid #5445a6;
    padding: 16px;
    text-align: center;
border-radius: 20px;}

.our-facilities img:hover{box-shadow:2px 2px 2px #ccc;background:rgb(255,255,255,0.5);}


	.our-facilities h5{       font-size: 19px;
    text-transform: uppercase;
    font-weight: 400;
    color: black;}
	
	.sections_style_5, div.sections_style_5{padding-top:50px!important;}
	
	.offer-service .desc_txt{text-transform:uppercase;}
	
	.offer-service .col-sm-6{margin: 0;
    padding: 0;
    overflow: hidden;}
	.offer-service img{width:100%;overflow:hidden;}
	
	
	
	.zoom_box{display:block;}
	.enquiry{text-align:center;}
.enquiry-form input {
    width: 72%;
	margin:10px auto;
    background: none;
border: 1px solid;margin-bottom:10px;}

.enquiry-form .btn{    color: #fff!important;
    background: #59a3ff!important;  
    width: 72%;text-transform:uppercase;}
	
	
.demo{text-align: center;
    border: 9px solid #fcfcfc;
    border-radius: 104px;
    height: 199px;
    width: 202px;
    padding-top: 62px;
    background-color: #191359;
    position: relative;
    left: 17%;
    top: -146px;}
	
	#Footer .footer_copy .social-menu li{font-size:13px!important;margin-right:0;padding-right:0;}
	
	
	.tp-caption h1{z-index: 9;
    min-width: 0px;
    min-height: 0px;
    white-space: nowrap;
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    font-family: "Alegreya sans", sans-serif;
    padding: 0px;
    border-color: rgb(0, 0, 0);
    border-radius: 0px;
    visibility: inherit;
    transition: none 0s ease 0s;
    border-width: 0px;
    margin: 0px;
    letter-spacing: 0px;
    max-height: none;
    max-width: none;
    opacity: 1;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;}
	
	
	
	
	
.line22.text-center {
    width: 1px;
    height:1050px;
    background: #777;
    margin: 0 auto;
	position: absolute;
    left: 50%;
    z-index:0;
}

.box-common{width:300px;}
.box-common p{font-size:14px;}


.line-verticaltext{width:978px;margin:0 auto;}


.center-icon {
    text-align: center;
    background: black;
    z-index: 9999;
    border: 4px solid #ea8f8f;
    padding: 26px;
    border-radius: 98px;
    width: 40%;
    margin: 0 auto;
}
.center-icon img {
    width: 60px;
    text-align: center;
}



.box-common {
   
    background: #fff;
    padding: 14px;
    box-shadow: 2px 2px 15px #ccc;
    text-align: center;
}


.list_first011 {
    padding: 50px 0px;

}


.list_first012{
    padding: 50px 0px;

}

.list_first013 {
    padding: 50px 0px;
}

.list_first014 {
    padding: 50px 0px;
}

.box001-right h4 {
    font-size: 42px;
	color:#393939;
}

.line22::before {
    border: 4px solid #ff6347;
    padding: 1px 12px;
    content: "";
    border-left-style: double;
    transform: rotate(-202deg);
    border-radius:45px;
    background: tomato;
    position: relative;
    left: -14px;
    top: -22px;
}
.left-side-mass {
    width: 53%;
	float:left;
}
.ryt-side-mass {
    width: 47%;
	float:right;
}
.mass-experts .col-sm-5{margin:0;padding:0;}

.mass-left-text {
    padding: 40px;
    padding-right: 0px;
    padding-bottom: 0px;
}


.title_2 h1 {
    color: #fff;
    font-size: 53px;
    font-family: 'Rajdhani', sans-serif;
}
.title_2 p{color:#fff;      font-family: 'Raleway', sans-serif;  font-size: 15px;}

ul.lists-me li h5 {
    color: coral;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}
ul.lists-me li p {
    font-size: 14px;
	font-family:'Roboto', sans-serif;
	line-height: 24px;
	font-weight:300;
}

ul.lists-me li {
   display: inline-block;
    padding: 11px 2px;
    width: 47%;
    height: 168px;
    overflow: hidden;
}
ul.lists-me li img {
    width: 25px;
    margin-right: 8px;
}



/*--------------Media Query For Max-width 320 */


@media screen and (min-device-width: 200px) and (max-device-width: 320px) { 
	.sec02 {
    background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -265px!important;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #ec9935;
    margin: 0 auto;
}
	
.sec04 {
    background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -264px!important;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #27a243;
margin: 0 auto;}	
 
}
/*----end----*/


/*------------------Responsive Design---------------*/

/* Custom, iPhone Retina Media Query For Max-width 480 */ 


@media only screen and (max-width : 480px) {
	
	#Top_bar #logo img {
    vertical-align: middle;
    margin-top: -10px;
    width: 83px;
}
	
    #Top_bar .logo #logo {
    padding: 5px 9px 15px;
}

#Top_bar .logo {
    position: static;
    float: none;
    width: 100%;
    text-align: left;
    margin: 0;
}

a.overlay-menu-toggle{display:none;}
#Top_bar a.responsive-menu-toggle i {
    font-size: 25px;
    line-height: 8px;
}
#Header #menu {
 position: absolute; 
    float: left;
    width: auto;
    border-top: 1px dashed #fff;
    line-height: 32px;
    margin-top: 0px;
}

#Top_bar .menu>li>a.contact i {
    font-size: 11px;
    display: none;
}

#Top_bar #menu ul li a span {
    border: none;
    line-height: 38px;
    display: inline;
    padding: 0;
}
#Top_bar .menu>li>a span:not(.description) {
    display: block;
    padding: 0 20px;
    white-space: nowrap;
    border-right-width: 1px;
    border-style: solid;
   letter-spacing: 0px;
    text-transform: capitalize; 
    font-weight: 300;
}
#Top_bar .menu>li>a {
    display: block;
    line-height: 32px!important;
    padding: 15px 0;
    position: relative;
}
#menu>ul>li>a {
    font-size: 14px!important;
    color: #fff!important;
}

#Top_bar #menu ul li{border-bottom:1px solid;}

.header-transparent #Top_bar.is-sticky .menu_wrapper .menu>li>a {
    color: #fff!important;
}


.header-transparent #Top_bar.is-sticky .menu>li>a span:not(.description) {
    line-height: 37px!important; 
    font-weight: 400;
}

.dropdown_list, .dropdown-menu1{
   display: none;
 width: 100%;
    height: 370px;
   box-sizing: border-box;
    background: #000;
    padding: 28px 25px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    margin-top: 0px;
   left: 0px; 
    right: 0;
   position: static; 
    border-bottom: 5px solid #2a6fad;
    transition: .5s ease;
    overflow: scroll;

}
.header-transparent #Top_bar.is-sticky .menu>li>a i {
    line-height: 37px!important; 

}
.tp-caption {
    z-index: 1;
    top: 0px!important;
}
div#rev_slider_1_2_wrapper {
    height: 231px!important;
}
.tp-fullwidth-forcer {
    height: 231px!important;
}
.tp-caption h3 {
    color: floralwhite;
    line-height: 21px!important;
    font-size: 18px!important;
    font-weight: lighter!important;
    margin-bottom: 23px!important;
}
.caption-bnr {
    position: absolute;
    top: -42px;
    left: -12px;
}
span.button_label {
    transition: none 0s ease 0s;
    line-height: 14px!important;
    border-width: 0px;
    margin: 0px;
    padding: 3px 5px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 9px!important;
}

.our-facilities .one-fifth.mcb-wrap {
    width: 33%;
    text-align: center;
}
.our-facilities{padding-top:30px!important;}
.our-facilities .container{padding-left:0;padding-right:0;}
.our-facilities h5 {
    font-size: 14px;
   text-transform: capitalize;
    font-weight: 400;
    color: black;
    padding-top: 13px;
}
.column_attr1 h2 {
    font-size: 33px;
}

.column_attr1 h1{font-size: 14px;font-weight:400;}
.our-facilities img{width:60px;}
.our-facilities img {
    border: 1px solid #5445a6;
    padding: 16px;
    text-align: center;
    border-radius: 70px;
}
.offer-arrow i {
    font-size: 11px;
    color: #777;
    float: right;
    font-weight: lighter;
    border: 1px solid #393939;
    padding: 7px;
    border-radius: 51px;
    text-align: center;

}
.abt-intro .column_attr h2 {
    color: #fff;
    font-size: 19px;
}
.abt-intro{
    padding-bottom: 0px!important; 
background-position: inherit!important;}


.title-center h3 {
    background-image: url(https://thumbs.gfycat.com/SmoggyEminentBirdofparadise-size_restricted.gif);
    background-size: cover;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-transform: uppercase;
    font-size: 50px;
    line-height:56px;
margin: 0px 0 3px;}

.offer-service .section_wrapper{width:100%!important;}
.wht-we-do{padding-top:27px;padding-bottom:0;margin-bottom:0;background:none;text-align:center;}
.wht-we-do .row{margin-bottom:0!important;}
.sec01 {
     background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -128px;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #e5475d;
    margin: 0 auto;

}
.spin-circle {
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn); */
    width: 142px;
    height: 140px;
     position: inherit;
    top: 0px;
left: 0px;margin:0 auto;}

.text-content {
 
    box-shadow: 2px 3px 7px #ccc;
    padding: 16px;
    border-radius: 7px;
    width: 100%; 
  
}

.sec02 {
     background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -243px;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #ec9935;
    margin: 0 auto;

}

.sec03 {
     background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -128px;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #169eb3;
    margin: 0 auto;

}
.sec04 {
     background: #fff;
    width: 121px;
    box-shadow: 2px 2px 16px #CCC;
    border-radius: 100px;
    height: 116px;
    position: relative;
    top: -243px;
    left: 0px;
    padding: 36px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 12px;
    color: #27a243;
    margin: 0 auto;

}
.content1{position:inherit;width:100%;top:0;left:0;  margin-top: -94px;}
.content2 {position:inherit;width:100%;left:0;top:20px;}
.content3 {position:inherit;width:100%;left:0;top:-93px;}
.content4{position:inherit;width:100%;left:0;top:18px;}

.wht-we-do .col-sm-3{height:335px;}

.title_2 h1 {
    color: #fff;
    font-size: 63px;
    font-family: 'Rajdhani', sans-serif;
}
ul.lists-me li h5 {
    color: coral;
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
}
.ryt-side-mass {
    width: 100%;
    float: none;
}

.left-side-mass {
    width: 100%;
    float: none;
}
.mass-right-img img{height:auto!important;}
ul.lists-me li{width:100%;}
.projects h2{    color: #fff;
    font-size: 38px!important;}
	
	.projects{    padding-top: 43px!important;
    padding-bottom: 104px!important;
    background-color: #f78b00;}
	
	
	.clients-sec{padding-top: 39px!important;
    padding-bottom: 0px;}
	.latest-projects{padding-bottom:33px;}
	
	.clients-sec img {
    width: 60%;
    margin: 0 auto;
}
.demo h3{font-size:18px!important;}
.demo {
    text-align: center;
    border: 9px solid #fcfcfc;
    border-radius: 104px;
    height: 155px;
    width: 157px;
    padding-top: 42px;
    background-color: #191359;
    position: relative;
    top: -147px;
	margin:0 auto;left:0;
}

.enquiry-form input{width:100%;}
.new-img {
    padding-top: 52px;
    position: absolute;
}
.enquiry-form .btn {
    color: #fff!important;
    background: #59a3ff!important;
    width: 100%;
    text-transform: uppercase;
}
.footer-link p a {
    font-size: 12px!important;
    padding: 1px!important;
    color: #777!important;
}
#Footer .container{padding-right:0;padding-left:0;}
.contact_icons{text-align:left!important;}

p.contact_icons i {
    font-size: 16px;
    padding: 8px 0;
    transition: all 0.4s ease-out;
    overflow: hidden;
    border-radius: 200px;
    width: 32px;
    height: 32px;
    text-align: center;
    margin-left: 4px;
    position: relative;
    top: 8px;
}

.clients-sec{padding-bottom:0!important;}
  .footer_copy{text-align:center;}
  
  #Footer .footer_copy .social-menu{margin-right:0;}
  .social-menu a{font-size:11px;}
  
  #Footer .footer_copy .copyright {
    float: right;
    font-size: 11px;
	padding-top:6px;
}

.app-screens {
    height: 283px!important;
	min-height:283px!important;
}
.clients-sec .owl-item {
    width: 279px!important;
    margin: 0 auto;
    text-align: center;
}
.cta{margin-top:50px;}

.clients-sec .col-sm-9 {
 padding-top:30px;
}

.offer-service{padding-top:20px!important;}
}


/*----end----*/



.offer-service h1{font-size: 18px;
    color: #393939;}


.content-details a:hover{text-decoration:none;}
.app-demo h1{    text-transform: uppercase;
    font-size: 54px;}


.app-demo h2 {
    color: #f03e58;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Raleway', sans-serif;
}
a.rmore {
    background-color: #ec677d;
    color: #fff;
    padding: 7px 22px;
    font-size: 13px;
    line-height: 4;
	font-family:'Rajdhani', sans-serif;
}


.app-demo p {
    font-family: 'Rajdhani', sans-serif;
    line-height: 37px;
    font-size: 21px;
	margin-top:35px;
}

.left-app-txt{margin-top:40px;}

.shape {
    background: url(../images/shape.png);
    background-repeat: repeat;
    height: 15px;
    width: 100%;
    position: relative;
    top: -14px;
    transform: rotate(180deg);
}


.dropdown_list img{width:51px;padding-bottom:5px;}

.dropdown_list h2 a{
    font-size: 24px;
line-height:45px;
    color: #1553e0;
}

.dropdown_list p {
    font-size: 13px;
	padding-bottom:20px;
}

.strt-menu{border-right:1px solid #ddd;padding-top:100px;}

div#Overlay .item img {
    height: 350px;
}