/* Suhas Elastomer */

/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#Media Queries
	#Font-Face */
html, body, #wrapper {
	 height: 100%;
	 
	 } 

body > #wrapper {height: auto; min-height: 100%; background:#fff ;
	}
#main{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  padding-top:160px;
	}
#main_inner{
	  width:100%;
	  padding:0;
	  margin:0 auto;
	  padding-top:204px;
	}
*{
	padding:0;
	margin:0;
	}
/* #Grid system
================================================== */
.container{
	width:1170px;
	margin:0 auto;
	}
.container:before, .container:after, .row:before, .row:after{
	content:"";
	display:table;
	}
.container:after, .row:after{clear:both;}
.row{
	margin-left:-10px;
	margin-right:-10px;
	}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	position:relative;
	min-height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
.flt-right { float: right; }
.flt-left { float: left; }

/* #Buttons Styles
================================================== */
span.btn {
	float:left;
	position: relative;
	display: block;
	padding:10px 20px;
	background-color:#fdc236;
 	transition: background-color .3s;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	border:2px solid #fdc236;
	border-radius:5px;
	}
span.btn:hover {
	background-color:#fff;
	color:#fdc236;
	border:2px solid #fdc236;
	}
.submit_btn {
	width:100%;
	float:left;
	position: relative;
	display: block;
	padding:10px 20px;
	background-color:#fdc236;
 	transition: background-color .3s;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size:16px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	border:none;
	border:2px solid #fdc236;
	}
.submit_btn:hover {
	background-color:rgba(255, 255, 255, 0.10);
	color:#fdc236;
	border:2px solid #fdc236;
	}
/* #Homepage Styles
================================================== */
.clr{
	clear:both;
	}
.center{
	text-align:center;
	}
/* =Header
-------------------------------------------------------------- */
.header_main {
	padding:0 5%;
	}
header {
	width: 100%;
	position: fixed;
	top:10;
	left: 0;
	z-index: 999;
	background:#fff;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	}
header .top_header{
	width:100%;
	background:#002040;
	}
header .social-links-top {
	float:right;
	width:10%;
	padding:1% 0;
	}
header .social-links-top a {
    color: #002e5b;
    display: inline-block;
    font-size: 16px;
    text-align: right;
    transition: all 300ms ease 0s;
	padding:0 0 0 12%;
	}
header .social-links-top_two {
	width:10%;
	float:right;
	display:none;
	}
header .logo {
	display: inline-block;
	width:15%;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	padding:1% 0%;
	}
header nav {
	width:100%;
	margin:0 auto;
	background:#ffb600;
	padding:0.5% 0%;
	}
header .logo_two {
	display: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
header.smaller .logo_two {
	display: inline-block;
	width:10%;
	float: left;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	}
header.smaller #nav {
	font-family: 'Roboto', sans-serif;

	float:left;
	margin-left:8%;
	}
header.smaller .social-links-top_two {
	float:right;
	width:10%;
	padding:2% 0 0;
	display:block;
	}
header.smaller .social-links-top_two a {
    color: #002e5b;
    display: inline-block;
    font-size: 16px;
    text-align: right;
    transition: all 300ms ease 0s;
	padding:0 0 0 12%;
	}
header.smaller {
	background:#fff;
	}
header.smaller .top_header{
	display:none;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	}
header.smaller .logo {
	display:none;
	}
header.smaller .company_info {
	display:none;
	}
header.smaller nav {
	display: inline-block;
	float: right;
	background:#fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	}
header.smaller #nav {
	padding:1.5% 0 0;
	}
header ul.company_info {
  	float: right;
	padding:1% 0 0;
	}
header ul.company_info li{
	display:inline-block;
	font-size:14px;
	color:#333333;
	margin: 26px 30px;
	}
header ul.company_info li:last-child{
	margin-right:0;
	}	
header ul.company_info li > i {
	display: inline;
	float: left;
	font-size: 25px;
	line-height: 30px;
	margin-left: -30px;
	margin-right: 0;
	vertical-align: middle;
	width: 30px;
	}
header ul.company_info li > strong{
	display:table;
	}

.banner{
	width:100%;
	margin:0 auto;
	text-align:center;
	}

.HD_First{
	left:46%!important;
	padding:1% 4%;
	}
.HD_Second{
	left:50%!important;
	padding:1% 4%;
	}
.HD_Third{
	left:30%!important;
	padding:1% 4%;
	}
.HD_One{
    font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#F9B51D;
	text-align:left;
	line-height:46px;
	font-weight:700;
	text-transform:uppercase;
	}
.HD_Two{
    font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#fff;
	text-align:left;
	line-height:46px;
	font-weight:700;
	text-transform:uppercase;
	}
.HD_Three{
    font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#F9B51D;
	text-align:left;
	line-height:46px;
	font-weight:700;
	text-transform:uppercase;
	}
.HD_Three span{
	font-weight:700;
	color:#6f2572;
	text-transform:uppercase;
	font-size:20px;
	}
.text_one{
    font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#F9B51D;
	text-align:left;
	line-height:36px;
	padding-top:5%;
	}
.text_two{
    font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#fff;
	text-align:left;
	line-height:36px;
	padding-top:5%;
	}
.text_three{
    font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#F9B51D;
	text-align:left;
	line-height:36px;
	padding-top:5%;
	}

/* Section One
================================================== */
.Section_One{
	width:100%;
	margin:0 auto;
	padding:4% 0;
	}
.Section_One .top-title h2 {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
    position: relative;
    font-weight: 700;
    color: #222;
    text-align: right;
    text-transform: unset;
    line-height: 38px;
    padding-right:45px;
	}
.Section_One .top-title h2:after {
    content: '';
    width: 4px;
    height: 100%;
    background: #FDBA38;
    position: absolute;
    letter-spacing: 1px;
    right: -26px;
    top: 4px;
	}
.Section_One .top-title .text {
    position: relative;
    margin-left: 50px;
	}
.Section_One .top-title .text p{
    font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#000;
	text-align:left;
	line-height:26px;
	padding-top:0%;
	font-weight:400;
	}

/* welcome-section */

.welcome-section {
    position: relative;
    padding: 80px 0 50px;
	}
.welcome-section .top-title {
    margin-bottom: 70px;
	}
.welcome-section .top-title h2 {
    position: relative;
    font-weight: 700;
    color: #222;
    text-align: right;
    text-transform: unset;
    line-height: 38px;
    padding-right: 30px;
	}
.welcome-section .top-title h2:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #FDBA38;
    position: absolute;
    letter-spacing: 1px;
    right: -26px;
    top: 4px;
	}
