/* 
    Page       : common css
    Author     : MI MEDIA LABS
*/


/************************************** 
    ~General section starts~
***************************************/
@font-face {font-family:futura; src:url('../font/tt0140m.ttf');}

html,
body {
    height: 100%;
    min-width: 100%;
    font-family: futura;
    background-color: #fff;
}



a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #F05F40;
}

a:hover,
a:focus {
  color: #eb3812;
}

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

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.no-padding {
  padding: 0;
}
/************************************** 
    ~General section ends~
***************************************/

/************************************** 
    ~Navigation section starts~
***************************************/

.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  font-family: futura;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  color: #F05F40;
  font-family: futura;
  font-weight: 700;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #F05F40;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #F05F40 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

@media (min-width: 768px) {
    .navbar-default {
        display: none;
    }
}

/************************************** 
    ~Navigation section ends~
***************************************/


/************************************** 
    ~Menu bar section starts~
***************************************/
@media (min-width: 767px){
    #menu-content .main-menu-content{
        margin-top: 80px;
    }
}

#menu-content ul li{
    margin: 15px 0;
    font-size: 15px;
    font-weight: 500;    
}

#menu-content ul li a{
    display: block;
    color: #000;
    text-decoration: none;
}

.appear{
    display: none;
}

li a:hover .appear, li a.active .appear{
    display: inline-block;
    animation-name: mov-r;
    animation-duration: .4s;
    position: relative;
    transition: animation 0.3s ease;
}

@keyframes mov-r {
    0%   {left:20px;}
    100% {left:0px;}
}

#menu-content .menu-btn{
    background-color: #eeeeee;
    color: grey;
    border-radius: 0px;
    border-color: #eeeeee;
    -webkit-transition: -webkit-transform  .2s linear;
    transition: transform  .5s linear !important;
    height: 40px;
    width: 40px;
    border: 0;
}

#menu-content a:hover .menu-btn,#menu-content a.active .menu-btn {
    color: #fff;
    background: #283e8f;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

/****** ~icon~  ******/
#menu-content .faa-home{
    background-image: url('../img/icons/home.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-home, #menu-content ul li a.active .faa-home{
    background-image: url('../img/icons/home_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-we{
    background-image: url('../img/icons/we.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-we, #menu-content ul li a.active .faa-we{
    background-image: url('../img/icons/we_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-ma{
    background-image: url('../img/icons/ma.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-ma,#menu-content ul li a.active .faa-ma{
    background-image: url('../img/icons/ma_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-kn{
    background-image: url('../img/icons/kn.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-kn, #menu-content ul li a.active .faa-kn{
    background-image: url('../img/icons/kn_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-la{
    background-image: url('../img/icons/la.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-la, #menu-content ul li a.active .faa-la{
    background-image: url('../img/icons/la_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-pr{
    background-image: url('../img/icons/pr.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-pr, #menu-content ul li a.active .faa-pr{
    background-image: url('../img/icons/pr_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}

#menu-content .faa-con{
    background-image: url('../img/icons/conn.png');
    background-repeat: no-repeat;
    background-position: center center;
}
#menu-content a:hover .faa-con, #menu-content ul li a.active .faa-con{
    background-image: url('../img/icons/con_1.png');
    background-repeat: no-repeat;
    background-position: center center;
    transition: transform .7s ease-in;
}
/************************************** 
    ~Menu bar section ends~
***************************************/

#left-content ul.list {
    list-style-image: url('../img/icons/list_icon.png');
}
#content-inner ul.list {
    list-style-image: url('../img/icons/list_icon.png');
}

/************************************** 
    ~footer section starts~
***************************************/
#footer{
    min-height: 30px;
    
    background: -moz-linear-gradient(top, rgba(219,219,219,0) 0%, rgba(219,219,219,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(219,219,219,0) 0%,rgba(219,219,219,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(219,219,219,0) 0%,rgba(219,219,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbdbdb', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */


    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 5px;
}

#footer .spac{
    padding: 0 2px;
}

@media (min-width: 766px) and (max-width: 769px){
    #footer{
        padding: 10px 15px;
    }
    #footer .spac{
        padding: 0 10px;
    }
}

@media (min-width: 769px){
    #footer{
        padding: 10px 65px;
    }
    #footer .spac{
        padding: 0 10px;
    }
}
/************************************** 
    ~footer section ends~
***************************************/

/************************************** 
    ~Clouds section starts~
***************************************/
#trans-effects{
        background-image: url('../img/basic/11.png'), url('../img/basic/12.png'), url('../img/basic/13.png');
        background-repeat: no-repeat;
	-webkit-animation: snow 10s linear 1;
	-moz-animation: snow 10s linear 1;
	-ms-animation: snow 10s linear 1;
	animation: snow 10s linear 1;
        background-position: 164px -277px, 126px 563px, 1065px 190px;
}
@keyframes snow {
  0% {background-position: 378px 78px, 413px 176px, 632px 115px;}
  50% {background-position: 250px -150px, 260px 390px, 870px 150px;}
  100% {background-position: 164px -277px, 126px 563px, 1065px 190px;}
}

@-moz-keyframes snow {
  0% {background-position: 378px 78px, 413px 176px, 632px 115px;}
  50% {background-position: 250px -150px, 260px 390px, 870px 150px;}
  100% {background-position: 164px -277px, 126px 563px, 1065px 190px;}
}
@-webkit-keyframes snow {
  0% {background-position: 378px 78px, 413px 176px, 632px 115px;}
  50% {background-position: 250px -150px, 260px 390px, 870px 150px;}
  100% {background-position: 164px -277px, 126px 563px, 1065px 190px;}
}
@-ms-keyframes snow {
  0% {background-position: 378px 78px, 413px 176px, 632px 115px;}
  50% {background-position: 250px -150px, 260px 390px, 870px 150px;}
  100% {background-position: 164px -277px, 126px 563px, 1065px 190px;}
}

/************************************** 
    ~Clouds section ends~
***************************************/

#weissen-loader {
    width: 100%;
    height: auto;
    background-color: rgba(255,255,255,0.6);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    transition: all 1s ease-out;
    background-image : url('../img/logo/dots.gif');
    background-position: center center;
    background-repeat: no-repeat;
}
#weissen-load-page {
    z-index: -99; 
    display: none;
}

#result.we{
    background-color: #fff;
    color: #333333;
    border-radius:0;
    text-align: center;
}