/*------------------------------------------------------
    Table of content
	
    1.General css
	2.Common css all pages
		i.Header
		ii.Main Menu
		iii.Footer
	3.Home Page	
		i.Slider
		ii.Slider-Bottom
		iii.About
		iv.Our Cargo
		v.About Cargo
		vi.Quote
		vii.Our Skill
		viii.counterup
		ix.Latest Post
		x.Info
	4.About-Us Page
		i.Our Mission
		ii.Our Special
		iii.Team Member
	5.Gallery Page
		i.G-Footer
	6.Blog Page
		i.Pagination
	7.Blog-single Page
	8.Service Page
	9.Service-single Page
	10.Contact Page
	
------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------
										1.general css

/*-------------------------------------
			ii.Main Menu
--------------------------------------*/
#menu{
	position:relative;    border-bottom: 5px solid #e00000;
}
.rm-nav ul li ul:before{content:'';display:none;}
.rm-nav ul:before{
    content: '';
    position: absolute;
    width: 50px;
    height: 49px;
    left: -51px;
    top: 0;
    border-top: 48px solid transparent;
    border-right: 52px solid #e00000;
}
.rm-container.rm-layout-expanded {
   position:relative;
}
#menu .searchbox{
    display: inline-block;
    position:relative;
    min-width:50px;
    width:0%;
    height:45px;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
#menu .searchbox-input{
    top:0;
    right:0;
    border:0;
    outline:0;
    background: #f5f5f5;
    width: 100%;
    margin: 10px 0;
    padding:5px;
    font-size: 15px;
    color: #000;
}
#menu .searchbox-input::-webkit-input-placeholder {
    color: #000;
}
#menu .searchbox-input:-moz-placeholder {
    color: #000;
}
#menu .searchbox-input::-moz-placeholder {
    color: #000;
}
#menu .searchbox-input:-ms-input-placeholder {
    color: #000;
}
#menu .searchbox-icon,
#menu .searchbox-submit{
    width:50px;
    height:45px;
    display:block;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:45px;
    text-align:center;
    cursor:pointer;
    color: #f5f5f5;
    background: #e00000;
}
#menu .searchbox-open{ width:20%;}
#menu .wrapper {
    border-color: transparent;
	border-radius: 0;
    background: -webkit-linear-gradient(to right, transparent 70%,#e00000 30%);
    background: -webkit-linear-gradient(left,transparent ,transparent 70%,#e00000 30%);
    background: -moz-linear-gradient(left,transparent ,transparent 70%,#e00000 30%);
    background: -o-linear-gradient(left,transparent ,transparent 70%,#e00000 30%);
    background: linear-gradient(to right, transparent 70%,#e00000 30%);
}
#menu .rm-nav .active a{color:#000;}
/*-------------------------------------
			iii.footer
--------------------------------------*/
#footer{position:relative;overflow: hidden;}
#footer .footer{
	background:#1b2c3e;
	color:rgba(255, 255, 255, 0.8);
    padding: 80px 0 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
#footer-bottom .scroll-to-top a i{
    font-size: 22px;
    transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    color: #ffffff;
    transition: .5s;
}
#footer-bottom .scroll-to-top {
    position: relative;
    float: right;
    width: 50px;
    top: -42px;
    transition: .5s;
}
#footer-bottom .scroll-to-top a {
    position: relative;
    background: #e00000;
    padding: 17px 14px 10px;
    border-radius: 2px;
}
#footer .widget>.flogo{
    padding-bottom: 30px; 
    display: inline-block;
}
#footer .widget>.flogo img{width:100%;}
#footer .widget>.f-icon{padding-top: 15px;}
#footer .widget>.f-icon li.facebook:hover{background: #314b7b;}
#footer .widget>.f-icon li.twitter:hover{background: #55ACEE;}
#footer .widget>.f-icon li.vk:hover{background: #1A638F;}
#footer .widget>.f-icon li.pinterest:hover{background: #BE091C;}
#footer .widget>.f-icon li.linkedin:hover{background: #006699;}

