@charset "utf-8";
/* CSS Document */

/*-------------- @import Font Family -----------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Open+Sans+Condensed:300,700|Roboto+Slab:400,300,700,100);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700|Roboto+Condensed:400,300,700|Roboto+Slab:400,300,100,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');



/*-------------- Common CSS ----------------*/
body {
	overflow-x: hidden;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 17px;
	color: #666;
	font-weight: 400;
	line-height: 1.8;
}

/*======================================================  COMMON STYLE ======================================================*/

/*------ Align-------*/
.alignL {     float: left !important;}
.alignTL { text-align: left important; }

/*------------ Padding ------------*/
.p-t-0  {	padding-top: 0px;}
.p-t-5  {	padding-top: 5px;}
.p-t-10 {	padding-top: 10px;}
.p-t-15 {	padding-top: 15px;}
.p-t-20 {	padding-top: 20px;}
.p-t-25 {	padding-top: 25px;}
.p-t-30 {	padding-top: 30px;}
.p-t-35 {	padding-top: 35px;}
.p-t-40 {	padding-top: 40px;}
.p-t-45 {	padding-top: 45px;}
.p-t-50 {	padding-top: 50px;}
.p-t-55 {	padding-top: 55px;}
.p-t-60 {	padding-top: 60px;}
.p-b-0  {	padding-bottom: 0px;}
.p-b-5  {	padding-bottom: 5px;}
.p-b-10 {	padding-bottom: 10px;}
.p-b-15 {	padding-bottom: 15px;}
.p-b-20 {	padding-bottom: 20px;}
.p-b-25 {	padding-bottom: 25px;}
.p-b-30 {	padding-bottom: 30px;}
.p-b-35 {	padding-bottom: 35px;}
.p-b-40 {	padding-bottom: 40px;}
.p-b-45 {	padding-bottom: 45px;}
.p-b-50 {	padding-bottom: 50px;}
.p-b-55 {	padding-bottom: 55px;}
.p-b-60 {	padding-bottom: 60px;}
.p-l-0  {	padding-left: 0px;}
.p-l-5  {	padding-left: 5px;}
.p-l-10 {	padding-left: 10px;}
.p-l-15 {	padding-left: 15px;}
.p-l-20 {	padding-left: 20px;}
.p-l-25 {	padding-left: 25px;}
.p-l-30 {	padding-left: 30px;}
.p-l-35 {	padding-left: 35px;}
.p-l-40 {	padding-left: 40px;}
.p-l-45 {	padding-left: 45px;}
.p-l-50 {	padding-left: 50px;}
.p-l-55 {	padding-left: 55px;}
.p-l-60 {	padding-left: 60px;}
.p-r-0  {	padding-right: 0px;}
.p-r-5  {	padding-right: 5px;}
.p-r-10 {	padding-right: 10px;}
.p-r-15 {	padding-right: 15px;}
.p-r-20 {	padding-right: 20px;}
.p-r-25 {	padding-right: 25px;}
.p-r-30 {	padding-right: 30px;}
.p-r-35 {	padding-right: 35px;}
.p-r-40 {	padding-right: 40px;}
.p-r-45 {	padding-right: 45px;}
.p-r-50 {	padding-right: 50px;}
.p-r-55 {	padding-right: 55px;}
.p-r-60 {	padding-right: 60px;}

.P0  { padding:0 !important;}
.P2  { padding:2px !important;}
.P5  { padding:5px !important;}
.P10 { padding:10px !important;}
.P15 { padding:15px !important;}
.P20 { padding:20px !important;}
.P25 { padding:25px !important;}
.P30 { padding:30px !important;}
.P35 { padding:35px !important;}
.P40 { padding:40px !important;}
.P45 { padding:45px !important;}
.P50 { padding:50px !important;}
.P55 { padding:55px !important;}
.P60 { padding:60px !important;}



