@charset "utf-8";
/* CSS Document */
@import url('base.css');
@import url('grid.css');
@import url('icons.css');

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	max-width:1126px;
	background:#d6d6d8;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:0;
	clear:both;
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton 
are based on 10px sizing. So basically 1.5rem = 15px :) */
html,
body {
	height:96.7%;
	width: 85%;
	line-height:20px;
	color:#9a9a9a;
	margin: 0 auto;
	margin-top: 12px;
	background-image:url(../images/stripe.jpg);
	font-size:12px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#wrapper {
	max-width: 100%;
	min-height:100%;
	position:relative;
	background:#f1f1f1;
	border-radius: 16px 16px 16px 16px;
}
#header {
	background:#3d4042;
	padding:40px;
	border-radius: 14px 14px 0 0;
}
#left-header {
	width:150px\9;
	height:40px;
	position:relative;
	z-index:9999;
	right:30px;
	top:-40px;
	float:left;
}
#right-header {
	width:100%;	
	margin-top:17px;
	position:relative;
}
#footer {
	background:#3d4042;
	color:#ddd;
	width:100%;
	height:22px;
	position:absolute;
	bottom:0;
	left:0;
	padding-top:2px;
	border-radius: 0 0 14px 14px;
}
#copyright
{
	text-align:center;

}
#fun{
	width:97%;
	height:0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:right;
	float:left;
	position:relative;
	margin-top:-21px;
}
.career
{
	margin-left: 650px;
	color: orange;
}
.career1
{
	margin-left: 0px;
	color: orange;
}
.logo
{
	width:150px\9;
	height:54px\9;
	margin:20px 0 0 40px;
	float:left;
}
.left-menu {width:80%; height:40px; float:left;}
.right-menu {width:20%; height:40px; float:left; margin-top:0px;}
.tinynav {display:none;}
#crux{color:#ff7c05; text-decoration: none;}
#top-info {
	width:100%;
	height:0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#b4b4b4;
	text-align:right;
	float:left;
	margin-top:-32px;
	position:absolute;
}
#top-info .top-desc {
	margin-right:79px;
}

#top-info .top-desc ul li {
	display:inline-block;
}
#top-info .top-desc i {
	font-size:12px;
	color:#EB7F36;
	margin:0 6px 0 35px;
	top:3px;
	position:relative;
}

#top-info .top-store i {
	font-size:12px;
	color:#a2a2a2;
	margin:0 6px 0 35px;
	top:2px !important;
	position:relative;	
}

#mainmenu-wrapper 
{
	width:75.8%;
	margin-left:200px;
	position:absolute;
}
#mainmenu 
{
	width:100%;
	height:35px;
	margin:-10px 0px 0px 0px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	position:absolute;
	float:right;
}

#mainmenu ul {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:400;
	text-transform:uppercase;
	float:left;
}

#mainmenu ul li {
	color:#fff;
	list-style:none;
	line-height:15px;
	position:relative;
	padding:8px 18px 10px 25px;
	float:left;
}

#mainmenu ul li a, #mainmenu ul li a:visited {
	display:block;
	color:#8f8f8f;
	text-decoration:none;
	position:relative;
}

#mainmenu ul li:hover {
	border-bottom:1px solid #fd6d52;
	text-decoration:none;
	color:#fd6d52;
}

#mainmenu ul li:first-child {
}

#mainmenu ul li.selected {
	border-bottom:1px solid #fd6d52;
	text-decoration:none;
	color:#fd6d52;
}

#mainmenu ul li.selected a {
	text-decoration:none;
	color:#fd6d52;
}

#mainmenu ul li.selected ul li a{
	text-decoration:none;
	color:#000;	
}

#mainmenu ul li.selected ul li a:hover{
	text-decoration:none;
	color:#000;	
}

#mainmenu ul li li:hover {
	background:none;
	background-color:rgba(255, 255, 255, 0.1);
	border-bottom:none;
}

#menu li li {
	border-right:none;
	position:relative;
	z-index:100;
	line-height:20px!important;
	margin:0!important;
	padding:0!important;
}

