body{
	font-size: 14px;
    line-height: 25px;
    font-weight: 400;
    letter-spacing: 0px;
	font-family: 'Roboto', sans-serif;
	color:#626262;
}

ul,ol{list-style:none;margin:0;padding:0;}
h1,h2{font-weight:700;color:#000;font-family: 'Roboto', sans-serif;}
h3,h4{font-family: 'Roboto', sans-serif;font-weight:300}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{text-decoration:none;color:#5c5c5c;}
a:focus{outline:none!important;}
a:hover{text-decoration:none;-webkit-transition: .5s ease;transition:.5s ease;color:#5c5c5c;}


.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action:auto;
    touch-action:auto;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.pd-0{padding:0;}
.section-padding{padding:100px 0px;}
.section-padding100x90{padding:100px 0px 90px 0px;}
.section-padding-80x0{padding:80px 0px;}
.section-padding-3d{padding:83px 0px 13px;}
.section-padding-b0{padding:100px 0px 0px 0px}
.section-padding-b1{padding:100px 0px 50px 0px}
.section-padding-100x150{padding:100px 0px 150px 0px}
.section-padding-50x0{padding:50px 0px 0px 0px}
.section-padding-90x90{padding:90px 0px;}
.sp-topbot-50px{padding:50px 0px;}

.section-padding-s{padding: 50px 0px 40px 0}
.section-padding-m{padding: 100px 0px 80px 0}
.section-padding-l{padding: 150px 0px 75px 0}
.section-padding-100px{padding: 100px 0px}
.section-padding-90px{padding: 90px 0px}
.section-padding-80px{padding: 80px 0px}
.section-padding-70px{padding: 70px 0px}
.section-padding-60px{padding: 60px 0px}
.section-padding-50px{padding: 50px 0px}
.section-padding-54px{padding: 40px 0px}
.section-padding-top-0{padding-top: 0px;}
.section-padding-bottom-0{padding-bottom: 0px;}
.rh-img{width:100%;height:auto;}
.rh-max-img{max-width:100%;height:auto;}
.rh-relative{position: relative;}
.rh-overflow{overflow: hidden;}
.rh-clearfix{clear:both;}
.rh-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.rh-circle{border-radius:50%}
.rh-float-l{float:left;}
.rh-float-r{float:right;}
.rh-text-center{text-align:center;}
.bttn-wrapper{overflow:hidden;}
.rh-bttn-s a{font-size:12px;background:#000;color:#fff;display:inline-block;padding:5px 15px;margin:10px 0}
.rh-bttn-s a:hover{

}
.rh-bttn-m a{font-size:16px;background:#000;color:#fff;display:inline-block;padding:8px 24px;margin:15px 0}
.rh-bttn-l a{font-size:22px;background:#000;color:#fff;display:inline-block;padding:10px 40px;margin:20px 0}
.rh-bttn-l a:hover{}




.slicknav_menu {
    display:none;
}

/* ==========================================================================
   Header Area || Header Default Style
   ========================================================================== */

.header-main-area{}

/* Header Top bar */
.header-top-bar {
	background: #005AAB;
	height: 45px;
}

.list-block ul li {
	display: inline-block;
	margin-right: 20px;
}

.list-block ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 45px;
	
}
.list-block ul li a:hover{color:#fff;text-decoration:underline;}
.tb-bttn ul li {
	margin-right: 20px;
}

.tb-bttn li:last-child a {
	background: #068DC8;
	color: #fff;
	display: block;
	padding: 0px 5px;
	line-height: 25px;
	border-radius: 3px;
}

.tb-bttn li a{color:#fff;}

.list-block ul li a i{font-size:12px;margin-right:5px;}
.list-block img {
  margin-right: 10px;
}

.social-media.img{
	line-height: 40px;
}
.social-media.img img {
  margin-right: 20px;
  overflow: hidden;
}

.social-media.fw {
	margin: 10px 0;
}
.social-media.fw ul{}
.social-media.fw ul li{
	display:inline-block;
	margin-right:10px;
	border-right: 1px solid rgba(255,255,255,.1);
	padding: 0px 11px 0 0;
	line-height:16px;
	}
.social-media.fw ul li:last-child{border-right:0px solid #fff;}
.social-media.fw ul li a{color: #fff;}
.social-media.fw ul li a:hover{color: #fff;text-decoration:underline;}
.social-media.fw ul li a i {
	text-align: center;
	font-size: 14px;
	padding: 0 2px;
	-moz-transition: -moz-transform .7s;
	-ms-transition: -ms-transform .7s;
	-o-transition: -o-transform .7s;
	transition: transform .7s;
	color: #fff;
	
}

.social-media.fw ul li a i:hover{
	color:#fff;

 }



/* ==========================================================================
   Top Bar || Black and White
   ========================================================================== */
.tb-blc-wht .header-top-bar {
	background: #212331;
	border-bottom: 1px solid #E0DFDC;
	border-top: 5px solid #474B61;
	height: 50px;
}

.tb-blc-wht .tb-bttn li:last-child a {
	background: #00BCD4;
	color: #fff;
	display: block;
	padding: 0px 5px;
	line-height: 25px;
	border-radius: 3px;
}



/* ==========================================================================
	Main Navigation Area || Style Default
   ========================================================================== */
/*
 * Logo area
 * Navigation
 * First dorpdown
 * Second dropdown
 * Sticky navigation
 */
 
.style-default .main-navigation-area .logo {
	line-height: 60px;
	padding: 5px 0;
	height: 90px;
}
.style-default .main-navigation-area .logo img {
	max-height: 100%;
	vertical-align: middle;
}

.style-default .main-navigation-area {
    height: 90px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    padding: 0% 3%;
    border-bottom: 1px solid #ddd;
}


.style-default .main-navigation-area .navigation {

}

.style-default .main-navigation-area .navigation ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
	float:right
	
}
.style-default .main-navigation-area .navigation ul#nav li {
	float: left;
	position: relative;
	margin: 0px 0px 0px 30px;
}
.style-default .main-navigation-area .navigation ul#nav li:last-child a {
	padding-right: 0px;
	background: #005AAB;
	padding: 15px 35px;
	color: #fff;
}
.style-default .main-navigation-area .navigation ul#nav li:last-child a:hover {
	color: #fff;
	background:#072440;
}
.style-default .main-navigation-area .navigation ul#nav li a {
	color: #1c1c1c;
	display: block;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	padding: 15px 0;
	letter-spacing: 1px;
	margin:17px 0;
}
.style-default .main-navigation-area .navigation ul#nav li a i{
	font-size:16px;
	margin:5px;
}


.style-default .main-navigation-area .navigation ul#nav li a:hover {
	color:#005AAB;
}

/*First dorpdown*/
.style-default .main-navigation-area .navigation ul#nav ul {
  display: none;
  left: 0;
  padding: 0;
  position: absolute;
  top: 99.99%;
  z-index: 2;
  background-color: rgb(244, 246, 247);
  border:1px solid rgb(223, 229, 232);
  animation:fadeIn .6s ease-in ;

}



.style-default .main-navigation-area .navigation ul#nav ul li {
	float: none;
	width: 290px;
	border-bottom: 1px solid rgb(223, 229, 232);
	margin-right: 0px;
	margin-left: 0;
}
.style-default .main-navigation-area .navigation ul#nav ul li:last-child a{
	background: rgb(244, 246, 247);
	padding-right: 0px;
	padding:0 12px;
	color: #5f727f;

	
	
}
.style-default .main-navigation-area .navigation ul#nav ul li:last-child a:hover {
	color: #1c1c1c;
	background:#fff;
}