/*------------ Margin ------------*/
.m-t-0  {	margin-top: 0px;}
.m-t-5  {	margin-top: 5px;}
.m-t-10 {	margin-top: 10px;}
.m-t-15 {	margin-top: 15px;}
.m-t-20 {	margin-top: 20px;}
.m-t-25 {	margin-top: 25px;}
.m-t-30 {	margin-top: 30px;}
.m-t-35 {	margin-top: 35px;}
.m-t-40 {	margin-top: 40px;}
.m-t-45 {	margin-top: 45px;}
.m-t-50 {	margin-top: 50px;}
.m-t-55 {	margin-top: 55px;}
.m-t-60 {	margin-top: 60px;}
.m-b-0  {	margin-bottom: 0px;}
.m-b-5  {	margin-bottom: 5px;}
.m-b-10 {	margin-bottom: 10px;}
.m-b-15 {	margin-bottom: 15px;}
.m-b-20 {	margin-bottom: 20px;}
.m-b-25 {	margin-bottom: 25px;}
.m-b-30 {	margin-bottom: 30px;}
.m-b-35 {	margin-bottom: 35px;}
.m-b-40 {	margin-bottom: 40px;}
.m-b-45 {	margin-bottom: 45px;}
.m-b-50 {	margin-bottom: 50px;}
.m-b-55 {	margin-bottom: 55px;}
.m-b-60 {	margin-bottom: 60px;}
.m-l-0  {	margin-left: 0px;	}
.m-l-5  {	margin-left: 5px;	}
.m-l-10 {	margin-left: 10px;	}
.m-l-15 {	margin-left: 15px;	}
.m-l-20 {	margin-left: 20px;	}
.m-l-25 {	margin-left: 25px;	}
.m-l-30 {	margin-left: 30px;	}
.m-l-35 {	margin-left: 35px;	}
.m-l-40 {	margin-left: 40px;	}
.m-l-45 {	margin-left: 45px;	}
.m-l-50 {	margin-left: 50px;	}
.m-l-55 {	margin-left: 55px;	}
.m-l-60 {	margin-left: 60px;	}
.m-r-0  {	margin-right: 0px;	}
.m-r-5  {	margin-right: 5px;	}
.m-r-10 {	margin-right: 10px;	}
.m-r-15 {	margin-right: 15px;	}
.m-r-20 {	margin-right: 20px;	}
.m-r-25 {	margin-right: 25px;	}
.m-r-30 {	margin-right: 30px;	}
.m-r-35 {	margin-right: 35px;	}
.m-r-40 {	margin-right: 40px;	}
.m-r-45 {	margin-right: 45px;	}
.m-r-50 {	margin-right: 50px;	}
.m-r-55 {	margin-right: 55px;	}
.m-r-60 {	margin-right: 60px;	}

.M0  { margin:0 !important; }
.M2  { margin:2px !important; }
.M5  { margin:5px !important; }
.M10 { margin:10px !important; }
.M15 { margin:15px !important; }
.M20 { margin:20px !important; }
.M25 { margin:25px !important; }
.M30 { margin:30px !important; }
.M35 { margin:35px !important; }
.M40 { margin:40px !important; }
.M45 { margin:45px !important; }
.M50 { margin:50px !important; }
.M55 { margin:55px !important; }
.M60 { margin:60px !important; }


/*------------ Iamge ------------*/
img {	max-width: 100%;}

/*------------ Clear ------------*/
.clear {	clear: both; float: none; }

/*------------ Position ------------*/
.relative {	position: relative;}
.absolute {	position: absolute;}
.fixed {	position: fixed;}

.block {	display: block; }
.inline-block {	display: inline-block; }

/*------------ Links ------------*/
a:hover, a:focus {	text-decoration: none;	outline: 0 none;}

/*------------ Fonts  ------------*/
.font10 { font-size:10px !important;}
.font11 { font-size:11px !important;}
.font12 { font-size:12px !important;}
.font13 { font-size:13px !important;}
.font14 { font-size:18px !important;}
.font15 { font-size:15px !important;}
.font16 { font-size:16px !important;}
.font17 { font-size:17px !important;}
.font18 { font-size:18px !important;}
.font19 { font-size:19px !important;}
.font20 { font-size:20px !important;}
.font21 { font-size:21px !important;}
.font24 { font-size:24px !important;}
.font26 { font-size:26px !important;}
.font28 { font-size:28px !important;}
.font32 { font-size:32px !important;}
.font38 { font-size:38px !important;}
.font40 { font-size:40px !important;}
.font46 { font-size:56px !important;}
.font48 { font-size:48px !important;}
.font50 { font-size:50px !important;}

.fancyfont { font-family: 'Roboto Slab', serif; font-weight:400}
.bolder { font-weight:800;}
.bold {	font-weight: 600;}
.boldL {	font-weight: 400;}
.boldLx {	font-weight: 300;}
.caps {	text-transform: uppercase;}
.Ncaps {	text-transform: none;}
.Jusify {    text-align: justify !important; }