#footer .widget>.f-icon li{
    background: #3f4d5b;
    width: 25px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border-radius: 4px;
    margin-right: 5px;
    transition: .7s;
    list-style: none;
    display: inline-block;
    margin-left: 0;
}
#footer .widget>.f-icon:hover a{color:#ffcc00;}
#footer .widget>.f-icon li a{
	color:rgba(255, 255, 255, 0.8);
	transition:.7s;
}
#footer .widget {
    margin-bottom: 55px;
}
#footer .widget>h5.f-title{
    font-family: 'Alegreya SC', serif;
    margin-bottom: 25px;
    margin-top: 0;
    padding-bottom: 20px;
    font-size: 19px;
    font-weight: 600;
}
#footer .widget>.f-text li:before{
	content:'\f105';
	font:normal normal normal 14px/1 FontAwesome;
	padding-right:15px;
	color:#777;
}
#footer .widget>.f-text li{
    display: block;
    padding: 6px 0;
    text-transform: capitalize;
}
#footer .widget>.f-text li a{color:rgba(255, 255, 255, 0.8);}
#footer .widget>.f-content li{padding-bottom: 15px;margin-left: 0;}

#footer .widget>.f-content li i{
    position: relative;
    font-size: 14px;
    top: 4px;
    height: 20px;
    float: left;
    padding-right: 15px;
}
#footer .widget>.f-txt small {
    color: #777;
    font-style: italic;
}
#footer .widget>.f-txt p i{
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 18px;
}
#footer .widget>.f-txt{
    padding-left: 35px;
    position: relative;
}

#footer-bottom{position:relative;}
#footer-bottom .footer-bottom{
    position: relative;
    background: #152331;
    padding: 30px 0;
}
#footer-bottom  .footer-bottom a{color:#ccc;}
#footer-bottom  .footer-bottom p{
    margin: 0;
    color: #777;
}
/*----------------------------------------------------------------------------------------------
										2.Common CSS all Pages End
-----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------
										3.Home Page Start
-----------------------------------------------------------------------------------------------*/
/*-------------------------------------
			i.Slider
--------------------------------------*/
#slider .s-txt{
    float:left;
    display: inline-block;
    background: #ffffff;
	position:relative;
	z-index:-1;
}
 #slider img {
	width:100%;
	height:800px;
}
 #slider .overlay {
    position: absolute;
    top: 0;
	left:0;
	right:0;
	bottom:0;
	opacity:.3;
	width:100%;
	height:auto;
	background:url(../images/pattern.png)repeat;
}
 #slider .video{
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 100%;
	height: 800px;
}
video{
	position:relative;
}
#slider .carousel-caption {
    position: absolute;
    bottom: 0;
    top: 100px;
}
#slider .s-top{
	background: #e00000;
    padding: 10px 20px;
}
#slider .s-top h4{
	font-family: 'Alegreya SC', serif;
	font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}
#slider .s-icon i{text-shadow: 2px 2px 5px rgba(153, 153, 153, 0.5);}
#slider .s-icon{
	font-size: 36px;
    color: #ffffff;
	float:left;
}
#slider .txt{
	text-align:left;
    border-left: 1px solid #ffffff;
    padding-left: 15px;
	margin-left:45px;
}
#slider .s-top p{
	font-size:13px;
	margin:0;
    text-align: left;
}
.form{
	padding: 30px 30px 0;
    font-size: 13px;
}
.form-control {
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 0;
	transition: none;
	box-shadow:none;
	height:auto;
}
#slider  textarea{
	outline: 0;
    padding: 4px 10px;
    border: 1px solid #ddd;
	color:#555;
}
#slider  select{
	width: 100%;
    height: auto;
    padding: 4px 10px;
    border: 1px solid #ddd;
    color: rgba(51, 51, 51, 0.62);
    text-transform: capitalize;
}
.form-control:focus {
    border-color: #ddd;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow:none; 
}
#slider .s-content{
    text-align: left;
    overflow: hidden;
    padding-left: 50px;
    padding-top: 40px;
}
#slider .s-content h1{
    font-family: 'Alegreya SC', serif;
	font-size: 48px;
    font-weight: 600;
    margin: 0 0 15px;
	text-shadow: 1px 4px 5px rgba(0, 0, 0, 0.4);
}
#slider .s-content p{
    margin: 0 0 20px;
    max-width: 480px;
    font-size: 17px;
    line-height: 1.5;
 }