.welcome-section .top-title .text {
    position: relative;
    margin-left: 50px;
	}

.welcome-item {
    margin-bottom: 30px;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.04);
	}
.welcome-item .content {
    border: 1px solid #f4f4f4;
    padding: 20px 25px 10px;
	}
.welcome-item .content {
    position: relative;
    overflow: hidden;
	}
.welcome-item .content:before {
    position: absolute;
    content: '';
    background: rgb(33, 40, 50);
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: .7s ease;
	}
.welcome-item:hover .content:before {
    width: 100%;
	}
.welcome-item .content:after {
    position: absolute;
    content: '';
    background: rgb(39, 46, 56);
    width: 700px;
    height: 900px;
    transition: all 0.45s ease-in-out;
    transform: translate(400px, -700px) rotate(60deg);
    opacity: 0;
    z-index: 1;
	}
.welcome-item:hover .content:after {
    transform: translate(200px, -700px) rotate(60deg);
    opacity: 1;
    transition: .7s ease;
	}
.welcome-item.display-table {
    display: table;
	}
.welcome-item.display-table .img-box,
.welcome-item.display-table .content {
    display: table-cell;
    vertical-align: middle;
	}
.welcome-item.display-table .img-box {
    width: 29%;
	}
.welcome-item .content h3 {
    position: relative;
    font-weight: 700;
    padding-bottom: 25px;
    z-index: 2;
    transition: .5s ease;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	}
.welcome-item:hover .content h3{
    color: #fff;
	}
.welcome-item .content h3:before {
    content: '';
    width: 45px;
    height: 3px;
    background: #f6ba18;
    position: absolute;
    top: 46px;
	}
.welcome-item .content .text {
    position: relative;
    z-index: 2;
	}
.welcome-item .content .text p {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:26px;
    transition: .5s ease;
	}
.welcome-item:hover .content .text p{
    color: #fff;
    transition: .5s ease;
	}


/* two-column-section */

.two-column-section {
    position: relative;
	}
.two-column-section .img-box img {
    float: right;
    max-width: none;
	}
.two-column-section .content-column {
    position: relative;
    padding: 80px 0px;
    padding-left: 70px;
	}
.two-column-section .content-column .text p {
    color: #bcc1c7;
	}
