@charset "utf-8";

/* CSS Document */



/* Reset styles start*/



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, font, 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 {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

}

html {

	overflow-y: scroll;

}

/*font css start*/

@font-face {

  font-family: 'DINNeuzeitGroteskStd-BdCond';

  src: url('../fonts/DINNeuzeitGroteskStd-BdCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/DINNeuzeitGroteskStd-BdCond.otf')  format('opentype'),

	     url('../fonts/DINNeuzeitGroteskStd-BdCond.woff') format('woff'), url('../fonts/DINNeuzeitGroteskStd-BdCond.ttf')  format('truetype'), url('../fonts/DINNeuzeitGroteskStd-BdCond.svg#DINNeuzeitGroteskStd-BdCond') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'Minion-Condensed';

  src: url('../fonts/Minion-Condensed.eot?#iefix') format('embedded-opentype'),  url('../fonts/Minion-Condensed.otf')  format('opentype'),

	     url('../fonts/Minion-Condensed.woff') format('woff'), url('../fonts/Minion-Condensed.ttf')  format('truetype'), url('../fonts/Minion-Condensed.svg#Minion-Condensed') format('svg');

  font-weight: normal;

  font-style: normal;

}


@font-face {

  font-family: 'AMAZONEN';

  src: url('../fonts/AMAZONEN.ttf')  format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'OpenSans-Regular';

  src: url('../fonts/OpenSans-Regular.ttf')  format('truetype');

  font-weight: normal;

  font-style: normal;

}


/*font css end*/

body {

	padding: 0px;

	margin: 0px;

	overflow-x: hidden;

}

body, input, textarea {

	font-weight: normal;

	font-style: normal;

}

/* Headings */

h1, h2, h3, h4, h5, h6 {



}

/* Text elements */

p {

	font-weight: normal;

}

/* Clear Fix Styles */



.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

/* start commented backslash hack \*/

* html .clearfix {

	height: 1%;

}

/* close commented backslash hack */



/* Links */

