@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700');
body { margin:0;font-family: 'Work Sans', sans-serif;}
@font-face {
font-family:'PT_Sans-Narrow-Web-Regular';
src:url(../fonts/PT_Sans-Narrow-Web-Regular.ttf) format("truetype")
}
@font-face {
font-family:'Engagement-Regular';
src:url(../fonts/Engagement-Regular.ttf) format("truetype")
}

@font-face {
	font-family:"Futura Bk BT";
src:url(../fonts/Futura Bk BT.ttf) format("truetype")
}

.showces-1{width:100%;height:400px;overflow-y: auto;
    padding-right: 20px;}
body a {
transition:.5s all ease;
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-o-transition:.5s all ease;
-ms-transition:.5s all ease; text-decoration:none }
h1, h2, h3, h4, h5, h6 { margin:0 }
p { margin:0 }
ul, label { margin:0; padding:0 }
body a:hover { text-decoration:none }
.header { padding:1em 0; background-color:#fff; z-index:1000; width:100%; /*border-bottom:solid 5px #FF0000;*/   border-bottom:5px solid rgba(255, 0, 6, 0.8); }
.logo{ float:left; margin-left:0%;}
.mar_left{ margin-left:10em;}

.header-info p { font-size:1.5em; color:#000; margin-top:.3em; font-family:"Futura Bk BT";}
.header-info p:before { content:''; background:url(../images/iconsprite.png)no-repeat -52px 1px; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-right:11px }
form.navbar-form.navbar-right { margin:0; padding:0 }
.form-group { position:relative }
input.form-control { padding:8px 32px 8px 13px; height:inherit; font-size:1.1em; -webkit-appearance:none }
button.btn.btn-default { border:none; width:19px; height:19px; position:absolute; top:21%; right:5%; padding:0; outline:none; box-shadow:none }
button.btn.btn-default:focus { background-color:inherit!important; box-shadow:none!important; border-color:none!important }
span.glyphicon.glyphicon-search { font-size:1.3em; color:#01553D }
span.glyphicon.glyphicon-search:focus { outline:none }
button.btn.btn-default:hover { background-color:#FFF }
.navbar-default { margin:0; border:none }
h1 a.navbar-brand { font-size:2em; margin:0!important; display:block; font-family:'Engagement-Regular'; height:0; line-height:0; padding:.2em 0; color:#B3AFA6 }
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color:#E4A412; color:#B3AFA6 }
.navbar-nav > li > a { padding:1.85em 1.1em; font-size:1.3em }
div#bs-example-navbar-collapse-1 { padding:0 }
.hvr-bounce-to-bottom { display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.5s;
transition-duration:.5s
}
.hvr-bounce-to-bottom:before { content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#cc2261; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
.hvr-bounce-to-bottom:hover a, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color:#fff }
.navbar-nav > li > a:hover { color:#ff0006 !important }
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66) }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#ff0006 !important; background-color:transparent}
.banner {float:left; width:100%;}
.videocss{ width:100%; height:600px;}
.banner-title { padding:0em 0; position:relative }
.banner-text { width:100% }
.banner-text h2 { font-size:4em; color:#fff; text-shadow:2px 2px #000 }
.banner-text p { font-size:2.5em; color:#ffad06; margin:1em 0; letter-spacing:1px }
a.more { font-size:1.1em; color:#fff; background-color:#cc2261; padding:.3em 1em; line-height:38px }
a.more:hover { background-color:#fff; color:#cc2261 }
#slider3, #slider4 { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0 auto }
.rslides_tabs { list-style:none; padding:0; background:rgba(0, 0, 0, .25); box-shadow:0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -moz-box-shadow:0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -webkit-box-shadow:0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); font-size:18px; list-style:none; margin:0 auto 50px; max-width:540px; padding:10px 0; text-align:center; width:100% }
.rslides_tabs li { display:inline; float:none; margin-right:1px }
.rslides_tabs a { width:auto; line-height:20px; padding:9px 20px; height:auto; background:transparent; display:inline }
.rslides_tabs li:first-child { margin-left:0 }
.rslides_tabs .rslides_here a { background:rgba(255, 255, 255, .1); color:#fff; font-weight:700 }
.events { list-style:none }
.callbacks_container { float:left; width:100% }
.callbacks { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0 }
.callbacks li { position:absolute; width:100%; left:0; top:0 }
.callbacks img { position:relative; z-index:1; height:auto; border:0 }
.callbacks_nav { position:absolute; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); top:47%; left:6%; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:32px; width:32px; background:transparent url(../images/icons.png) no-repeat 0 0 }
.callbacks_nav:active { opacity:1 }
.callbacks_nav.next { left:auto; right:9%; background:url(../images/icons.png)no-repeat -37px 0 }
#slider3-pager a, #slider4-pager a { display:inline-block }
#slider3-pager span, #slider4-pager span { float:left; width:100px; height:15px; background:#fff; display:inline-block; border-radius:30em; opacity:.6 }
#slider3-pager .rslides_here a, #slider4-pager .rslides_here a { background:#FFF; border-radius:30em; opacity:1 }
#slider3-pager a, #slider4-pager a { padding:0 }
#slider3-pager li, #slider4-pager li { display:inline-block }
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0 }
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; position:relative; display:block; float:left }
.rslides img { height:auto; border:0; width:100% }
.callbacks_tabs { list-style:none; position:absolute; bottom:19%; z-index:111; left:14%; padding:0; margin:0 }
.slider-top { text-align:center; padding:10em 0 }
.slider-top h1 { font-weight:700; font-size:48px; color:#010101 }
.slider-top p { font-weight:400; font-size:20px; padding:1em 7em; color:#010101 }
.slider-top ul.social-slide { display:inline-flex; margin:0; padding:0 }
ul.social-slide li i { width:70px; height:74px; background:url(../images/img-resources.png)no-repeat; display:inline-block; margin:0 15px }
ul.social-slide li i.win { background-position:-6px 0 }
ul.social-slide li i.android { background-position:-110px 0 }
ul.social-slide li i.mac { background-position:-215px 0 }
.callbacks_tabs li { display:inline-block; margin:0 .5em }

.copy{float:left; width:330px; color:#4b4b4b;}

.external-links{
	width:150px;
	float:right;
	}
.external-links ul{ margin:0px; padding:0px;}
.external-links li{ float:left; width:33px; height:auto; list-style:none;}


@media screen and (max-width: 600px) {
.callbacks_nav {
top:47%
}
}
.callbacks_tabs a { visibility:hidden }
.callbacks_tabs a:after { content:"\f111"; font-size:0; font-family:FontAwesome; visibility:visible; display:block; height:16px; border-radius:17px; width:17px; display:inline-block; background:#cc2261; border:2px solid #fff }
.callbacks_here a:after { background:#B3AFA6 }
.about { padding:5em 0; background-image:url(../images/stripes-bg.gif); background-repeat:repeat; width:100%;}
.about h3{ width:70%; text-align:center; margin-left:35%; padding:10px 0px 30px;} 
.white_colour{ background-color:#FFF; padding:2em 0em;}
.marin{ margin:50px 0px; height:auto;}
h3.title { color:#ffad06; font-size:3em; margin-bottom:1em; text-align:center;}
.about h4 { font-size:1.3em; color:#000; margin:0 0 .5em; line-height:1.6em }
.about p { color:#555; font-size:1.1em; line-height:2em }
.about-left img { width:100% }
.team-grids { position:relative }
.team { padding:5em 0 }
.team-info { margin-top:5em }
.team-grids a { overflow:hidden; position:relative; display:block }
.captn h4 { color:#fff; font-size:1.8em; margin-top:2px }
.captn p { font-size:1.1em; margin-top:.5em }
.team-grids a .captn { display:inline-block; height:100%; width:100%; color:#fff; position:absolute; bottom:-84%; right:0; background-color:rgba(255, 173, 6, 0.88); padding:5% 10%; text-align:center; -o-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-webkit-transition:all .3s ease;
transition:all .3s ease
}
.team-grids a:hover .captn { width:100%; bottom:0; padding:50% 10% }
.special { padding:0em 0 }
.special p { color:#555; font-size:1.1em; line-height:1.8em; margin-bottom:1.5em }
.special h6 { font-size:1.1em; color:#01553D; line-height:1.6em; margin-bottom:.3em }
.progress { height:16px; margin-bottom:15px }
.progress-bar { background-color:#B3AFA6; line-height:15px }
.ss_box { padding:5em 0; background:url(../images/parallex-stores.jpg) fixed; background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -moz-background-size:cover; -ms-background-size:cover }
.ss_box h3.title { color:#fff; text-align:center;  
text-transform: uppercase; line-height:1.5em; padding:50px 0px 30px 0px; margin:0px;}
.ss_box h4.sstext{color:#fff; text-align:center; font-size: 3.1em; margin:0px; padding:0px 0px 30px 0px;}

.adds{ width:100%; float:left; height:auto; }
.colour_1{ background-color:#121212; text-align:right; color:#fff; font-size:1.5em; padding:15px 10px 15px 0px;}
.colour_2{ background-color:#242424;  text-align:left; color:#fff; font-size:1.5em; padding:30px 0px 30px 10px;}

.work-row-grids { text-align:center; margin:3em 0 }
.work-row-grids h4 { font-size:1.4em; color:#fff; margin:.5em 0 .2em; line-height:1.6em }
.work-row-grids p { font-size:1em; color:#847F7F; line-height:1.5em; width:60%; margin:0 auto; font-size:1.1em; color:#B7B1B1; line-height:1.5em; width:60%; margin:0 auto }
.work-grids-img img { border:1px solid #555; padding:16px; border-radius:68px }
.work-grids-img { width:80px; height:80px; border-radius:50%; border:2px solid #ffad06; margin:0 auto; text-align:center; position:relative }
.work-row-grids span.glyphicon { font-size:2.5em; text-align:center; padding:.55em .2em; color:#fff }
.work-grids-img span { position:relative; z-index:100; transition:all .3s ease 0
}
.work-grids-img:before { content:''; width:100%; height:100%; border-radius:50%; background:#ffad06; position:absolute; top:0; left:0; z-index:10; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); transition:all .3s ease 0
}
.work-row-grids:hover .work-grids-img span { -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9) }
.work-row-grids:hover .work-grids-img:before { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1) }
.portfolio { padding:5em 0; background-image:url(../images/stripes-bg.gif);}
.portfolio p { font-size:1.1em; color:#fff; line-height:1.9em; width:100%; margin:0 auto; padding:1em 0; text-align:center; font-weight:700 }
.view { width:360px; height:245px; margin:10px; float:left; border:10px solid #fff; overflow:hidden; position:relative; text-align:center; -webkit-box-shadow:1px 1px 2px #BCBCBC; -moz-box-shadow:1px 1px 2px #BCBCBC; box-shadow:1px 1px 2px #BCBCBC; cursor:default; padding:0 }
.view .mask, .view .content { width:341px; height:225px; position:absolute; overflow:hidden; top:0; left:0 }
.view img { display:block; position:relative }
.view p { font-style:italic; font-size:1.1em; position:relative; color:#fff; text-align:center; margin:5em auto 0; width:63% }
.view-fourth img {
-webkit-transition:all .4s ease-in-out .2s;
-moz-transition:all .4s ease-in-out .2s;
-o-transition:all .4s ease-in-out .2s;
-ms-transition:all .4s ease-in-out .2s;
transition:all .4s ease-in-out .2s; -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1 }
.view-fourth .mask { background-color:rgba(0, 0, 0, 0.8); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transform:scale(0) rotate(-180deg); -moz-transform:scale(0) rotate(-180deg); -o-transform:scale(0) rotate(-180deg); -ms-transform:scale(0) rotate(-180deg); transform:scale(0) rotate(-180deg); -webkit-transition:all .4s ease-in;
-moz-transition:all .4s ease-in;
-o-transition:all .4s ease-in;
-ms-transition:all .4s ease-in;
transition:all .4s ease-in;
-webkit-border-radius:0; -moz-border-radius:0; border-radius:0 }
.view-fourth p { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.view-fourth:hover .mask { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transform:scale(1) rotate(0deg); -moz-transform:scale(1) rotate(0deg); -o-transform:scale(1) rotate(0deg); -ms-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); -webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s
}
.view-fourth:hover img { -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; -webkit-transition-delay:0; -moz-transition-delay:0; -o-transition-delay:0; -ms-transition-delay:0; transition-delay:0 }
.view-fourth:hover p { -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; -webkit-transition-delay:.5s;
-moz-transition-delay:.5s;
-o-transition-delay:.5s;
-ms-transition-delay:.5s;
transition-delay:.5s
}
.testimonials { background-color:#2D2B2B; padding:5em 0; text-align:center }
.testimonials h3.title { color:#fff }
.sap_tabs { clear:both }
.tab_box { background:#fd926d; padding:2em }
.top1 { margin-top:2% }
.resp-tabs-list { width:35%; list-style:none; padding:0; margin:0 auto 3em }
.resp-tab-item { cursor:pointer; padding:3px; display:inline-block; margin:0 .5em; list-style:none; width:22%; border:1px solid #202429; -webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.resp-tab-item:hover { text-shadow:none; color:#4fafa0 }
.resp-tab-active { text-shadow:none; color:#fff; border:1px solid #fff }
.resp-tabs-container { padding:0; clear:left }
h2.resp-accordion { cursor:pointer; padding:5px; display:none }
.resp-tab-content { display:none }
.resp-content-active, .resp-accordion-active { display:block }
@media only screen and (max-width:480px) {
.resp-tabs-container {
padding:10px
}
.resp-vtabs .resp-tabs-container {
border:none;
float:none;
width:100%;
min-height:initial;
clear:none
}
.resp-accordion-closed {
display:none!important
}
}
.view1.view-first { width:71%; margin:0 auto; padding:2em; border:1px solid #fff }
.view1.view-first h5 { color:#fff; font-size:1.2em; letter-spacing:1px; margin:0 0 1em }
.view1.view-first p { color:#B7B1B1; font-size:1.1em; line-height:1.8em }
.contact-form { padding:5em 0 }
.map { padding:0 0 0em!important; margin-top:0em;}
.map iframe { width:100%; height:400px; border:0 }
.contact-left p { font-size:1.1em; color:#555; line-height:1.8em }
.contact-left ul { margin:1.5em 0 0; padding:0 }
.contact-left ul li { display:block; padding:.2em 0; font-size:15px; color:#555 }
.contact-left ul li a { text-decoration:none; color:#555; transition:.5s all
}
.contact-left ul li a:hover { color:#01553d; padding-left:15px }
.contact-left ul li span { background:url(../images/iconsprite.png)no-repeat -20px 0; margin-right:.6em; display:inline-block; width:12px; height:13px; vertical-align:middle }
.contact-left ul li span.ph-no { background:url(../images/iconsprite.png)no-repeat -32px 1px }
.contact-left ul li span.mail { background:url(../images/iconsprite.png)no-repeat 1px 1px; width:16px }
.contact-right form { text-align:right }
.contact-form-left p { font-size:15px; color:#747474; line-height:1.5em }
.contact-right input[type="text"] { border:1px solid rgba(189, 189, 189, 0.5); width:32.4%; margin:0 0 1em; outline:none; font-size:13px; color:#5b5b5b; padding:10px 12px; -webkit-appearance:none }
.contact-right input[type="email"] { border:1px solid rgba(189, 189, 189, 0.5); margin:0 .5em 1em; outline:none; font-size:13px; color:#5b5b5b; padding:10px 12px; width:32%; -webkit-appearance:none }
.contact-right textarea { border:1px solid rgba(189, 189, 189, 0.5); outline:none; font-size:13px; color:#5b5b5b; padding:10px 12px; width:100%; resize:none; height:180px; -webkit-appearance:none }
.contact-right input[type="submit"] { border:1px solid #01553D; padding:.7em 0; width:22%; margin-top:.8em; font-size:1.1em; color:#01553D; letter-spacing:1px; outline:none; background-color:#fff; transition:.5s all ease;
-webkit-transition:.5s all ease;
-moz-transition:.5s all ease;
-o-transition:.5s all ease;
-ms-transition:.5s all ease;
-webkit-appearance:none }
.contact-right input[type="submit"]:hover { background-color:#01553D; color:#fff }
.footer { text-align:left; padding:7px 0; background-color:#000; z-index: 100;}
.footer p { color:#000; font-size:1em }
.footer p a { color:#6e6e6e; margin-left:2px }
.footer p a:hover { color:red; text-decoration:none }
#toTop { display:none; text-decoration:none; position:fixed; bottom:3%; right:3%; overflow:hidden; width:32px; height:32px; border:none; text-indent:100%; background:url(../images/move-up.png) no-repeat 0 0 }
#toTopHover { width:32px; height:32px; display:block; overflow:hidden; float:right; opacity:0; -moz-opacity:0; filter:alpha(opacity=0) }
.texbox{ text-align:center;}
.texbox h2{text-align:center;  padding:0.5em 0em;}
.texbox h4{text-align:center; font-size:1.8em;}
.texbox h5{text-align:center; font-size:1.1em; padding: 0em 0.2em 3.2em 3.2em;}

.enquiry{
	width:30%;
	right:5%;
   background: rgba(0, 0, 0, 0.50);
	position:absolute;
	z-index:100;
	top:8em;
	padding:2em;
	
}
.enquiry h2{font-size:16px;color:#FFFFFF;padding:10px 0px 0px 12px;font-weight:bold; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.enquiry ul{
	float:right;
	margin:0px;
	padding:0px;
	display:block;
	padding:10px;
	}
.enquiry ul li{
	list-style:none;
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	}
.submit01 {
	float: left;
	cursor:pointer;
	margin-right:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#FFFFFF; 
	border:1px solid #fd9c03; 
	line-height:20px;
	padding:5px 20px;
	text-align:center;
	background-color:#fd9c03;}
.submit01:hover {
	background-color:#484747;
		border:1px solid #484747; 
}
.highlitedregpackage{
    padding: 4px 12px;
    background: red;font-weight: bold;
    color: #ffffff;
}

.regpackages{
    padding: 40px 10px 30px;
}
.regpackages p{
    font-size: 16px;
    text-align: center;color: #000000;font-weight: 600;
}
.regpackages h3{
    font-size: 28px;
    color: #000000;text-align: center;text-transform: uppercase;font-weight: 400;margin-bottom: 20px;
}
.table-bordered th{
    background: transparent;
    border: 0;
    border-bottom: 1px dashed #ffffff;
    color: #ffffff;
}
.table{
    font-size: 16px;color: #000000;
}
.table-bordered {
    border: 1px solid #ccc;
}
.tblhead{
    background: #21b7f2;color: #ffffff !important;
}
.btn_s{
	position:absolute;
	width:90px;
	height:20px;
	margin:29px 10px 10px 499px;
background-image:url(images/but_s.png);
background-repeat:no-repeat;}

.innerbox2 {
	float:left;
	border:none;
	width:100%;
	font-size:13px;
	font-family:"Century Gothic";
	margin-bottom:10px;
    color:#606060;
	padding:5px 5px 5px 10px;
	line-height:20px;
	
	background-color:#fff;
	border:solid 1px #fff;
	}
	
.innerbox2:hover {
	border:solid 1px #eb891e;
	-moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
	}


.innerbox2:focus {
	color:#4d4d4d;
background-color:#fff;
-moz-box-shadow:0px 0px 3px #d02e2e;
    -webkit-box-shadow:0px 0px 3px #d02e2e;
    box-shadow:0px 0px 3px #d02e2e;
border:solid 1px #eb891e;
	}


.Enquiry_Heading3{
	font-family:Candara;
	font-style:normal; 
	font-size:20px; 
	color:#000;
	line-height:20px;
	padding-bottom:20px;
	font-weight:bold;}


.textarea2{
	float:left;
	width:100%;
	height:120px;
	margin-bottom:10px;
   color:#606060;
	padding:10px 5px 8px 5px;
	line-height:22px;
	font-family:"Century Gothic";
	font-size:13px;
	
	background-color:#fff;
	border:solid 1px #fff;
	}
	
.textarea2:focus {
color:#4d4d4d;
-moz-box-shadow:0px 0px 3px #067cc0;
-webkit-box-shadow:0px 0px 3px #067cc0;
box-shadow:0px 0px 3px #067cc0;
background-color:#fff;
border:solid 1px #3f3f3f;
}
.navbar-nav > li > a {
    padding: 19px 6px 19px 18px;
    font-size: 16px;
	color:#000 !important;
}
.navbar-nav > li{margin-right: 7px;}
.navbar-nav > li{background-image:url(../images/menu-slas.png); background-repeat:no-repeat;color:#fff; background-position:center left;}
.navbar-nav > li:first-child {background-image:none;s}
.height{ height:532px;}
.inner-position{position:relative;}
.inner-position-text { position: absolute; top:30px; left: 5%; right: 5%; z-index: 2;}
.about-text{background-color:rgba(13, 0, 0, 0.8); width:100%; float:left; padding:0 15px 15px 15px; border-radius: 10px;font-family: 'Work Sans', sans-serif;}
.theme-title{background:url(../images/labale.png);background-position:center center;background-repeat:no-repeat;text-align:center;margin-top:-4px;font-family:"Futura Bk BT";padding:3px 0;font-weight:bold;}
.about-text h3{ color: #ffffff; font-size: 20px;}
.about-text p {font-size: 13px; margin: 10px 0 0; color: #fff;}
.about-text .sec_serviceaccordion p {color: #000;}
.text-ab-bg{ background:#000;color: #949494; border-radius:5px;}
.box{width:100%; margin-bottom:20px; float:left;background-color:#000; border-radius:10px; padding:15px 0;}
.navbar-brand{padding:0;}
.services{ width:100%; float:left;font-family: 'Work Sans', sans-serif; font-size:13px;padding: 5px 10px;}
.text-box{margin-bottom: 15px; border: 1px solid #333; width: 100%; float: left;}
.hovereffect {
  width: 100%;
  height:160px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-bottom:15px;
}

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter:url(../images/hover.png);
  filter: brightness(0.6);
  -webkit-filter: brightness(0.1);
}

.hovereffect h2 {
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #f81107;
  padding:0.5em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #f81107;
  padding:10px 15px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.no-padding-left{padding-left:0;}
.padding-left{padding-left:15px;}
.address{width:100%; float:left;font-family: 'Work Sans', sans-serif; font-size:14px; color:#b1b1b1;}
.contact{ width:100%; float:left; padding:15px;background: rgba(0, 0, 0, 0.8); border-radius: 5px; font-size:15px !important;}
.contact > h2{ margin-bottom:20px;}
.contact input{ font-size:14px !important}
.contact textarea{ font-size:14px !important}
.btn-default-my{background-color:#ff0006; color:#fff;}
.sec_serviceaccordion { padding-top: 10px;}
.navbar-brand > img { margin-top: -8px;}

.contentBanner {background:rgba(0, 71, 121, 0.62); padding:10px; width:90%; border-radius:4px; bottom:30px; position: absolute; left:5%; font-size:16px; color:#fff; font-style:italic;}
.taglineBanner {position:absolute;top: 20%;left: 100px; background: rgba(255, 51, 55, 0.63); padding: 25px; border-radius: 2px;}
.taglineBanner h2 {margin:0;color:#fff;}
.bxaboutImages {width:100%;margin-top:10px;}
.bxaboutImages ul {width:100%;list-style:none;margin:0;}
.bxaboutImages ul li {display:inline-block;width:24%;}
.bxaboutImages ul li img {width:100%;}





/*----------------------   Sayed Arif   ---------------------*/
@media(max-width:1440px) {
.callbacks_tabs {
bottom:19%
}
}
@media(max-width:1366px) {
.callbacks_tabs {
left:7%
}
.banner {
background-position:-131px 0
}
.callbacks_nav {
left:1%
}
.callbacks_nav.next {
background-position:-37px 0
}
.callbacks_tabs {
left:4%
}
}
@media(max-width:1280px) {
.banner-title {
padding:11em 0
}
.banner {
min-height:530px
}
.banner-text h2 {
font-size:3.8em;
color:#fff
}
.work-row-grids {
margin:1em 0 4em
}
}
@media(max-width:1080px) {
.banner {
min-height:450px
}
h1 a.navbar-brand {
font-size:1.8em;
padding:.65em 0
}
.banner-title {
padding:9em 0
}
.banner-text {
margin-left:4em
}
.callbacks_tabs {
left:9.58%;
bottom:16%
}
.contact-right input[type="submit"] {
padding:.5em 0
}
.callbacks_nav {
left:3%
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:3.5em 0
}
.about h4 {
font-size:1.2em
}
.team-grids a:hover .captn {
padding:37% 10%
}
.team-info {
margin-top:4em
}
.view {
width:293px;
height:200px
}
.view .mask, .view .content {
width:280px;
height:180px
}
.resp-tab-item {
width:27%
}
.view p {
margin:3.5em auto 0
}
.contact-right input[type="submit"] {
padding:.5em 0
}
}
@media(max-width:1024px) {
.map iframe {
height:280px
}
.contact-right input[type="text"] {
width:32%
}
}
@media(max-width:991px) {
.navbar-nav > li > a {
padding:1.7em 1em;
font-size:1.3em
}
h1 a.navbar-brand {
font-size:1.8em;
padding:.63em 0
}
.banner-text {
margin-left:0;
width:39%
}
.banner-title {
padding:8em 0
}
.banner-text h2 {
font-size:3.6em
}
.callbacks_tabs {
left:11%;
bottom:16%
}
.banner {
min-height:380px
}
.callbacks_tabs li {
margin:0 .3em
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:3em 0
}
h3.title {
font-size:2.6em;
margin-bottom:.8em
}
.about-left {
float:left;
width:50%
}
.about-right {
float:right;
width:50%;
padding:0
}
.team-info {
margin-top:3em
}
.team-grids {
float:left;
width:25%;
padding:0 .5em
}
.captn h4 {
margin-top:0;
font-size:1.6em
}
.work-row-grids {
width:30%;
margin:1em 0 3em
}
.work-row-grids p {
width:90%
}
.view {
width:220px;
height:151px
}
.view .mask, .view .content {
width:201px;
height:132px
}
.view p {
width:84%;
margin:2.4em auto 0;
font-size:1em
}
.resp-tab-item {
width:35%;
width:12%;
margin:0
}
.resp-tabs-list {
width:100%;
margin:0 auto 2em
}
.view1.view-first {
width:100%
}
.map {
padding:0 0 3em!important
}
.contact-left p {
margin-top:2em;
width:70%
}
}
@media(max-width:768px) {
h1 a.navbar-brand {
font-size:1.6em;
padding:.7em 0
}
.banner-text {
margin-left:5em
}
.banner-text h2 {
font-size:3.2em
}
.banner-title {
padding:7em 0
}
.callbacks_tabs a:after {
height:12px;
width:12px
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:2.5em 0
}
h3.title {
font-size:2.4em
}
.about p {
font-size:1em;
line-height:1.8em
}
.work-row-grids span.glyphicon {
font-size:2em;
padding:.8em .2em
}
.work-row-grids {
width:29%;
margin:1em 1em 3em
}
}
@media(max-width:640px) {
.header-info {
float:left
}
form.navbar-form {
float:right;
width:35%
}
.header-info p {
font-size:1.1em;
margin-top:.6em
}
.header-info p:before {
background-position:-51px 0;
margin-right:8px
}
h1 a.navbar-brand {
font-size:1.5em;
padding:.6em 0;
margin-left:.3em!important
}
button.navbar-toggle {
border-color:#B3AFA6!important;
margin:1.1em 2em;
background-color:#B3AFA6
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color:#B3AFA6
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#fff
}
.navbar-nav {
margin:0
}
.navbar-nav > li > a {
padding:1em 0;
font-size:1.2em;
text-align:center
}
.navbar-default .navbar-nav > li > a {
color:#01553D
}
.banner-title {
padding:5em 0
}
.banner {
min-height:330px
}
.banner-text h2 {
font-size:3em
}
.banner-text p {
font-size:1.1em;
margin:.8em 0;
letter-spacing:0
}
.callbacks_tabs {
left:12%;
bottom:10%
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:2em 0
}
h3.title {
font-size:2.2em
}
.captn h4 {
font-size:1.5em
}
.team-grids a .captn {
bottom:-80%
}
.team-grids a:hover .captn {
padding:26% 10%
}
.captn p {
font-size:1em
}
.special p {
margin-bottom:1em
}
.special h6 {
font-size:1em
}
.work-row-grids {
width:33%;
margin:1em 0;
float:left
}
.view {
width:187px;
height:130px;
border:6px solid #fff;
margin:5px
}
.view .mask, .view .content {
width:176px;
height:118px
}
.view p {
margin:2em auto 0
}
.resp-tab-item {
width:15%
}
.view1.view-first {
padding:1.5em
}
.map iframe {
height:250px
}
.map {
padding:0 0 2em!important
}
.contact-right {
padding:0
}
}
@media(max-width:480px) {
h1 a.navbar-brand {
font-size:1.2em;
padding:.75em 0
}
input.form-control {
padding:5px 28px 5px 10px;
font-size:1em
}
.navbar-nav > li > a {
padding:.8em 0;
font-size:1.1em
}
.banner-title {
padding:3em 0
}
.banner-text h2 {
font-size:2.6em
}
.banner {
min-height:259px
}
.banner-text {
margin-left:3em
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:1.5em 0
}
h3.title {
font-size:2em;
margin-bottom:.6em
}
.about-left {
float:none;
width:100%
}
.about-right {
float:right;
width:100%;
margin-top:1em
}
.team-info {
margin-top:2em
}
.team-grids {
width:50%;
padding:1em
}
.team-grids a .captn {
bottom:-85%
}
.team-grids a:hover .captn {
padding:39% 10%
}
.special-grids {
padding:0
}
.progress {
margin-bottom:10px
}
.work-grids-img {
width:70px;
height:70px
}
.work-row-grids span.glyphicon {
font-size:1.8em;
padding:.8em .2em
}
.work-row-grids h4 {
font-size:1.2em
}
.view {
width:206px;
height:141px
}
.view .mask, .view .content {
width:195px;
height:129px
}
.view p {
margin:2.2em auto 0
}
.resp-tab-item {
width:20%
}
.resp-tabs-list {
margin:0 auto 1em
}
.contact-right input[type="email"] {
margin:1em 0;
width:100%;
padding:8px 12px
}
.contact-right input[type="text"] {
width:100%;
margin:0;
padding:8px 12px
}
.contact-right textarea {
height:150px;
margin-top:1em
}
.contact-right input[type="submit"] {
width:28%;
font-size:1em
}
.contact-left p {
margin-top:1.5em;
width:100%
}
.contact-left {
padding:0
}
.contact-left ul {
margin:.5em 0 0
}
.footer p {
font-size:1em
}
.navbar-form button.btn.btn-default {
top:19%
}
}
@media(max-width:320px) {
.header-info {
float:none;
margin-bottom:.5em
}
form.navbar-form {
float:none;
width:69%;
margin:0 auto!important
}
input.form-control {
padding:5px 31px 5px 10px
}
.header-info p {
margin-top:0;
text-align:center
}
.header {
padding:.6em 0
}
button.navbar-toggle {
margin:1.1em 1em
}
.banner-title {
padding:2em 0 3em
}
.banner-text h2 {
font-size:2.2em
}
.banner-text p {
margin:.5em 0
}
.banner-text {
margin-left:0;
width:71%
}
.callbacks_tabs {
left:3%;
bottom:5%
}
.callbacks_nav {
top:85%;
left:72%;
height:22px;
width:21px;
background-size:301%
}
.callbacks_nav.next {
right:10%;
background:url(../images/icons.png)no-repeat -24px 0;
background-size:301%
}
.about, .team, .special, .services, .portfolio, .testimonials, .contact-form {
padding:1em 0
}
h3.title {
font-size:1.8em
}
.about-left {
padding:0
}
.team-info {
margin-top:1em
}
.team-grids {
padding:.3em
}
.work-row-grids {
width:50%
}
.work-row-grids span.glyphicon {
padding:.7em 0
}
.work-grids-img {
width:65px;
height:65px
}
.work-row-grids p {
width:100%;
font-size:1em
}
.captn h4 {
font-size:1.3em
}
.team-grids a .captn {
bottom:-80%
}
.view {
width:260px;
height:162px
}
.view .mask, .view .content {
width:242px;
height:150px
}
.view p {
margin:3em auto 0
}
.resp-tab-item {
width:32%
}
.contact-left p {
font-size:1em
}
.contact-left ul li {
font-size:14px
}
.contact-right input[type="submit"] {
width:34%;
padding:.3em 0
}
}
.videobanner{background:url(../media/IFHNOS.mp4); height:500px; width:100%;}

.btGutter{
    background: #004365;padding: 8px;
    color: #ffffff;
}
.btGutter a{
     color: #ffffff;
}
@media (max-width: 800px){
    .table.table-registration{border-collapse:collapse;}
    .table.table-registration thead{display: none}
    .table.table-registration tbody tr{display: block;width: 100%;margin-bottom: 0px}
    .table.table-registration tbody tr td{display: block;text-align: right;width: 100%;justify-content: space-between;font-size: 13px;}
    .table.table-registration tbody tr td:before{content: attr(data-label);font-weight: 500;text-transform: uppercase;text-align: left;vertical-align: middle;float: left;}

    .table.table-registration tbody tr td.mid-title{
        text-align: center;
    }
    .table-bordered td, .table-bordered th{

            border: 1px solid transparent;

    }
    .table-bordered{
        border: 1px solid transparent; 
    }
    .highlitedregpackage{
        padding: 0px 0px;
        background: red;font-weight: bold;
        color: #ffffff;
    }

}