/*====== feature section =========*/
.sec-title {
    position: relative;
    margin-bottom: 55px;
	}
.sec-title h2 {
    font-size: 42px;
    color: #333333;
    font-weight: 700;
    line-height: 1.1em;
    padding-bottom: 18px;
    font-family: 'Roboto', sans-serif;
	}
.sec-title.light h2 {
    color: #fff;
	}
.sec-title .separater {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 80px;
    height: 3px;
    background-color: #fdc236;
	}
.feature-section .left-column {
    background: url(../images/feature-image-1.jpg) no-repeat right;
    background-size: cover;
    height: 510px;
    width: 50%;
    float: left;
    position: relative;
	}
.feature-section .we_are_opacity {
    background: rgba(47, 45, 55, 0.2);
    height: 510px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
	}
.feature-section .we_are_border {
    background: transparent;
    height: 95%;
    width: 98%;
    border: 1px solid #fff;
    position: absolute;
    top: 12px;
    right: 13px;
	}
.feature-section .we_are_border {
    font-weight: 700;
    font-size: 1.625em;
    color: #fff;
    background: #FDBA38;
    display: inline;
    position: absolute;
    padding: 12px 39px;
    top: 40px;
    right: -14px;
	}
.feature-section .right-column {
    background: url(../images/5.jpg) no-repeat right;
    background-size: cover;
    background-color: #202731;
    height: 510px;
    float: right;
    width: 50%;
    position: relative;
	}
.feature-section .sec-title {
    margin-bottom: 40px;
	}
.feature-section .feature-deatails {
    padding-left: 60px;
    padding-top: 70px;
	}
.feature-section .right-column .feature-deatails>p {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:26px;
    color: #bcc1c7;
	}
.feature-section .right-column .list-item p {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
    display: inline-block;
    font-size: 1.125em;
    color: #fff;
    padding-left: 20px;
    padding-right: 32px;
    margin-top: 35px;
    margin-right: 25px;
	}
.feature-section .right-column .list-item p:not(.support) {
    border-right: 1px dashed #6e6e6e;
	}
.feature-section .list-item span::before {
    color: #fdba38;
    font-size: 50px;
	}	
/* rubber list
================================================== */
.rubber_list{
	width:100%;
	}
.rubber_list h2{
    position:relative;
    font-size:42px;
    font-weight:700;
    color:#ffffff;
    margin-bottom:60px;
    padding-bottom:15px;
    text-transform:capitalize;
	}
.rubber_list h2:before{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 60px;
    height: 2px;
    background-color: #fdc236;
	}