.container {

	width: 1280px;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

/* remember to highlight inserts somehow! */



/* site structure start*/



.site_wrapper {

	background:url(../images/tsc-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	padding-bottom:15%;

	background-attachment:fixed;


}	

.site_wrapper_about

{

	background:url(../images/aboutus-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

	

	}
	
	
.site_wrapper_team

{

	background:url(../images/aboutus-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	position: absolute;
	
	padding-bottom:9px;

	

	}
	

.site_wrapper_whatwedo

{

	background:url(../images/whtwedo-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

	

	}

.site_wrapper_clients

{

	background:url(../images/clients-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

	

	}

.site_wrapper_ourwork

{

	background:url(../images/ourwork-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	padding-bottom:15%;

	background-attachment:fixed;

	

	}
	
	
.site_wrapper_films

{

	background:url(../images/ourwork-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	padding-bottom:15%;

	background-attachment:fixed;

	

	}

.site_wrapper_contact

{

	background:url(../images/contact-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

	}
	
	
.site_wrapper_whyus {

	background:url(../images/whyus-background.jpg) no-repeat;

	min-width: 100%;

    min-height: 100%;

    background-size: cover;

	background-attachment:fixed;

	padding-bottom:18%;
	
	}


.row-centered {

	text-align: center;

}

.col-centered {

	display: inline-block;

	margin: 0px auto;

	text-align: center;

}

/* site structure end*/

/*header start*/

header

{

	padding:2% 0;

	

	}

.menutop

{

	margin-top: 14%;

    float: right;

	

	}

.navbar-default

{

	background-image:none;

	box-shadow:none;

    background-color:inherit;

    border-color:inherit;

	border-radius:0;

	}

.navbar

{

	border:none;

	margin-bottom:0;

	border-bottom: 1px solid #fff;

    min-height: 25px;

	}

.navbar-default .navbar-nav>li>a

{

	font-family: 'DINNeuzeitGroteskStd-BdCond';

	font-size: 17.03pt;

    text-transform: uppercase;

    color: #FFF;

    padding: 0px 18px;

	

	}

.navbar-default .navbar-nav>li>a:hover

{

	color:#f44522;

	

	}

.navbar-default .navbar-nav>.active>a

{

	color:#f44522;

	background-color: inherit;

	background-image:none;

	

	}

.navbar-default .navbar-nav>.active>a:hover {

    color: #f44522;

    background-color: inherit;

}

/*header end*/

/* main content start*/

.homserserv 

{

	text-align:center;

	padding-top:5%;

	position:relative;

	}



.trasformingdiv

{

	position: absolute;

    right: 4%;

    top: 42%;

    width: 34%;

	font-family:"Bell Gothic Std";

	font-size:12px;

	

}

.trasformingdiv1

{

	

	background:#fff;

	padding: 6px 6px;

	display:none;

	box-shadow: 4px 0px 6px 0px #000 inset;

	}

.trasformingdiv2

{

	

    background: #fff;

    padding: 6px 12px;

    position: absolute;

    left: 7%;

    top: 52px;	

	display:none;

	box-shadow: 4px 0px 8px 0px #000 inset;

	}

.trasformingdiv3

{

	

	background: #fff;

    padding: 6px 12px;

    position: absolute;

    left: 3%;

    top: 92px;	

	display:none;

    box-shadow: 4px 0px 8px 0px #000 inset;

	}

.onhoverlinks1

{

	width: 12%;

    height: 11%;

    position: absolute;

    bottom: 43%;

    right: 40%;

	

	}

.onhoverlinks2

{

	    width: 18%;

    height: 11%;

    position: absolute;

    bottom: 29%;

    right: 37%;

	

	

	}

.onhoverlinks3

{

	

	width: 20%;

    height: 11%;

    position: absolute;

    bottom: 15%;

    right: 38%;

}

.onhoverlinks1:hover .trasformingdiv1{

 display:block;

}

.abouttext

{

	

	padding-top:4.7%;

	

	}

.abouttext h1

{

	font-size:18pt;

	color:#f44522;

	font-family: 'Amazone BT Regular';

	padding-top:2%;
	
	text-align:center;

	}

.abouttext p

{

	font-size: 12.5pt;

    text-align: justify;

    padding: 1.5% 0;

    color: #fff;

	font-family:"OpenSans-Regular";

	font-weight:300;

	

	}
	
	.abouttext a:hover
	{
		color:#f44522;
		}

.whatwedo_div

{

	padding-top:1%;

	

	}

.clientdiv_div

{

	padding-top:5%;

	

	}

.whatwedo_div h1

{

	color:#cccccc;

	font-size:22pt;

	font-family: 'DINNeuzeitGroteskStd-BdCond';

	padding-bottom:5%;

	}

.servicelist

{

	padding-top:10%;

	text-align:center;

	

	}

.servidiv1 img

{

	margin:1px;

	

	}

.servicedesc

{

	padding-top: 7%;

	

	}

.servicedesc p

{

	

	color: #fff;

	font-family:"OpenSans-Regular";

	font-weight:300;

	    padding-bottom: 3%;
		
		font-size: 14pt;
		
		text-align: justify;
		

	}

/* main content end*/

.clientdiv img

{

	margin:1px;

	

	

	}

.cuicionc

{

	float:left;

	

	}

.cupdesc

{

	float:left;

	    padding-left: 20px;

	

	}

.cupdesc h2

{

	color:#f44522;

	font-size:20pt;

	font-family: 'DINNeuzeitGroteskStd-BdCond';

	padding-bottom:6px;

	}

.cupdesc p

{font-family: 'DINNeuzeitGroteskStd-BdCond';

color:#fff;

	font-size:12.2pt;

	}

.conactaddress

{

	font-family: 'OpenSans-Regular';

	color:#fff;

	

	}

.conactaddress h2

{

	font-size:16pt;

	    padding-left: 10px;
		padding-bottom: 12px;

}

.conactaddress ul 

{

	list-style:none;

	padding-top:10px;

	}

.conactaddress ul li

{

	font-size:13.5pt;

	padding:3px 0;
	
	padding-bottom: 15px;

	

	}

.conactaddress ul li img

{

	vertical-align:middle;

	margin:0 10px;

	

	}

.needdirec

{

	margin-left:45px !important;

	

	}

.accordion-toggle:hover {

      text-decoration: none;

    }

.panel

{

	background:none;

	border:none;

	

	}

.panel-default>.panel-heading

{

	background-image:none;

	color: #333;

    background-color: inherit;

    border-color: inherit;

	border-bottom: 1px solid;

	

	}

.panel-title .glyphicon

{

	float:right;

    color: #f44522;

    font-size: 20px;

    font-weight: bold;

	

	}

.panel-title a

{

	font-family:"OpenSans-Regular";

	font-size:14pt;

	text-transform:uppercase;

	color:#fff;

	font-weight:normal;

	

	}

.panel-body

{

	text-align:center;

	

	}

.panel-body h4

{

	

	font-family: 'DINNeuzeitGroteskStd-BdCond';

	font-size:20px;

	color:#fff;

	padding-top:10px;

	}
	
	
.cuicionc-index

{

	padding-top:7%;
	



	}
	
	
.servicedesc-index

{

	padding-top: 0%;

	

	}

.servicedesc-index p

{

	

	font-size: 12pt;

    text-align: center;

    color: #fff;

	font-family:"OpenSans-Regular";

	font-weight:300

	}


.servicedesc-index h1

{

	font-size:22pt;

	color:#f44522;

	font-family: 'Amazone BT Regular';

	padding-top:12%;

	}
	
	
.panel-title b

{

	font-family:"OpenSans-Regular";

	font-size:15pt;

	text-transform:uppercase;

	color:#ec2327;

	font-weight:normal;

	

	}	
	
	
.panel-body h5

{

	

	font-family: 'DINNeuzeitGroteskStd-BdCond';

	font-size:20px;

	color:#ec2327;

	padding-top:10px;

	}
	
	
	
.films_div

{

	padding-top:2%;
	
}


.films_div h4

{


	font-family: 'DINNeuzeitGroteskStd-BdCond';

	font-size:20px;

	color:#fff;

	padding-top:10px;

	}
	
	
 .video-responsive
 { overflow:hidden; 
 padding-bottom:56.25%; 
 position:relative; 
 height:0; 
 } 
 
 .video-responsive iframe
 { 
 left:0; 
 top:0; 
 height:100%; 
 width:100%; 
 position:absolute; }
 
 
 .container h4

{


	font-family: 'DINNeuzeitGroteskStd-BdCond';

	font-size:20px;

	color:#fff;

	padding-top:10px;
	
	padding-bottom:10px
	

	}

.servicedesc-whyus

{

	padding-top: 0%;

	

	}

.servicedesc-whyus p

{

	

	font-size: 12pt;

    text-align: center;

    color: #fff;

	font-family:"OpenSans-Regular";

	font-weight:300

	}


.servicedesc-whyus h1

{

	font-size:16pt;

	color:#f44522;

	font-family: 'DINNeuzeitGroteskStd-BdCond';
	
	font-weight:600;
	
	text-align:center;
	
	padding-bottom: 2%;


	}
	
.teamtext

{ 
padding-top:4.7%;

	}
	
.teamtext h2
{
	font-size:18pt;
	
	color:#fff;
	
	font-family:'DINNeuzeitGroteskStd-BdCond';
	
	font-weight:600;
	
	text-align: center;
	
	padding-bottom:11px;
	
	padding-top: 20px
	
	}
	
.teamtext p

{
	font-size:12pt;
	
	color:#fff;
	
	font-family:'OpenSans-Regular';
	
	font-weight:300;
	
	text-align:justify;
	
	padding-bottom: 12px;
	
	padding-left: 22px;
	
	padding-right: 22px;

	}
	
.teamtextpan

{ 
padding-top:4.7%;

	}
	

.team_img

{ 
	text-align:center;
	
	padding-bottom: 20px;
	
}



.teammember
{
	width:100%;
	
	text-align:center;
	
	padding-top: 50px;

}

.teammember_t
{
	display:inline-block;
	margin-right:20px;
	text-align:center;
	font-size:15px;
} 

.teammember_t img
{
	cursor:pointer;
}

.teammember_t a:hover
{
	
	text-decoration:underline;
	color:#fff;	
	
}

.teamcaption
{
	
	padding:5px 0;
	font-family: 'DINNeuzeitGroteskStd-BdCond';
	color:#fff;
}

.teamdescription
{
	
	padding:50px 0px 40px 40px;
	width:95%;
	
}
.teamdescription p
{
	
	font-family: 'OpenSans-Regular';
	color:#fff;
	font-size:16px;
	text-align:justify;
	padding-bottom: 30px;
	
}