.style-default .main-navigation-area .navigation ul#nav ul li a {
	color: #5f727f;
	padding: 0px 10px;
	font-size: 16px;
	text-transform: capitalize;
	line-height:42px;
	margin-right:0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	margin:0;
	
}
.style-default .main-navigation-area  .navigation ul#nav ul li a:hover{
	color:#3c3950;
	background:#fff;
	border-left: 5px solid #005AAB;
	
}

.style-default .main-navigation-area .navigation ul#nav ul li a i {
	float: right;
	padding: 16px 0px;
}

.style-default .main-navigation-area  .navigation ul#nav li:hover ul {
	display:block
}



/*Seocnd dropdown*/
.style-default .main-navigation-area .navigation ul#nav ul ul,.style-default .main-navigation-area .navigation ul#nav ul ul ul {
  left: 100%;
  top: 0;  display: none !important;
  padding:0;
}
.style-default .main-navigation-area  .navigation ul#nav ul li:hover ul{display: block !important;} 


/* sticky navigation */

.stcik {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
	 -webkit-animation: smoothScroll 1s forwards;
	         animation: smoothScroll 1s forwards;
}
@-webkit-keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		        transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}
@keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		        transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
	}
}



.style-default .main-navigation-area.stcik {
  background: #fff;
  color: #fff;
  min-height: 0;

}
.style-default .main-navigation-area.stcik .navigation ul#nav li a {
	
}