#menu li li:after {
	content:"";
	display:none;
}

#menu ul {
	display:none;
	position:absolute;
	padding:0px;
	margin-top:11px;
	margin-left:-24px;
	width:160px;
	background-image: url(../images/menubar.png);
	-webkit-box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    0px 2px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         0px 2px 0px rgba(50, 50, 50, 0.15);
	z-index:9999;
}
#menu ul ul, #menu ul ul ul {
	display:none;
	position:absolute;
	top:0px;
	left:146px;
	width:160px;
	padding-top:0px;
	z-index:999;
}

#menu li ul a,#menu li ul a:visited {
	width:160px;
	color:#000;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:capitalize;
	line-height:18px;
	z-index:190;
	text-decoration:none;
	padding:9px 18px 10px 18px;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}

#menu li ul a:hover {
	border:none;
	padding-left:22px;
}

#menu li ul .selected  {
	border-bottom:none;
}

#menu li ul .selected a {
	color:#fd6d52 !important;
}

#menu ul ul li:first-child a {
	margin-top:0px;
}

#top-search {
	width:100px;
	height:50px;
	position:relative;
	z-index:999;
	margin:-46.5px 80px 0px 0px;
	float:right;
}

#search input[type="text"] {
    background: url(../images/search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font: bold 12px;
    color: #ddd;
    width: 160px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 180px;
	border: 0 none;
    }
#contact-form-area {
	width:100%;
	margin:10px 0px 10px 0px;
	float:left;	
}

#content {
	margin-top:0px;
	padding:10px 10px 10px 10px;
}


#map {
	width:518px;
	height:270px;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
	box-shadow: 0px 2px 0px 0px rgba(247,247,247,1);
	margin:0 0 20px 0;
	float:left;
}
#page{
	height:100%;
	position: relative;
	align-content:center; 
	}
#page-wrap { 
	width: 60%;
	max-width: 952px; 
	margin: 70px 30px;
	position: relative;
	}

#page-wrap:before, #page-wrap:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 50px;
	
	}
#page-wrap:before {
	left: 0;
	}
#page-wrap:after {
	right: -380px;
	}
#tech-slideshow {
	margin-right:300px;
    width: 1050px;
    height: 120px;
    position: relative;
    overflow: hidden;
    }
#tech-slideshow > div {
    height: 200px;
    width: 3000px;
    background: url(../images/collage1.jpg);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
        
    -moz-transition:  opacity 0.5s ease-out; 
    -o-transition: opacity 0.5s ease-out; 
    -webkit-transition: opacity 0.5s ease-out; 
    -ms-transition: opacity 0.5s ease-out; 
    
    /* Slow */
    -webkit-animation: moveSlideshow 60s linear infinite;
    -moz-animation:    moveSlideshow 60s linear infinite;
        
    -webkit-transform: translate3d(0,0,0); /* Performance */
    
    }
#tech-slideshow #tech-slideshow-1 {
    /* Sprite */
    background-position: 0 120px;
        
    /* Fast */
    -webkit-animation: moveSlideshow 20s linear infinite;
    -moz-animation:    moveSlideshow 20s linear infinite;
    }
#tech-slideshow:hover #tech-slideshow-2 {
    opacity: 0;
    }
	
#tech-slideshow1 {
	margin-right:300px;
    width: 1050px;
    height: 120px;
    position: relative;
    overflow: hidden;
}
#tech-slideshow1 > div {
    height: 200px;
    width: 3000px;
    background: url(../images/collage2.jpg);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
        
    -moz-transition:  opacity 0.5s ease-out; 
    -o-transition: opacity 0.5s ease-out; 
    -webkit-transition: opacity 0.5s ease-out; 
    -ms-transition: opacity 0.5s ease-out; 
    
    /* Slow */
    -webkit-animation: moveSlideshow1 60s linear infinite;
    -moz-animation:    moveSlideshow1 60s linear infinite;
        
    -webkit-transform: translate3d(0,0,0); /* Performance */
    
}
#tech-slideshow1 #tech-slideshow-11 {
    /* Sprite */
    background-position: 0 120px;
        
    /* Fast */
    -webkit-animation: moveSlideshow1 20s linear infinite;
    -moz-animation:    moveSlideshow1 20s linear infinite;
    }
