@charset "utf-8";

@font-face {
	font-family: 'Conv_Neo Sans Light';
	src: url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans Light.eot');
	src: local('☺'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans Light.woff') format('woff'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans Light.ttf') format('truetype'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Neo Sans';
	src: url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans.eot');
	src: local('☺'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans.woff') format('woff'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans.ttf') format('truetype'), url('/web/20220509092244im_/http://trikodemedia.com/assets/fonts/Neo Sans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.reset-margin
{
	margin:0 !important;
}
body
{
	background: url("/images/bgmain.jpg") no-repeat fixed top center transparent !important;
    font-family: 'Conv_Neo Sans' !important;
}
.header .brand .logo {
     margin: 0 0 0 15px;
 }
.main-wrap 
{
	width:1000px !important;
	box-shadow:none !important;
	background: none !important;
}
.header
{
	background-color:transparent !important;
	background: url("/images/headerbg.png") repeat-x  0 0 transparent !important;
    border-radius: 0 0 7px 7px;
    float: left;
    height: 92px;
    margin: 0 0 15px;
    position: relative;
    width: 100%;
	border:0 !important;
 }
 .header .header-row{ height:80px;}
 
 .slider-wrap {
   border: 5px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    float: left;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    width: 990px;
	margin:0 0 0 0;
	background-color:#000;
}
.slider-wrap  .ls-layer  img 
{
	 margin-top:-75px !important;
}
.slider-wrap  .ls-layer  img.ls-bg
{
	 margin-top:-215px !important;
}
 
.content
{
	 
    border-radius: 6px 6px 6px 6px;
    float: left;
    margin: 15px 0 0;
    position: relative;
    width: 1000px;
	padding:0 !important;
}

.container 
{
	width:100%;
}
.content > .container.main {
    padding-top: 0px;
}
.row
{
	margin-bottom:15px;
}
.container .column, .container .columns {
 	margin:0;
 }
 .container .one-third.column {
    width: 273px;
	background:url(/images/boxbg-gradient.png) repeat-x bottom #fff;
	border-radius:6px;
	padding:25px;
	margin-right:15px;
}
.clientrow
{
	background:url(/images/boxbg-gradient.png) repeat-x bottom #fff;
	border-radius: 6px 6px 6px 6px;
    padding: 15px;
}
h4.cap1, h4.cap2, h4.cap3
{
	font-size:26px;
 	padding:15px 0 0 75px;
	line-height:24px;
	height:68px;
	font-weight:normal;
 	border-bottom:1px dotted #ddd;
}
h4.cap1 
{
 	color:#ef4223;
 	background:url(/images/icons-home1.png) no-repeat 0 0;
 }
h4.cap2
{
 	color:#345eea;
 	background:url(/images/icons-home1.png) no-repeat 0 -94px;
 }
h4.cap3
{
 	color:#f99f1c;
 	background:url(/images/icons-home1.png) no-repeat 0 -189px;
 }
h4.cap1 span, h4.cap2 span, h4.cap3 span
{
	color:#7c7c7c;
	font-size:18px;
	text-transform:uppercase;
}
.client-wrap .client-logo img {
	width:100%;
	max-height:none;
	height:auto;
	max-width:100%;
 }
 .client-wrap 
{
	padding:0;
}
.client-wrap .client-logo
{
	height:auto;
}
.container .clientrow  .four.columns
{
	margin:0 15px 0 0;
}
.text
{
	text-align:justify;	
}
.more
{
	margin:35px 0 0 0;
	float:right;
	text-indent:-9999px;
	display:block;
	background:url(/images/morebtn.png) no-repeat 0 0;
	width:47px;
	height:20px;
	text-decoration:none;
}
.more:hover
{
	background:url(/images/morebtn.png) no-repeat 0 -22px;
}

.footer-bottom
{
	padding:16px 20px;
	width:958px;
	background:url(/images/footerbg.png) repeat-x 0 0;
	float:left;
	border-radius:6px 6px 0 0;
	border:1px solid #000;
}
.container-w
{
	background:url(/images/boxbg-gradient.png) repeat-x bottom #fff;
	border-radius: 6px 6px 6px 6px;
    padding: 20px;
}
.ul-01
{
	margin:0;
	padding:0;
	 
}
.ul-01 li
{
	width:212px;
	padding:4px 10px;
	display:inline-block;
	background-color:#fafcfc;
	border-radius:4px;
	margin:0 2px 2px 0;
	line-height:20px;
	border:1px solid #eef7f9;
 	font-size:12px;
	color:#6b8287;
}
.ul-02
{
	margin:0;
	padding:0;
	 
}
.ul-02 li
{
	width:212px;
	padding:4px 10px;
	display:inline-block;
	background-color:#fff;
	border-radius:4px;
	margin:0 2px 2px 0;
	line-height:20px;
	border:1px solid #eef7f9;
 	font-size:12px;
	color:#6b8287;
}

.content h2 {
    font-size: 16px;
	color:#C60;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px dotted #eee;
	text-transform:uppercase;
}

@media screen and (min-width:768px ) and (max-width:1000px)
{
	.main-wrap
	{
		width:768px !important;
	}
	.slider-wrap
	{
		width:758px !important;
		max-height:225px !important;
	}
	.content
	{
		width:100%;
	}
	.container .one-third.column {
 		padding: 15px;
		width: 216px;
		height:270px;
	}
	h4.cap1, h4.cap2, h4.cap3 {
 		font-size: 21px;
 	}
	.footer-bottom
	{
		width:727px !important;
	}
	.container .eight.columns {
		float: left;
   		 width: auto;
	}
	.container .sixteen.columns 
	{
		width:727px;
	}
 	.container .eleven.columns 
	{
		width:460px;
	}
 	.container .five.columns 
	{
		width:227px;
	}
 
}
@media screen and (min-width:480px ) and (max-width:767px)
{
	.main-wrap
	{
		width:480px !important;
	}
	.slider-wrap
	{
		width:470px !important;
	}
	.content
	{
		width:100%;
	}
	.container .one-third.column {
 		margin: 0 0 15px;
		padding: 15px;
		width: 450px;
	}
	 
	.footer-bottom
	{
		width:440px !important;
		 padding: 8px 20px;
    	text-align: center;
	}
	.footer .footer-bottom .footer-nav {
		padding: 0;
	}
	.container .eight.columns {
		float: none;
   		 width: 100%;
		 margin:0 auto;
	}
	.container .sixteen.columns, .container .eleven.columns, .container .five.columns
	{
		width:440px;
	}
	.container .five.columns
	{
		margin:0 !important;
	}
	.ul-01 li, .ul-02 li
	{
		width:418px;
	}
}
@media screen and (min-width:1px ) and (max-width:480px)
{
	.main-wrap
	{
		width:300px !important;
	}
	.slider-wrap
	{
		width:310px !important;
		margin:27px 0 0 0;
	}
	.header .navigation .tinynav {
		display: inline-block;
		width: 320px;
		 border-radius:6px;
	}
	.content
	{
		width:100%;
		margin:26px 0 0 0;
	}
	.container .one-third.column {
		 margin-right: 0;
		 margin-bottom: 15px;
    }
	.footer-bottom
	{
		width:298px !important;
		padding:10px;
	}
	.footer .footer-bottom .footer-nav {
		padding: 0;
	}
	.container .eight.columns {
		float: left;
   		 width: 100%;
		 font-size:11px;
	}
	
	.footer-bottom .footer-nav li {
		margin: 0 3px;
 	}
	
	.container .sixteen.columns, .container .eleven.columns, .container .five.columns
	{
		width:280px;
	}
	.container .five.columns
	{
		margin:0 !important;
	}
	.ul-01 li, .ul-02 li
	{
		width:258px;
	}
}