.style-default .main-navigation-area.stcik .search-card .search-box {
	bottom: -58px;

}
.style-default .main-navigation-area.stcik .logo {
	
}


.style-default .main-navigation-area.stcik .logo img {
  max-width:100%;
-webkit-transition: 0.6s;
transition:0.6s
}

.style-default .search-card {
	margin: 33px 0px 33px 2%;
	float: left;
	width: 3%;
}
.style-default .main-navigation-area.stcik .search-card {
	margin: 19px 0px 0 2%;
}

.style-default .search-card img:hover{cursor:pointer;}

.style-default .search-card .search-box {
	background: #009ADC;
	height: 60px;
	width: 100%;
	position: absolute;
	bottom: -60px;
	z-index: 3;
	left: -130px;
	display: none;
	animation: fadeIn .4s ease-in;
}
.style-default .search-card .search-box input[type="text"] {
	border: none;
	background:rgba(197,100,86,.2);
	color: #000;
	padding: 12px;
	width: 74%;
	float: left;
	margin: 10px 0 10px 10px;
}

.style-default .search-card .search-box button {
	border: none;
	padding: 11px;
	margin: 10px 10px 10px 0;
	background: none;
	float: right;
	width: 19%;
	background:rgba(197,100,86,.2);
}

.get-quate {
	margin: 22px 0px;
}
.style-default .main-navigation-area.stcik .get-quate {
	margin: 12px 0px;
}
.get-quate a {
	background: #005AAB;
	display: block;
	padding: 10px 0;
	/* line-height: 30px; */
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	/* margin: 0 10%; */
}
.style-default .main-navigation-area.stcik .get-quate a {
	line-height: 16px;
	
}
.get-quate a:hover{background:#072440}


/* ==========================================================================
   Main Banner Area
   ========================================================================== */
.main-banner-area{width:100%;position:relative;}

/* swiper for brand */
.swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto;
    }
    
.slider-fill {
	height: 800px;
	width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

}

.swiper-pagination-bullet-active{background:#3A3748!important}
.swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #3A3748;
    background:transparent;
      height: 10px;
  margin: -5px 2px;
  width: 10px;
}


.main-banner-area .swiper-pagination-bullet-active{background:#fff!important}
.main-banner-area .swiper-pagination-bullet {
    opacity: 1;
    border: 1px solid #fff;
    background:transparent;
      height: 10px;
  margin: -5px 2px;
  width: 10px;
}

.swiper-slide img{width:100%;height:auto;}
.banner-text-left{
    left: 10%;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-10%, -50%);
    width: 50%;
    
}
.banner-text-right {
    left: 100%;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-100%, -50%);
    width: 50%;
    padding: 5%;
}
.slider-text-center {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    padding: 5%;
}

.slider-middel-text h1 {
  color: #fff;
  font-size: 62px;
  margin-bottom: 20px;
  position: relative;
}

.slider-middel-text > h3 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 10px;
	font-family: 400;
}


