@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'MyriadPro-Light';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	outline:none;
}
@font-face {
 font-family: 'Conv_MYRIADPRO-BOLDCOND';
 src: url('../fonts/MYRIADPRO-BOLDCOND.eot');
 src: local('☺'), url('../fonts/MYRIADPRO-BOLDCOND.woff') format('woff'), url('../fonts/MYRIADPRO-BOLDCOND.ttf') format('truetype'), url('../fonts/MYRIADPRO-BOLDCOND.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MyriadPro-Light';
 src: url('MyriadPro-Light.eot') format('embedded-opentype');
 src: local('☺'), url('../fonts/MyriadPro-Light.woff') format('woff'), url('../fonts/MyriadPro-Lightttf') format('truetype'), url('../fonts/MyriadPro-Light.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'MyriadPro-Semibold';
 src: url('MyriadPro-Semibold.eot') format('embedded-opentype');
 src: local('☺'), url('../fonts/MyriadPro-Semibold.woff') format('woff'), url('../fonts/MyriadPro-Semibold.ttf') format('truetype'), url('../fonts/MyriadPro-Semibold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Conv_MYRIADPRO-COND';
 src: url('../fonts/MYRIADPRO-CONDeot');
 src: local('☺'), url('../fonts/MYRIADPRO-COND.woff') format('woff'), url('../fonts/MYRIADPRO-COND.ttf') format('truetype'), url('../fonts/MYRIADPRO-COND.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Bold';
  src: url('../fonts/MyriadPro-Bold.eot') format('embedded-opentype');
  src: local('☺'), url('../fonts/MyriadPro-Bold.woff') format('woff'), url('../fonts/MyriadPro-Bold.ttf') format('truetype'), url('../fonts/MyriadPro-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Conv_myriad';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
::-webkit-input-placeholder {
   color:#f2ca8c;
   font-family: 'Conv_myriad';
   font-size:16px;
}

:-moz-placeholder { /* Firefox 18- */
   color:#f2ca8c;
   font-family: 'Conv_myriad'; 
   font-size:16px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#f2ca8c;
   font-family: 'Conv_myriad'; 
   font-size:16px;
}

:-ms-input-placeholder {  
   color:#f2ca8c;
   font-family: 'Conv_myriad';
   font-size:16px;
}
strong{
	font-weight:bold !important;
}
.clearfix {
	clear:both;
	margin:0;
	padding:0;
}
.main {
	width:1170px;
	margin:0 auto;
}
.text-right{
	text-align:right !important;
}
.text-left{
	text-align:left !important;
}
.text-center{
	text-align:center !important;
}
.top {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 10px 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:9999999999999999999999999999999999;
}
.top-inner {
	background-color: rgba(60, 59, 59, 0.4);
	margin: auto;
	min-height: 100%;
	position: absolute;
	width: 100%;
	z-index: 999;
}
.home-icon{
	background:url(../images/home-effect.png) no-repeat;
	display:inline-block;
	width:27px;
	height:23px;
	transition: all 500ms linear 0s;
}
.home-icon:hover{
	background:url(../images/home-effect.png) 0 -24px no-repeat;
}
/*nav start*/
.navigation {
	width:100%;
	font-family: 'Conv_MYRIADPRO-COND';
}
#menu ul {
	padding:0px;
}
#menu ul li {
	margin:0px;
	padding:0px 15px;
	list-style:none;
	float:left;
	display:block;
	text-transform:uppercase;
	transition: all 0.4s ease-out 0s;
	text-align:center;
	position:relative;
	font-weight:bold;
	background-image:none;
}
#menu ul li:last-child {
	border-right:none;
}
#menu ul li a {
	padding: 5px 19px;
	line-height:25px;
	line-height:25px;
	vertical-align:middle;
	font-size:16px;
	display: block;
	color: #b5b5b5;
	text-decoration: none;
	text-transform:uppercase;
}
#menu li ul {
	display:none;
}
#menu li li {
	float:none;
	display:block;
	position:relative;
	text-align:left;
	width:155%;
	border-top:#d5d5d5 solid 2px;
	background:url(../images/arrow.png) no-repeat 10px 12px #ebebeb;
	border-right:none;
	padding:0;
}
#menu li li a {
	padding:10px 25px;
	line-height:14px;
	display:block;
	color:#656565;
	transition: all 0.4s ease-out 0s;
	font-size:16px;
	font-family: 'Conv_MYRIADPRO-COND';
}
#menu li:hover ul {
	display:block;
	position: absolute;
	z-index:88;
	margin:0px;
	padding:0px;
	float:left;
	width:auto;
}
#menu ul li a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-perspective: 600px;
	perspective: 600px;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
}
#menu ul li a:hover, #menu ul li a:focus {
	color: #fff;
}
#menu ul li a::before, #menu ul li a::after {
 position: absolute;
 top: 0;
 left:-4px;
 z-index: -1;
 box-sizing: content-box;
 padding:0 4px;
 width: 100%;
 height: 100%;
 content: '';
}
#menu li li a:hover {
	color:#fff;
	background:url(../images/white-arrow.png) no-repeat 10px 12px #000;
}
#menu ul li a::before {
 -webkit-transition: -webkit-transform 0.2s;
 transition: transform 0.2s;
 -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
 -webkit-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
}
 #menu ul li a:hover::before, #menu ul li a:focus::before {
 -webkit-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
