@charset "utf-8";
/* CSS Document */

/************styles for slider**********/

.flex-viewport {
	height:500px !important;
}
.flexslider .slides img {
	height:600px !important;
}
.flex-control-thumbs {
	margin-top:-110px !important;
	background:rgba(0,0,0,0.85);
	height:100px;
	padding: 25px 50px 0 0 !important;
}
.flex-control-thumbs li, .flex-control-thumbs li img {
	height:30px !important;
	width:30px !important;
	margin: 5px !important;
}
.flex-control-thumbs li img {
	border:2px solid #c84b21
}

/***********************navigation********************/

#navbar {
	position:absolute;
	left: 30%;
	padding-top: 3%;
}
nav.navbar-default {
	position:absolute;
	top:0;
	width:100% !important;
	height:212px;
	;
	border:none;
	border-radius:0; /* border-bottom:2px solid #b54107; */
	background: url(../../images/bg.png) repeat-x top center; /* background-color: #000 !important; opacity: 0.8; */
}
.top-link li a {
	padding:0 !important;
	color:#FFFFFF !important;
	text-transform:uppercase;
}
.top-link li a:hover {
	opacity: 0.7;
	text-decoration: underline;
	transition:all 0.5s ease 0s
}
.top-link li {
	margin:15px 10px;
	list-style-type: disc;
	display: list-item;
	float:left;
	color:#FFFFFF;
	font-weight: 500;
/*	font-family: "FRAMD"; */
	font-size: 16px;
}
.main-nav {
	/* margin-left:50px*/
}
.main-nav li {
	margin:70px 20px 0 0 !important;
	list-style-type: disc;
	display: list-item;
	color:#9C7309;
	padding: 0 5px;
}
.main-nav li a {
	color:#ff9933 !important;
	font-weight:600;
	text-transform:uppercase;
	padding:0 0 0 0 !important
}
.main-nav li a:hover {
	opacity: 0.7;
	text-decoration: blink;
	transition:all 0.5s ease 0s
}
.top-btn {
	margin-top:10px;
}
.top-btn a {
	width: 170px;
}
.top-btn img {
	height: 30px;
	width: 40px;
	margin: 5px;
	margin-top: 10px;
	margin-left: 15px;
}

.top-btn li {
	margin-top:10px;
	background:#da3701 !important;
	border-radius:24px;
	box-shadow: 0 3px 0 0 #B41417;
	margin-right: 10px;
	transition:all 0.5s ease 0s;
	
}

.top-btn li:hover  {
	background:#df4715 !important;
	border-radius:0px;
	transition:all 0.5s ease 0s;
}

.btntop {
	font-size:16px;
	color:#FFFFFF !important;
	padding:2px 15px!important;
	margin-right:10px;
	font-weight:600;
}

.btntop:hover {
	/*
	background:#df4715 !important;
	border-radius:0px;
	transition:all 0.5s ease 0s;
	*/
}

.btntop:active, .btntop.active {
	background: #da3701 !important;
	box-shadow: none;
	margin-bottom: -3px;
	margin-top: 3px;
	border-radius:0px
}

.navbar-brand {
	margin-top:-27px;
	margin-left: -60px !important;
}

.shadow {
	position:absolute;
	bottom:0;
	margin-bottom:-62px;
	width:100%;
}

.shadow img {
	width:100%;
}

.shadow img::selection {
}


/********middle part styles***************/
#middle {
	margin-top:20px;
	position:relative
}
#middle h4 {
	font-weight:500;
	font-family:"FRADM";
	font-size: 22px;
}
#middle p {
	text-align:justify
}
.kind-word {
	background:#a99c97;
	border-radius:20px;
	margin-top:10px;
}
.kind-word p {
	margin:0px 50px;
	color:#FFFFFF;
	margin-top:-100px;
}
.kind-word img {
	position:absolute;
	bottom:0;
	right:10px;
	;
	opacity:0.3;
	margin-bottom:20px;
}
.kind-word span {
	font-size:100px;
	color:#fff;
	margin-top:-80px !important;
}

/********************clients**********************/

#clients {
	margin-top:5px;
}
#clients h4 {
	text-transform:uppercase;
	color:#FFFFFF;
	padding:10px 0;
	font-weight:600
}
#clients img {
	margin-bottom:30px;
	margin-top:10px;
}
#partners h4 {
	text-transform:uppercase;
	color:#404040;
	padding:10px 0;
	font-weight:600
}
#partners img {
	margin:20px 20px 40px 20px;
}
#partners img:hover, #clients img:hover {
	cursor:pointer
}

