/*  Simplify  - Table of Contents
----------------------------------------------------

1. Color-Skin Styles
2. Reset Styles 
3. Layout and General Styles
4. Header Styles
5. Main Section Styles
--5.1 - Buttons
--5.2 - Slider
6. Features Section Styles
7. Highlight Styles
8. Newsletter Section Styles
9. Screenshots Section Styles
10. Footer Buttons ( Join The Party) Section Styles
11. Footer Styles
12. Contact Form Styles
13. Responsive Styles
14. Retina Ready Backgrounds


/*----------------------------------------------------*/
/* 1. Color-Skin Styles */
/*----------------------------------------------------*/

 


/*----------------------------------------------------*/
/* 2. Reset Styles */
/*----------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
footer, header, menu, nav, section {
	display: block;
}

body {
	background-color:#fafafa;
	line-height: 1;
	font-family: 'Days One', sans-serif;
}
ol, ul {
	list-style: none;
}

a:focus { outline:0;  }
a:hover {  text-decoration:none; }
input { border:0;   font-family: 'Droid Sans', sans-serif;  }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #6a6a6a;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8),  1px 1px 2px rgba(0, 0, 0, 0.3) inset; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #19bdfa;border-color:#cccccc;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8),  1px 1px 2px rgba(0, 0, 0, 0.3) inset; }
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }

/*----------------------------------------------------*/
/* 3. Layout and General Styles */
/*----------------------------------------------------*/
.main-container {  
	background: url("../img/bg_50.jpg") repeat-x scroll center center #191919;
    height: 700px;
    position: relative;
    width: 100%;
    color:#fff;
}
.wrapper { width:940px; margin:0 auto; }
.clear { clear:both; }
h1 { text-align:center; font-family: 'Days One', sans-serif; font-size:28px; margin:45px 0 20px 0; text-shadow:1px 1px 2px  rgba(255,255,255,1) ,1px 2px 1px  rgba(0,0,0,0.6); color:#101417;}
h2 { text-align:center; font-size:20px; font-family: 'Droid Sans', sans-serif;  color:#b5bbc1; }

/*----------------------------------------------------*/
/* 4. Header Styles */
/*----------------------------------------------------*/

header { 
	height:80px;
	background-color: rgba(0, 0, 0, 0.18);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	display:block; 
	border-bottom:1px solid #121417;
	box-shadow:0px 0px 3px rgba(0,0,0,0.6);  
}

/* ------ Logo ------ */
.logo  { background: url("../img/logo/sponsiv-logo-white@2x.png") no-repeat; width: 200px; height: 200px; float: left; margin-right: -200px; margin-top: 18px; margin-left: 40px; background-size:100% 50px;
}

/*.logo  {
	width: 150px;
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-top: 18px;
	height: 50px;
}*/
.logo h1 {  color:#efefef; font-size: 23px; text-shadow: -1px -1px 3px rgba(0,0,0,0.2); }

.navi { float:right; font-family: 'Droid Sans', sans-serif; color:#a9a9a9; font-size:15px; margin:18px 0 0; }
.navi li { float:left; margin:12px 30px 0 0; text-shadow:1px 1px 2px rgba(0,0,0,0.3) ; }
.navi li a { color: #a9a9a9
}
.navi li a:hover {color: #ececec;}
li.active a { color:#ececec; }

/*----------------------------------------------------*/
/* 5. Main Section Styles */
/*----------------------------------------------------*/
.main {text-align:center;}
.main h1 { font-size: 20px; margin: 45px 40px 20px 0px; text-shadow:1px 1px 2px  rgba(0,0,0,0.8);  color:#efefef;
padding-right: 50px; padding-left: 50px; line-height: 25px;}
.main h2 {text-shadow:1px 1px 2px  rgba(0,0,0,0.8); color: #828282; font: 16px 'Droid Sans', sans-serif;}

#ly3.main-container.ly3 {
	padding: 0px 0px 10px 0px;
}
/* Window */

.window {
	position: absolute;
	clear: both;
	top: 230px;
}


/*----------------------------------------------------*/
/* 6. Features Section Styles */
/*----------------------------------------------------*/
#features {padding: 0px 0px 0px 0px; cursor: default;
}
#features h1{
	padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;
}
.icon { width:128px; height:128px;  margin:0 auto; margin-bottom: 10px;
	display:block; cursor: default;
}
 .ft1 {  opacity:0.4; position:absolute;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";}
.featu { padding:30px 0px 5px 0px;  display:block; cursor: default;
}
.featu-wrap:first-child { margin:0px 30px 0 0;  display:block; padding:20px 20px; cursor: default;
}
.featu-wrap { margin:0px 30px;  display:block; padding:20px 20px; cursor: default; }
.featu:hover { cursor:pointer; }
.featu h1 { margin-top:20px ; font-size:22px; text-transform:none; color:#0d1115; text-shadow:1px 1px 2px  rgba(255,255,255,1) ,1px 2px 1px  rgba(0,0,0,0.4);  }
.featu h2 { margin-top:20px ; font-size:14px; text-transform:none; line-height:1.5em; color:#5a5a5a; opacity:0.6;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  }
.featu-active { box-shadow: 0px 1px 4px rgba(0,0,0,0.55);  }
#innovative {
	-webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; cursor: default;
}
#innovative:hover {
	margin-top: 10px; cursor: default;
}
#diversified {
	-webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; cursor: default;
}
#diversified:hover {
	margin-top: 10px; cursor: default;
}
#quick-to-market {
	-webkit-transition: margin 0.3s ease-out; -moz-transition: margin 0.3s ease-out; -o-transition: margin 0.3s ease-out; cursor: default;
}
#quick-to-market:hover {
	margin-top: 10px; cursor: default;
}

/*----------------------------------------------------*/
/* 7. Vinu Section Styles */
/*----------------------------------------------------*/
/*.vinu { background:url("../img/bg-highlight-2.png") repeat; height:386px;  display:block; padding:40px 0 0 0; }*/



.vinu {
	display: block;
	height: 420px;
	padding: 30px 40px 10px 20px;
	background-image: -webkit-linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);
	background-image: -webkit-linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);
	    background-image: -moz-linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);
	    background-image: -o-linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);
	    background-image: -ms-linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);
	    background-image: linear-gradient(top, #240101 0%,#450101 1%,rgb(39,1,1) 4%,#290000 73%,rgb(43,0,0) 97%,#450101 98%,#300101 100%);	
}