/*----------------- Font Style ----------------*/
p {  letter-spacing: 0.1px;}
.introText p {   font-weight: 500; }

h2 {  font-size: 24px;  font-weight: 700;  color: #222222;   position:relative;   text-transform: uppercase;  }
h2:first-letter {  font-size: 35px;}  
h2:before {  /*border-left:2px solid #222; position:absolute; display: inline-block; content:"";height: 32px;top: 2px;left: -15px;*/}

h3, h4, h5 {  font-weight: 400; }

/*------------ Border ------------*/
.lineT  {	border-top: 1px solid #EEE;	}
.lineB  { 	border-bottom: 1px solid #EEE;	}
.lineR  {	border-right: 1px solid #EEE;	}
.lineL  { 	border-left: 1px solid #EEE; }
.line   {	border: 1px solid #EEE; }

/*------------ Color  ------------*/
.text-black{ color:#000;}
.text-white { color:white;}
.text-gray { color: #aaa; }
.text-gray-dark { color: #999; }
.text-gray-light{ color: #CCC; }
.text-gray-muted { color: #eee; }
.text-red { color:#d93b49; }
.text-yellow { color: #eeb313; }

.bg-white { background-color: #ffffff !important; }
.bg-black { background-color: #292929 !important; }
.bg-grayL { background-color: #e8edeb !important; }
.bg-blueL { background-color: #172931 !important; }
.bg-Dblack{ background-color: #222222 !important; }
.bg-DGray { background-color: #6c6f74 !important; }
.bg-red   { background-color: #d93b49 !important; }

/*------------- Shadow -----------*/
.shadow{ box-shadow: 1px 0px 5px 1px #D1D1D1; -webkit-box-shadow: 1px 0px 5px 1px #D1D1D1; -moz-box-shadow: 1px 0px 5px 1px #D1D1D1; -o-box-shadow: 1px 0px 5px 1px #D1D1D1; }

/*------------- Overlay-Gradient -----------*/
.overlay-gradient{  -webkit-transition: background .3s ease; transition: background .3s ease; bottom: 0; left: 0; position: absolute; right: 0;
  top: 0;  z-index: 0;  background: -webkit-linear-gradient(135deg, #3c1418 12%, #0a1029 72%) repeat scroll 0 0 rgba(0,0,0,0);
  background: linear-gradient(-45deg,#3c1418 12%,#0a1029 72%) repeat scroll 0 0 rgba(0,0,0,0); opacity: .83; }

/*------------- Overlay - Pattern -----------*/
.overlay-pattern {
   /* background-image: url("../img/overlay-pattern.png"); */
    background-repeat: repeat; height: 100%;  max-width: 1920px;    width: 100%;   background-color: rgba(0, 0, 0, 0.5); }

.overlay-black { background-color: rgba(0, 0, 0, 0.5);} 
.overlay-white { background-color: rgba(255, 255, 255, 0.5);} 
.overlay {  background-image: url("../img/overlay-pattern.png");  background-repeat: repeat; height: 100%; max-width: 1920px; width: 100%; }

/*------------ Seprator -----------------*/
.separator-small {  width: 40px;    height: 1px;    background: #505050 none repeat;    margin-top: 30px;
                    margin-bottom: 30px;    -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; transition: all 0.4s; }

.separator-vertical {  width: 1px;    height: 100%;    background: #505050 none repeat;    margin-right: 30px;
                    margin-left: 30px;    -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; transition: all 0.4s; }  



/* --- Table Decoration -----*/
.table {    display: table;  width: 100%; max-width: 100%;    border: 1px solid #e6eaee;    border-radius: 4px;    background-color: #fff;    border-collapse: collapse; }
.table_title {    position: relative;    padding: 25px 30px; border: 1px solid #e6eaee;  border-bottom: 0;    border-radius: 4px 4px 0 0;    background-color: #fff;    color: #354052;    font-size: 24px;    text-align: left; }
.table-head { padding: 0;    background-color: #f5f8fa; }
.table-row {    border-top: 1px solid #e6eaee;    border-bottom: 1px solid #e6eaee; }
.table-list:hover { border-left: 4px solid #46c570; cursor: pointer; }
.table-cell-head {    color: #7f8fa4;    font-size: 14px;    font-weight: 500;     padding: 10px 0 10px 30px;}
.table-cell {  padding: 15px 0 15px 30px !important;  color: #354052;  font-size: 14px;  font-weight: 500;  text-align: left;  white-space: nowrap;  vertical-align: middle !important; }

/*----- Lable Decoration ------*/
label {    font-weight: 400;    font-size: 18px;    color: #555555; padding-left: 10px; }

/*----- Text Wrap -------*/
.text-wrap-h {white-space: nowrap;    overflow: hidden;   text-overflow: ellipsis; max-width: 250px;}

/*======================================================  THEME STYLE  ======================================================*/


/*=============== THEME ===============*/
.theme-color { color:#46c570; }
.theme-bg { background:#007932; }
.theme-lineb { border-bottom:1px solid #46c570; }


/*=============== BTN-STYLE ===============*/

/*----Btn-Primary-----*/
.btn { border-radius:0px; }
.btn-primary { background-color:#46c570; color:#fff; border-color:#46c570; padding:10px 30px; }
.btn-primary:hover { background-color:#fff; color:#222222; border-color:#222222; }

/*-- Btn-White --*/
.btn-white{padding-left: 25px;padding-right: 25px;font-weight:600;text-transform:uppercase;background-color:#fff;color: #d93b49;height: 50px;line-height: 34px;max-height: 50px;min-width: 150px;max-width:300px;border: 1px solid #fafafa !important;font-size: 13px;}
.btn-white:hover { background-color:rgba(255,255,255,0.01); color:#fff;  border: 1px solid #fff !important; }

/*-- Btn-Pro --*/
.btn-pro {    background:#46c570;   color: #fff;    min-width: 180px;    padding: 15px 20px;    text-transform: uppercase;    
transition: all 0.3s ease 0s; }
.btn-pro:hover {    background: #fff none repeat scroll 0 0;  border: 1px solid #333;    color: #333; }

/*-- Btn-Submit --*/
.btn-submit {   background-color: #1c1c1c;  border: 1px solid #fff !important;   color: #fff;
    font-size: 16px;    height: 50px;    line-height: 34px;    max-height: 50px;    width: 150px; }
.btn-submit:hover {  background-color: #46c570;  border: 1px solid #fff !important;  color: #fff; }



/*-- Btn-Thumbnile --*/
.btn-thumbnile {
    background: #fff none repeat scroll 0 0;  border-top: 1px solid #ededed; color: #494545; font-weight: 700;
    padding: 15px 35px; text-align: c; text-transform: uppercase; transition: all 0.3s ease 0s; width: 100%; }
.btn-thumbnile:hover {  background: #fafafa; }

.btn-text { font-size: 16px;  font-weight: 700;  padding: 0px; color:#46c570; }
.btn-text:hover {color:#222222;}

/*=============== CONTACT-FORM ===============*/

.contact input, .contact textarea, .contact select {border: 1px solid #ddd;border-bottom: 5px solid #DDD;color: #999999;float: left;font-family: arimo;font-size: 17px;margin-bottom: 10px;padding: 10px 20px;width: 100%;background-color: #fff;/* border-right: none; *//* border-left: none; *//* border-top: none; */font-family: 'Josefin Sans', sans-serif;}
ul.contact li { list-style-type: none; text-decoration: none; padding: 10px 0px; font-size: 14px; }

.contact input:hover, .contact textarea:hover, .contact select:hover .contact input:focus, .contact textarea:focus, .contact select:focus, .contact input:active, .contact textarea:active {
    border-bottom: 5px solid #46c570 !important;    outline: 0 none !important; }


/*=============== BACK TO TOP ===============*/
footer .back-to-top {    border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 0;
    bottom: 0%;  color: #fff;  display: inline-table; font-size: 28px;   height: 50px;   line-height: 0;
    padding: 10px;  position: absolute;   right: 1%;   text-align: center;   width: 50px; }
footer .back-to-top:hover {   background-color: #46c570;  border: 2px solid #46c570; }

/*======================================================  CUSTOM WEBSITE COMMON CSS  ======================================================*/

/*=============== CONTAINERS & SECITONS ===============*/
.container-xs {    margin: 0 auto;  max-width: 400px; }


/*=============== BACKGROUND IMAGE SECTIONS ===============*/
.bgCoverText {  color: rgb(255, 255, 255); padding: 100px 10px; position: relative; }
.bgCoverText h4 { font-size: 30px; font-weight: 500; }
.bgCoverText p { font-size: 18px; font-weight: 400; }


/*=============== BANNERS ===============*/

/*-- JSSR Slider --*/
.uslider{ position: absolute; left: 0px; top: 0px; width:1920px;  height:850px;  overflow: hidden; }	
#slider1_container {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height:850px; overflow: hidden; background:#000;}
#slider1_container .item-box img { opacity:0.9;}
/*Caption-Text*/
.caption-txt{ position:absolute; font-family: 'Josefin Sans', sans-serif;  width: 1200px; height:50px; overflow:visible; z-index:99; text-align:center;}
.caption-txt h2 { font-size:30pt;  font-weight: 800; color:#fff; text-transform:uppercase; text-shadow: 2px 2px #222222;}
.caption-txt h2:first-letter {font-size:30pt;  }
.caption-txt h2:after { border:none; }
.caption-txt p { font-size:15pt;  font-weight: 800; color:#fff; text-transform:capitalize; text-shadow: 2px 2px #222222;}
.caption-txt .btn.btn-lg{ padding-left:40px; padding-right:40px; font-weight:600; text-transform:uppercase; background-color:#fff; color: #222;  height: 50px;  line-height: 34px;  max-height: 50px;    min-width: 160px; max-width:300px;  border: 1px solid #fafafa !important;  font-size: 14px; }
.caption-txt .btn.btn-lg:hover{ background-color:rgba(255,255,255,0.01); color:#fff;  border: 1px solid #fff !important; }
/*controls*/
.jssorb01 { top:500px; left:100px !important;  position:absolute;}						
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {overflow:hidden; cursor: pointer; border-radius: 0px; border:0px solid #FFFFFF; /*filter: alpha(opacity=70); opacity: .7; */ }
.jssorb01 div { background-color: rgba(255,255,255,1.0); width: 20px !important; height: 20px !important; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: rgba(255,255,255,0.5); }
.jssorb01 .av {   background-color: rgba(255,255,255,0.5);}
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #222; }
			
/*-- Tall Banner --*/
.tall-banner {  height: 760px;    width: 100%; }
.tall-banner .btn.btn-lg {    background: #0cb9b0 none repeat scroll 0 0;    border-radius: 5px;   color: #ffffff; min-width: 100px; padding: 10px 25px; }
.tall-banner .btn.btn-lg:hover {  background: #fff none repeat scroll 0 0;  color: #0cb9b0; }
.tall-banner h1 {  color: #fff; font-size: 80px; font-weight: 300; margin: 0; text-transform: uppercase; }
.tall-banner h2 { color: #fff; font-size: 42px; font-weight: 600; margin: 0; text-transform: uppercase; }

/*-- Short Banner --*/
.short-banner { background: #eee none repeat scroll 0 0;   height: 450px;    width: 100%; }
.short-banner h4{ color:#fff;    font-size: 30px;    font-weight: 500;}
.short-banner p {   color:#fff;   font-size: 18px;    font-weight: 400; }

/*-- Text Banner --*/
.text-banner { background: #1b1b1b none repeat scroll 0 0; min-height: 100px; width: 100%;     padding: 30px; }
.text-banner h4{ color:#fff;    font-size: 30px;    font-weight: 500;   }
.text-banner p {   color:#fff;   font-size: 18px;    font-weight: 400; color: #666; }



/*=============== PORTFOLIO ===============*/

/*-- Mini Portfolio --*/
.mini-portfolio { margin: 0 auto; max-width: 1120px; text-align: center; }
.mini-portfolio .tb-box {    background: #bbb none repeat scroll 0 0;    display: inline-block;  float: left; height: 224px; overflow: hidden; width: 224px; }
.mini-portfolio .tx-box { background: #28282e none repeat scroll 0 0;  float: left; height: 224px; max-width: 672px; width: 100%; }
.mini-portfolio div img {    max-width: 100%; }

.mini-portfolio .tb-box, .mini-portfolio .tx-box {  float: none; }
.mini-portfolio .tx-box h2 { font-size: 8vw; }
.mini-portfolio .tx-box h4 { font-size: 3vw;}

.ourservice-listbox .tx-box { background: #28282e none repeat scroll 0 0;  overflow: hidden;  padding: 100px; }
.ourservice-listbox .ic-box { background: #f8f8f8 none repeat scroll 0 0; }
.ourservice-listbox .ic-box .ic-list-box {    float: left;    height: 250px;  overflow: hidden;  padding: 85px 20px;  text-align: center;  width: 25%; }


/*=============== OWL CAROUSAL  ===============*/ 

.owl-carousel .owl-nav div { text-indent: -9999px; font-size: 0px; width: 40px; height: 40px; border: 1px solid #ddd; display: inline-block; margin: 2px;
    background:url(../img/left-right-ar.jpg) no-repeat; }
.owl-carousel .owl-nav .owl-prev { background-position:left top}
.owl-carousel .owl-nav .owl-next { background-position:right top}

#owl-demo-0 { position:relative; }
#owl-demo-0  .owl-controls { top:0;}
#owl-demo-0  .owl-nav div { position:absolute; top:30%}
#owl-demo-0  .owl-prev { left:0;}
#owl-demo-0  .owl-next { right:0;}


/*=============== SOCIAL LINKS ===============*/

ul.socialMenu {display: inline-table; list-style: outside none none; padding-left: 0; padding-top: 30px; text-align: center; }
ul.socialMenu li {  border-radius: 0;  float: left; font-size: 26px; height: 50px; margin: 0 10px; padding: 2px; width: 55px; }
ul.socialMenu li a { color: #fff; }

ul.socialMenu li:nth-child(1) {  background-color: #306199; }
ul.socialMenu li:nth-child(2) {  background-color: #26c4f1; }
ul.socialMenu li:nth-child(4) {  background-color: #007bb6; }
ul.socialMenu li:nth-child(3) {  background-color: #df1c31; }
ul.socialMenu li:nth-child(5) {  background-color: #e6571c; }
ul.socialMenu li:hover { background-color: #3b3b3b; }


/*=============== FAQ ===============*/

.faq_section {   margin:40px auto; }
.FaQ_Each {    padding-bottom: 10px; }
.box  {  background: rgba(246, 246, 246, 1); color: #666666;  padding-top: 15px;  padding-bottom:15px; padding-left: 20px;  font-size: 17px;  text-transform: none;
  cursor:pointer;  border: 1px solid #d9d9d9; font-weight: 400; }
.draw { display: none; background: #ffffff; padding: 20px; border-bottom: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;  border-right: 1px solid #d9d9d9; color: #000000; padding-left:30px; }
#other{    display: none; }


/*=============== PAGE TAB MENU ===============*/

.page-tabs {  background: #28282e none repeat scroll 0 0; text-align: center;    width: 100%; }
.page-tabs ul {    margin: 0;    padding: 0; }
.page-tabs ul > li {    cursor: pointer; display: inline-block;    margin: 0 10px;    min-width: 60px;    padding: 0; }
.page-tabs ul > li > a {    border-bottom: 2px solid transparent; color: #8c8c8c;    display: block;    font-size: 14px;    font-weight: 400;
    height: 55px;    line-height: 58px;    padding: 0 20px;    text-align: center; }
.page-tabs ul > li:hover a, .page-tabs ul > li.active a {    border-bottom: 4px solid #46c570;    color: #ffffff; }


/*=============== FOOTER ===============*/

.infoFooter {  background: #3a4049 none repeat scroll 0 0; }
.infoFooter p {  color: #ddd; font-size: 15px; }

.footer-left {    background: #262626 none repeat scroll 0 0;  margin: 0 auto;    padding: 100px 0;    text-align: center; }
.footer-left h4, .footer-right h4 {    color: #fff; font-size: 30px; font-weight: 500; }
.footer-left h5, .footer-right h5 {    color: #fff;    line-height: 25px;    margin-top: 20px; }
.footer-right {    height: 100%;   margin: 0 auto;    padding: 100px 0; text-align: center; }
.footer-right .form-control {    border: 1px solid #fff !important;  border-radius: 0 !important;  font-size: 17px !important;  height: 50px !important;  padding: 10px 12px !important; }

footer {    background: #272b2e none repeat scroll 0 0;   color: #fff;   font-size: 13px;    min-height: 100px;   padding: 25px;   text-align: center; }
footer a {    color: #46c570;  font-size: 15px;  font-weight: 500;  padding: 10px; }
footer p {    color: #808080; font-family: "Roboto Condensed",sans-serif;  font-size: 16px; }


/*-------- Footer Menu ------------*/
.footerMenu a{color: #fff;cursor: pointer;font-weight: 400;font-size: 13px;}
.footerMenu a:hover { color : #dddddd;} 

h6.widget-title {  font-size: 20px;  font-weight: 600; color: #eeeeee;  border-bottom: 1px solid #333; padding: 10px 0px 20px 0px; }



/*======================================================  CROSS BROWSER CSS  ======================================================*/


/*=============== ABOUT US PAGE ===============*/

/* Contnt Section */
.welcomeText {    max-width: 900px; }

/* Owner Abosulte Image */
.owner img {    position: absolute; top: -46px; }


/*=============== PROJECTS THUMBNILES ===============*/

/* Service Container */
.shortservice {  padding: 80px 0; }
.shortservice .item { padding: 25px; }

/* Service Box */
.service-head {   background: #fff; padding: 10px; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22); }
.service img {    border-top: 4px solid #ddd; }
.service p {    padding: 15px; }

/* Badge */
.service .badge {    border-radius: 50px; top: 30px; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.22); font-size: 11px;
                     font-weight: 500; padding: 6px 8px; position: absolute; right: 40px; z-index: 9; }

/* Service Overlay */
.service .overlay-black {  vertical-align: middle; display: inline-block; position: absolute; top: 22%; color: #fff; font-size: 18px; font-weight: 800;
                          text-transform: uppercase;    padding: 10px 25px; text-align: left; }

/* Service Container */
.service ul li {  font-size: 16px; list-style: none; font-weight: 400; padding: 2px; font-family: 'Josefin Sans', sans-serif; }
.service .proj_name {  font-weight: 400; text-transform: capitalize; font-size: 18px; }
.service .company_name {  font-size: 14px; }
.service-content h4 {  font-size: 19px; padding: 10px; }


/*=============== ONGOING PROJECT PAGE ===============*/

/*-- Overview --*/
.QuickInfo {    background: #d93b49;    padding: 30px 30px;    min-height: 300px;    color:#fff;}
.QuickInfo h4{ color:#fff; font-size:26px }

/*-- List Overview --*/
ul.overview {   padding-left: 2px; }
ul.overview li {border-left: 2px solid #dfdcdc;list-style: none;padding-left: 20px;margin: 0 0 15px; /*height: 20px;*/ vertical-align: middle;line-height: 21px;}

/*-- List Location --*/
ul.location {  list-style: none; padding-left: 10px;}
ul.location li {    padding-bottom: 10px;    color: #888; }
.location i {  color: #261e4c;  width: 30px;  font-size: 14px;  height: 30px;  text-align: center;  -webkit-border-radius: 3px;   border-radius: 3px; border: 1px solid rgba(38, 30, 76, 0.5);  margin-right: 15px;  padding-top: 7px; }

/*-- Floor Plan --*/
.PlanThmb {    border: 1px solid #ddd;}
.PlanThmb .plan_title {    border-top:1px solid #eee;    text-align:center;    padding:10px}

/*-- Avalablity Status --*/
table.availStatus { background:#fff;border: 1px solid #eee;border-bottom: 7px solid #EEE;}
table.availStatus tr td {    padding: 12px 20px; }
table tr.soldout td { background-color: #ff6a4d !important;    color: #fff;} 
table tr.available td { background-color: #46c570 !important;    color: #fff;} 

/*-- Site Progress --*/
.popup-gallery .siteProgres { border:1px solid #eee; padding:10px } 

/*=============== 404 PAGE ===============*/
.error h1 {   font-family: 'roboto', sans-serif; font-size: 135px; }

/*=============== BLOG PAGE ===============*/
/*Blog */
.blog-set { border-right:1px solid #eee; }
.blog-content { padding: 15px 0 10px 0; }
.post {    padding: 10px; margin-bottom: 20px;}
.post h4 {   font-size: 21px;  font-weight: 700; }
.post p {   font-size: 17px;  font-weight: 300; color: #6f6f6f; }
.post-info p {font-weight: 600;font-size: 13px;font-style: initial;}

/* Post */
.post-details {    padding: 20px 5px; }
.post-details p { font-size: 19px; }
.post-details .post-info p {  font-style: italic;  font-size: 16px;  border-top: 1px solid #ddd; padding-top: 20px; }

/* Comment Box */
.comment-block {    background: #eee;    padding: 20px 40px; }
.comments-message {  padding-left: 25px; }
.comments-message p {    color: #333;    font-weight: 400;    font-size: 17px; }
.comments-message .text-info {    color: #777;    font-weight: 400;    font-size: 16px; }
.comment-block img {    margin-top: 10px; }

/* Blog - Nav*/
ul.blog-nav li {    list-style: none;    font-size: 17px;    font-weight: 400;    margin-left: -35px; margin-bottom: 5px; }
.post-side-menu h2 {  font-size: 18px; }
.post-side-menu h2:first-letter {  font-size: 25px; }

/* Pagination */
.pagination-lg > li:last-child > a, .pagination-lg > li:first-child > a  {  background: #ffffff;  border: 1px solid #dddddd;     color: #222222;  border-radius: 0px; padding: 9px 18px; font-weight: 600; }
.pagination-lg > li:first-child:hover > a , .pagination-lg > li:last-child:hover > a  { background: #46c570;  border: 1px solid #46c570;  color: #ffffff; }
.pagination-lg > li > a:hover { background: #46c570; cursor: pointer; border: 1px solid #46c570; color: #ffffff;}
.pagination-lg > li > a, .pagination-lg > li > span {  padding: 9px 20px; color: #222222; }
.pagination-lg > li.active a { background: #46c570; border-radius: 0px;  color:#ffffff;   border: 1px solid #46c570; }

/*alert*/
.alert { font-size: 15px;    font-weight: 600; }

/* Login */
.login h4 {    font-size: 18px; }
.login ul li {    list-style: none;    font-weight: 300;    font-size: 16px;    margin-left: -38px; }



/*====================================================== RESPONSIVE & MEDIA QUERY CSS  ======================================================*/

/*=============== Responsive ===============*/

.P40R { padding:40px;}
.MT-125 { margin-top:-125px; }


/*=============== Media Query ===============*/

@media (max-width:400px) 

{
    /* Padding Resposive */
    .ResP0 { padding:0px !important ; }
    .ResP10 { padding:10px !important ; }
    .ResP20 { padding:20px !important ; }
    .well-lg {    padding: 15px; }

    /* Show Padding */
    .showP30 { padding:30px; }

    /*---- Hide Content ----*/
    .ResHide { display: none !important; }

    /*----- clear -----*/
    .ResClear { float: none; clear: both; }

    /* Contact Form */
    .contact .col-xs-6, .contact .col-xs-3, .contact .col-xs-9 { width:100% !important;}
    .contact2 .col-xs-6, .contact2 .col-xs-3, .contact2 .col-xs-9 { width:100% !important;}
    .contact iframe { min-height: 650px !important; } 


}


@media (max-width:500px) 
{ 
    /*Body Font Size*/
    body { font-size: 16px; }
    

}


@media (max-width:667px) 
{  
    /*Padding Right 40px to 10px*/
    .P40R { padding:10px !important;} 


     /* Logo */     
    header .brand img { max-width: 300px !important;    min-width: 225px; }

    /* Text Resposive */
    h2 { font-size: 20px !important; }
    h2:first-letter {    font-size: 25px; }

    /* Ongoing Project */
    .QuickInfo h4 { font-size: 20px; }

    /* Back to Top */
    a.back-to-top {  position: relative; margin: 0 auto; }




}


@media (max-width:720px) 
{
   

    /* JSSR */
    .caption-txt p,  .caption-txt a  { display:none !important; }
    .caption-txt  h2.caption-txt h2:first-letter { font-size: 70px !important; }
    
    /* Margin Top -125px to 0px */
    .MT-125 { margin-top:0px; }

    /* Portfolio */
    .mini-portfolio .tb-box {  margin: -4px; }
}


@media (max-width:770px) 
{ 
    .DN { display:none !important; }
}


@media (max-width:996px) 
{  
   /* Absolute Image - About Us */
   .owner img {    position: relative !important; }    

   /* Logo */   
   header .brand img {  max-width: 100%; min-width: 225px; }
}


@media (max-width: 1024px) 
{
    /*-- Tall Banner --*/
    .tall-banner h1 { font-size: 7.5vw; }
    .tall-banner h2 { font-size: 4vw; }

    /* Show Clear Div */
    .showClear { clear: both; float: none; }
}


@media (min-width: 1200px) 
{
    /* Service Box --*/
    .ourservice-listbox .tx-box, .ourservice-listbox .ic-box { height: 515px; }
    .ourservice-listbox .ic-box .ic-list-box { height: 250px; }


    /* Admin-panel-menu */
    .admin-panel-menu ul li a {    min-height: 125px; padding: 20px 20px; }
    .admin-panel-menu ul li a i {display: block;font-size: 25px;padding: 5px 22px;}
    .admin-panel-menu {   }
    .admin-panel-menu ul li a:hover, .admin-panel-menu ul li.active a {   background: #222;  }

}

/*================================ CSS STYLES ENDS HERE =================================*/