#tech-slideshow1:hover #tech-slideshow-21 {
    opacity: 0;
    }
@-webkit-keyframes moveSlideshow1 {
    0%  { 
			-webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
            
        }    
        100% { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }
    }
    @-moz-keyframes moveSlideshow1 {
        0%   { 
			-webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
            
        }    
        100% { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }
    }
	#tech-slideshow2 {
		margin-right:300px;
        width: 1050px;
        height: 120px;
        position: relative;
        overflow: hidden;
    }
    #tech-slideshow2 > div {
        height: 200px;
        width: 3000px;
        background: url(../images/collage3.jpg);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        
        -moz-transition:  opacity 0.5s ease-out; 
           -o-transition: opacity 0.5s ease-out; 
      -webkit-transition: opacity 0.5s ease-out; 
          -ms-transition: opacity 0.5s ease-out; 
    
        /* Slow */
        -webkit-animation: moveSlideshow 60s linear infinite;
        -moz-animation:    moveSlideshow 60s linear infinite;
        
        -webkit-transform: translate3d(0,0,0); /* Performance */
    
    }
    #tech-slideshow2 #tech-slideshow-12 {
        /* Sprite */
        background-position: 0 120px;
        
        /* Fast */
        -webkit-animation: moveSlideshow 20s linear infinite;
        -moz-animation:    moveSlideshow 20s linear infinite;
    }
    #tech-slideshow2:hover #tech-slideshow-22 {
        opacity: 0;
    }
    @-webkit-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
        }
    }
    @-moz-keyframes moveSlideshow {
        0%   { 
            -webkit-transform: translateX(0); 
            -moz-transform:    translateX(0); 
            -ms-transform:     translateX(0); 
            -o-transform:      translateX(0); 
            transform:         translateX(0); 
        }    
        100% { 
            -webkit-transform: translateX(-1684px); 
            -moz-transform:    translateX(-1684px); 
            -ms-transform:     translateX(-1684px); 
            -o-transform:      translateX(-1684px); 
            transform:         translateX(-1684px); 
        }
    }
#cont1{margin-left:-2px;}
.cont {
position:relative;
overflow:hidden;
width:150px;
}
.cont .textbox {
position:absolute;
top:0;
left:0;
width:150px;
margin-left:-210px;
}
.cont:hover .textbox {
margin-left:-150;
}
.cont img {
margin-left:0;
}
.cont:hover img {
margin-left:210px;
}
.text {
padding-top: 50px;
}
.cont img, .textbox {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}



/*************************
	-	CAPTIONS	-
**************************/

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{visibility:hidden !important; display:none !important;}

.tp-caption { z-index:1;}