.parallax-section {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding:4% 0;
    position: relative;
}
.parallax-section::before {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.parallax-section .container {
    position: relative;
    z-index: 5;
}
/* ============================= slider3 ====================== */

#slider3_wrapper{padding-top: 0px; margin:2% 0%;}
#slider3{position: relative; }

.slider3_txt{display: block; line-height: 40px; padding: 0;font-family: 'Lato', sans-serif;font-weight:700; font-size:30px; color:#999999; margin-bottom: 30px; text-align: center;}
.slider3_txt_inner{display: block;line-height: 37px;padding: 0;font-family: 'Lato', sans-serif;font-weight: 700;font-size: 24px;color: #666666;margin-bottom: 5px; }

.prev3{display: block; position: absolute; left:-55px; top:40%; z-index: 100;padding:1%;}
.prev3:hover{opacity: 1; filter: alpha(opacity=100);}
.next3{display: block; position: absolute; right:-55px; top:40%; z-index: 100;  padding:1%;}
.next3:hover{opacity: 1; filter: alpha(opacity=100);}
.carousel-box{position: relative;}
.carousel-box .inner{position: relative; overflow: hidden;margin:0 auto;}
.carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin:0 20px 0 20px; }
.caroufredsel_wrapper{padding: 0; margin: 0;}
.caroufredsel_wrapper ul{padding: 0; margin: 0;}
.carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:286px!important; overflow:hidden; padding-right:27px;
	margin:0px;
}
.carousel-box2 ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:380px!important; overflow:hidden; padding-right:27px;
	margin:0px;
}
.rubber_slide{position:relative;}
.rubber_slide .rubber_slide_inner{text-align: center; }
.rubber_slide .rubber_slide_inner  .img{width: 100%; padding-bottom: 20px;}	
.rubber_slide .rubber_name{font-family: 'Lato', sans-serif;font-weight:600; font-size:16px; color:#000; text-align:center; background:#fff; padding:4% 2%;}

.prev4{display: block; position: absolute; left:-55px; top:40%; z-index: 100;padding:1%;}
.prev4:hover{opacity: 1; filter: alpha(opacity=100);}
.next4{display: block; position: absolute; right:-55px; top:40%; z-index: 100;  padding:1%;}
.next4:hover{opacity: 1; filter: alpha(opacity=100);}

.prev5{display: block; position: absolute; left:-55px; top:40%; z-index: 100;padding:1%;}
.prev5:hover{opacity: 1; filter: alpha(opacity=100);}
.next5{display: block; position: absolute; right:-55px; top:40%; z-index: 100;  padding:1%;}
.next5:hover{opacity: 1; filter: alpha(opacity=100);}

.customer_slide{position:relative;}
.customer_slide .customer_slide_inner{text-align: center; }
.customer_slide .customer_slide_inner  .img{width: 100%; padding-bottom: 20px;}	
.customer_slide .text_box{
	border:1px solid #cdcdcd;
	border-top:0px;
	}
.customer_slide .text_box .title{
	font-family: 'Lato', sans-serif;
	font-weight:400; 
	font-size:18px; 
	color:#f9b51d;
	text-align:center;
	padding:10px 0px;
	}
.customer_slide .text_box p{
	font-family: 'Lato', sans-serif;
	font-weight:400; 
	font-size:15px; 
	color:#777777;
	text-align:center;
	line-height:24px;
	}
.client_slide{position:relative; background:#fff; padding:20px;}
.client_slide .client_info{
	width:100%;
	padding-bottom:10px;
	}
.client_slide .client_info .img_box{
	width:30%;
	float:left;
	}
.client_slide .client_info .text_holder{
	width:70%;
	float:left;
	padding-left:10px;
	}
.client_slide .client_info .text_holder h3{
	font-family: 'Lato', sans-serif;
	font-weight:600; 
	font-size:16px; 
	color:#333333;
	text-align:left;
	padding:10px 0 5px 0px;
	text-transform:uppercase;
	}
.client_slide .client_info .text_holder span{
	font-family: 'Lato', sans-serif;
	font-weight:300; 
	font-size:14px; 
	color:#333333;
	text-align:left;
	padding-bottom:10px;
	}
.client_slide .textb p{
	font-family: 'Lato', sans-serif;
	font-weight:400; 
	font-size:14px; 
	color:#777777;
	text-align:left;
	line-height:22px;
	padding:5% 0;
	}
/* Customer Application
================================================== */
.customer_application{
	width:100%;
	background:#fff;
	padding:4% 0;
	}
.customer_application h2{
    position:relative;
    font-size:42px;
    font-weight:700;
    color:#000;
    margin-bottom:60px;
    padding-bottom:15px;
    text-transform:capitalize;
	}
.customer_application h2:before{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 60px;
    height: 2px;
    background-color: #fdc236;
	}
/* .call-to-action
================================================== */
.call_to_action{
	width:100%;
	background:#000;
	padding:2% 0;
	}
.call_to_action .textline {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    color: #fff;
    font-weight:400;
    float: left;
}
.call_to_action .textline span{
	color:#fdc236;
	}
	
/* .Testimonials
================================================== */
.Testimonials{
	width:100%;
	background:#f4f5f7;
	padding:4% 0;
	}
.Testimonials h2{
    position:relative;
    font-size:42px;
    font-weight:700;
    color:#333333;
    margin-bottom:6px;
    padding-bottom:5px;
    text-transform:capitalize;
	text-align:center;
	}
.separ {
    width: 80px;
    height: 3px;
    background-color: #fdc236;
	margin:0 auto 2%;
	}
/* client
================================================== */
.client{
	width:100%;
	padding:2% 0;
	}

/* inner page style
================================================== */
.Inner_Banner {
	/*background-attachment: fixed;*/
    background-position: center center;
    background-repeat: no-repeat;
    color: #000;
    padding:10% 0 0;
    position: relative;
	}
.position-center-center{
    position: absolute;
    top:18%;
	text-align: left;
	width: 100%;
	}
.position-center-center .title {
    width:100%;
	margin:0 auto;
	text-align:left;
	position:absolute;
	top:20%;
	}
.position-center-center .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:38px;
	color:#f6490e;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.position-center-center .title h2::before, .position-center-center .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.position-center-center .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.position-center-center .title h2::after {
    background-color: #000;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	margin:0 auto;
    width:100%;
	position:absolute;
	z-index:9;
	}
.breadcrumb ul {
   margin:0 auto;
   width:100%;
	}
.breadcrumb li {
	font-family: 'Roboto', sans-serif;
    color: #f6490e;
    font-size: 12px;
    font-weight:400;
    letter-spacing: 1px;
    line-height: 30px;
    margin:10px 0 10px 10px;
	text-align:left;
	display:inline-block;
	text-transform:uppercase;
	}
.breadcrumb li a {
	font-family: 'Roboto', sans-serif;
    color: #000;
    font-size:12px;
    font-weight:400;
    text-transform: none;
	text-transform:uppercase;
	}
.breadcrumb li a::after {
   content:"/";
   color: #f6490e;
   font-size:14px;
   margin:10px 0 10px 10px;
	}
.breadcrumb > li + li::before {
    color: #fff;
	}
	
	
.Page_Inner{
	width:100%;
	padding:2% 0;
	}	
.Page_Inner .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.Page_Inner .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.Page_Inner .title h2::before, .Page_Inner .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.Page_Inner .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.Page_Inner .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.Page_Inner p{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:400;
	line-height:24px;
	text-align:left;
	padding-bottom:0.5%
	}	
.Application_Page{
	width:100%;
	margin:0 auto;
	padding:4% 0;
	}
.Application_Page .Lt_Box{
	width:100%;
	background:#f1f1f1;
	padding:1%;
	}
.Application_Page .Rt_Box{
	width:100%;
	}
.Application_Page .Rt_Box .sub_title{
	padding:2% 0 1%;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	}
.Application_Page .Rt_Box .sub_title a{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:700;
	line-height:24px;
	text-align:left;
	}
.Application_Page .Rt_Box .sub_title a:hover{
	color:#ffb600;
	}	
.Application_Page .Rt_Box .Title {
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	color:#666666;
	padding:0% 0% 2%;
	font-weight:700;
	}
.Box ul {
	margin: 0;
	}
.Box ul li {
	display: block;
	background: url(../images/arrow.png) 5px 12px no-repeat;

	}
.Box ul li:last-child {
	border-bottom: none;
	}
.Box ul li{
	font-family: 'Lato', sans-serif;
	color: #666666;
    font-size:14px;
    font-weight: 400;
    line-height: 22px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 0px 0px 2% 30px;
	}
/*about-us*/

.introduce_area_two {
    padding: 80px 0 80px;
	}
.introduce_heading h2 {
    color: #222;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
	font-family: 'Roboto', sans-serif;
	}
.introduce_heading h2 span {
    color: #fdc236;
	}
.introduce_area_two p{
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:26px;
	color:#777777;
	padding-bottom:1%;
	}
/*Service*/
.Service_Box ul {
	margin: 0;
	}
.Service_Box ul li {
	display: block;
	background: url(../images/arrow.png) 5px 6px no-repeat;

	}
.Service_Box ul li:last-child {
	border-bottom: none;
	}
.Service_Box ul li{
    font-family: 'Lato', sans-serif;
	color: #333333;
    font-size:16px;
    font-weight: 700;
    line-height: 22px;
	text-decoration: none;
	text-align: left;
	display: block;
	padding: 0px 0px 5px 20px;
	}
/* gallery
================================================== */
.gallery_Page{width:100%;margin:0 auto;padding:5% 0 10%;}
.gallery_Page .photo_thum{width:100%;margin:0 auto;padding:0 0% 12%;}
.gallery_Page .photo_thum img{width:100%;margin:0 auto;border-radius:10px;box-shadow:30px 0 100px rgba(0, 0, 0, 0.2);}
figure.effect-marley figcaption {
	text-align: right;
}
figure.effect-marley h2, figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}
figure.effect-marley p {
	bottom: 60px;
	line-height: 1.5;
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 200%, 0);
}
figure.effect-marley .det {
	opacity: 0;
	margin: 4% 0 0;
}
figure.effect-marley:hover .det {
	opacity: 10;
}
figure.effect-marley h2 {
	top: 0px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	color: #fff;
	
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight:700;
}
figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0, 40px, 0);
	transform: translate3d(0, 40px, 0);
}
figure.effect-marley h2::after, figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	text-align: right;
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.grid {
	position: relative;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	margin-bottom: 8%;
	border-radius: 20px;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid figure figcaption:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 600;
	padding: 8% 0 0;
}
.grid figure h2 span {
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
	letter-spacing: 1px;
}
.grid figure h2, .grid figure p a {
	color: #fff;
}