.slider-button a {
    background: #005AAB;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}
.slider-button a:hover{
    background: #072440;
    color: #fff;
    transition:.5s;
   
}

.slider-button {
    margin-top: 30px;
}
.swiper-pagination-main {
  position: relative;
  top: -50px;
  z-index: 2;
}
 .swiper-pagination {
  left: 50%;
  top: 100%;
  transform: translate(-50%, -0%);
}



/* ==========================================================================
   Section Heading
   ========================================================================== */
.section-heading {
	margin-bottom: 60px;
}
.section-heading .section-title{font-size:36px;line-height:44px;margin-bottom:40px;color:#3c3950;text-transform:uppercase;}
.section-heading .section-title span {
	color: #005AAB;
}
.section-heading p{color:#5f727f}


/* ==========================================================================
   Flip box 
   ========================================================================== */
.section-padding-60x10{padding:60px 0 10px 0}
.home-flip-box-area .section-heading {
	margin-bottom: 60px;
}
.section-title-large{
	color:#878787;
	font-size: 48px;
	line-height: 50px;
	font-weight: 400;
	letter-spacing: 0px;
}

.card-wrapper {
	overflow: hidden;
	margin-left: -1%;
}
.card-item-flip {
	float: left;
	width: 24%;
	margin-left: 1%;
	height:240px;
	margin-bottom:30px;
}
.card-item-flip-inner{
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	transition:transform 0.8s;
	transform-style: preserve-3d;
}
.card-item-flip:hover .card-item-flip-inner{
	transform:rotateY(180deg);
	cursor:pointer;
}
.card-flip-front,.card-flip-back{
	position:absolute;
	width:100%;
	height:100%;
	backface-visibility:hidden;
}

.card-flip-front img{margin-bottom:5px;
}
.flip-title {
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 28px;
}
.card-flip-back {
  transform: rotateY(180deg);
}

 /* ==========================================================================
	Home History
   ========================================================================== */
 
 .section-padding-150x130{padding:150px 0 130px 0}
 .history-area .section-heading .section-title {
	color: #fff;
}
 .history-area .section-heading p {
	color: #aac1d1;
}
 
 
 .timeline-layout{max-width:1140px;position:relative;margin:0 auto;}
 
.timeline-layout::after {
	content: '';
	position: absolute;
	width: 2px;
	background-color: white;
	top: 50px;
	bottom: 80px;
	left: 50%;
	margin-left: -1px;
}

.timeline-card{
  position: relative;
  width: 50%;

  }



.timeline-content {
	padding: 30px;
	background-color: #072440;
	position: relative;
	border-radius: 50px;
}


.timeline-content h2 {
	font-size: 24px;
	line-height: 38px;
	margin-bottom: 20px;
	text-transform:uppercase;
	color:#fff;
}
.timeline-content p{color:#fff;}
.timeline-content.mr-150 {
	position: relative;
	text-align: right;
}
.timeline-content.mr-150::before {
	content: "";
	background: url('../img/curve-history-color.png');
	height: 110px;
	width: 50px;
	top: 50%;
	right: -47px;
	position: absolute;
	transform: translate(0px,-50%) ;
}
.timeline-content.ml-150{position:relative;}
.timeline-content.ml-150::after {
	content: "";
	background: url('../img/curve-history-color.png');
	height: 110px;
	width: 50px;
	top: 50%;
	left: -47px;
	position: absolute;
	transform: translate(0px,-50%) rotateY(180deg);

}
.timeline-img {
	height: 160px;
	width: 160px;
	position: absolute;
	z-index: 2;
	right: -80px;
	top: 40px;
	border-radius: 50%;
}

.tl-left {
  left: 0;
  margin-right:40px;
}


.tl-right {
  left: 50%;
}



.tl-right::after {
  left: -80px;
}
.tl-right .timeline-img {
  left: -80px;
}

 .mr-150{margin-right:150px}
 .ml-150{margin-left:150px}



/* ==========================================================================
  GET Free Quatation
   ========================================================================== */

.get-area .contact-form-wrapper{background:#005AAB;padding:30px}
  /* ==========================================================================
	Project Filtering
   ========================================================================== */
 .project-filtering-area{padding:50px 0 10px 0}
 .project-filtering-area .title {
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.project-filtering-area .title, .project-filtering-area p{color:#d8d8d8;}

 
   /* ==========================================================================
	why orline 
   ========================================================================== */
 .section-padding-60x70{padding:60px 0 70px 0}
 .title-default{
	font-size: 30px;
	line-height: 34px;
	font-weight: 300;
	color:#161922;
	margin-bottom:30px;
}
.why-orlin-area .container{max-width:1200px;}

  /* ==========================================================================
	Home Video
   ========================================================================== */
  .homevideo-area {
    overflow:hidden;
}
   .youtube-wrapper img{width:100%;height:auto;}
   
   /* ==========================================================================
	Home Quicklinks
   ========================================================================== */
.section-padding-30x30{padding:30px 0;}
.home-quicklinks{overflow:hidden;}
.card-quicklinks-item{position:relative;height:250px;width:25%;float:left;}
.title-white{font-size:21px;line-height:28px;color:#fff;}

.rh-overlay{
position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: .6;
  transition: .5s ease;
  background-color: #072440;}
  
 .card-quicklinks-item:hover .rh-overlay {
  opacity: .9;
  cursor:pointer;
}
.card-quicklinks-item:hover .title-white::before {
	position: absolute;
	bottom: -5px;
	left: 50%;
	background: #009FE3;
	height: 2px;
	width: 60px;
	content: "";
	margin-left: -30px;
}

 /* ==========================================================================
	CTA
   ========================================================================== */
.cta-area{overflow:hidden;}
.cta-main {
	width: 85%;
	float: right;
	-ms-transform: skewX(-30deg);
	transform: skewX(-30deg);
	margin-right: -5%;
	padding:40px 0;
}
.cta-left {
	float: left;
	width: 70%;
	-ms-transform: skewX(30deg);
	transform: skewX(30deg);
	padding:13px 0;
}
 .cta-left h1 {
	font-size: 21px;
	color: #fff;
	line-height: 30px;
	padding: 0 0 0 40px;
	font-weight:400;
	
}
.cta-right{
	-ms-transform: skewX(30deg);
	transform: skewX(30deg);
	
	}
.cta-right a {
	color: #fff;
	border: 2px solid #fff;
	padding: 10px 40px;
	display: inline-block;
	font-size: 14px;
}
.cta-right a:hover {
	color: #fff;
	border: 2px solid #072440;
	padding: 10px 40px;
	display: inline-block;
	font-size: 14px;
	background:#072440;
	transition:.5s
}
 


 /* ==========================================================================
	Clients Feedback
   ========================================================================== */
.clients-feedback-area{}
.clients-feedback-area .rh-column-wrapper{height:652px;width:100%;}
.rh-column.w-50{height:100%;float:left;position:relative;}
.clients-feedback-area .person-single-c {
	border: none;
	height:652px;
	position:relative;
}
.pos-fix-clien {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding: 0 8%;
}
.clients-feedback-area .person-content .person-name{color:#fff;font-size:16px;line-height:25px;margin-bottom:0;font-weight:700;text-transform:uppercase;}

.clients-feedback-area .person-content .person-designation {
	font-size: 14px;
	color: #fff;
	line-height: 23px;
	margin-bottom: 15px;
}
.clients-feedback-area .person-content p {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 5px;
}

.clients-feedback-area .client-carousel-owl .owl-dots {
	display: none;
}

.clients-feedback-area .client-carousel-owl .owl-nav .owl-prev {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
 background: rgba(7, 36, 64, 1);
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  width: 40px;
}

.clients-feedback-area .client-carousel-owl .owl-nav button.owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
		  background: rgba(7, 36, 64, 1);
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  width: 40px;
}





  /* ==========================================================================
	Home: our latest news
   ========================================================================== */
 .our-latest-news-area {
	clear: both;
}
.our-latest-news-area .latest-news-item{background:#fff;margin-bottom:30px}
.our-latest-news-area .latest-news-item p{color:#5f727f}
.our-latest-news-area .latest-news-item .latest-news-image img{margin-bottom:30px;}
.our-latest-news-area .latest-news-item .latest-news-content{padding:20px;}
.our-latest-news-area .latest-news-item .latest-news-content .inner-title {
	color: #3C3950;
	font-size: 19px;
	line-height: 30px;
	font-weight: 200;
	text-transform:uppercase;
	margin-bottom:30px;
}
.our-latest-news-area .latest-news-item .latest-news-content .inner-title span{
	font-weight: 700;
	margin-right:10px;
}
.our-latest-news-area .latest-news-item .latest-news-content h6{
	font-size: 14px;
	color: #b3b3b3;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	line-height:22px;
}
.our-latest-news-area .latest-news-item .latest-news-content h6 span{color:#072440}

/*
hover
*/
.our-latest-news-area .latest-news-item:hover .latest-news-content .inner-title{color:#005AAB;}


.bttn-main{margin-top:20px;}
.bttn-main a {
	background: #005AAB;
	color: #fff;
	display: inline-block;
	padding: 10px 45px;
	border: 2px solid #005AAB;
	transition:.5s;
}

.bttn-main a:hover {
	background: #072440;
	border: 2px solid #072440;

}



  /* ==========================================================================
	Footer
   ========================================================================== */
 .container{max-width:1200px;}
.footer-area {color:#fff;
 
}
.footer-top{
background:#072440;
  clear: both;
  color: #cccccc;
  padding: 80px 0;
  overflow:hidden;
  line-height: 25px;
}

.footer-title{
	font-size: 21px;
	line-height: 25px;
	font-weight: 500;
	position:relative;
	color:#fff;
	margin-bottom:15px;
}
.footer-title:before{position:absolute;bottom:-5px;left:0;content:"";background:#005AAB;height:3px;width:50px;}

.footer-box ul li{border-bottom: 1px solid #3A3C43;}
.footer-box ul li a {
  color: #cccccc;
  font-size: 14px;
}
.footer-box ul li a:hover{color:#009FE3}

.contact-list {margin-bottom:15px}
.contact-list li{border-bottom:0px solid #3A3C43!important;}
.contact-list li i {
	margin-right: 5px;
	font-size: 12px;
}
.social-media.footer ul{}
.social-media.footer ul li {
	display: inline-block;
	
}
.social-media.footer ul li a{
	padding: 10px; 
	background: #005AAB; 
	color: #fff; 
	font-size: 11px; 
}

.rh-line {
  border-top: 1px solid #313131;
  margin-top: 30px;
}


.copy-right p {
  margin: 10px 0 0;
}
.sity-by-area {
	background: #072440;
	border-top: 1px solid #3A3C43;
	padding: 30px 0;
}
.sity-by-area .site-by-contain p {
margin:0;
  color: #cccccc;
}
.site-by-contain {
	padding-top: 40px;
}

/* ==========================================================================
   Page Banner
   ========================================================================== */
.page-banner {
  height: 460px;
  position: relative;
  width: 100%;

}
.banner-text {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1200px;
  max-width:100%;
}
.banner-text h1 {
background: #141414;
	border-left: 4px solid #005AAB;
	padding: 12px 20px 12px 68px;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	bottom: -170px;
	z-index: 1;
	width: auto !important;
  
}
.banner-text h1::before {
	background: url('../img/RP-Logo_Without-Text-square.png');
	width: 40px;
	height: 40px;
	content: "";
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translate(-5%,-50%);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.banner-text p {
  text-align: center;
  text-transform: uppercase;
}


#Subheader .title {
	background: #141414;
	border-left: 4px solid #08668e;
	padding: 12px 20px 12px 68px;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 0;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	position: absolute;
	right: 15px;
	bottom: -170px;
	z-index: 1;
	width: auto !important;
}




/* ==========================================================================
   About
   ========================================================================== */
.rh-half-colum-left{width:50%;}
.rh-half-colum-right{width:50%;position:relative;}
.page-bottom-banner img,.rh-half-colum-left img {
    width: 100%;
    height: auto;
}
.content-position {
	top: 25%;
	position: absolute;
	left: 25%;
	transform: translate(-25%,-25%);
	
}
.rh-float-l .content-position {text-align:right;}
.page-bottom-banner{clear:both;}

/* ==========================================================================
   Quartz Collection
   ========================================================================== */


.collection-single-item{width:100%;height:435px;position:relative;}
.collection-single-item img{width:100%;height:auto;}

.rh-overley {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 435px;
	display: none;
}
.collection-single-item:hover .rh-overley{display:block;cursor:pointer;}
.rh-bttn-medium {
	position: absolute;
	left: 50%;
	top: 80%;
	transform: translate(-50%,-80%);
	z-index:1;
}
.rh-bttn-medium h5 {
	background: #000;
	border: 1px solid #333 !important;
	border-left: 6px solid #009fe3 !important;
	padding: 10px;
	font-size: 12px;
	color: #fff !important;
	font-weight: 600;
	text-transform: uppercase;
}

.collection-sidebar {
	margin-top: 30px;
}
.collection-sidebar li {
	margin-bottom: 20px;
}
.collection-sidebar ul li a {
	background: #cfcece;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 8px;
}
.collection-sidebar ul li a i {
	margin-right: 15px;
}
.collection-sidebar ul li a:hover{background:#C0BFBF}

.title-small {
	color: #161922;
	letter-spacing: 2px;
	font-size: 21px;
	line-height: 25px;
	font-weight: 600;
	padding-top: 20px;
	margin-bottom:15px;
} 
.galley-thum-img{
	opacity: 1;
  display: block;
  backface-visibility: hidden;
   height: 100%;
  width: 100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
    transform-origin:0 0;

  }
.related-item:hover .galley-thum-img{
	-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  cursor:pointer;

  }
  
/* ==========================================================================
   Porcelin Collection
   ========================================================================== */
.parent{width:100%;height:345px;overflow:hidden;position:relative;cursor:pointer;margin-bottom:30px;}
.child{
	height:100%;width:100%;background-size:cover;background-repeat:no-repeat;transition:all .5s;
}
.parent:hover .child, .parent:focus .child{transform:scale(1.2)}
.parent:hover .child:before, .parent:focus .child:before{
	display:block;
}
.bttn-dafault h5 {
	position: absolute;
	bottom: 30px;
	right: 20px;
	padding: 12px 25px;
	background: #005AAB;
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
.bttn-por {
	margin-top: 40px;
	text-align:center;
}
.bttn-por a {
	padding: 20px;
	background: #ddd;
	font-weight: 600;
	text-align: center;
	border-radius:3px;
}

.carousel-area {
	padding: 50px 0 100px 0;
}

/* ==========================================================================
   Gallery 
   ========================================================================== */
.gallery-section .title {
	color: #009fe3;
	line-height: 50px;
	font-weight: 400;
	font-size: 48px;
	margin-bottom: 40px;
}

 .lc-gallery-single {
	height: 200px;
	position:relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	display: block;
	opacity: 1;
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}

.gallery-overley{
	transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color:rgba(0,0,0,.8);
  font-size: 38px;
	height:100%;
	width:100%;

}
.ovr_imag {
  background: rgba(0, 0, 0, 0) url("../img/gallery-oveley-icon.png") repeat scroll 0 0;
  background-position: center;
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  
}
.ovr_imag i{color:#fff;}

.lc-gallery-single:hover .gallery-overley {
opacity: 1;
cursor:pointer;
  
}

.gallery-section h5{margin-bottom:30px;color:#222;font-size:16px;text-transform:uppercase;margin-top:5px;}

/* ==========================================================================
   Contact Us 
   ========================================================================== */
.add-info-single-item {
	padding: 20px 0;
	overflow: hidden;
}
.left-add-info {
	float: left;
	width: 20%;
	color: blue;
	font-size: 60px;
	text-align: center;
}
.left-add-info i {
	float: left;
	width: 20%;
	color: #0095eb;
	font-size: 40px;
	text-align: center;
	line-height: 56px;
}
.right-add-info {
	float: left;
	width: 80%;
}
.contact-title {
	display: inline-block;
	font-size: 21px;
	color: #fff;
	line-height: 25px;
	font-weight: 500;
}
.right-add-info p {
	color: #fff;
	margin: 0;
	line-height: 24px;
}


.contact-form-wrapper .contact-title, .contact-form-area .textblock .contact-title{color:#000;}


.contact-form-wrapper{background:#ededef;padding:20px 30px}
.contact-inner-subject {
  clear: both;
  margin-bottom: 15px;
}
.contact-textarea {
  margin-top: 5px;
}
.contact-textarea h4,.contact-inner-subject h4,.contact-inner  h4 {
  color: #4b4b4b;
  font-size: 14px;
  margin-bottom: 5px;
}
.contact-form-wraper{}
.contact-sin-wraper{margin-left:-3.33%;overflow:hidden}
.contact-inner {
  float: left;
  margin-bottom: 15px;
  margin-left: 3.33%;
  width: 46.66%;
}
.contact-inner input[type="tel"],.contact-inner input[type="text"],.contact-inner input[type="email"],.contact-inner input[type="date"]{
  border: 1px solid #EBEBEB;
  border-radius: 2px;
  padding: 10px;
  width: 100%;
   background-color: rgba(255, 255, 255, 1);
}

.contact-inner-subject input[type="text"] { 
border: 1px solid #EBEBEB;
  border-radius: 2px;
  padding: 10px;
  width: 100%;
background-color: rgba(255, 255, 255, 1);
}

.contact-textarea textarea{ background-color: rgba(255, 255, 255, 1); width:100%;height:120px;resize:none;border-radius:3px;border:1px solid #EBEBEB;padding:10px;}
.contact-submit input[type="submit"] {
    background: #072440;
    border: medium none;
    color: #fff;
    font-weight: 600;
    margin: 15px 0;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}
.contact-submit input:hover[type="submit"]{cursor:pointer; background: #fff;color:#3C3950;}


/* ==========================================================================
   Faq
   ========================================================================== */
.faq-single-item{margin-bottom:35px;}
.faq-single-item i {
	font-size: 50px;
	margin-bottom: 15px;
	color: #0095eb;
}
.faq-title {
	font-size: 42px;
	line-height: 42px;
	font-weight: 300;
	margin-bottom: 15px;
	color: #161922;
}

.faq-single-item p{color:#a8a8a8}



/* ==========================================================================
   Care Maintenance
   ========================================================================== */

.care-maintenance-area{}
.care-maintenance-area .list-block{padding-left:100px;margin-bottom:35px}
.care-maintenance-area .list-block ul li {
	margin-bottom: 35px;
	position:relative;
}

	
.care-maintenance-area .list-block ul li::before {
	background: url(../img/tick-64x64.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: absolute;
	top: 17px;
	left: -70px;
	content: "";
	height: 48px;
	width: 48px;
}
.care-maintenance-area  .textarea{}
.care-maintenance-area  .textarea h1{ 
	font-size: 48px;
    line-height: 50px;
    font-weight: 400;
    margin-bottom:15px}
.care-maintenance-area  .textarea p{}
.care-maintenance-area  .textarea img{width:100%;height:auto;margin-top:15px;}





/* ==========================================================================
   Warranty Registration
   ========================================================================== */

.warranty-registration .contact-form-wrapper{background:transparent;padding:0;}
.warranty-registration .contact-sin-wraper {
	margin-bottom: 30px;
}
.warranty-registration .section-title-large {
	color: #161922;
	margin-bottom: 15px;
}
.warranty-registration .contact-inner input[type="select"],.warranty-registration .contact-inner input[type="date"],.warranty-registration .contact-inner input[type="tel"],.warranty-registration  .contact-inner input[type="text"],.warranty-registration .contact-inner input[type="email"]{
	border: 1px solid #EBEBEB;
  padding: 10px;
  width: 100%;
   background-color: transparent;
}
.warranty-registration .contact-submit input[type="submit"] {
	padding: 10px 20px;
	width: auto;
	margin:0;
}
.warranty-registration .contact-inner select {
	background: transparent;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddD;
	color: #000;
}
.warranty-registration .contact-inner h4 {
	margin-bottom: 8px;
	font-weight: 600;
}


/* ==========================================================================
   Order Samples
   ========================================================================== */

.order-samples-area .section-title-large {
	font-size: 30px;
	line-height: 34px;
	font-weight:300
}

.order-samples-area .contact-sin-wraper {
	margin-bottom: 0px;
}


/* ==========================================================================
    Samples Page
   ========================================================================== */
.rh-sample-page .title{margin-bottom:30px;}
.rh-sample-page .textarea {}   
.rh-sample-page .textarea ol {list-style-type:decimal;margin-left:45px}   
.rh-sample-page .textarea ul {list-style:disc;margin-left:45px}   
.rh-sample-page .textarea h1,.rh-sample-page .textarea h2,.rh-sample-page .textarea h3,.rh-sample-page .textarea h4,.rh-sample-page .textarea h5,.rh-sample-page .textarea h6 {color:#161922;font-weight: 400;}
.rh-sample-page .textarea h1 {font-size: 48px;line-height: 50px;margin-bottom:35px}
.rh-sample-page .textarea h3 {font-size: 25px;line-height: 29px;margin-bottom:15px;font-weight:300;}
.rh-sample-page .textarea h4 {font-size: 21px;line-height: 25px;margin-bottom:15px;font-weight:500}

.rh-sample-page img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
/* ==========================================================================
    Project Gallery
   ========================================================================== */
.gallery-section .gallery-project-details .title-sub {
    margin-bottom: 15px;
    color: #1C9CD9;
    font-size: 16px;
    margin-top: 5px;
}
.gallery-section .gallery-project-details{margin-bottom:30px;}
.gallery-section .gallery-project-details span{margin-right:10px}
.gallery-section .gallery-project-details .title-default {
    color: #1C9CD9;
    margin-bottom: 15px;
}






/* ==========================================================================
	Team
   ========================================================================== */
.person-single{margin-bottom:30px; padding:30px 15px;border-bottom:5px solid #005AAB;border-top:1px solid #DFE5E8;border-right:1px solid #DFE5E8;border-left:1px solid #DFE5E8;}
.image-block {
	width: 130px;
	height: 130px;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 40px;
	position:relative;

}

.person-content .person-name{color:#3c3950;font-size:18px;line-height:27px;margin-bottom:20px}
.person-content p{font-size:14px;color:#99a9b5;}
.qualified-doctor .person-single .person-content .person-phone {
	font-size: 19px;
	line-height: 25px;
	margin-bottom: 20px;
}
.person-content .rh-dsp-n{display:none;}
 
 .person-single:hover {cursor:pointer;border-bottom:5px solid #072440;}
 .person-single:hover .image-block{background:rgba(7,36,64,.7);transition:.5s all ease-in}
 .person-single:hover .person-content .person-phone{color:#3C3950;transition:.5s all ease-in}

.person-single:hover .image-block::before{
	position: absolute;
	background:rgba(7,36,64,.5);
	width: 130px;
	height: 130px;
	top: 50%;
	left: 50%;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	transition:.5s all ease-in;
}
 
 .partner-carousel-owl.owl-carousel .owl-item img {
	display: inline-block;
	max-width: 100%!important;
	width:auto;
}

 
 
 
.partner-carousel-owl .owl-nav{display:none;}
.partner-carousel-owl .owl-dots {
  left: 50%;
  position: absolute;
  top: 120%;
  transform: translate(-50%, -120%);
}
.partner-carousel-owl .owl-dot.active {
     background: #00A4EF!important;
}
.partner-carousel-owl .owl-dot {
     width: 16px;
     height: 16px;
     border-radius: 100%;
     border: 1px solid #00A4EF!important;
     margin-right: 15px;
     display: inline-block;  /*for making them horizontal, if you want vertical then you can use- display: block*/
}