.tp-caption.general_caption p{color:#a8a8a8;}

.tp-caption.general_caption p.lead-alt{
			padding:4px 16px 7px 14px;
			background-color:#1abc9c;
			color:#fff;
			margin-bottom: 20px;
			font-size: 18px;
			font-weight: 300;
			line-height: 26px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
}
.tp-caption.general_caption p.lead-alt i{
			color:#fff;
			font-size:14px;
			margin-right:8px;
			position:relative;
			top:1px;
}

.tp-caption.video_box iframe {
			width : 480px;
			height : 270px;
			background:#333;
		}

.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

.tp-caption.black{
		color: #000;
		text-shadow: none;
  		font-weight: 300;
		font-size: 19px;
		line-height: 19px;
		font-family: 'Open Sans', sans;
	}

.tp-caption.noshadow {
		text-shadow: none;
	}

.tp-caption a {
	color: #ff7302; text-shadow: none;	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}

.tp-caption a:hover {
	color: #ffa902;
}

.tp-caption .app-market li {
	display:inline-block;
	margin-right:18px;
}

.slide-separator {
	width:80px;
	height:4px;
	margin-bottom:22px;
	background-color:#c4c4c4;
	display:block;
}

.slide-separator2 {
	width:80px;
	height:4px;
	margin-bottom:22px;
	background-color:#fff;
	display:block;
}

.slide-separator.center-position {
	margin:0 auto !important;
	text-align:center !important;	
}

.tp-caption.general_caption p:nth-of-type(1n){line-height: 23px\9;}
.tp-caption.general_caption p{line-height: 23px\0/;}


.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}
						
_::-ms-reveal, .caption a.button.small {padding:5px 15px !important;}
_::-ms-reveal, .caption a.button.medium {padding:12px 17px 11px 17px !important;}
_::-ms-reveal, .caption a.button.large {padding:15px 24px 16px 24px !important;}

.caption a.button.small:nth-of-type(1n) { padding:15px 15px\9; }
.caption a.button.medium:nth-of-type(1n) { padding:22px 17px 21px 17px\9; }
.caption a.button.large:nth-of-type(1n) { padding:25px 24px 26px 24px\9; }

@media \0screen {
.caption a.button.small { padding:15px 15px; }
.caption a.button.medium { padding:22px 17px 21px 17px; }
.caption a.button.large { padding:25px 24px 26px 24px; }
}


/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

.tp-simpleresponsive .slotholder *,
.tp-simpleresponsive img			{ -webkit-transform: translateZ(0);
										  -webkit-backface-visibility: hidden;
										  -webkit-perspective: 1000;
									}


/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; position:absolute; visibility: hidden;

}

.tp-simpleresponsive img	{	max-width:none;}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(../images/assets/shadow1.png) no-repeat; background-size:100%; width:890px; height:30px; bottom:-30px;}
.tp-bannershadow.tp-shadow2 {	background:url(../images/assets/shadow2.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}
.tp-bannershadow.tp-shadow3 {	background:url(../images/assets/shadow3.png) no-repeat; background-size:100%; width:890px; height:60px;bottom:-60px;}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

.tp-caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%;}
.tp-caption.fullscreenvideo iframe	{ width:100% !important; height:100% !important;}

/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both;}


.tp-bullets								{	z-index:999; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
											}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
											}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(../images/assets/boxed_bgtile.png); height:40px; padding:0px 10px;  }

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(../images/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px ;}


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(../images/assets/bullet.png) no-Repeat top left;	width:16px;	height:16px;  margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px;}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(../images/assets/bullets.png) no-Repeat bottom left;	width:17px;	height:17px; margin-right:5px; float:left; margin-top:-8px; margin-top:0px\0/;}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(../images/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px;}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:-10px;}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px;}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:10px;}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important;}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(../images/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px;}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important;}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important;}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left; }

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }




/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:0px; background:url(../images/slideshow/sld_pattern.png) repeat-x;
												width:100% !important; height:160px !important; 		/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin:-50px;
											}


.fullwidthbanner-container .tp-thumbs		{  padding:0px;}

