/*Preloader*/
#loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#loaderInner {
    background:#ffffff url(../images/loding.png) center center no-repeat;
	content:"Loading";
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px;
}


/*Wrapper*/
#wrapper{
	position:relative;
	width:100%;
	overflow:hidden !important;
}

/*End wrapper*/

/*Tittle*/
.textright
{text-align:right !important;}
.title
{ 
background:url(../images/headline.png) repeat-x center left;
font-size:20px;
text-align:center; 
width:100%;   
margin-bottom:0.6em;
margin-top:0.7em;
letter-spacing:1px !important;
}
.title span
{ 
background:#f1f1f1 repeat; 
padding:0 20px; 
font-family:"bebas_neueregular";
text-transform:uppercase;
text-shadow: 1px 2px 0px #d3d1d1;
color:#505050;
}
.title spanred
{ 
background:#f30a0e repeat; 
padding:0 20px; 
font-family:"bebas_neueregular";
text-transform:uppercase;
color:#FFF;
text-shadow: 1px 2px 0px #000; 
}

/*Tittle*/

/*Header*/

header{
	background:#f0f0f0 url(../images/tobg.gif) repeat-x;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1000;
	border-bottom:solid 1px #FFF;
}
.mainHeader{
	position:relative;
	width:100%;
}
.logo{
	 margin: 0px 0 0px 0;
}