#slider .s-txt>.s-link{margin-bottom:30px;}
#slider .s-txt>.s-link>.btn{
    font-family: 'Alegreya SC', serif;
    font-weight: 600;
    border: none;
    border-radius: 0;
    padding: 6px 25px;
}
#slider .s-txt>.s-link>.btn-default{
	color: #ffffff;
    background-color: #e00000;
	border:1px solid #e00000;
	transition:.7s;
}
#slider .s-content>.s-btn>.btn{
	font-size:16px;
    border: none;
    border-radius: 0;
    padding: 6px 25px;
	font-weight:600;
}
#slider .s-content>.s-btn>.btn-default{
	color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
	transition:.7s;
}
#slider .s-txt>.s-link>.btn-default:hover {
    color: #e00000;
    background-color: transparent;
    border-color: #e00000;
}
#slider .s-content>.s-btn>.btn-default:hover {
    color: #e00000;
    background-color: #ffffff;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*-------------------------------------
			ii.Slider Bottom
--------------------------------------*/
#slider-bottom{position:relative;}
#slider-bottom div.row> div{padding:0;}
#slider-bottom div.row{margin:0;padding:0;}
#slider-bottom .s-bottom{
	background: #ffcc00;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
	margin-bottom: 4px;
}
#slider-bottom .s-bottom>.s-top{
	background: #dd2424;
    width: 100%;
    height: 40px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
#slider-bottom .s-bottom .s-text{text-align: center;}
#slider-bottom .s-bottom .s-img{
	position: relative;
    background: #ffcc00;
    width: 90px;
    height: 75px;
    line-height: 80px;
    border-radius: 100%;
    margin-left: 15px;
    margin-top: -30px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
#slider-bottom .s-img i{font-size:36px;color:#e00000;}
#slider-bottom .s-bottom:hover .s-img{
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
}
#slider-bottom .s-bottom .s-text>.content{
	padding-bottom:13px;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
}
#slider-bottom .s-bottom .s-text>.content p{
	font-family: 'Raleway', sans-serif;
	font-size:13px;
}
#slider-bottom .s-bottom .s-text>.content h4{
    font-family: 'Alegreya SC', serif;
	font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px;
	color:#dd2424;
}
#slider-bottom .slider-bottom{margin-top:-40px;}
#slider-bottom .s-bottom:hover .s-top {
    background: #ffcc00;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: all .1s ease-in-out 0s;
    -moz-transition: all .1s ease-in-out 0s;
    -webkit-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
}
#slider-bottom .s-bottom:hover .content{
	opacity:0;
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
} 
#slider-bottom .s-overlay a{color:#ffffff;}
#slider-bottom .s-overlay{
	position:absolute;
	width:100%;
	background:#e00000;
	top:39px;
	padding:25px 30px 26px;
	color:#ffffff;
	opacity:0;
	text-align:center;
    border-bottom: 1px solid #e00000;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-transition: opacity 500ms ease 0s, -moz-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s, -o-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s, -webkit-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -ms-transition: opacity 500ms ease 0s, -ms-transform 500ms ease 0s, border-radius 500ms ease 0s;
    transition: opacity 500ms ease 0s, transform 500ms ease 0s, border-radius 500ms ease 0s;
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    -webkit-transform-origin: center center;
}
#slider-bottom .s-bottom:hover .s-overlay{
	opacity: 1;
    -moz-transition: opacity 500ms ease 0s, -moz-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -o-transition: opacity 500ms ease 0s, -o-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s, -webkit-transform 500ms ease 0s, border-radius 500ms ease 0s;
    -ms-transition: opacity 500ms ease 0s, -ms-transform 500ms ease 0s, border-radius 500ms ease 0s;
    transition: opacity 500ms ease 0s, transform 500ms ease 0s, border-radius 500ms ease 0s;
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}
#slider-bottom .s-overlay h4{
    font-family: 'Alegreya SC', serif;
	font-size: 20px;
    font-weight: 600;
    margin: 0;
}
#slider-bottom .s-overlay p{
	font-size:13px;
	margin:0;
}
#slider-bottom .s-overlay hr{
	border: 0;
    border-top: 2px solid #eee;
    width: 60px;
    margin: 10px auto;
}
/*-------------------------------------
			iii.Planet
--------------------------------------*/
#planet {
	background:url(../images/bg4.jpg)no-repeat;
    background-position: 100%;
    background-size: cover;
}
#planet .planet { padding: 98px 0 80px;overflow:hidden;}
#planet .p-header {text-align: center;}
#planet .p-header p {
    margin: 25px auto;
    max-width: 780px;
}
#planet .p-img img{width:100%;}
#planet .p-content{
	padding-top:50px;
	position:relative;
}
#planet .p-right>.p-content h5{
    font-family: 'Alegreya SC', serif;
    font-size: 15px;
    font-weight: 600;
    color: #4c4c4c;
}
#planet .p-content>.pl-txt p{
    width: 490px;
    display: inline-block;
    padding-left: 1px;
	margin:0;
	max-width: 100%;
}
#planet .p-content>.p-txt>ul>li{padding:3px 0;}
#planet .p-content>.p-txt>ul>li:before{
	content:'\f006';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    color: #ff0101;
	padding-right:10px;
}
#planet .p-content>.pl-txt h1 {
    margin: 0;
    float: left;
    font-size: 72px;
    line-height: 72px;
    color: #333;
    padding-right: 5px;
}
/*-------------------------------------
			iv.Our Cargo
--------------------------------------*/
#our-cargo{position:relative;}
#our-cargo .our-cargo{
	color:#ffffff;
}
#our-cargo .our-cargo-overlayy{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;	
}
h1.title {
    font-family: 'Alegreya SC', serif;
    margin: 0;
    font-weight: 600;
}
#our-cargo .cargo-img img{width:100%;}
#our-cargo .c-img{
	position:relative;
	padding: 42px 0 80px;
}
#our-cargo .contain:hover .cargo-img {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}
#our-cargo .contain{position:relative;overflow:hidden;}
#our-cargo .textbox p{
	max-width: 280px;
    margin: auto;
}
#our-cargo .textbox h3{
    font-family: 'Alegreya SC', serif;
    font-weight: 600;
    color: #e00000;
}
#our-cargo .textbox ,
#our-cargo .cargo-img{
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#our-cargo .contain .textbox {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
	opacity:0;
    -webkit-transform: translate(180px, -100px);
    -moz-transform: translate(180px, -100px);
    -o-transform: translate(180px, -100px);
    -ms-transform: translate(180px, -100px);
	transform:translate(180px, -100px);
    -webkit-transition: all 0.4s 0.4s ease-in-out;
    -moz-transition: all 0.4s 0.4s ease-in-out;
    -o-transition: all 0.4s 0.4s ease-in-out;
    -ms-transition: all 0.4s 0.4s ease-in-out;
    transition: all 0.4s 0.4s ease-in-out;
    text-align: center;
    padding:35px;
}
#our-cargo .contain:hover .textbox {
	opacity:1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