/********************foooter*****************************/

footer {
	background:#333333
}
.footerleft {
	margin:20px 0 0 0;
}
.footerleft ul {
	margin-top:-15px !important;
	margin-left:-10px !important;
}
.footerleft ul li {
	font-weight:500;
}
.footerleft ul li a {
	color:#ffcc33 !important;
	float:right;
	text-transform:lowercase;
}
.footerleft ul li a:hover, .footerleft ul li a:focus, .footerleft ul li a:active {
	background:none;
}
footer h5 {
	color:#FFFFFF;
	font-weight: 500;
 /*	font-family: "FRAMD"; */
	font-size: 16px;
}
.footerright {
	margin-top:30px;
}
.footerright img {
		/*
	height:35px;
	width:60px;
	margin:0 3px;
	*/
}
.social-circle {
	width:40px;
	height:40px;
	background:#d1d3d4;
	border-radius:50%;
	float:left;
	margin:15px 2px 10px 2px;
	transition:all 0.5s ease 0s
}
.social-circle:hover, .social-circle:focus, .social-circle:active {
	background:rgba(218,55,1,1);
	transition:all 0.5s ease 0s
}
.social-circle:hover span, .social-circle:focus span, .social-circle:active span {
	color:#FFFFFF;
}
.social-circle span {
	margin:5px 0 0 10px;
	color:#2B2A2A
}
footer .top {
	margin:0 auto;
	float:none;
	height:50px;
	width:150px;
	color:#FFFFFF;
	font-weight:600;
	text-transform:uppercase;
	background:#202123;
	margin-top:-30px;
	text-align:center;
	padding-top:7px;
}
footer .top a {
	color:#FFFFFF
}
footer .top a:hover, footer .top a:focus, footer .top a:active {
	color:#ccc;
	;
	text-decoration:none
}
.navbar-nav > li > a {
/*	font-family: "FRAMD"; */
	font-weight: 600;
	height: 48px;
	font-size: 17px;
}
.fa-2x {
	font-size: 1.5em !important;
}
#middle h5 {
	font-weight: 500;
	font-family: "FRADM";
	font-size: 28px;
	color: #fff;
	/*
  background-color: #000;
  padding: 20px;
  border-radius: 15px;
  margin-top: -50px;
  width: 230px;
  border-radius: 0 0 15px 15px;
  */
  margin-top: -40px;
	padding: 25px 20px 20px 60px;
	height: 100px;
	background:url(../../images/heading-bg.png) no-repeat left top;
	text-transform:uppercase;
}
.menu-item-40 {
	list-style-type: none !important;
}
.tagline {
	font-weight: bold;
	font-family: "FRADM";
	font-size: 24px;
	top: 460px;
	width: 68.5%;
	min-height: 70px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 5px !important;
	padding-right: 5px !important;
	position: absolute;
	z-index: 9999999;
	color: #fff;
}

#hide24inner {
	display: none;
}

#hide24inner1 {
	display: none;
}

.flexslider-mobile {
	display: none;
}