nav#mainNav{
	float:right;
	font-size:18px;
}
nav#mainNav li {
	display: inline-block;
	position:relative;
}
nav#mainNav li a{
    color: #505050;
    display: block;
    padding: 18px 12px;
    position: relative;

}
.mobileBtn {
	background:#000;
	padding:5px;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	z-index:1000;
	display:none;
	box-shadow:0 0 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.mobileBtn i{
	font-size:16px;
	color:#FFF;
}

/*End header*/

/*Main slider*/
#revolution_slider { padding:60px 0 0; }
.fullwidthbanner-container {
	width: 100%!important;
	max-height:610px!important;
	position: relative;
	padding: 0;
	overflow:hidden!important;
	margin:0px 0px;
	background:#f20d14;
}
.fullscreenvideo iframe { max-height:610px!important; }

.fullwidthbanner a {  color:#fff!important; }
.fullwidthbanner ul { visibility:hidden; margin:0; list-style:none; }
.rev-text { color: #fff; margin:40px; }
.rev-title { margin 0px; color:#FFF!important; }
.rev-left { margin-left:20px; }
.rev-right { margin-right:20px; }
.rev-title.big{ font-size:40px; }
.rev-title-sub{ font-size:28px; color:#8e939a; letter-spacing:3px; font-weight:400;}
.rev-title-sub2{ font-size:28px; color:#d5d4d3; letter-spacing:3px; font-weight:700!important;}
#revolution_slider h2{ font-size:36px; margin:0 0; font-family: 'bebas_neueregular', sans-serif; }

.rev-title.bold{
	font-size:40px;
    line-height:1;
    font-weight:300!important;
    text-transform:uppercase;
   	padding:0 0!important;
	font-family: 'bebas_neueregular', sans-serif; 
}

.tp-caption.bg { background:#323A45; padding:15px 22px 22px; }

.tp-leftarrow.default, .tp-rightarrow.default {
	height:48px!important;
	width:auto!important;
	line-height:45px;
	top:50%!important;
	padding:0px 10px;
	font-size:30px;
	color:#FFF;
}
.tparrows:before {
    font-family: 'FontAwesome';
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    text-align:center;
}
.tp-leftarrow.default:before { content: '\f053'; }
.tp-rightarrow.default:before { content: '\f054'; }
.tparrows:hover { opacity: 0.7; }
.tp-bannertimer.tp-bottom {
    width:100%;
    height:4px!important;
    background:url(../img/timer.png);
    position:absolute;
    z-index:200;
}
.tp-loader 	{
	width:64px!important;
	height:64px!important;
	margin-left:0px;
	margin-top:0px;
	position:absolute;
	top:50%;
	left:50%;
	background: url(../img/loader.gif) center no-repeat!important;
	z-index:10000;
}
	
/**** WE LIKE TICKER ****/
.we_like { background:#2A2F36; }
h1.like{
	color:#8e939a!important;
	text-transform:uppercase;
	font-size:35px!important;
	line-height:1.2em;
	font-weight:800!important;
	padding:35px 0;
}
.ticker { text-transform:uppercase; font-weight:300!important; }
.branch { position:absolute; right:0px; top:4px; z-index:999; width:100%; height:100px !important;}
.branch img { float:right;}
/*End main slider*/
.innerslide
{
	width:100%;
	min-height:70px;
	height:auto;
	position:relative;
}
.innerslide h2
{
	padding-top:30px;
	padding-bottom:5px;
	color:#FFF;
	font-size:24px !important;
	text-align:center !important;
}
/* product */

#product
{
	background:url(../images/product/productbg.gif) repeat-x bottom;
	min-height:500px;
}
#product p{
	text-align:justify;
}
#product h2 {
	padding:10px 0px 10px 0px;
}
.productHolder{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.productSlider{
	width:100%;
}
.productSlider li {
	pading-bottom:10px;
}
.productSlider li a{
	color:#000;
}
.productSlider li a:hover{
	opacity:.5;
}
.productSlider li a img{
	margin:0px auto 0px;
	padding:0px;
	text-align:center !important;
}
.productSlider li i{
	font-size:20px;
}


/*End Product*/


/*Services*/

#services
{
	background:#f1f1f1;
	color:#505050 !important;
}
#services p
{
	text-align:justify !important;
}


.testiCliContainer .overlay {
	min-height: 300px;
}

.testiCliContainer{
}

#testiCli .testiSlider{
	width:800px;
	margin-top:20px;
}

.testiSlider li {
	padding-bottom:30px;
	color:#505050;

}
.testiSlider li blockquote{
	
	font-size:12px;
}
.testiSlider li .testiProfile{
	padding-top:10px;
	padding-bottom:20px;
	color:#f30a0e;
	text-align:right;
	font-style:italic;
}

/*End services*/


/*Products*/

.products
{
	 margin:0px auto 0px;
	 padding:0px;
	 width:100%;
	 height:auto;
}
.products .textleft
{
	text-align:left !important;
}
.products .textright
{
	text-align:right !important;
}

.products h2
{
	margin:0px;
	padding:0px;
	font-size:20px !important;
	padding:30px 0px 10px 0px;
	font-weight:300 !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#04998d;
}

.products h3
{
	margin:0px;
	padding:0px;
	font-size:15px !important;
	padding:5px 0px 10px 0px;
	font-weight:300 !important;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#505050;
}

.products h4
{
	margin:0px;
	padding:0px;
	font-size:16px !important;
	padding:10px 0px 10px 0px;
	font-weight:300 !important;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#505050;
}

.products ul
{
	margin:0px;
	padding:0px;
}
.products ul li
{
	list-style:disc outside;
	margin-left:15px;
	line-height:24px;
	font-size:16px;
}
	
.products .leftsec { text-align:left !important;
}
.chart {
	width:40%;
	height:auto;
	padding:10px 20px 10px 20px;
	background:#000;
	color:#FFF;
	margin-top:10px;
}
.chart a {
	color:#FFF;
}
/*End Products*/



/*Contact*/
#contact
{
	background:#f30a0e;
	color:#FFF;
}
#contact a { color:#FFF;}
.regButton{
	font-size:20px !important;
	text-transform:uppercase;
	border:none;
	padding:9px 20px;
	float:left;
	margin-top:15px;
	background:#f30a0e;
	color:#FFF;
	cursor:default;
}
.info ,.contactForm{
	text-align:left;
}

.info h2 {
    margin-bottom: 10px;
	color:#FFF !important;
}

.workHours{
	margin-top:8px;
}
.workHours li{
	color:#FFF !important;
}
.workHours li span{
	color:#FFF !important;
}
.contactForm h2{
	margin-bottom:10px;
	color:#505050 !important;
}
.icon
{
	float:left;
	margin:5px;
}
.cForm {
    margin-top:20px;
}
.cForm form{
    width: 380px;
}
.cForm label {
	color:#505050 !important;
    display: block;
    font-size: 17px;
    margin-bottom: 5px;
}
form.respondF {
    width: 440px;
}
.cForm input[type="text"], .cForm input[type="email"], input[type="number"], .cForm textarea {
    background:#e3e0e0;
    border: 1px solid #c7c7c7;
	color:#505050 !important;
    margin-bottom: 10px;
    outline-width: 0;
    padding-left: 10px;
	font-size:12px;
}
.cForm input[type="text"] {
    height: 40px;
    margin-bottom: 20px;
    width: 450px;
}
.cForm textarea {
    height: 170px;
    margin-bottom: -5px;
    padding-top: 10px;
    width: 630px;
	font-size:12px;
}
.cForm #submit {
    color: #111111;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
}
#success, #error {
    display: none;
    position: relative;
}
#success h2, #error h2 {
    color: #DA4856;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 15px;
}

#error h2 {
    color: #CE3D3D;
}

.errorForm {
    border: 1px solid #da4856 !important;
}

/*End contact*/


/*Footer*/

.footer{
	color:#111111;
}

.footer.offset{
	padding-bottom:0;
}

.bottomFooter{
	background:#cc0105 url(../images/footerbg.gif) repeat-x;
	min-height:31px;
	padding-top:8px;
	font-size:12px;
	color:#FFF;
	text-align:left;
	overflow:auto;
}
.bottomFooter a{
	color:#FFF;
}
.bottomFooter .one
{
	float:right !important;
	text-align:center !important;
}

/*End footer*/


/*-------------------------------------------------------------------------*/

/* Media queries */




/*Landscape 1024 X 600 */
@media only screen and (min-width: 1000px) and (max-width: 1030px){
	nav#mainNav {margin-right: 70px;}
}


/*iPad lanscape*/
@media screen and (max-device-width: 960px){
	.factsContainer, .testiCliContainer, .graphic, .web  {background-attachment: scroll;background-position:top center !important;background-size:cover;}
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	nav#mainNav {margin-right: 70px;}

}


/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.factsContainer, .testiCliContainer, .graphic, .web {background-attachment: scroll;background-position:top center !important;background-size:cover;}
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	nav#mainNav {margin-right: 100px;}
	.skill h1{line-height:35px;}
	#testiCli .testiSlider{width:700px;}
	#testiCli .clientSlider{width:480px;}
	.branch { display:none !important;}
	
	.cForm textarea, .cForm form{width:490px;}
}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	
	.factsContainer, .testiCliContainer, .graphic, .web  {background-attachment: scroll;background-position:top center !important;background-size:cover;}

	
	
	#loaderInner {margin: -50px 0 0 -30px;}
	.logo, nav#mainNav{float:none;}
	nav#mainNav{margin-right:0;}
	nav#mainNav ul{display:none;margin-bottom:10px;}
	nav#mainNav li{float:none; display:block;}
	nav#mainNav a.active:after{right:1px;top:22px;}
	.topSocials{display:none;}
	nav#mainNav li a{padding:3px 0px;display:inline-block;}
	.mobileBtn{display: inline-block;float: right;margin-right: 10px;margin-top: -51px;position: relative;}
	
	 .mainSlider.flexslider{margin:73px auto 0;}
	.caption h1{font-size:20px;}
	.caption h1 span.new:after{width:17px;top:26px;right:2px;}
	.mainSlider .flex-direction-nav a{top:55% !important;}
	.branch { display:none !important;}
	
	.factSlider{width:100%;}
	.factSlider .flex-direction-nav .flex-next{right:-30px}
	.factSlider .flex-direction-nav .flex-prev{left:-30px}
	#testiCli .testiSlider{width:400px;}
	#testiCli .clientSlider{width:430px;}
	
	
	.container .service.bottom3{margin-bottom:40px;}
	.container .service.bottom3:last-child{margin-bottom:0;}
	
	
	.container .info{margin-bottom:40px;}
	.container .widget{margin-bottom:20px;}
	.container .widget:last-child{margin-bottom:0;}
	.cForm textarea, .cForm form{width:420px;}
	.cForm input[type="text"]{width:420px;}
	
	 .container .item{margin-bottom:20px ;}
	
	
	.bottomFooter{text-align:center;}
	.bottomFooter .right{float:none;}
	
	
}

