@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=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

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


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

/*------------ 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; }
.font44 { font-size:44px !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;}

/*----------------- Font Style ----------------*/
p {   letter-spacing: 0.1px;}

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;}*/


/*------------ 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:#c5346d; }
.text-yellow { color: #eeb313; }

.bg-grayL { background-color:#f8f8f8 !important; }
.bg-blueL { background-color:#172931 !important; }
.bg-Dblack { background-color:#222  !important; }
.bg-DGray { background-color:#6c6f74  !important; }
.bg-red { background-color:#c5346d !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%;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.5);
}


/*------------- BTN-STYLE ---------------*/
.btn-white{padding-left: 25px;padding-right: 25px;font-weight:600;text-transform:uppercase;background-color:#fff;color: #c5346d;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 Primary --------------*/
.btn { border-radius:0px; }
.btn-primary { background-color:#c5346d; color:#fff; border-color:#c5346d; padding:10px 30px; }
.btn-primary:hover { background-color:#fff; color:#c5346d; border-color:#c5346d; }


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

/* --- theme --- */
.theme-color { color:#c5346d; }
.theme-bg { background:#c5346d; }
.theme-lineb { border-bottom:1px solid #c5346d; }


/*----- Btn ------*/
.btn {   border-radius: 0; }

.btn-pro {    background:#c5346d;   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 {   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: #262626;  border: 1px solid #fff !important;  color: #fff; }

.btn-thumbnile {
    background: #ffffff none repeat scroll 0 0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    color: #c5346d;
    font-weight: 700;
    padding: 15px 20px;
    text-align: left;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 100%;
    }
.btn-thumbnile:hover {  background: #c5346d;    color: #fff;  border-left: 1px solid #c5346d;
    border-right: 1px solid #c5346d; }


/*------ Contact Form -----*/
.contact input, .contact textarea {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 input:focus, .contact textarea:focus, .contact input:active, .contact textarea:active {
    border-bottom: 5px solid #c5346d !important;    outline: 0 none !important; }

/*
ul.contact li {    font-size: 14px;   list-style-type: none;    padding: 10px 0;    text-decoration: none; }
ul.contact li span {    background: #0cb9b0 none repeat scroll 0 0;    float: left;    height: 30px;    line-height: 30px;
    margin-right: 10px;    text-align: center;    width: 30px; }
ul.contact li span i {    color: #fff; }
.contactMap {    height: 307px; }
.contact2 input, .contact2 textarea {    background-color: #fff; color: #999999;    float: left;    font-family: "Raleway",sans-serif;
    font-size: 15px;    font-style: inherit;  margin-bottom: 10px;    padding: 10px 20px;    width: 100%; }
	
.contact2 input:hover, .contact textarea:hover, .contact input:focus, .contact textarea:focus, .contact input:active, .contact textarea:active {
    outline: 0 none !important; }
*/

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

/*---- Footer Link -------*/
footer .rights a {color: #c5346d;font-size: 15px;font-weight: 600;}


/*======================================= Slider =========================================*/

/*-- 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.7;}
    
.caption-txt{ position:absolute; font-family: 'Poppins', sans-serif;  width: 1550px; height:50px; overflow:visible; z-index:99; text-align:right;}
.caption-txt h2, .caption-txt h2:first-letter { font-size:40pt;  font-weight: 800; color:#fff; text-transform:uppercase; text-align:right;}
/*.caption-txt h2:first-letter {font-size:60pt;  } */
/*.caption-txt h2:after { border:none; font-weight: 800;}*/

.caption-txt p { font-size:15pt; text-transform: uppercase; font-weight: 600;  color:#fff; text-align:right; }
        
.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: 28px;  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; }


.MT-125 { margin-top:-125px; }
@media (max-width:720px) {
.caption-txt { display:none !important; }
.MT-125 { margin-top:0px; }
}

/*controls*/
.jssorb01 { top:470px; left:125px !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; }
			


/*======================================= Footer =========================================*/

/* FOOTER */
footer { background:#28282e; padding:25px; color:#fff; font-size:13px; position:relative;}
.footer { background-color:#1c1c1c; color:#969696; }
.footer input { background-color:#FFF; color:#fff; position:relative; height:40px;}
.news-btn { position: absolute; right: 54px; top: 52px; }

/*-------- Footer Menu ------------*/
.footerMenu a{ color: #fff;    cursor: pointer;    font-weight: 200;    font-size: 12px;}

.footerMenu a:hover { color : #ddd} 

/*-------Social-----------*/
ul.socialMenu { list-style: none;  padding-top: 30px;  padding-left: 0px;  display: inline-table; }
ul.socialMenu li {  margin: 0px 10px 0px 10px;  border-radius: 0px;  width: 50px;  height: 50px;  padding: 2px;  float: left;  font-size: 26px; }
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(3) { background-color:#007bb6;}
ul.socialMenu li:nth-child(4) { background-color:#df1c31; }
ul.socialMenu li:nth-child(5) { background-color:#e6571c; }
ul.socialMenu li:hover{ background-color:#3b3b3b;}

/*------- Footer Menu -------*/
ul.footerMenu { text-align:center;	margin:0 auto; list-style: outside none none; display:inline-table; }
ul.footerMenu li{ text-align:center; float:left; }
ul.footerMenu li a {    color: #c5346d;    font-size:16px;    font-weight:500;    padding:10px;    }
ul.footerMenu li a:hover {    color: #434343; }

/*-------NewsLetter-------*/
.NewsLetter { text-align:center; margin:0 auto; max-width: 500px; padding:30px 0px 10px 0px}
footer .form-control {width:100%; height: 50px!important; padding: 10px 12px!important; font-size: 17px!important;  border: 1px solid #fff!important; border-radius: 0px !important; }



/*----- JSSOR Slider-----*/


.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;
}
@media (max-width: 1024px) {
.tall-banner h1 {
    font-size: 7.5vw;
}
.tall-banner h2 {
    font-size: 4vw;
}
}

/*---- 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{
    background: #222222 none repeat scroll 0 0;
    border-bottom: 1px solid #222;
    min-height: 150px;
    width: 100%;
    color: #fff !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

.text-banner h4 { color: #ffffff !important; }

.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%;
}
@media (max-width: 720px) {
.mini-portfolio .tb-box {
    margin: -4px;
}
.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%;
}
@media (min-width: 1200px) {
.ourservice-listbox .tx-box, .ourservice-listbox .ic-box {
    height: 515px;
}
.ourservice-listbox .ic-box .ic-list-box {
    height: 250px;
}
}

h3, h4, h5 {
        color: #c5346d;
    font-weight: 700;
    font-size: 30px;
}
.component {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px;
    padding: 20px;
}
.component .fa {
    color: #0cb9b0;
}
.bulb {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 85px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -30px;
    width: 85px;
}
.search {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e0e0;
    border-radius: 3px;
    display: table;
    height: 50px;
    margin: 20px auto 0;
    width: 100%;
}
.search button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #d1d1d1;
    float: left;
    height: 48px;
}
.search input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #c0c0c0;
    float: left;
    font-size: 12px;
    font-style: italic;
    height: 48px;
    padding: 5px 20px;
    width: 89%;
}
.sm-category ul li {
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    list-style: outside none none;
    margin-bottom: 10px;
    padding: 12px 0;
}
.sm-category ul li a {
    color: #434343;
    font-size: 14px;
    line-height: 30px;
    transition: all 0.2s ease-in-out 0s;
}
.sm-category ul li a span {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 3px;
    color: #888888;
    float: right;
    font-size: 12px;
    line-height: 24px;
    padding: 3px 10px;
}
.sm-category ul li a:hover {
    color: #0cb9b0;
}
.sm-category ul li a span:hover {
    background-color: #0cb9b0;
    color: #fff;
}
.welcomeText h3 {
    font-weight: 500;
}
.introText p {
    font-weight: 500;
}
.shortservice {
    background-color: #fafafa;
    padding: 80px 0;
}

.container-xs {
    margin: 0 auto;
    max-width: 400px;
}
.text-pro {
    color:#c5346d;
}
.bg-pro {
    background: rgba(171, 0, 84, 1) none repeat scroll 0 0;
}


/* Services */
.service {
     border-bottom: 4px solid #c5346d;
}
.service:hover {
    border-bottom: 4px solid #c5346d;
    cursor: pointer;
}
.service img {
    border-top: 4px solid #c5346d;
}
.service p {
    padding: 15px;
}


.bg-dark2 {
    background-color: #292929;
}
.bg-white {
    background: #fff none repeat scroll 0 0 !important;
}
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(3) {
    background-color: #007bb6;
}
ul.socialMenu li:nth-child(4) {
    background-color: #df1c31;
}
ul.socialMenu li:nth-child(5) {
    background-color: #e6571c;
}
ul.socialMenu li:hover {
    background-color: #3b3b3b;
}

/*-- BG Cover --*/
.bgCoverText {
    color: rgb(255, 255, 255);
    padding: 80px 10px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 650px;
}
.bgCoverText h4 {
    font-size: 30px;
    font-weight: 500;
}
.bgCoverText p {
    font-size: 18px;
    font-weight: 400;
}
.AbsImg {
    position: absolute;
    right: 0;
}




/*------------- Banner Edits ------------------*/
@media (max-width:400px) {



.ResP0 { padding:0px !important ; }
.ResP10 { padding:10px !important ; }
.ResP20 { padding:20px !important ; }
.ResClear { clear: both; float: none; }
.ResHide {display: none;}

.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; } 
.showP30 { padding:30px; }

}

@media (max-width:600px) { 
/*#slider1_container { display:none !important;}*/
}

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


/* ------------- Advance Search -----------------*/
.AdvanceSearch a i.fa {
  font-size: 24px;
  padding-left: 15px;
}

.AdvanceSearch  .collapse { 
 padding:50px !important;
  background: #fff ;
  box-shadow: 0px 0px 5px 0px #D1D1D1;
  -webkit-box-shadow: 0px 0px 5px 0px #D1D1D1;
  -moz-box-shadow: 0px 0px 5px 0px #D1D1D1;
  -o-box-shadow: 0px 0px 5px 0px #D1D1D1;
border:1px solid #fafafa;}

div#pricebar {
  margin-top: 15px;
}

/*---------------------- OWL Carousal ------------------------*/
 
 .shortservice .item {
  padding: 25px;
}

 
  .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:38%}
#owl-demo-0  .owl-prev { left:0;}
#owl-demo-0  .owl-next { right:0;}



/*--------------------------- Cross CSS Code ---------------------------------*/

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

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

/*-- Page Tabs --*/
.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 #c5346d;    color: #ffffff; }


/*-- Overview --*/
.QuickInfo {    background: #c5346d;    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: #6d9501 !important;    color: #fff;} 

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

   
   
   
 @media (max-width:500px) {  
     
	 
	header .brand img {
    max-width: 100%;
    min-width: 225px;
}
	
 }
 
 
 
 
 /*-------- Template Common Code add in all template -----------*/
.textR{ text-align:right !important; }
.textL{ text-align:left !important; }
.textC{ text-align:center !important; }
/* Container */
.container-small { max-width: 650px; margin:0 auto; padding:25px;}
.container-med { width:1000px; margin:0 auto; padding:25px;}



  
 @media (max-width:1160px) {  
	#menu > li > a:before {
    content: " ";
    color: #464545;
    padding-right: 5px;
}
#menu > li > a {
    font-size: 13px;
}
.slicknav_btn {
    top: 9px;
}
.slicknav_nav, .slicknav_nav ul {
    margin-top: 36px;
}
header #menu {
    padding: 9px 0 0;
}
 }
 @media (max-width:996px) {  
	
header .brand img {
    max-width: 100%;
    min-width: 225px;
}
 }  
 @media (max-width:667px) {  
    .scroll-to-fixed-fixed {
    position:relative !important;
}	
	 
	header .brand img {
    max-width: 100% !important;
    min-width: 320px;
}
	
 }

/* INFO FOOTER */
h6.widget-title {      font-size: 16px;    font-weight: 300;    color: #fff;    border-bottom: 1px solid #333;    padding: 10px 0px 20px 0px; }

/* OPENING HOURS */
.opening-hours {   font-size: 12px; /* line-height: 27px; */ color: #ddd; }
.opening-hours ul {   /* list-style: none; */}
.opening-hours ul li {    border-bottom: 1px solid #333; padding-bottom: 5px;   padding-top: 5px;  max-width: 80%; }



/*--- Color BOX ---*/
.white-box {    padding: 15px 30px; text-align: center;  }
.white-box .set {border: 1px solid #eee;text-align: center;border-bottom: 5px solid #eee;}
.white-box .icon {  /* margin: 0 auto; */  margin-top: 10px;  width: 100%; }
.white-box .icon i {
                     font-size: 35px;
                     color: #fff;
                     padding: 21px 22px;
                     border-radius: 5px;
                     background: #c5346d;
                     border: 1px solid #ddd;
                     height: 80px;
                     width: 80px;
                     }
.white-box h4 {font-size: 17px;color:#555;margin-top: 30px;font-weight: 700;}
.white-box p { color:#444; font-size:15px;}
.white-box .active{     box-shadow: 0 15px 40px 0 rgba(0,0,0,0.15); transform: translateY(-30px);  }

/*--- Service Box ---*/
.service-box {  padding: 80px 40px; }
.service-box .item { padding: 25px; }

/*------- FAQ ----------*/
.faq {
    border: 1px solid #ddd;
    padding: 25px;
    border-radius:5px;
    border-bottom:5px solid #ddd;
        margin-bottom: 25px;
}

.faq h4 { font-size:22px; }
.faq p { font-size:17px; padding-top:15px }

.team img {
    height: 100px;
    margin: 0 auto;
    border: 2px solid #ddd;
}