.tp-bullets.tp-thumbs .tp-mask				{	width:1070px !important; height:75px !important; margin:75px auto 0px auto; /* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative;}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute;}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; border:3px solid #4a4a4a; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden; background:#fff ;margin:0;float:left;																
												-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35);
												-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35);
												box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.35);
												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
												
												margin:10px;
												padding:0px;
											}
										
										
.tp-bullets.tp-thumbs .bullet img {
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
												-moz-opacity: 0.7;
												-khtml-opacity: 0.7;
												opacity: 0.7;	
}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	border:3px solid #f14629;											
												
											}

.tp-bullets.tp-thumbs .bullet img:hover,
.tp-bullets.tp-thumbs .bullet.selected img {
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;	
}
										
.tp-thumbs img								{	width:100%; }


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:4px; background:url(../images/assets/timer.png); position:absolute; z-index:200; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.tp-bannertimer.tp-bottom					{	bottom:0px !important;height:4px;}
.tp-bannertimer.tp-top						{	top:0px !important;height:4px;}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/


	@media only screen and (min-width: 768px) and (max-width: 959px) {

	 }



	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.responsive .tp-bullets.tp-thumbs				{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .tp-mask		{	width:300px !important; height:30px !important;}
			.responsive .tp-bullets.tp-thumbs .bullet		{	width:60px !important;height:30px !important;}

	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none;}
	}





/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none;}

.tp-simpleresponsive ul {
	list-style:none;
	padding:0;
	margin:0;
}

.tp-simpleresponsive >ul >li{
	list-stye:none;
	position:absolute;
	visibility:hidden;
}
/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:10000px; height:10000px;  background:url(../images/assets/coloredbg.png) repeat;}

.tp-loader 	{	background:url(../images/assets/loader.gif) no-repeat 10px 10px; background-color:#fff;  margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute;width:44px;height:44px;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}


.tp-transparentimg {	content:"url(../images/assets/transparent.png)"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
						 -webkit-transform-origin: 50% 50%;
					}


/***** Slideshow Stylesheet *****/


.banner {
	width:100%;
	height:640px !important;
	position:relative;
	bottom:-0px;
	overflow:hidden;
	margin:0 auto;
}

.banner-landing {
	width:100%;
	height:640px !important;
	position:relative;
	top:-63px;
	overflow:hidden;
	margin:0 auto;
}
.icon-left {
margin:1px 18px 0 0 !important;
float:left !important;
color:#EB7F36;
}
.no-border.small i {
font-size:15px;
line-height:0px;	
}
#scroller {
        position: relative;
    }
    #scroller .innerScrollArea {
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #scroller ul {
        padding: 0;
        margin: 20px;
        position: relative;
    }
    #scroller li {
        padding: 0;
        margin: 10px;
        list-style-type: none;
        position: absolute;
    }
#scroller1 {
        position: relative;
    }
    #scroller1 .innerScrollArea1{
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #scroller1 ul {
        padding: 0;
        margin: 20px;
        position: relative;
    }
    #scroller1 li {
        padding: 0;
        margin: 10px;
        list-style-type: none;
        position: absolute;
    }
#scroller2 {
        position: relative;
    }
    #scroller2 .innerScrollArea2{
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    #scroller2 ul {
        padding: 0;
        margin: 20px;
        position: relative;
    }
    #scroller2 li {
        padding: 0;
        margin: 10px;
        list-style-type: none;
        position: absolute;
    }
.scroll-text {
  width: 100%;
  height: 4.5em;
  overflow: hidden;
  visibility: hidden;
  text-align:justify;
}
.scroll-text ul {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
  list-style: none;
}

.principale {
    height: 100px;
    width: 110%;
    position: relative;
}
.immagine {
    margin: 0;
	position:relative;
}
.content {
    display: none;
    margin: 0;
}

.principale .contenitore1 {
    background:#d6d6d8;
    height: 100px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
	.contenitore1:hover .content {
    display: block;
}
	.contenitore1:hover .immagine {
	position:relative;
}
.principale .contenitore2 {
    background:#d6d6d8;
    height: 100px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
	.contenitore2:hover .content {
    display: block;
}
	.contenitore2:hover .immagine {
	position:relative;
}
.principale .contenitore3 {
    background:#d6d6d8;
    height: 100px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
	.contenitore3:hover .content {
    display: block;
}
	.contenitore3:hover .immagine {
	position:relative;
}
.principale .contenitore4 {
    background:#d6d6d8;
    height: 100px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}
	.contenitore4:hover .content {
    display: block;
}
	.contenitore4:hover .immagine {
	position:relative;
}
p.lead{
	font-size:18px;
	line-height:2px!important;
	color:#3d4042;
}
#right {
    height:auto;
	max-width: 100%;
    float:right;
    padding:5px; 
}
#left {
    width:98%;
	text-align:justify;
    float:left;
    padding:5px; 
}

.jobs
{
	font-family:calibri;
	font-size: 20px;
	color: #000000;

}




