@charset "utf-8";
/* CSS Document */
body a {transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;}
html, body{  font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size: 100%; -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; background: #000000; margin:0;}
body { font-size: 14px; line-height: 1.42857143;}	 
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;} 
/* IMPORT FONTS */
@font-face {  font-family: 'OpenSans-Regular'; src: url(../fonts/OpenSans-Regular.ttf)format('truetype'); }
@font-face { font-family: 'Pacifico'; src: url(../fonts/Pacifico.ttf)format('truetype');}
@font-face { font-family: 'OpenSans-CondLight'; src: url(../fonts/OpenSans-CondLight.ttf)format('truetype');}
@font-face { font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}
/* Text */
a { background: transparent;  color: #fff;
    text-decoration: underline;}
a:active,
a:hover { outline: 0;}
a:hover,
a:focus { color: #99CCFF; text-decoration: underline;}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
h1 { margin: .67em 0; font-size: 2em; line-height: 1.2;}
h1, .h1 { font-size: 36px;}
h2, .h2 { font-size: 30px;}
h3, .h3 { font-size: 24px;}
h4, .h4 { font-size: 20px;}
h5, .h5 { font-size: 18px;}
h6, .h6 { font-size: 16px;}
p { font-size:16px; margin: 0 0 10px;}
/* Class Styles */
.bodyText {font:14px arial; color:#FFFFFF; line-height:22px; letter-spacing:.1em; margin-top:0px;}
.bodyTextLg {font:16px arial; color:#FFFFFF; line-height:20px; letter-spacing:.1em; margin-top:0px;}
.pageName{font:22px arial; color: #2f81b7; line-height:20px; letter-spacing:.1em;}
.subText {font:18px arial; color:#FFFFFF; line-height:20px; font-weight:bold; 
	letter-spacing:.2em; margin-top:0px;}
.sideHeader {font: 15px arial; color: #FFFFFF;font-weight: bold; letter-spacing: .1em; line-height: 16px;}
.subHeader {font:18px; color: #2f81b7; font-weight:bold; letter-spacing:.1em; line-height:16px;}	
.sidebarHeader {font:14px arial; color: #FFFFFF; font-weight:bold; letter-spacing:.1em; line-height:16px;}	
.detailText {font:11px arial; color:#ffffff; line-height:16px; letter-spacing:.1em;}
.smallText {color:#CCCCCC; font-family: arial; font-size: 10px; visibility: visible;}
.content { padding: 16px; color:#fff; width:70%;}
.white { color:#fff; line-height:2em; }	
.tag { color:#fff; font-variant:small-caps; } 
.blue { color: #2f81b7; }
.small-box { float:right; width:25%; color:#fff; background-color:#333; padding-left:15px; font-size:14px; }
.box { float:right; width:75%; border:thick; align-items:flex-start;}
/* Lists */
li { font-size:16px;}
ul, ol { margin-top: 0; margin-bottom: 10px;}
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0;}
.list-unstyled { padding-left: 0; list-style: none;}
.list-inline { padding-left: 0; margin-left: -5px; list-style: none;}
.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px;}
/*-- Banner --*/
.banner-top{ padding:1em 0;}
.banner{ background: transparent url(../images/banner.jpg) no-repeat 0px 0px; background-size: cover; padding: 1em 0;}
.banner-bottom{ padding: 5em 0;}
.banner-text { text-align: center;}
.banner-text h3 { font-size: 4em; margin: 0; color: #333333; font-family: 'OpenSans-CondLight';}
.banner-text p { color: #A0A0A0; font-size: 1.2em; margin: 2em auto 0 auto; width: 72%; line-height: 1.8em;}
.banner-bottom-grids{ margin: 6em 0 0 0;}
.banner-bottom-grid { text-align:center;}
.banner-bottom-grid h4 { color: #777; margin: 1em 0 1em 0; font-size: 1em; font-weight: 600;}
.banner-bottom-grid p { color: #949494; font-size: .9em; margin: 0 auto; line-height: 1.8em;}
/* Banner Clear */
.banner1-top{ padding:1em 0;}
.banner1{ background: transparent url(../images/banner1.png) no-repeat 0px 0px; background-size: cover; padding: 1em 0;}
.banner1-bottom{ padding: 5em 0;}
.banner1-text{ text-align: center;}
.banner1-text h3 { font-size: 4em; margin: 0; color: #333333; font-family: 'OpenSans-CondLight';}
.banner1-text p { color: #A0A0A0; font-size: 1.2em; margin: 2em auto 0 auto; width: 72%; line-height: 1.8em;}
.banner1-bottom-grids{ margin: 6em 0 0 0;}
.banner1-bottom-grid { text-align:center;}
.banner1-bottom-grid h4 { color: #777; margin: 1em 0 1em 0; font-size: 1em; font-weight: 600;}
.banner1-bottom-grid p { color: #949494; font-size: .9em; margin: 0 auto; line-height: 1.8em;}
/* Banner Clear */
.banner2-top{ padding:1em 0;}
.banner2{ background: transparent url(../images/banner3.png) no-repeat 0px 0px; background-size: cover; padding: 1em 0;}
.banner2-bottom{ padding: 5em 0;}
.banner2-text{ text-align: center;}
.banner2-text h3 { font-size: 4em; margin: 0; color: #333333; font-family: 'OpenSans-CondLight';}
.banner2-text p { color: #A0A0A0; font-size: 1.2em; margin: 2em auto 0 auto; width: 72%; line-height: 1.8em;}
.banner2-bottom-grids{ margin: 6em 0 0 0;}
.banner2-bottom-grid { text-align:center;}
.banner2-bottom-grid h4 { color: #777; margin: 1em 0 1em 0; font-size: 1em; font-weight: 600;}
.banner2-bottom-grid p { color: #949494; font-size: .9em; margin: 0 auto; line-height: 1.8em;}
/* Logo */
.tralogo {background-image:url(../images/box.png); background-repeat:no-repeat; height:135px; width:21%; float:left;}
@media screen and (max-width: 660px) {
.tralogo {background-image:url(../images/box-sm.png); background-repeat:no-repeat; height:70px;}
}
.header-top-left { background-image:url(../images/logo.png); background-repeat:no-repeat; height:60px; width:325px; float: left; color: #ffffff; font-size:1.5em;}
@media (max-width: 480px) {
.header-top-left { background-image:url(../images/logo-sm.png); background-repeat:no-repeat; height:29px; width:150px; float: left; color: #ffffff;}
}
@media (max-width: 660px) {
.content { padding: 5px; color:#fff; width:100%; } 
}
@media (max-width: 480px) {
.hide-for-mobile {display:none;} 
}
.phone{ top: 20% !important; 
	left: 5% !important;
    position: absolute !important;}
.details{ float:right;}
.details ul{ padding:0; margin:0;}
.details ul li{ display: inline-block; color: #38393B; margin-right: 8px; font-size: .9em; position: relative; margin: 0 1em;}
.details ul li.mail{ background: url(../images/msg.png) no-repeat 0px 1px; padding-left: 2em;}
.details ul li.location{ background: url(../images/location.png) no-repeat 0px 1px; padding-left: 2em;}
.details ul li a{ color: #ffffff; font-size: .9em;}
.details ul li a:hover{ text-decoration:none;}
.logo a{ font-size: 2.5em; padding-left:15%; color: #333; font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; text-decoration:none;}
.top-nav { text-align: left; width: 21%; margin: 0 0 0 0;}
.top-nav ul { padding: 0; margin: 0;}
.top-nav ul li { display: block; margin: .5em 0;}
.top-nav ul li a.active { color: #2f81b7;}
.top-nav ul li a { color: #FFFFFF; font-size: 1.3em; margin: 0; text-decoration: none;}
.top-nav ul li a:hover{ color: #2f81b7;}
/* Navigation Effect Brackets */
.nav-effect a::before,
.nav-effect a::after { display: inline-block; opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	-o-transition: -o-transform 0.3s,opacity 0.2s;
	-ms-transition:-ms-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;}
.nav-effect a::before { margin-right: 10px; content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-o-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);}
.nav-effect a::after { margin-left: 10px; content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);}
.nav-effect a:hover::before,
.nav-effect a:hover::after,
.nav-effect a:focus::before,
.nav-effect a:focus::after { opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);}
/* Icons */
.icons{ margin: 2em 0 0 0; width: 20%; text-align: center;}
.icons ul{ padding: 0; margin: 3em 0 0 0;}
.icons ul li{ display:inline-block; margin:0 .3em;}
.icons ul li a.facebook{ background: url(../images/social.png) no-repeat 0px 0px; width: 37px; height: 37px; display: block;}
.icons ul li a.twitter{ background: url(../images/social.png) no-repeat -37px 0px;}
.icons ul li a.chrome{ background: url(../images/social.png) no-repeat -75px 0px;}
.icons ul li a.facebook:hover{ opacity:.5;}	
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.glyphicon-th-large { font-size: 2em; color: #FFFFFF;}
.banner-bottom-grid:hover div.services-icon {
  -webkit-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;}
/*-- footer --*/
.footer { padding:1em 0; text-align:center; background:#333333;}
.footer p { color: #FFF; font-size: .9em; margin: 0;}
.footer p a { color:#FFF;}
.contact { padding: 4em 0;}
.address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143;}
/* Container */
.container { padding-right: 15px; padding-left: 5px; margin-right: auto; margin-left: 5px; width:100%;}
@media (min-width: 768px) {
  .container {  width: 750px;}
}
@media (min-width: 992px) {
  .container { width: 970px;}
}
@media (min-width: 1200px) {
  .container {
	width: 95%;
}
}
@media (max-width: 1080px) {
	.icons { width: 22%;}
	.about-right { background: #333333 none repeat scroll 0% 0%; padding: 1em 1em 0em; min-height: 235px;}
}
@media (max-width: 991px) {
	.banner { background: transparent url(../images/banner.jpg) no-repeat -91px 0px; background-size: cover;}
	.icons { width: 28%;}
	.top-nav { width: 29%;}
	.about-right { padding: 2em 2em 1em;}
	.banner-bottom-grid { width: 80%; margin: 0 auto 2em;}
	.testimonials { padding: 4em 0 7em;}
	.contact-grid { float: left; width: 33.33%;}
}
@media (max-width: 768px) {
	.banner { padding: 2em 0;}
}
@media (max-width: 640px) {
	.banner { background: transparent url(../images/banner.jpg) no-repeat -68px 0px; background-size: cover;}
	.logo a { font-size: 2em;}
	.top-nav ul li a { font-size: 1em;}
	.top-nav { width: 24%; margin: 1em 0 0 0;}
	.top-nav ul li { margin: .5em 0;}
	.icons ul { margin: 0 0 0 0;}
	.icons { width: 35%;}
	.banner-bottom { padding: 2em 0;}
	.banner-text h3 { font-size: 3em;}
	.banner-bottom-grids { margin: 3em 0 0 0;}
	.contact { padding: 2em 0;}
	.contact-info h3 { font-size: 3em;}
	.contact-grid-info h3 { font-size: 2em;}
	.contact-grid-list ul li { margin: .5em 0;}
	.contact-grid-list ul li a { font-size: .8em;}
	.contact-grid-list p { font-size: .8em;}
}
@media (max-width: 480px) {
	.header-top-left p { padding-left: 1.4em; font-size: .8em; background: url(../images/phone.png) no-repeat 0px 0px;}
	.details ul li.mail { padding-left: 1.8em;}
	.details ul li { margin: 0 .5em;}
	.top-nav { width: 29%;}
	.icons { width: 46%;}
	.icons ul li { margin: 0 0em;}
	.details ul li { font-size: 0.8em;}
	.details ul li.mail { background: url(../images/msg.png) no-repeat 0px 0px;}
	.banner { background: transparent url(../images/banner.jpg) no-repeat 0px 0px; background-size: cover;}
	span.menu { display: block; padding-bottom: .5em; cursor: pointer; color: #FFF; position: relative; }
	ul.nav1 { display: none;}
	.top-nav { text-align: center; padding: 0; margin: .5em 0 0 0;}
	.top-nav ul { padding: 0; margin: 0 auto; z-index: 9999; position: absolute; width: 100%; left: 0;}
	.top-nav ul.nav1 li { display: block; text-align: center; background: #333333; border-bottom: 1px ridge rgba(255, 255, 255, 0.28); margin: 0; width: 100%;}
	.top-nav ul li a { padding: .3em 0; display: block; float: none; color: #FFFFFF;}
	.banner-bottom { padding: 1em 0;}
	.banner-text h3 { font-size: 2em;}
	.banner-bottom-grids { margin: 2em 0 0 0;}
	.testimonials-info h3 { font-size: 2em;}
	.callbacks_tabs { left: 41%;top: 103%;}
	.contact { padding: 1em 0;}
	.contact-info h3 { font-size: 2em;}
	.contact-grid { float: none; width: 100%;}
	.contact-grid-list { margin-top: 1em;}
	.contact-grids { margin: 2em 0 0 0;}
	.contact-grid:nth-child(2){ margin:1em 0;}
	.news-info h3 { font-size: 2em;}
}
@media (max-width: 320px) {
	.header-top-left { float: none; width: 50%; margin: 0 auto;}
	.details { float: none;width: 100%; margin: .5em 0 0 0;}
	.details ul li { font-size: 0.78em; height: 19px; margin:0;}
	.logo a { font-size: 1.7em;}
	.top-nav { width:50%;}
	.icons ul li a.facebook { background: url(../images/social.png) no-repeat 0px 0px; width: 30px; height: 30px; display: block; background-size: 392%;}
	.icons ul li a.twitter { background: url(../images/social.png) no-repeat -30px 0px !important; background-size: 392% !important;}
	.icons { width: 50%;}
	.banner-bottom-grid h4 { font-size: .9em;}
	.banner-bottom-grid { width: 100%;}
	.banner-bottom-grid p { font-size: .8em;}
	.footer p { font-size: .8em;}
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  } }

/*===============================*/
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}