#navbar-wrap { display:block; text-align:center; background:url(../../images/nav_bg1.png) repeat-x  scroll center top / contain; z-index:9999999999;}
nav.mainMenu { position:relative; z-index:9999999999;}
nav.mainMenu ul { padding:0px; margin:0; }
nav.mainMenu > ul > li { float:left; position:relative; line-height:67px; padding:0 20px 0 10px;list-style:none }
nav.mainMenu > ul > li:after { position:absolute; right:0; top:-8px; content:"."; font-size:30px; color:#ccc; }
nav.mainMenu > ul > li:last-child:after { display:none; }
nav.mainMenu > ul > li:first-child { padding:0 20px 0 0; }
nav.mainMenu > ul > li:last-child { padding:0 0 0 10px; }
nav.mainMenu > ul > li a.active { color:#ffff00; }
nav.mainMenu > ul > li:last-child { background:none; }
nav.mainMenu > ul > li > a { padding:0; display:block; font-size:18px; color:#D5D9C6; text-decoration:none; transition: all 0s linear; text-transform:uppercase; position:relative; font-family: "FRAMD"; font-weight: 500; height: 48px;}
nav.mainMenu > ul > li > a:hover { color:#fff; }
nav.mainMenu > ul > li:hover > a { color:#fff; }
nav.mainMenu > ul > li:hover > a .sub { color:#6990e2; }
nav.mainMenu > ul > li.active > a { color:#b27835; }
/* submenus */
nav.mainMenu ul ul { width:250px; padding:0; background:#44444d; position:absolute; left:40px; top:67px; margin:0; border-bottom:2px solid #393941; transition: all 0.2s ease-in-out 0s; opacity: 0; visibility: hidden; box-shadow: 0 2px 2px #393941; }
nav.mainMenu ul ul li { display:block; position:relative; padding:0; border-bottom:1px solid #393941; }
nav.mainMenu ul ul li:last-child { border-bottom:0px; }
nav.mainMenu ul ul li a { padding:9px 20px; display:block; font-size:17px; text-transform:uppercase; text-align:left; color:#fff; line-height:1em; text-decoration:none; transition: all 0s linear; }
nav.mainMenu ul ul a:hover { text-decoration:none; }
nav.mainMenu ul ul li:hover { background-color:#3e3e47; }
nav.mainMenu ul ul li:hover > a { color:#fff; }
nav.mainMenu li:hover > ul { opacity: 1; visibility: visible; margin: 0; }
nav.mainMenu > ul > li > ul > li:first-child { border-top:0px; }
nav.mainMenu > ul > li > ul > li:first-child li:first-child { border-top:1px solid #008c9a; }
nav.mainMenu ul ul ul { left:100%; top:0; margin:0 0 0 20px; border-top:0; }
nav.mainMenuu ul ul li:first-child > ul { top:0px; border-top:0px; }
nav.mainMenu > select { display:none; }
#hidemobile { display: none; }

#fordesktop { display: none; }

#mobilefooter { display: none; }
#mobilefooter a { float: left; }

@media (min-width:1200px) {
	.container { width: 1260px !important; }
}

@media (max-width:1024px) and (min-width:980px) {
	.container1 {
		width:100%
	}
	.container1 .navbar-left {
		float:right !important
	}

	a.meanmenu-reveal { display: none; }
	.mean-bar {  width: 100%; position: relative;  padding:0;  z-index: 999999; min-height:40px; }
	a.meanmenu-reveal { width:30px; padding:0; position: absolute; top:5px; right:10px !important; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px;  display: block; font-weight: 700; }
	a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 5px; }
	.mean-nav { float: left; width: 100%; background: #272730; margin-top:40px; position:absolute;}
	.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;}
	.mean-nav ul li { position: relative; float: left; width: 100%; }
	.mean-nav ul li.mean-last{ border-bottom:2px solid #12121b; }
	.mean-nav ul li:first-child a{border-top:0;}
	.mean-nav ul li a { letter-spacing:1px; display: block; float: left; width:100%; padding: 10px 15px; margin: 0; text-align: left; color: #fff; border-bottom:1px solid #12121b; text-decoration: none; text-transform: uppercase;transition: none 0s ease 0s !important;}
	.mean-nav ul li li a { width:100%; padding:10px 30px;  opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; letter-spacing:1px;}
	.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
	.mean-nav ul li li li a { width:100%; padding: 10px 45px; color:#fff; }
	.mean-nav ul li li:first-child a{border-top:0;}
	.mean-nav ul li a:hover { background: #32323a;}
	.mean-nav ul li a.mean-expand { width:38px; height:38; border: none !important; padding:10px !important; text-align: center; position: absolute; right: 0; top:0; z-index: 2; font-weight: normal; font-size:25px !important; font-family:Arial, Helvetica, sans-serif; background:#12121b; }
	.menuName{float:left; text-transform:uppercase; padding:10px 0 0 10px;color:#FFFFFF;}
	.mean-nav ul li.mean-last:nth-child(4) a {width:8% !important;}
	#navbar-wrap{background:none}
	.logo{text-align:center;position:relative}
	.mean-bar{height:100px !important;background:rgba(204,204,204,0.1)}
 }

 @media (max-width:900px) and (min-width:768px) {
	#bs-example-navbar-collapse-1 {
		background:rgba(23,23,23,0.79);
		border:none;
		margin-top:14px;
		position:relative;
		float:right !important;
		padding-bottom:25px;
	}
	.main-nav li {
		float:none;
	}
	.shadow {
		margin-bottom:-60px !important;
	}
	#fordesktop { display: block !important; }
	#formobile { display: none !important; }
 }
 
 @media (max-width: 1240px) {
	.navbar-header {
		float: none;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
 }

 @media screen and (min-width:980px) and (max-width: 1024px) {
	nav.navbar-default {
		background: url(../../images/bg_md.png) repeat-x center top;
	}
	.navbar-brand {
		margin-top:-35px;
		margin-left:45px !important
	}
 }

 @media screen and (width:980px) {
	.navbar-brand {
		margin-top:-25px;
		margin-left:20px !important
	}
	.top-btn {
		margin-right:-100px !important
	}
	.top-btn a {
		width:195px;
		font-size:14px
	}
 }

 @media (min-width:980px) and (max-width:1024px) {
	nav.navbar-default {
		background: url(../../images/img-980.png) no-repeat !important;
		background-size:contain;
		height:530px !important;
	}
	.navbar-brand {
		display:none !important
	}
	#bs-example-navbar-collapse-1 {
		background:rgba(23,23,23,0.79);
		border:none;
		margin-top:14px;
		position:relative;
		float:right !important;
		padding-bottom:25px;
	}
 	
	.navbar-toggle { display: block !important; }
	
	.navbar-nav { margin: 7.5px -15px; }
	
 }
 
 @media (min-width:800px) and (max-width:900px) {
	nav.navbar-default {
		background: url(../../images/img-900.png) no-repeat !important;
		background-size:contain;
		height:530px !important;
	}
	.navbar-brand {
		display:none !important
	}
	.main-nav li {
		margin:0px !important;
	}
 }
 
 @media(width:900px) {
	nav.navbar-default {
		background: url(../../images/bg_md.png) repeat-x center top;
	}
	.navbar-brand {
		margin-top:-30px !important;
		margin-left:-95px !important
	}
	.top-btn a {
		width: 200px !important;
		font-size:14px !important;
	}
	.top-btn {
		margin-top:5 !important;
		margin-right:-80px
	}
	.top-btn img {
		margin:0 !important;
	}
	.top-btn a {
		width:189px !important;
		font-size:14px
	}
  }
  
  @media screen and (min-width:768px) and (max-width: 899px) {
	nav.navbar-default {
		background: url(../../images/bg_sm.png) repeat-x center top;
	}
	.navbar-brand {
		margin-top:-30px;
		margin-left:-40px !important
	}
	.top-btn a {
		width: 167px !important;
		font-size:12px !important;
	}
	.top-btn {
		margin-top:5 !important;
		margin-right:-30px
	}
	.top-btn img {
		margin:5px !important;
	}
	.main-nav li { margin-top: 0px !important;  display: flex !important;}
  }
  
  @media (width:768px) {
	nav.navbar-default {
		background: url(../../images/img-768.png) no-repeat !important;
		background-size:contain;
		height:530px !important;
	}
	.navbar-brand {
		display:none !important
	}
 }

 @media (max-width:767px) {
	 

		/*nav.navbar-default{height: 405px;
		background: none;
		background-color:#000;
		opacity: 0.8;}*/
		
		.top-btn li {
			display:table !important;
			margin-bottom:5px !important;
			width: 100%;
		}
		.flex-viewport {
			height:600px !important;
		}
		.sr-only { position: relative !important; overflow: visible !important; width: 100%; float: left; margin-top: -5px;}
		#bs-example-navbar-collapse-1 {
			background:rgba(23,23,23, 1);
			border:none;
			margin-top:-120px;
			position:relative;
			float: left;
			width: 105%;	
		}
		
		.kind-word span {
			margin-bottom:20px;
		}
		
		#clients {
			margin-top:0px !important;
		}
		#partners img {
			margin-bottom:20px
		}
		.footerleft ul li {
			padding:10px 0 0 0;
			margin:5px 0 0 25px;
		    width: 87%;
		}
		.shadow {
			margin-bottom:-55px !important;
		}
		.main-nav li {
			margin: 0px !important;
		}
		.tagline {
			top: 535px;
			width: 90%;
		}
		.tagline p {
			font-size: 14px;
		}
		.top-link li {
			margin:0px 10px;
		}
		.flexslider-mobile {
			display: block;
			min-height: 355px;
		}
		.flexslider {
			display: none;
		}
		.visual-form-builder li.vfb-left-third, .visual-form-builder li.vfb-middle-third, .visual-form-builder li.vfb-right-third {
			width: 100% !important;
		}
 }

 @media (max-width:640px) {
	nav.navbar-default {
		background: url(../../images/img-480.png) repeat-x 50% 0% !important;
		background-size:contain;
		height:490px !important;
	}
	.navbar-brand {
		display:none
	}
	
	.navbar-toggle {
		display: block;
		z-index: 9999999;
		background: #DDD;
		width: 100%;
		float: left !important;
	}
	
	#fordesktop { display: none !important; }
	#formobile { display: block !important; }

	
	
		.main-nav { margin-left: 0px; }
		.main-nav li { list-style-type: none; border-bottom: 1px solid #bf7326; padding-top: 10px !important; margin-right: 20px !important;}
		.main-nav li a { color: #bf7326 ; height: 30px !important;}

		#hidemobile { display: block; }
		#showmobile { display: none; }
	
	#bs-example-navbar-collapse-1 { /*margin-top: -130px; */}
	.top-btn {
	     padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		margin-top: -20px;
	}

	.top-btn a { width: 300px !important;  }	
	.btntop {   font-size: 14px !important; padding: 0px !important ; } 
			
		.top-btn img {
			height: 18px;
			width: 22px;
			margin: 0px 5px 0px 5px;
		}
	.social-circle {
	margin:15px 1px 10px 1px;

}
	.footerright img { width: 23%; }
	#clients img { height: 45px; }
	.top-link li { font-size: 14px; }
	.aligncenter { text-align: center; }
	#partners h4 { text-align: center; font-size: 16px; }
	#clients h4 { text-align: center; font-size: 16px; }
	#middle h5 { text-align: center; font-size: 16px; padding: 25px 20px 20px 10px; }
 }

 @media (max-width: 480px) {
		
		.navbar-brand {
			margin-top: 30px;
		}
		
		.navbar-brand > img {
			display: block;
			margin-left: 25%;
			width: 65% !important;
		}
		
		.top-btn {
			margin-top: -10px !important;
		}

		.top-btn a { width: 270px !important; }
		
		.tagline {
			top: 535px;
			width: 90%;
		}
		
		.tagline p {
			font-size: 14px;
		}
		
		.top-link li {
			margin:0px 10px;
			float: left;
		}
		
		.top-link {
			margin-left: 15%;
		}
		
		#middle h5 {
			
			/*margin-top: 150px;*/
			background:none;
			background-color: #000;
			font-size: 18px;
			height: 65px;
		}
		
		#middle p {
			text-align: left;
			font-size: 16px;
		}
		
		.kind-word p {
			margin: -100px 34px 0px;
			color: #FFF;
		}
		
		nav.navbar-default {
			background:url("../../images/img-480.png") no-repeat scroll 50% 50% !important;
			height:375px !important;
		}
		.navbar-brand {
			display:none !important;
		}
		#middle {
			/* margin-top:-60px !important; */
		}
		
		.navbar-nav > li > a { font-size: 14px; height: 30px !important; }
		
		#middle h4 { font-size: 17px; }
		
		.navbar-toggle {
			margin-top: 5px;
			display: block;
			z-index: 9999999;
			background: #DDD;
		}
	
		#bs-example-navbar-collapse-1 { /*margin-top: -111px;*/}
		.btntop {  font-size: 12px !important; 	}
		
		.footerleft  .top-link { margin-left: 0px !important; } 
		#mobilefooter { display: block; }
		#desktopfooter { display: none; }
		
		.emop { width: 100% !important; float: right; padding-left: 20px;	 }
		.vfb-item-file-upload .vfb-desc { display: none !important; width: 100% !important; }
	
		.vfb-item-file-upload {
		   background: url("../../images/attached_resume.png") no-repeat scroll 100% 100% !important;
		   background-color: #000;
		}
	
 	    .vfb-item-file-upload input {
 		 opacity: 0;
		 filter: alpha(opacity = 50);
		}
}

	 @media (max-width: 360px) {
		.navbar-brand {
			display:none !important;
		}
	
		nav.navbar-default {
			background:url("../../images/img-360.png") no-repeat scroll !important;
			height:375px !important ;
		}
	
		.top-btn {
		}
		
		#middle {
			/* margin-top:-130px !important; */
		}

		/*
			nav.navbar-default {
				background: url(../../images/img-320.png) no-repeat !important; 
			}
		*/


 }
 
 @media (width: 360px) {
	/*
		nav.navbar-default {
			background: url(../../images/img-320.png) no-repeat !important;
			background-size:contain;
			height:530px !important;
		}
	*/
 }

 @media (max-width: 320px) {
	.navbar-brand {
		display:none !important
	}

	nav.navbar-default {
		background:url("../../images/img-360.png") no-repeat scroll 50% 0% !important;
	}
	
	.top-btn {
	}
 }

 @media (width: 320px) {
	/*
		nav.navbar-default {
			background: url(../../images/img-360.png) no-repeat !important;
			background-size:contain;
			height:530px !important;
		}
	*/
}