#our-cargo .our-header{
	position:relative;
	padding: 92px 0 0;
}
.our-header h1.title{
	text-align:center;
	color:#ffffff;
}
.our-header hr {
    border: 0;
    border-top: 2px solid #e00000;
    width: 60px;
    margin: 10px auto;
}
#our-cargo .cargo hr{
	border: 0;
    border-top: 2px solid #e00000;
    width: 60px;
    margin: 25px 0;
}
#our-cargo div.row{padding:0; margin:0;}
#our-cargo div.row >div{padding:0;}

/*-------------------------------------
			v.About Cargo 
--------------------------------------*/
#about-cargo{position:relative;background: #fbfbfb;}
#about-cargo .about-cargo{padding:92px 0 80px;}
#about-cargo .p-header p{
    margin: 25px auto;
    max-width: 700px;
    margin-bottom: 50px;
}
#about-cargo .ab-cargo:hover{
	box-shadow: 2px 2px 6px rgba(238, 238, 238, .8);
}
.p-header hr {
    border: 0;
    border-top: 2px solid #e00000;
    width: 60px;
    margin: 10px auto;
}
#about-cargo .ab-cargo{
	background: #ffcc00;
    border-radius: 4px; 
	overflow:hidden;
}
#about-cargo .ab-img img{width:100%;}
#about-cargo .ab-img{
    position: relative;
    width: 100%;
    height: 100%;
}
#about-cargo .ab-icon a{
	color: #c2c2c2;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#about-cargo .ab-icon{
    position: relative;
    background: #ffcc00;
    width: 90px;
    height: 75px;
    line-height: 55px;
    border-radius: 100%;
    margin-left: 15px;
    margin-top: -25px;
	font-size:28px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#about-cargo .ab-content{
	max-width:240px;
	margin:auto;
	padding:0 0 20px;
}
#about-cargo .ab-content h4 a{
	color: #4c4c4c;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#about-cargo .ab-content h4{
    font-family: 'Alegreya SC', serif;
    margin: 0;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}