/*
    Mobile Menu Core Style
*/

.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.438em 0.625em 0.438em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
	z-index:9999999999;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	line-height: 1.188em;
	float: left;
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: 0.125em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: 0.188em
}
.slicknav_nav {
	clear: both
}
.slicknav_nav ul, .slicknav_nav li {
	display: block
}
.slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
	cursor: pointer;
}
.slicknav_nav .slicknav_row {
	display: block;
}
.slicknav_nav a {
	display: block
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
	display: inline
}
.slicknav_menu:before, .slicknav_menu:after {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;
	text-decoration:none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #222222;
}
/* Button Text */
.slicknav_menu .slicknav_menutxt {
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	background-color: #f5f5f5;
}
.slicknav_menu {
	background:#000;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a {
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
	font-size:18px;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_row:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;
}
.slicknav_nav a:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
	margin-left:15px;
}
.slicknav_menu {
	display:none;
}
/*slider css*/
@media screen and (max-width: 65em) {
 .js #menu {
 display:none;
}
 .js .slicknav_menu {
 display:block;
}
.top {
	display:none;
}
}
/*nav end*/
.logo {
	width:665px;
	position:absolute;
	left:0;
	right:0;
	top:12%;
	margin:auto;
	z-index:99999;
}
.logo-inner {
	width:853px;
	position:absolute;
	left:8%;
	right:0;
	top:20%;
	z-index:99999;
}
.logo img, .logo-inner img {
	width:100%;
}
.slider{
	width:100%;
	margin:0 auto;
	position:relative;
}
.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;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.service_area{
	background:url(../images/services-bg.jpg) no-repeat;
	background-size:cover;
	position:relative;
	clear:both;
	text-align:center;
	z-index:999999999;
	padding:235px 0 164px;
}
.service_area h1{
	position:relative;
	text-transform:uppercase;
	color:#f2ca8c;
	font-size:36px;
	font-family: 'MyriadPro-Bold';
	margin:65px 0 30px;
	text-align:center;
	padding:15px 0;
}
.service_area h1:before{
	content:"";
	background:url(../images/heading-border.jpg) no-repeat;
	top:0;
	right:0;
	left:0;
	margin:auto;
	width:282px;
	height:1px;
	position:absolute;
}
.service_area h1:after{
	content:"";
	background:url(../images/heading-border.jpg) no-repeat;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	width:282px;
	height:1px;
	position:absolute;
}
.service_area p{
	font-family: 'MyriadPro-Light';
	color:#f2ca8c;
	font-size:18px;
	line-height:26px;
}
.service_area-inner{
	position:absolute;
	top:-250px;
}
.service{
	width:370px;
	padding:20px 20px 35px;
	box-sizing:border-box;
	float:left;
	margin:0 31px 0 0;
}
.service img{
	width:100%;
}
.service h2{
	font-family: 'MyriadPro-Semibold';
	color:#fff;
	font-size:24px;
	border-bottom:1px solid #fff;
	padding:0 10px 20px;
	margin:20px 0;
	display:inline-block;
	text-transform:uppercase;
}
.service p{
	font-family: 'MyriadPro-Light';
	color:#fff;
	font-size:18px;
	line-height:24px;
}
.brownbg{
	background:#b47136;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.brownbg img{
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.brownbg-inner{
	border:5px solid #7c491c;
}
.brownbg:hover{
	background:#7c491c;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.service:hover img{
		filter: grayscale(100%);		 
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.creambg{
	background:#bd8f48;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.creambg:hover{
	background:#886227;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.creambg img{
	
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.creambg-inner{
	border:5px solid #886227;
}
.greenbg{
	background:#66502d;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.greenbg:hover{
	background:#432f10;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.greenbg img{
	
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}

.greenbg-inner{
	border:5px solid #432f10;
}
.btnbrown {
	border: none;
	cursor: pointer;
	padding: 25px;
	display: inline-block;
	margin:65px 30px 15px 32px;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	border-bottom: 3px solid #825c20;
	color: #fff;
	font-family: 'MyriadPro-Semibold';
	font-size:18px;
	background:#bd8f48;
}
.btnbrown:hover{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	background:#825c20;
	border-bottom: 3px solid #bd8f48;
}

.btnbrown a {
	color:#FFFFFF;
	text-decoration:none !important;
}

/* General button style (reset) */
.viewmorebtn {
	color: inherit;
	background-color: rgba(130, 92, 32, 0.5);
	cursor: pointer;
	padding:10px 35px;
	display: inline-block;
	margin:70px 0px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	border:1px solid #825c20;
	color: #fff;
	font-family: 'MyriadPro-Bold';
	font-size:14px;
}
.viewmorebtn:hover{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	background:#f2ca8c;
	border:1px solid #f2ca8c;
	color:#fff;
}

.viewmorebtn a {
	color:#FFFFFF;
	text-decoration:none !important;
}

.darkbrownbtn {
	border: none;
	color: inherit;
	background: none;
	cursor: pointer;
	padding:10px 35px;
	display: inline-block;
	margin:35px 0px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	background:#392a20;
	border:3px solid #392a20;
	color: #f2ca8c;
	font-family: 'MyriadPro-Semibold';
	font-size:18px;
}
.darkbrownbtn:hover{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	background:#f2ca8c;
	border:3px solid #392a20;
	color:#fff;
}

.darkbrownbtn a {
	color:#FFFFFF;
	text-decoration:none !important;
}

.value-area{
	background:url(../images/browm-pattern.jpg);
	padding:60px 0 110px;
}
.value-area h1{
	position:relative;
	text-transform:uppercase;
	color:#392a20;
	font-size:36px;
	font-family: 'MyriadPro-Bold';
	margin:0px 0 30px;
	text-align:center;
	padding:15px 0;
}
.value-area h1:before{
	content:"";
	background:url(../images/heading-brown-bg.jpg) no-repeat;
	top:0;
	right:0;
	left:0;
	margin:auto;
	width:282px;
	height:1px;
	position:absolute;
}
.value-area h1:after{
	content:"";
	background:url(../images/heading-brown-bg.jpg) no-repeat;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	width:282px;
	height:1px;
	position:absolute;
}
.value-area p{
	color:#392a20;
	font-size:18px;
	text-align:center;
	line-height:22px;
	margin:0 0 40px;
	font-family: 'Conv_myriad';
}
.value-area-lhs{
	float: left;
    padding: 55px 0 0 90px;
    width: 380px;
}
.value-area-middle{
	width:230px;
	float:left;
	margin-top:-20px;
}
.value-area-middle img{
	margin:20px 0 0;
	padding:0px;
	border:#a1a1a1;	
	-webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.value-area-middle img:hover{
	cursor:pointer;
    margin-top: 5px;
}

.value-area-rhs{
	float:right;
    padding: 55px 50px 0 0;
    width: 370px;
	text-align:left;
}
.value-area-content{
	width:363px;
	position:relative;
	margin:0 0 15px;
}
.value-area-content h3{
	color:#392a20;
	font-size:24px;
	margin:0 0 20px;
}
.value-area-content p{
	color:#392a20;
	font-size:14px;
	margin:0;
	line-height:14px;
}
.value-area-lhs p{
	text-align:right;
}
.value-area-rhs p{
	text-align:left;
}
.round-icon{
	position:relative;
}
.value-area-content i{
	background:url(../images/circle.png) no-repeat;
	position:relative;
	width:65px;
	height:29px;
	padding:18px 0;
	display:block;
	text-align:center;
	-webkit-transition: 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-ms-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
transition: all 5s ease-in-out;
z-index:999;
}
.value-area-content i:hover{
	-ms-transform: rotate(1440deg); /* IE 9 */
    -webkit-transform: rotate(1440deg); /* Chrome, Safari, Opera */
    transform: rotate(1440deg);
	-webkit-transition: 5s ease-in-out;
-moz-transition: all 5s ease-in-out;
-ms-transition: all 5s ease-in-out;
-o-transition: all 5s ease-in-out;
transition: all 5s ease-in-out;
}
.imagearea{
	bottom: 0;
    height: 34px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
}

.support-icon{
	float:right;
	 margin: 0 0 22px 23px;
}
.support-service-icon{
	float:right;
	margin: -15px -25px 38px 32px;
}
.just-in-time-services-icon{
	float:right;
	 margin: -38px -80px 59px 32px;
}
.strategic{
	float:left;
	margin:0px 35px 20px -45px;
}
.disaster{
	float:left;
	margin:-15px 15px 30px -55px;
}
.war-fighter{
	float:left;
	margin: -40px 0 30px -100px;
}
.fuel{
	float:right;
	margin:-112px 145px 0 0;
}
.center-icon{
	width:365px;
	padding:0 40px;
	margin:1px auto 0;
}
.footer{
	background:url(../images/map.jpg) no-repeat;
	background-size:cover;
	padding:60px 0 25px;
}
.footer h4{
	color:#fff;
	font-size:26px;
	background:url(../images/white-seprator.jpg) no-repeat left bottom;
	padding:0 0 20px;
	margin:0 0 20px;
}
.footer ul li{
	padding:0 0 12px;
	color:#fff;
	font-family: 'Conv_myriad';
	font-size:16px;
}
.footer ul li a{
	color:#fff;
	text-decoration:none;
}
.footer-inner{
	width:33%;
	float:left;
	margin:0 0 30px;
}
.social-icon {
    width:232px;
	margin:0 auto;
}
.social_icon_fb {
    background:url(../images/social-icon.png) no-repeat scroll 0 0px rgba(0, 0, 0, 0);
    float: left;
    height:51px;
	width:64px;
	margin:0 20px 0 0;
    transition: all 500ms linear 0s;
}
.social_icon_fb:hover {
    background:url(../images/social-icon.png) no-repeat scroll 0 -51px rgba(0, 0, 0, 0);
    transition: all 500ms linear 0s;
}
.social_icon_fb a {
    border: medium none;
    float: left;
    height:51px;
	width:64px;
    text-indent: -999999px;
}
.social_icon_twt {
    background:url(../images/social-icon.png) no-repeat scroll -86px 0px rgba(0, 0, 0, 0);
   	float: left;
    height:51px;
	width:64px;
	margin:0 20px 0 0;
    transition: all 500ms linear 0s;
}
.social_icon_twt:hover {
    background:url(../images/social-icon.png) no-repeat scroll -86px -51px rgba(0, 0, 0, 0);
    transition: all 500ms linear 0s;
}
.social_icon_twt a {
    border: medium none;
    float: left;
    height:51px;
	width:64px;
	text-indent: -999999px;
}
.social_icon_rss {
    background:url(../images/social-icon.png) no-repeat scroll -176px 0px rgba(0, 0, 0, 0);
    float: left;
    height:51px;
	width:64px;
	margin:0;
    transition: all 500ms linear 0s;
}
.social_icon_rss:hover {
    background:url(../images/social-icon.png) no-repeat scroll -176px -51px rgba(0, 0, 0, 0);
    transition: all 500ms linear 0s;
}
.social_icon_rss a {
    border: medium none;
   	float: left;
	height:51px;
	width:64px;
	text-indent: -999999px;
}
.bottom{
	background:url(../images/white-pattern.jpg);
	padding:20px 0 35px;
	text-align:center;
}
.bottom p{margin:15px 0;}
.bottom p, .bottom a{
	color:#a4a4a4;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	font-family: 'Conv_myriad';
}
.bottom ul{
	width:735px;
	margin:0 auto;
	display:block;
}
.bottom ul li{
	float:left;
}
.bottom ul li:after{
	content:"|";
	font-size:16px;
	color:#1b1b1b;
	padding:0 10px;
}
.bottom ul li:last-child:after{
	content:"";
	padding:0px;
}
.bottom ul li a{
	color:#1b1b1b;
	font-size:16px;
	text-decoration:none;
	-webkit-transition: 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bottom ul li a:hover{
	color:#b47136;
	-webkit-transition: 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.active{
	color:#ad9065 !important;
}
.bottomlogo{
	width:49px;
	height:44px;
	background:url(../images/color-logo.png) no-repeat;
	transition: all 500ms linear 0s;
	margin:0 auto;
}
.bottomlogo:hover{
	width:49px;
	height:44px;
	background:url(../images/color-logo.png) 0 -44px no-repeat;
	transition: all 500ms linear 0s;
}
.blackbg{
	background:url(../images/services-texture.jpg) !important;
	padding:235px 0 60px !important;
}
.blackbg p{
	color:#fff;
	margin:0 0 0px;
}
.blackbg h4{
	color:#d88134;
	font-size:24px;
	font-family: 'MyriadPro-Bold';
	margin:0 0 35px;
	text-transform:uppercase;
}
.blackbg h6{
	color:#f2ca8c;
	font-size:22px;
	font-family: 'MyriadPro-Bold';
	text-align:left;
	padding:10px 0 10px 65px;
	background:url(../images/eagle.png) no-repeat left top, url(../images/eagle-heading-bg.jpg)right 20px no-repeat;
	margin:70px 0 25px;
	text-transform:uppercase;
}
.blackbg h3{
	color:#f2ca8c;
	font-size:22px;
	font-family: 'MyriadPro-Bold';
	text-align:center;
	display:inline-block;
	padding:10px 65px 10px 65px;
	background:url(../images/eagle.png) no-repeat left top, url(../images/eagle.png) no-repeat right top;
	margin:15px 0 45px;
	text-transform:uppercase;
}
.show-mobile{
	display:none;
}
.product-box{
	width:355px;
	box-sizing:border-box;
	float:left;
	margin:0 35px 0 0;
}
.product-box img{
	border:5px solid #945831;
	margin:0 0 25px;
	width:100%;
	box-sizing:border-box;
}
.product-box ul{
	padding:0 0 0 15px;
}
.product-box ul li{
	color:#848484;
	list-style-type:disc;
	padding:0 0 5px 10px;
}
.product-box ul li p{
	font-size:16px;
	text-align:left;
	margin:0;
	line-height:20px;
}
.american-flag-area{
	background:url(../images/brown-bg.jpg) no-repeat !important;
	background-size:cover !important;
	padding:50px 0;
}
#testimonials{
	width:100%;
	margin:50px auto;
	padding: 20px 20px 40px;
	position:relative;
	box-sizing:border-box;
	text-align:center;
}
#testimonials .testimonial{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:1;
}
#test_container{
	position:relative;
	overflow-x:hidden;
}
#testimonials .testimonial_text{
	font-size:14px;
	color:#392a20;
	font-family: 'Conv_myriad';
}
#testimonials .testimonial_name{
	font-size:14px;
	margin:10px auto 3px;
	color:#392a20;
	font-size:18px;
	font-family: 'Conv_myriad';
}
#t_pagers{
	position:absolute;
	left:0%;
	right:0;
	margin:auto;
	bottom:10px;
	z-index:2;
}
#t_pagers .pager{
	display:inline-block;
	text-decoration:none;
	width:10px;
	min-height:10px;
	margin-right:5px;
	background:none;
	border-radius:50%;
	cursor:pointer;
	border:1px solid #fff;
}
#t_pagers .pager.active{
	background:#493109;
	width:12px;
	min-height:12px;
	border:none;
}
.contact-area{
	width:50%;
	margin:50px auto 0;
}
.contact-area input[type="text"], .contact-area textarea
{
    border:1px solid #f2ca8c;
	background:none;
	box-sizing:border-box;
	padding:10px;
	width:100%;
	display:block;
	margin:0 0 15px;
	resize:none;
	color:#f2ca8c;
    font-family: 'Conv_myriad';
    font-size:16px;
}
.contact-area input[type="text"]:hover, .contact-area textarea:hover{
	border:1px solid #493109;
}
.contact-area input[type="submit"]{
	color: inherit;
	background-color: rgba(130, 92, 32, 0.5);
	cursor: pointer;
	padding:10px 35px;
	display: inline-block;
	margin:30px 0px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	border:1px solid #825c20;
	color: #fff;
	font-family: 'MyriadPro-Bold';
	font-size:14px;
}
.contact-area input[type="submit"]:hover{
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	background:#f2ca8c;
	border:1px solid #f2ca8c;
	color:#fff;
}
.partners{
	width:355px;
	border:5px solid #825c20;
	box-sizing:border-box;
	float:left;
	margin:0 35px 35px 0;
	text-align:center;
	padding:0;
	
}
.partners img{
	width:100%;
}
.animated { 
 	-webkit-animation-name: bounceIn;
 	-webkit-animation-duration: 2s;
 	-webkit-animation-iteration-count: 10;
 	-webkit-animation-timing-function: ease-out;
 	-webkit-animation-fill-mode: forwards;
	
 	animation-name: bounceIn;
 	animation-duration: 2s;
 	animation-iteration-count: 10;
 	animation-timing-function: ease-out;
 	animation-fill-mode: forwards;
} 

