body{ margin:0; padding:0; font-family: 'GothamBook'; font-size:15px; color:#000; background:#fff !important;}
p, span, ul, li ,a{ margin:0; padding:0; font-family: 'GothamBook'; text-decoration:none; outline:none;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0; font-family: 'GothamBook';}



@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/GothamBook.woff') format('woff'), 
	   url('../fonts/GothamBook.ttf')  format('truetype'), 
	   url('../fonts/GothamBook.svg#GothamBook') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(http://fonts.googleapis.com/css?family=roboto:400,400italic,600,700,800);

*,
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
label,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { -webkit-font-smoothing: antialiased; }

a {
  color: #ff0000;
  text-decoration: none;
}

a:hover { color: #BA0707; }

body {
  background: #fff;
  color: #E95546;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  width: 100%;
}

nav {
  display: block;
  background: #E95546;
}

.menu { display: block; margin-top:15px; float:right;}
.sticky .menu{ margin-top:8px;}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}
.sub-menu ul{ width:196px !important;}
.menu li:first-child { margin-left: 0; }
img.span4.no-left-space{ float:left; margin-right:10px;}

.menu li a {
  font-weight: normal;
  text-decoration: none;
  padding: 15px 12px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover,
.menu li:hover>a {
  color: #ed1d24 !important;
  /*background: #ed1d24;*/
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  left: 0px;
  background: #565656;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
  
}
.clear{ margin:0; padding:0; clear:both; display:table;}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  /*content: " ";*/
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(86, 86, 86, 0);
  border-bottom-color: #565656;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: bold;
  display: block;
  color: #fff;
  background: #565656;
  color:#fff;
}
.sticky ul.sub-menu li a{ color:#fff;}

.menu ul li a:hover,
.sub-menu ul li:hover>a {
  background: #252424; 
  color:#b99c5d;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 186px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  /*border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;*/
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #E95546;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  background: #E95546;
  color: #fff;
  text-decoration: none;
}
li.citySection{ font-size:18px; font-weight:bold; color:#000; border-bottom: solid 1px #b99c5d; border-top: solid 1px #b99c5d; padding:7px 12px !important;}
li.citySectionFoot{ font-size:14px; color:#fff; font-family: 'GothamBook'; line-height:20px;}

a.homer { background: #FC6D58; }
 @media (min-width: 768px) and (max-width: 979px) {

.mainWrap { width: 768px; }

.menu ul { top: 37px; }

.menu li a { font-size: 12px; }

a.homer { background: #E95546; }
}
 @media (max-width: 767px) {

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

.menu li a {
  background: #fff;
  color: #797979;
}

.menu li a:hover,
.menu li:hover>a {
  background: #FC6D58;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}
nav{ transition:all 0.45s ease;}
nav.sticky{background: #efefef none repeat scroll 0 0;
    padding: 10px 0;
    position: fixed;
    top: 0;
	transition:all 0.45s ease
}

.logo_sec img{ transition:all 0.3s ease-in-out; height:auto; float:left; width:37%;}
/*.logo_sec img {
    transition: all 0.3s ease-in-out;
    height: auto;
    float: left;
    width: 60%;
    background: #fff;
    padding: 11px 8px;
    box-sizing: border-box;
    box-shadow: 0px 1px 2px #686868;
    border-radius: 0 0 4px 4px;
}*/
.main_img{ margin-top:108px;}
.sticky .logo_sec img{ width:57%; height:auto; transition:all 0.3s ease-in-out; float:left;}
.bx-wrapper{ position:relative; top:0; margin-top:96px !important;}
.bx-wrapper .bx-pager{ position:relative; bottom:70px; left:0; right:0;}
ul.bxslider img{ width:100%;}
nav{ position:fixed; top:0; z-index:9999; width:100%; background-color:transparent;}
/*.bx-controls-direction{ position:absolute; top:50%;}*/
.bx-controls-direction .bx-prev{ left:0; position:absolute; top:50%;}
.bx-controls-direction .bx-next{ right:0; position:absolute; top:50%;}

nav{ padding:10px 0 !important; margin:0; background:#fff; box-shadow:1px 0px 5px #686868;}
.bx-viewport{/* height:700px !important;*/ min-height:inherit !important;}

.sticky .logo_sec img{ background:none; border:none; box-shadow:none; border-radius:0; padding:0;}
.col-md-4.logo{}
.logo_sec{ float:left;}
.menu li a{ color:#4e4e4d; font-weight:bold;}
.sticky .menu li a{ color:#000;}
.sub-menu{ background:#000;}
.sub-menu li{ background:#000;}
/*.menu li a:hover, .menu li:hover > a{ background:none; color:#000; border-bottom: solid 2px #b99c5d; color:#b99c5d;}*/
.menu li a:hover{ display:block; color:#fff;}
.sub-menu li a:hover{ border-bottom:none;}
a.spc_social{ font-size:18px;}
a.spc_social:hover{ border-bottom:none !important;}
.col-md-8.menu_r{ float:left;}

.welcome_section{ display:block; width:100%; background:url(../images/cont_img_gray.jpg) no-repeat 0 0;}
.wel_sec_in{ text-align:center; padding:11% 0;}
.wel_sec_in h1{ color:#99c1da; font-size:23px; border-bottom:solid 1px #b89b59; color:#fff; display:table; text-align:center; margin:0 auto 20px;}
.wel_sec_in h4{ color:#848383; font-size:17px;}
.wel_sec_in p{ color:#fff; font-size:15px; margin-top:8px; line-height:25px; display:block; text-align:left; text-align:center;}
/*masonry effect*/


/*======================================== Blow banner and menu css start  =================================================*/


.brnds{ background:#e3d1c7; display:block; width:100%; padding:20px 0;}
.bx-controls.bx-has-pager.bx-has-controls-direction{ display:none;}
.our-brand{ float:left; width:100%; display:table;}
.our-brand h3{ color:#ed1c24; font-size:20px; display:table; margin-bottom:10px;}
.our-brand ul{}
.our-brand ul li{ display:inline-block; padding:0 38px;}
.our-brand ul li:first-child{ padding-left:0;}
.our-brand ul li:last-child{ padding-right:0;}
.owl-stage{ width:100% !important; display:table;}
.owl-item.active{ width:160px !important; margin-right:65px !important;}

.aboutSec{ display:block; width:100%;}
.imgSection{ float:right; width:50%;}
.imgSection img{ width:100%; height:auto;}
.abt-text{ float:left; width:50%; padding-right:30px; box-sizing:border-box; margin:80px 0 0;}
.abt-text h3{ color:#ed1c24; font-size:26px; display:table; margin-bottom:40px;}
.abt-text p{ color:#58595b; font-size:14px; line-height:26px; padding-bottom:20px; text-align:justify;}

.member-section{ display:block; width:100%; padding-bottom:60px; padding-top:120px; background:#e2e3e2;}
.mamber-inner{ display:block; margin-top:-70px;}
.mamber-inner h3{ color:#070011; font-size:26px; display:table; margin-bottom:20px; float:right;}


.rTable {
  	display: table;
  	width: 100%;
}
.rTableRow {
  	display: table-row; height:45px;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
}
.rTableCell, .rTableHead {
  	display: table-cell;
  	padding: 3px 10px;
  	border: 1px solid #dbdcdd;
}
.rTableHeading {
  	display: table-header-group;
  	background-color: #ddd;
  	font-weight: bold;
}
.rTableFoot {
  	display: table-footer-group;
  	font-weight: bold;
  	background-color: #ddd;
}
.rTableBody {
  	display: table-row-group;
}
.rTableHead{ background:#ed1c24; color:#ffffff; font-size:16px; padding-top:10px; padding-bottom:10px; text-align:center;
 width:25%;}

.rTableCell{ color:#58595b; font-size:14px; line-height:18px;}
.how-workmain{ display:block; width:100%;}
.workImg{ float:left; width:50%;}
.workImg img{ width:100%; height:auto;}
.how-workInner{ float:right; width:100%; box-sizing:border-box; margin-top:80px;}
.how-workInner h3{ color:#ed1c24; font-size:26px; display:table; margin-bottom:40px; float:right; text-align:right;}
.how-workInner h4{color:#070011; font-size:24px; display:table; margin-bottom:10px; float:left; width:100%;}
.how-workInner p{ color:#58595b; font-size:14px; line-height:26px; padding-bottom:20px; text-align:justify; display:table;}

.inquiry{ display:table; margin-bottom:20px}
.inquiry .textBox{ width:100%; height:35px; border:solid 1px #e1e2df; border-radius:6px; padding:0 10px; margin-bottom:15px; font-size:15px; color:#58595b;}
.inquiry .tickBox{ float:left;}
.inquiry span{font-size:16px; color:#58595b; font-family: 'GothamBook'; margin-left:5px; font-weight:bold;}
.inquiry .submitBtn{ background:#808285; width:80px; height:35px; border:none; color:#fff; float:right;}

.parallax {
    background-image: url(../images/parallex_img.jpg);
    min-height: 150px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.parallax_inner{ display:block; padding:60px 0;}
.parallax_inner h3{ color: #ed1c24;font-size: 26px; display: table; margin-bottom: 20px;}
.parallax_inner p{ color:#fff; font-size:16px; line-height:26px; padding-bottom:20px; text-align:justify; display:table;}

.footSection{ display:block; width:100%; margin:50px 0;}
.footinner{ display:block; margin-bottom:30px;}
.footinner p{ font-size:14px; color:#58595b; line-height:26px;}
.footinner p a{ font-size:15px; color:#58595b; text-decoration:none;}

.socialIcon{}
.socialIcon ul{ margin:0; padding:0;}
.socialIcon ul li{ display:inline-block; list-style:none;}
.socialIcon ul li a{ color:#58595b; font-size:20px; padding:0 5px;}
.socialIcon ul li a.fa{}
.foot-comman{ display:block;}
.foot-comman p{ font-size:14px; color:#58595b;}
.foot-comman a{ color:#58595b; text-decoration:none; font-size:14px;}

.foot-comman ul{ margin:0; padding:0;}
.foot-comman ul li{ list-style:none; display:inline-block; color:#58595b; text-decoration:none; font-size:14px;}
.foot-comman ul li:before{ content:"|"; float:left; font-size:20px; color:#58595b; line-height:13px; padding:0px 8px;}
.foot-comman ul li:first-child:before{ display:none;}
.foot-comman ul li a{ color:#58595b; text-decoration:none; font-size:14px;}

#top{ padding-top:100px; margin-top:-100px;}
#off{ padding-top:122px; margin-top:-100px;}
#abtgil{ padding-top:100px; margin-top:-100px;}
#membership{ padding-top:100px; margin-top:-100px;}
#work{ padding-top:100px; margin-top:-100px;}

br.forbreak{ display:none;}
.footinner strong{ margin-left:10px;}


.bannerousite {
    display: block;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}
.bannerHeading {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
   width: 100%;
    padding: 10px 0;
}
.bannerHeading h1 {
    color: #fff;
    text-align: center;
    font-size: 40px;
	line-height:46px;
}
.bannerHeading a{ text-decoration:none; color: #ed1c24; font-size: 26px; border: solid 2px #ed1c24; display: table; clear:both; padding:6px 20px; text-align:center; margin:0 auto; margin-top:50px;}

.banner-downArrow{ position:absolute; bottom:90px; left:0; right:0; margin:0 auto; text-align:center;}

.top-sec-login{ float:right; padding-right:13px;}
.top-sec-login .inputbox{ border:solid 1px #4e4e4d; height:20px; line-height:20px; border-radius:10px; padding:0 10px; color:#4e4e4d; font-size:14px; outline:none; max-width:170px; width:100%;}
.top-sec-login .inputbtn{ border:solid 1px #4e4e4d; border-radius:10px; font-size:14px; color:#4e4e4d; padding:2px 5px; background:transparent; outline:none; transition:all 0.2s ease-in-out 0s;}
.top-sec-login .inputbtn:hover{ background:#4e4e4d; color:#fff; transition:all 0.2s ease-in-out 0s;}
.formob{ display:none;}

.rTableCell a{ color:#1d1d1d; font-size:13px; border-bottom:solid 1px#1d1d1d; text-decoration:none; margin-top:7px; display:table;}

.how-workInner .subHeading{ float:right; font-size:15px; color:#000; text-align:right; margin-top:6px;}

.three-icon{ display:table; width:100%; margin:20px 0;}
.three-icon ul{ margin:0; padding:0; text-align:center;}
.three-icon ul li{ display:inline-block; list-style:none; width:30%; padding:0 20px; box-sizing:border-box;}
.three-icon ul li img{}
.three-icon ul li span{ font-size:15px; font-weight:bold; color:#58595b; padding:20px 0 10px; display:block; text-transform:uppercase;}
.three-icon ul li p{ font-size:14px; color:#58595b; line-height:21px; text-align:center}


.signup-tab{ float:left; display:block; width:50%;}
.signup-tab a{ float:right; padding-right:20px; text-decoration:none;}

.redBelt{ display:table; background:#ff0000; width:100%; text-align:center; padding:20px 0;}
.redBelt
.hovereffect:last-child{ float:none;}
.hovereffect.gallery12 a{ color:#fff; font-size:40px; text-align:center; text-decoration:none; text-transform:uppercase;}



.panel-heading{ width:100%; display:table;
background: rgba(246,0,0,1);
background: -moz-linear-gradient(left, rgba(246,0,0,1) 0%, rgba(151,3,3,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,0,0,1)), color-stop(100%, rgba(151,3,3,1)));
background: -webkit-linear-gradient(left, rgba(246,0,0,1) 0%, rgba(151,3,3,1) 100%);
background: -o-linear-gradient(left, rgba(246,0,0,1) 0%, rgba(151,3,3,1) 100%);
background: -ms-linear-gradient(left, rgba(246,0,0,1) 0%, rgba(151,3,3,1) 100%);
background: linear-gradient(to right, rgba(246,0,0,1) 0%, rgba(151,3,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60000', endColorstr='#970303', GradientType=1 );
}
.panel-heading .imgLeft{ float:left; margin:0 0 0; width:85px; height:auto;}
.panel-heading .imgRight{ float:right; margin-top:15px; margin-right:20px; width:100px; height:auto;}
.panel-heading{ padding:15px;}













/*================== side inqury form ============ */


@media screen and (max-width: 1199px){
	.menu li a{ padding:15px;}
	.menu li a{ padding:15px 3px; font-size:14px;}
	.our-brand ul li{ padding:0 13px;}
	.our-brand ul li img{ width:80%;}
	.abt-text p{ line-height:20px;}
	.abt-text{ margin-top:50px;}
	.how-workInner p{ line-height:20px;}
	.how-workInner{ margin-top:60px;}
} 



@media screen and (max-width: 1100px){
	
}

@media screen and (max-width: 1023px){
    
}

@media screen and (max-width: 991px){
	.col-md-4.logo{ float:none;}
	.logo_sec{ float:none; text-align:center; margin:0 auto;}
	.sticky .logo_sec img{ width:11%;}
	.logo_sec img{ width:80%;}
	.col-md-8.menu_r{ float:none;}
	.nav_menu{ text-align:center;}
	.logo_sec{}
	.our-brand ul li img{ width:65%;}
	.imgSection{ width:100%;}
	.abt-text{ width:100%; padding-right:0;}
	.workImg{ width:100%;}
	.how-workInner{ width:100%; padding-left:0;}
	.socialIcon{ width:100% !important; padding:0 15px;}
	.foot-comman{ width:100% !important; margin-top:13px; padding:0 15px;}
	.nav_menu{ float:right !important; text-align:left;}
	.menu li a{ font-size:13px;}
	.logo_sec{ float:left;}
	.logo_sec {
    float: left;
    DISPLAY: table;
    width: 115px;
}
	.mamber-inner h3{ float:left;}
	.how-workInner h3{ float:left; text-align:left;}
	.footinner strong{ margin-left:0;}
	br{ display:block;}
	.bannerHeading{ top:20%;}
	.bannerHeading a{ margin-top:10px; padding:4px 12px;}
	.bannerHeading h1{ font-size:34px;}
}

@media screen and (max-width: 900px){
	.hovereffect{ float:none; margin:0 auto 10px !important;}
	.banner-downArrow{ display:none;}
	
}

@media screen and (max-width: 767px){
	.nav_menu{ /*margin-top:10px;*/ margin-top:0px;}
	.menu li a:hover{ border-bottom:none; display:block;}
	nav{ padding:10px 0;}
	.col-md-8.menu_r{ padding:0;}
	.responsive-menu{ background:rgba(176, 151, 99, 0.5);}
	.responsive-menu:hover{ background:#b09763 ;}
	.pad0_r{ padding-right:15px;}
	.pad0_l{ padding-left:15px;}
	.menu li a:hover{ background:#000; color:#b89b59;}
	.responsive-menu a:focus{ color:#fff; background:#fff;}
	
	.logo_sec img{ float:left;}
	.menu li a{ color:#000;}
	.menu{ margin-top:0; width:100%;}
	.logo_sec{ margin:10px auto;}
	.logo_sec img{ width:61%; background:none; box-shadow:none; padding:0;}
	nav.sticky{ background:none;/*rgba(239, 239, 239, 0.9) none repeat scroll 0 0;*/}
	.sticky .logo_sec img{ width:19%; float:none;}
	.sticky .menu{ margin-top:0;}
	nav.sticky{ position:inherit}
	
	.bx-wrapper{ margin-top:0 !important;}
	.responsive-menu{ background:transparent;}
	a#resp-menu .fa{ color:#000; font-size:20px !important;}
	.responsive-menu:hover{ background:transparent;}
	i.fa.fa-reorder{ float:right;}
	.nav_menu{ width:100%;}
	a#resp-menu .fa{ margin-top:-20px;}
	a#resp-menu{ padding:0;}
	/*.rTableHead{ width:100%; display:table;}
	.rTableCell{ width:100%; display:table;}
	.rTableCell.spel{ width:100% !important; display:table;}*/
	.bx-wrapper{ margin-top:85px !important;}
	.rTableCell{ height:110px;}
	
	
	nav{ padding:10px 0 0 !important;}
	.logo_sec{ margin:0 auto;}
	.three-icon ul li{ width:100%;}
	.signup-tab{ float:right; margin-bottom:5px;}
	.our-brand ul li img{ width:29%; height:auto;}
	.how-workInner h3{ text-align:left !important;}
}

@media screen and (max-width: 700px){
	.down_brocher label{ display:none;}
	.form-control{ width:100%;}
	textarea.form-control.msg{ width:100%;}
	#myCaptcha{ width:45%;}
	.form-control_capt_fill.orbi_capt{ width:50%; float:left;}
	.button_sub.orbi_capt{ float:left; width:100%; max-width:100%;}
	.creer_heading samp{line-height:18px;}
	.creer_heading h4{ font-size:15px;}
	.parallax_inner.orbitonein{ top:118px;}
}


@media screen and (max-width: 599px){
	.our-brand h3{ font-size:22px;}
	.abt-text h3{ font-size:22px;}
	.abt-text p{ font-size:14px;}
	.mamber-inner h3{ font-size:22px;}
	.rTableHead{ font-size:14px;}
	.rTableCell{ font-size:13px; line-height:17px;}
	.how-workInner h3{ font-size:22px;}
	.how-workInner h4{ font-size:20px;}
	.how-workInner p{ font-size:14px; line-height:18px;}
	.parallax_inner h3{ font-size:22px;}
	.parallax_inner p{ font-size:14px; line-height:20px;}
	.footinner p{ font-size:14px;}
	.bannerHeading{ top:10%;}
	.bannerHeading h1{ font-size: 24px; line-height: 26px; margin-top: 10px;}
    .bannerHeading a{ font-size:18px;}
	.formob{ display:block;}
	.top-sec-login{ float:left;}
	.top-sec-login .inputbox{ margin-bottom:5px;}
	.top-sec-login .inputbox{ height:16px; line-height:16px; font-size:12px; max-width:150px; width:100%;}
	.top-sec-login .inputbtn{ height:16px; line-height:10px; font-size:12px;}
}

@media screen and (max-width: 400px){
	.bannerHeading h1 {
    font-size: 23px;
    line-height: 24px;
    margin-top: 10px;
}
.bannerHeading a{ font-size:18px;}
}