/* Contact
================================================== */	
.Contact_Cont{
	padding:2% 0;
	}	
.contactpage-info li {
    margin-bottom: 25px;
    min-height: 50px;
    padding-left: 70px;
	margin-right:7%;
    position: relative;
	float:left;
	font-family: 'Roboto', sans-serif;
	}
.contactpage-info li .icon {
    background: #002e5b;
    border-radius: 50%;
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
	}
.contactpage-info li p {
	font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size:14px;
    text-align: left;
	}
.contactpage-info li p a {
    color: #666666;
    font-size:14px;
    text-align: left;
	}
.contactpage-info li .icon img {
    padding: 20% 0;
    text-align: center;
    width: 50%;
	}
.contactpage-info li h3 {
	font-family: 'Roboto', sans-serif;
    color: #666666;
    font-size:16px;
    font-weight: 700;
    margin-bottom: 2%;
    text-transform: uppercase;
	}
.form{
	width:100%;
	background: #f2f2f2;
	padding:2% 0;
	}
.form .title {
    width:100%;
	float:left;
	padding-bottom:2%;
	}
.form .title h2 {
    display: inline-block;
    padding-bottom:14px;
    position: relative;
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	padding:2% 0% 1%;
	font-weight:700;
	}
.form .title h2::before, .form .title h2::after {
   /* background-color: #002e5b;*/
    bottom: 0;
    content: "";
    height:5px;
    left:10%;
    position: absolute;
	}