/*
 * Animation for webkit
*/
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 
  
@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
  
/*
 * Adding the animation to our element
*/
.bounce:hover{ 
    -webkit-animation-name: bounce; 
    animation-name: bounce; 
}
.partners-lhs{
	width:350px;
	float:left;
}
.partners-rhs{
	width:745px;
	float:right;
	text-align:left !important;
}
.partners-rhs p{
	text-align:left !important;
	margin:0 0 25px;
}
.partners-rhs a{
	color:#d88134;
	font-size:18px;
	text-decoration:none;
	text-align:left !important;
}
.seprator{
	background:url(../images/eagle-heading-bg.jpg) repeat-x;
	width:100%;
	height:1px;
	margin:50px 0 25px;
}
.partners-logos{
	width:174px;
	height:166px;
	float:left;
	border:5px solid #825c20;
	float:left;
	margin:35px 25px 0;
}
.client{
	width:204px;
	height:204px;
	margin:0 15px 35px;
	float:left;
	border-radius:50%;
	opacity: 0.5;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.client:hover{
	opacity:1;
	-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
.flag{
	width:120px;
	height:120px;
	border-radius:50%;
	float:left;
	margin:0 13px 25px;
	
}
.centerimage{
	width:300px;
	height:140px;
	border:5px solid #825c20;
	margin:0 0 45px;
}
#resp{
	color:#fff !important;
}
@media (min-width:1000px) and (max-width:1169px)  {
.main {
	width:98%;
	margin:0 auto;
}
#menu ul li {
    padding: 0 8px;
}
.logo {
	width:52%;
	position:absolute;
	left:0;
	right:0;
	top:2%;
	margin:auto;
	z-index:99999;
}
.logo-inner {
	width:70%;
	position:absolute;
	left:0;
	right:0;
	margin: auto;
	top:10%;
	z-index:99999;
}
.logo img {
	width:100%;
}
.service_area-inner{
	position:absolute;
	top:-250px;
}
.service{
	width:29%;
	padding:20px 20px 60px;
	box-sizing:border-box;
	float:left;
	margin:0 2% 0;
}
.product-box, .partners{
	width:29%;
	box-sizing:border-box;
	float:left;
	margin:0 2% 0;
}
.partners-lhs .partners{
	float:left;
    margin:0 0% 25px 0;
    width:100%;
}
.service img{
	width:100%;
}
.value-area-content i{
	margin:0 auto;
}
.value-area-lhs {
    float:left;
    padding:20px 0px 0;
    width:45%;
}
.value-area-middle {
    float:none;
    margin:20px auto ;
    width: 230px;
}
.value-area-rhs {
    float:right;
    padding:20px 0 0;
    width:45%;
}
.center-icon {
    float:left;
    width:100%;
	clear:both;
	margin:0;
	padding:0;
}
.value-area-content {
   float:none;
   margin: 0 0 25px;
   text-align:left !important;
   width:100%;
}
.value-area-content p{
	text-align:center;
}
.value-area-content h3{
	text-align:center;
}
.imagearea{
	bottom: 0;
    height: 34px;
    right:0;
    margin: auto;
    position: absolute;
    left:0;
    top: 0;
    width: 34px;
}
.support-icon, .support-service-icon, .just-in-time-services-icon, .strategic, .disaster, .war-fighter, .fuel {
    float:none;
    margin: 0 0 25px;
}
.blackbg h6{
	background:url(../images/eagle.png) no-repeat left top;
}
.footer-inner{
	width:23%;
	float:left;
	margin:0 5% 30px;
}
.bottom ul{
	width:735px;
	margin:0 auto;
	display:block;
}
.bottom ul li{
	float:left;
}
.bottom ul li:after{
	content:"|";
	font-size:16px;
	color:#1b1b1b;
	padding:0 10px;
}
.bottom ul li:last-child:after{
	content:"";
	padding:0px;
}
.contact-area{
	width:50%;
	margin:50px auto;
}
.partners-lhs{
	width:35%;
	float:left;
}
.partners-rhs{
	width:62%;
	float:right;
	text-align:left !important;
}
.flag{
	width:120px;
	height:120px;
	border-radius:50%;
	float:left;
	margin:0 21px 25px;
	
}
.hide-large{
	display:none;
}
.show-large{
	display:block;
}

}
@media (min-width: 768px) and (max-width: 999px) {
.main {
	width:90%;
	margin:0 auto;
}
.logo {
    width:70%;
	top:8%;
}
.logo-inner {
	width:70%;
	left:0%;
	right:0;
	margin:auto;
	top:10%;
}
.service_area, .blackbg {
    padding:15px 0 80px !important;
}
.service h2 {
    font-size: 17px;
}
.service_area-inner{
	position:static;
	top:0;
}
.service {
    float:left;
    margin:0 2% 25px 0;
    width:31%;
}
.product-box, .partners{
	float:left;
    margin:0 2% 25px 0;
    width:31%;
}
.partners-lhs .partners{
	float:left;
    margin:0 0% 25px 0;
    width:100%;
}
.service img{
	width:100%;
}
.btnbrown {
	font-size:16px;
	padding:20px;
}
.service_area h1, .value-area h1{
	font-size:28px;
	padding:10px 0;
}
.value-area-content i{
	margin:0 auto;
}
.value-area-lhs {
    float:none;
    padding: 55px 0px 0;
    width:100%;
	text-align:left !important;
}
.value-area-middle {
    float:none;
    margin:20px auto ;
    width: 230px;
}
.value-area-rhs {
    float:none;
    padding:0px 0px 55px;
    width:100%;
	text-align:left !important;
}
.center-icon {
    float:left;
    width:100%;
	clear:both;
	margin:0;
	padding:0;
}
.value-area-content {
   float:none;
   margin: 0 0 25px;
   text-align:left !important;
   width:100%;
}
.value-area-content p{
	text-align:center;
}
.value-area-content h3{
	text-align:center;
}
.imagearea{
	bottom: 0;
    height: 34px;
    right:0;
    margin: auto;
    position: absolute;
    left:0;
    top: 0;
    width: 34px;
}
.support-icon, .support-service-icon, .just-in-time-services-icon, .strategic, .disaster, .war-fighter, .fuel {
    float:none;
    margin: 0 0 25px;
}
.blackbg h6{
	background:url(../images/eagle.png) no-repeat left top;
}
.footer-inner {
    float:left;
    margin: 0 2% 30px;
    width:29%;
}
.footer-inner h4{
	font-size:24px;
}
.bottom ul {
	width:40%;
}
.bottom ul li{
	width:50%;
	padding:0 0 10px;
	text-align:left;
}
.bottom ul li:after{
	content:"";
}
.contact-area{
	width:60%;
	margin:50px auto;
}
.partners-lhs{
	width:35%;
	float:left;
}
.partners-rhs{
	width:62%;
	float:right;
	text-align:left !important;
}
.partners-logos{
	margin:35px 11% 0;
}
.client{
	width:204px;
	height:204px;
	margin:0 9% 35px;
	float:left;
	border-radius:50%;
}
.flag {
    border-radius: 50%;
    float: left;
    height: 120px;
    margin: 0 8% 25px 7%;
    width: 120px;
}
.hide-tablet{
	display:none;
}
.show-tablet{
	display:block;
}
}
@media (max-width: 767px) {
.main {
	width:90%;
	margin:0 auto;
}
.logo {
    width:55%;
	top:6%;
}
.logo-inner {
	width:60%;
	left:0;
	right:0;
	margin:auto;
	top:8%;
}
.service_area, .blackbg {
    padding:15px 0 80px !important;
}
.service_area-inner{
	position:static;
	top:0;
}
.service {
    float:none;
    margin:0 0 25px;
    width:100%;
}
.product-box, .partners{
	float:none;
    margin:0 0 25px;
    width:100%;
}
.service img{
	width:100%;
}
.btnbrown {
	font-size:16px;
	padding:20px;
}
.service_area h1, .value-area h1{
	font-size:28px;
	padding:10px 0;
}
.value-area-content i{
	margin:0 auto;
}
.value-area-lhs {
    float:none;
    padding: 55px 0px 0;
    width:100%;
	text-align:left !important;
}
.value-area-middle {
    float:none;
    margin:20px auto ;
    width: 230px;
}
.value-area-rhs {
    float:none;
    padding:0px 0px 55px;
    width:100%;
	text-align:left !important;
}
.center-icon {
    float:left;
    width:100%;
	clear:both;
	margin:0;
	padding:0;
}
.value-area-content {
   float:none;
   margin: 0 0 25px;
   text-align:left !important;
   width:100%;
}
.value-area-content p{
	text-align:center;
}
.value-area-content h3{
	text-align:center;
}
.imagearea{
	bottom: 0;
    height: 34px;
    right:0;
    margin: auto;
    position: absolute;
    left:0;
    top: 0;
    width: 34px;
}
.support-icon, .support-service-icon, .just-in-time-services-icon, .strategic, .disaster, .war-fighter, .fuel {
    float:none;
    margin: 0 0 25px;
}
.blackbg h6{
	background:url(../images/eagle.png) no-repeat left top;
}
.footer-inner {
    float:none;
    margin: 0 auto 30px;
    width:232px;
}
.bottom ul {
	width:60%;
}
.bottom ul li{
	width:50%;
	padding:0 0 10px;
	text-align:left;
}
.bottom ul li:after{
	content:"";
}
.contact-area{
	width:90%;
	margin:50px auto;
}
.partners-lhs{
	width:100%;
	float:none;
	margin:0 0 20px;
}
.partners-rhs{
	width:100%;
	float:none;
	margin:0 0 20px;
}
.partners-logos{
	margin:35px 8% 0;
}
.client{
	width:204px;
	height:204px;
	margin:0 7% 35px;
	float:left;
	border-radius:50%;
}
.flag {
    border-radius: 50%;
    float: left;
    height: 120px;
    margin: 0 8% 25px 7%;
    width: 120px;
}
.show-mobile{
	display:none;
}
.show-small-tab{
	display:block;
}
.hide-small-tab{
	display:none;
}

}
@media (max-width: 480px) {
.main {
	width:90%;
	margin:0 auto;
}
.logo {
    width:65%;
	top:6%;
}
.logo-inner {
	width:33%;
	left:0;
	right:0;
	margin:auto;
	top:16%;
}
.service_area, .blackbg {
    padding:15px 0 80px !important;
}
.service_area-inner{
	position:static;
	top:0;
}
.service {
    float:none;
    margin:0 0 25px;
    width:100%;
}
.product-box, .partners{
	float:none;
    margin:0 0 25px;
    width:100%;
}
.service img{
	width:100%;
}
.btnbrown {
	font-size:14px;
	padding:10px 25px;
}
.service_area h1, .value-area h1{
	font-size:28px;
	padding:10px 0;
}
.value-area-content i{
	margin:0 auto;
}
.value-area-lhs {
    float:none;
    padding: 55px 0px 0;
    width:100%;
	text-align:left !important;
}
.value-area-middle {
    float:none;
    margin:20px auto ;
    width: 230px;
}
.value-area-rhs {
    float:none;
    padding:0px 0px 55px;
    width:100%;
	text-align:left !important;
}
.center-icon {
    float:left;
    width:100%;
	clear:both;
	margin:0;
	padding:0;
}
.value-area-content {
   float:none;
   margin: 0 0 25px;
   text-align:left !important;
   width:100%;
}
.value-area-content p{
	text-align:center;
}
.value-area-content h3{
	text-align:center;
}
.blackbg h6{
	background:url(../images/eagle.png) no-repeat left top;
}
.imagearea{
	bottom: 0;
    height: 34px;
    right:0;
    margin: auto;
    position: absolute;
    left:0;
    top: 0;
    width: 34px;
}
.support-icon, .support-service-icon, .just-in-time-services-icon, .strategic, .disaster, .war-fighter, .fuel {
    float:none;
    margin: 0 0 25px;
}
.footer-inner {
    float:none;
    margin: 0 auto 30px;
    width:232px;
}
.bottom ul {
	width:55%;
}
.bottom ul li{
	width:50%;
	padding:0 0 10px;
	text-align:left;
}
.bottom ul li:after{
	content:"";
}
.contact-area{
	width:100%;
	margin:50px auto;
}
.partners-lhs{
	width:100%;
	float:none;
	margin:0 0 20px;
}
.partners-rhs{
	width:100%;
	float:none;
	margin:0 0 20px;
}
.partners-logos{
	margin:35px auto 0;
	float:none;
}
.client{
	width:204px;
	height:204px;
	margin:0 auto 35px;
	float:none;
	border-radius:50%;
}
.flag {
    border-radius: 50%;
    float:none;
    height: 120px;
    margin: 0 auto 25px;
    width: 120px;
}
.hide-mobile{
	display:none;
}
.show-mobile{
	display:block;
}
}
.flag .card-container {
  cursor: pointer;
  height:120px;
  perspective: 600;
  -moz-perspective: 600;
-webkit-perspective: 600;
-o-perspective: 600;
-ms-perspective: 600;
  position: relative;
  width: 120px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
  transition: all 1s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
  -moz-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  border-radius:50%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.card .back {
  background: #eaeaed;
  color: #0087cc;
  line-height:120px;
  text-align: center;
   transform: rotateY(180deg);
  -moz-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
}
.flag .back {
  background: #eaeaed;
  color: #ad9065;
  line-height:120px;
  text-align: center;
   transform: rotateY(180deg);
  -moz-transform:rotateY(180deg);
-webkit-transform:rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
  font-family: 'Conv_myriad';
}