/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
/*background:url(../images/index-main-bg.png);*/
}
a {
text-decoration: none;
}
.container2 {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container2 {
width: 1100px;
}
.container2-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-3 {
width: 25%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-md-3{
float: left;
}
.col-md-3 {
width: 22.2%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-offset-3 {
margin-left: 25%;
}
/*--header--*/
.header{
position: relative;
}
.logo {
z-index: 99999;
width: 47%;
height:95px !important;
}
.top-menu {
float: right;
}
.logo a img {
width: 470px;
z-index: 99;
position: absolute;
top: 12px;
padding-left:40px;
}
.navigation {
width: 62%;
float: right;
}
.copyrights{
text-indent:-9999px;
height:0;
line-height:0;
font-size:0;
overflow:hidden;
}
.header-right-text h3 {
font-family: 'Metamorphous', cursive;
text-align: right;
color: #fff;
font-size: 1.1em;
margin: 5px 0 5px;
font-weight: 600;
}
.header-right-text {
float: right;
}
.header-right-text h3 {
text-decoration:none !important;
}
.header-right-text h3 span {
font-family: 'Open Sans', sans-serif;
margin: 0 12px;
color: #339966;
font-weight: 600;
font-size: 1em;
}
.header-right-text h3 i {
font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: .9em;
font-style:normal;
color: #fff;
}
.nav-wil{
padding:0;
}
.navbar-nav {
float: right !important;
}
.navbar-default .navbar-nav > li > a{
color: #000;
font-size: 16px;
padding: 0;
}
.nav > li {
font-family: 'Metamorphous', cursive;
margin: 0 27px 0 !important;
}
.nav > li > a:hover {
color: #339966;
transition: 1s all;
-webkit-transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
-ms-transition: 1s all;
}
.nav > li:last-child {
margin-right: 0 !important;
}
ul.nav.navbar-nav li a.active {
color: #fff200 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #339966;
background: none;
}
.navbar-nav > li {
display: inline-block !important;
}
.navbar-default {
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0);
margin-bottom: 0;
}
.header-nav {
margin-bottom: 1.7em;
}
ul.nav.navbar-nav {
margin-top: 2.5em;
}
.grid__item.color-11:hover {
box-sizing: 0;
border-top: 0 !important;
}
/*--our creative end here--*/
/*--footer--*/
.footer {
background: #444;
padding: 4em 0px;
}
.footet-left h3 {
color: #fff;
font-size:16px;
margin: 0;
}
.footet-left ul {
padding: 0;
margin-top: 5%;
}
.footet-left ul li {
list-style: none;
margin: 6px 0px;
}
.footet-left ul li a {
color: #999;
font-size: 15px;
font-weight: 300;
}
.footet-left ul li a:hover, .copy-rights p a:hover {
color: #fff;
text-decoration: none;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
}
.sub-text {
margin-top: 8%;
}
.sub-text input[type="text"] {
width: 82%;
color: #fff;
outline: none;
font-family: 'Lato', sans-serif;
background: none;
font-size: 12px;
font-weight: 500;
letter-spacing: 2px;
padding: 11px 12px;
border: 1px solid #fff;
-webkit-appearance: none;
}
.sub-text input[type="submit"] {
border: 1px solid #fff;
outline: none;
border-left: none;
color: #fff;
margin-left: -4px;
background: url(../image/arrow.png) no-repeat 14px 14px;
padding: 3px 22px 16px 19px;
-webkit-appearance: none;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.sub-text input[type="submit"]:hover {
background: url(../image/arw.png) no-repeat 14px 14px;
}
.copy-rights {
margin-top: 5%;
text-align: center;
}
.copy-rights p {
color: #999;
font-size: 15px;
font-weight: 300;
}
.copy-rights p a {
color: #fff;
}
/*--/footer--*/