/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {
	
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	
	.factsContainer, .testiCliContainer, .graphic, .web {background-attachment: scroll;background-position:top center !important;background-size:cover;}

	
	
	#loaderInner {margin: -50px 0 0 -30px;}
	.logo, nav#mainNav{float:none;}
	nav#mainNav{margin-right:0;}
	nav#mainNav ul{display:none;margin-bottom:10px;}
	nav#mainNav li{float:none; display:block;}
	nav#mainNav a.active:after{right:1px;top:22px;}
	nav#mainNav li a{padding:3px 0px;display:inline-block;}
	.mobileBtn{display: inline-block;float: right;margin-right: 5px;margin-top: -51px;position: relative;}
	
	 .mainSlider.flexslider{margin:73px auto 0;}
	.caption h1{font-size:20px;}
	.caption h1 span.new:after{width:17px;top:26px;right:2px;}
	.mainSlider .flex-direction-nav a{top:80% !important;}

	.factSlider{width:100%;}
	.factSlider .count{font-size:98px;}
	.factSlider .flex-direction-nav .flex-next{right:30px;}
	.factSlider .flex-direction-nav .flex-prev{left:30px;}
	.factSlider .flex-direction-nav a{top:51%;}
	#testiCli .testiSlider{width:230px;margin-top:10px;}
	#testiCli .productSlider{width:281px; }
	.productHolder{
		position:relative;
		top:-20px;
	padding-top:10px !important;
	padding-bottom:10px !important;
}
	.branch { display:none !important;}
	.container .service.bottom3{margin-bottom:40px;}
	.container .service.bottom3:last-child{margin-bottom:0;}
	
	
	.container .info{margin-bottom:40px;}
	.container .widget{margin-bottom:20px;}
	.container .widget:last-child{margin-bottom:0px;}
	.cForm textarea, .cForm form{width:300px;}
	.cForm input[type="text"]{width:300px;}
	
	 .container .item{margin-bottom:20px ;}
	
	
	.bottomFooter{text-align:center;}
	.bottomFooter .right{float:none;}
	.textright { text-align:left !important;}
	
}