.vinu-text { width:40%; float:left;   }
.vinu-text h1 { text-align:left; font-size:28px; margin:0px 0 30px 0px; text-shadow:5px 3px 2px  rgba(0,0,0,0.8);  color:#efefef;  }
.vinu-text p {
	color: #fff;
	font-size: 16px;
	line-height: 1.3em;
	font-family: 'Droid Sans', sans-serif;
}

.vinu a {
	font-size: 17px;
	line-height: 1.3em;
	font-family: 'Droid Sans', sans-serif;
}
.vinu-img {
	width: 50%;
	padding: 20px 0 0 0;
	float: right;
}

.vinu-logo {
	height: 150px;
	width: 151px;
	margin: 0px 30px 10px 0px;
	padding: 0 0 0 20%;
}

/*----------------------------------------------------*/
/* 8. Contact Section Styles */
/*----------------------------------------------------*/
.contact { height:251px; display:block; padding-bottom: 50px;
}
.contact-text { width:40%; float:right; padding-top: 40px; }
.contact-text p { font-family: 'Droid Sans', sans-serif; color:#535a61; font-size:18px; line-height:1.7em; padding-left: 20px;
}
.contact-text p:last-child {font-style: italic;
}
.contact-text a {color: #1d8ec9; padding-left: 20px; font-size: 18px; font-family: 'Droid Sans', sans-serif; line-height: 1.7em;
}
.contact-text a:hover{color: #525961;}
.contact-text h1 { font-size:28px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;  text-transform:none; color:#0d1115; text-shadow:1px 1px 2px  rgba(255,255,255,1) ,1px 2px 1px  rgba(0,0,0,0.4); text-align:left;  padding:0 20px;  }
.contact-img { width:40%; height: 249px; float: left; margin: 20px 0px -20px 50px;
-webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
background-color: black;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.contact-img p {
	font-family: 'Droid Sans', sans-serif;
	color:#535a61;
	font-size:12px;
	line-height:1.7em;
	text-align: center;
}
.contact-img:hover {
	    width:40%; height: 249px; float: left; margin: 20px 0px -20px 50px;
	    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0px 11px 3px;
	    -moz-box-shadow: rgba(0,0,0,0.8) 0px 0px 11px 3px;
	    box-shadow: rgba(0,0,0,0.8) 0px 0px 11px 3px;
}


/*----------------------------------------------------*/
/* 11. Footer  Styles */
/*----------------------------------------------------*/
footer {background:url(../img/bg-highlight.png) repeat; height:45px;  }
.top-button  { float:right; background:url(../img/scrolltop.png) no-repeat; display: block; width:57px; height:37px; overflow: visible;}
.top-button:hover  { float:right; background:url(../img/scrolltop_hover.png) no-repeat; display: block; width:57px; height:37px; overflow: visible;}
.copy { float:left; font-family: 'Droid Sans', sans-serif; color:#535a61; font-size:15px;
}
.copy p {
	margin-top: 15px;
}
.copy span { color:#efefef; font-family: 'Days One', sans-serif;   font-size:15px; margin:0 5px; }

.copy span:hover { color:#1d8ec9; }



/*----------------------------------------------------
 13. Responsive - Media Queries 
----------------------------------------------------

@media(min-width: 768px) and (max-width: 979px) { 
.wrapper { width:735px; margin:0 auto; }
.main h1 { margin: 30px;} 
.highlight { height:319px; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 0px;} 
.highlight h1 {margin: 0px 0 20px; font-size:23px; }
.highlight-img {width: 441px; height: 282px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.highlight p {margin: 0px 0px 0px 0px; width: 320px;}
.highlight .vinu-logo{height: 100px; width: 101px; margin-top: -10px; padding-left: 25%;}
.newsletter h1 {  margin-top:40px; font-size:25px;  }
#gallery ul { height:110px; min-height:100px; }
}


@media(min-width: 480px) and (max-width: 767px) { 
.wrapper { width:480px; margin:0 auto; } 
h1 { font-size:22px; }
.main h1 { font-size:18px; padding: 0 0 0 0; margin: 20px;}
.main h2 { font-size:14px; padding: 0px 0px 0px 0px;}
header .logo {padding: 50px 0 0 0; width: 180px; height: 20px;}
.navi { display:none; }
.slides { width:100%; background-size:100% auto;  }
.slides_container {  width:390px; margin: 0px 42px; height:300px; padding:80px 0 0;}
.pagination { width:105px; }
.highlight { height:225px; padding:10px 20px 20px 20px; } 
.highlight h1 { margin: 10px 0 10px 0px; font-size:21px; width: 150%;}
.highlight p { width: 280px; font-size:12px;}
.highlight img {margin: 30px 60px 20px 120px;}
.highlight a { display:none;}
.highlight .vinu-logo{height: 80px; width: 80px; padding-left: 80px; margin: 0px 0 10px 0;}
div#features h1{margin: 0px 0px 10px 0px;}
div.span4.featu{padding: 10px;}
.newsletter { height:200px; padding:50px 0 0;}
.newsletter p { display:none; }
input.email-newsletter { width:115px;}
#gallery ul { height:640px; min-height:100px; }
#gallery ul li { margin:20px 0 0; }
#gallery ul img { width:50%; margin:0px 0 0 25%;}
}


@media(max-width:480px) {   
.wrapper { width:300px; margin:0 auto; } 
.wrapper .window {width: 300px; display: inline-block; margin-top: 40px; margin-left: -15px;}
header { height:50px; padding:24px 0  0; }
.logo {float:none; }
.navi { display:none; }
.main h1 { font-size:14px; line-height:1.4em; margin: 30px 0px 0px 0px; padding: 20px 10px 0px 10px;}
.main h2 { font-size: 13px; line-height: 1.2em; margin: 5px;}
.slides { display:none; }
h1 { font-size:22px; line-height:1.8em; }
#features {height: 1000px;}
.features h1 { margin-top:10px ; font-size:22px;}
.highlight { padding:5px 0 30px; height:360px; }
.highlight-img { display:none; }
.highlight-text {width:110% }
.highlight h1 { text-align:center; margin-left: -10px;}
.highlight p {margin-top: 10px;}
.highlight a { float:none; margin:30px auto 0; }
.highlight .vinu-logo{ height: 120px; width: 120px; padding-left:90px;
.featu-wrap { margin:0px 0px;  display:block; padding:20px 20px;     }
.featu-wrap:first-child { margin:0px 0px 0 0;  display:block; padding:20px 20px;}
.copy { display:none; }*/