#about-cargo .ab-content p{color:#8b8b8b; margin: 0;}
#about-cargo .ab-cargo:hover .ab-icon a{color:#e00000;}
#about-cargo .ab-cargo:hover .ab-content h4 a{color:#e00000;}

#about-cargo .ab-cargo:hover .ab-overlay{
	opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
#about-cargo .ab-overlay i{
    position: relative;
    color: #ffffff;
    font-size: 24px;
    top: 100px;
}
#about-cargo .ab-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	opacity:0;
    -webkit-transform: translate(180px, -100px);
    -moz-transform: translate(180px, -100px);
    -o-transform: translate(180px, -100px);
    -ms-transform: translate(180px, -100px);
	transform:translate(180px, -100px);
    -webkit-transition: all 0.4s 0.4s ease-in-out;
    -moz-transition: all 0.4s 0.4s ease-in-out;
    -o-transition: all 0.4s 0.4s ease-in-out;
    -ms-transition: all 0.4s 0.4s ease-in-out;
    transition: all 0.4s 0.4s ease-in-out;
}
/*-------------------------------------
			vi.Quote
--------------------------------------*/
#quote {position:relative;}
#quote .quote-bg-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
#quote .carousel {position: relative;}
#quote .quote-txt {
    margin: 92px 0 80px;
    padding-right: 40px;
}
#quote .quote-content {
    margin: 92px 0 80px;
    overflow: hidden;
    padding-left: 40px;
}
#quote .q-top{
	position:relative;
	color:#ffffff;
	padding-bottom:50px;
}
#quote .q-top h2{
    font-family: 'Alegreya SC', serif;
    margin: 0;
    font-weight: 600;
}
#quote .q-top p{
    font-family: 'Alegreya SC', serif;
	margin:10px 0;
	color:#e00000;
    text-transform: capitalize;
    font-weight: 600;
}
#quote .q-top hr{
	border: 0;
    border-top: 2px solid #ffffff;
    width: 50px;
    margin: 20px 0 0;
	text-align:left;
}
#quote .q-txt{
	position:relative;
	color:#ffffff;
    background: rgba(9, 43, 71, 0.9);
    padding: 50px 15px 40px;
}
#quote .q-txt p{
	margin:0 0 0 40px;
    text-align: left;
}
#quote .q-txt p:before{
	content:'\f10d';
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 30px;
    position: absolute;
    left: 20px;
    color: rgba(13, 76, 130, .5);
}
#quote .q-txt>.q-sign{
    text-align: right;
    padding-top: 35px;
}
#quote .q-txt>.q-sign h6{margin:0;}
#quote .q-txt>.q-sign h4{
    font-size: 15px;
    color: #e00000;
}
#quote .panel-body{padding:0 15px 10px;}

#quote input.sl{
    width: 100%;
    line-height: 20px;
    padding: 12px 5px;
    text-indent: 5px;
    border: 1px solid #ccc;
    color: #ccc;
    border: 1px solid rgba(119, 119, 119, 0.26);
    background: rgba(9, 43, 71, 0.9);
}