.form .title h2::before {
    margin-left: -40px;
    width: 80px;
	}
.form .title h2::after {
    background-color: #fde428;
    margin-left: -19.5px;
    width:50px;
	border-radius:2px;
	}	
.map{
	width:100%;
	margin:0 auto;
	}

/* footer
================================================== */	
.footer{
	width:100%;
	background:#1e2126;
	padding:0.5% 0%;
}
.footer .title {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size:18px;
    font-weight:700;
    padding: 2% 0 6%;
    text-align: left;
    text-transform: uppercase;
}
.footer ul li{list-style:outside none none;text-align:left;text-decoration:none;}
.footer ul li a:before{content:url(../images/arrow2.png);padding-right:5px;}
.footer ul li a:hover:before{content:url(../images/arrow.png);padding-right:5px;}
.footer ul li a{color:#fff;font-family: 'Lato', sans-serif;font-size:14px;font-weight:400;list-style:outside none none;text-align:left;text-decoration:none;line-height:32px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.footer ul li a:hover{color:#757575;padding-left:2%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.footer p {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size:14px;
	font-weight:400;
    list-style: outside none none;
    text-align: left;
    text-decoration: none;
	line-height:27px;
}
.footer p span{
	color:#fdc236;
	}
.footer_btm{
	width:100%;
	background-color: #1e2126;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
	padding:0.5% 0%;
}
.contact-info li {
    margin-bottom: 25px;
    min-height: 50px;
    padding-left:55px;
    position: relative;
}
.contact-info li .icon {
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width:40px;
}
.contact-info li p{
	font-family: 'Lato', sans-serif;
    font-size:14px;
	color:#fff;
	font-weight:400;
	}
.contact-info li p a{
	font-family: 'Lato', sans-serif;
    font-size:14px;
	color:#fff;
	font-weight:400;
	}
.contact-info li .icon img{
	width:50%;
	text-align:center;
	padding:20% 0;
	}
.contact-info li h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.social-links {
    position: relative;
	float:right;
	padding:1% 0 0;
}
.social-links a {
    color: #fff;
    display: inline-block;
    font-size:15px;
    padding:2.8% 0 0 10px;
    text-align: center;
    transition: all 300ms ease 0s;
	}
.copy{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:0.5% 0%;
	font-weight:300;
	}
.copy span{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#ad8023;
	text-transform:uppercase;
	}

	
/*Thank You*/	
.page{
	width:100%;
	margin:0 auto;
	padding:2% 0%;
	}
.page .thankyou {
    width:80%;
	margin:0 auto;
}
.page .thankyou .title {
	font-family: 'Roboto', sans-serif;
	font-size:34px;
	color:#0e6ed2;
	font-weight:400;
	text-align:center;
	padding:2% 0%;
}
.page .thankyou p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#666666;
	text-align:left;
	font-weight:300;
	padding-bottom:2%;
	line-height:26px;
	text-align:center;
	}