textarea.s1::-webkit-input-placeholder,input.sl::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
textarea.s1::-moz-placeholder,input.sl::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
   opacity:  1;
}
textarea.s1:-ms-input-placeholder,input.sl:-ms-input-placeholder { /* IE 10+ */
  color: #fff!important;
}
textarea.s1:-moz-placeholder,input.sl:-moz-placeholder { /* Firefox 18- */
	color: #fff;
   opacity:  1;
   }
 #quote textarea{
    width: 100%;
    outline: 0;
	padding:15px;
    border: 1px solid rgba(119, 119, 119, 0.26);
    background: rgba(9, 43, 71, 0.9);
	color: #ccc;
	height: 72px;
}
#quote .button input{
    font-family: 'Alegreya SC', serif;
    border: 0;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 12px 38px;
    border-radius: 0px;
    border: 1px solid rgba(119, 119, 119, 0.26);
    background: #db0f31;
}

 #quote .quote-content .button{
    color: #fff;
    font-weight: 600;
    margin: 15px 15px 0;
}
.exampleModal-contact span.wpcf7-list-item,#quote .quote-contact-form span.wpcf7-list-item {
    margin: 0;
}
#quote .quote-contact-form .c-box li,#quote .quote-content .c-box li{
    display: inline-block;
    padding-right: 60px;
    font-size: 13px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
}
#quote select.sl{
    width: 100%;
    line-height: 35px;
    padding: 12px 5px;
    text-indent: 5px;
    color: #ffffff;
    text-transform: capitalize;
    border: 1px solid rgba(119, 119, 119, 0.26);
    background: rgba(9, 43, 71, 0.9);
}
#quote .quote-content>div.row>div{padding:0;margin:0;}
#quote .quote-contact-form>div.row>div{padding:0;margin:0;}
#quote .quote-content .c-box{
    position: relative;
    padding-left: 38px;
	color:#ffffff;
}
#quote .quote-content .panel-body h5{padding-left:20px;}
#quote .quote-content .panel-body h5,
#quote .quote-content .c-box h5{
	font-weight:600;
	color:#ffffff;
}
#quote .quote-content .panel-body h5:before,
#quote .quote-content .c-box h5:before{
	content:'\f06d';
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
	left:15px;
	color:#db0f31;
}
#quote .panel-body .btn-default {
    color: #ffffff;
    background-color: #db0f31;
}
#quote .panel-body .btn {
    font-size: 13px;
    border: none;
    font-weight: 600;
    border-radius: 0;
    padding: 12px 38px;
}
#quote .quote-content .qc{padding-top:30px;}
#quote .carousel-caption {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
}
#quote .carousel-indicators {
    position: absolute;
    bottom: -45px;
}
#quote .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 0;
    border: 1px solid #e00000;
    background-color: transparent;
}
#quote .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height:8px;
    border: 1px solid #ffffff;
}
/*-------------------------------------
			vii.Our Skill
--------------------------------------*/
#our-skill {position:relative;margin-top:92px;}
#our-skill  .skill-text,
#our-skill  .skill-txt{
    margin-top: 100px;
}
#our-skill  .skill-txt1 h5,
#our-skill  .skill-txt h5{
    font-family: 'Alegreya SC', serif;
    font-weight: 600;
    margin:0;
}
#our-skill  .skill-txt1 h2,
#our-skill  .skill-txt h2{
    font-family: 'Alegreya SC', serif;
    font-weight: 600;
    margin: 10px 0;
    color: #2c2c2c;
}
#our-skill  .skill-txt1 hr,
#our-skill  .skill-txt hr{
	border: 0;
    border-top: 2px solid #e00000;
    width: 50px;
    margin: 5px 0 0;
    float: left;
}
#our-skill  .skill-text{
    padding: 15px;
    box-shadow: 2px 2px 7px #eee;
}
#our-skill  .skill-text .btn{
	color: #ffffff;
    background-color: #db0f31;
}
#our-skill  .skill-text .btn-default{
	font-size: 13px;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 15px;
}
#our-skill  .skill-img{
    position: relative;
    top: -60px;
	float:right;
}
#our-skill  .skill-img img{width:100%;}
#our-skill  .skill-content {
	text-align:right;
    background: #fdfdfd;
    padding: 20px;
    box-shadow: 1px 1px 5px #eee;
    margin-top: -20px;
}
#our-skill  .skill-content h4{
    font-size: 16px;
    margin: 0 0 10px;
}
#our-skill  .skill-content ul>li>a{color:#e00000;}
#our-skill  .skill-content ul>li{
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #e00000;
    text-align: center;
    border-radius: 50%;
	margin-left:5px;
}
#our-skill  .our-skill{padding:70px 0 30px;}
/*-------------------------------------
			viii.counterup
--------------------------------------*/
#counterup {position:relative; overflow:hidden;}
#counterup  .counterup{padding:92px 0 73px;}
#counterup  .count-up{text-align:center;}
#counterup  .count-up .counter{
    font-family: 'open-sans', sans-serif;
	font-size:36px;
	font-weight:600;
	color:#db0f31;
}
#counterup  .count-up h4{
    font-family: 'Alegreya SC', serif;
    font-weight: 600;
	font-size:16px;
	margin:10px 0 20px;
	color:#2b2b2b;
}
#counterup  .p-header p{
    max-width: 730px;
    margin: 25px auto;
    margin-bottom: 34px;
}
#counterup  .count-up p{margin:0;}
/*-------------------------------------