/*
Theme Name:     Nalis
Description:    Child-Theme for CleanBusiness by CatchThemes
Author:         TechBox
Template:       clean-business

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/**************************
*          Correctifs     *
**************************/
sidebar {display:none;}

#content .container max-width:912px;

nav  a{color:#083b7d;}
.menu-menu-container {background-color:#ff;}

h1, h2, h3, h4, h5, h6 {font-size:1.3em; color:#083b7d!important;}
strong {color:#083b7d;}

#masthead, .site-header, .header-wrap, .container, .row {background-color:#fff;}
nav  a{color:#083b7d;}
.menu-menu-container {background-color:#fff;}
nav ul li a {color:#083b7d!important;}

.btn-menu active a {color:#000;}

label {width:100%;}

/*--------------------------------------------------------------
ANIMATION
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
   animation-delay: 2s;
     animation: slidein 2;
}

p {
   animation-delay: 4s;

       -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

#content img{
     animation: bounce 0.35s ease alternate;
     animation-iteration-count: 3;
}

@keyframes bounce{
     from {transform: translateY(0);}
     to   {transform: translateY(-20px);}
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*--------------------------------------------------------------
12. Mobile navigation
--------------------------------------------------------------*/
#mainnav-mobi {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 1000;
}
#mainnav-mobi ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav-mobi ul li {
	margin:0;
	position: relative;
	text-align: left;
	border-top: 1px solid #fff;
	cursor: pointer;
}
#mainnav-mobi ul > li > a {
	display: block;
	text-decoration: none;
	padding: 10px 70px 10px 30px;
	color: #083a81;
}
#mainnav-mobi ul.sub-menu,
#mainnav-mobi ul.children {
	top: 100%;
	left: 0;
	z-index: 2000;
	position: relative;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
	position: relative;
	border-top: 1px solid #fff;
	background-color: #ffffff;
}
#mainnav-mobi > ul > li > ul > li >  a {
	padding-left: 70px !important
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
	padding-left: 90px !important
}
#mainnav-mobi ul.sub-menu > li > a,
#mainnav-mobi ul.children > li > a {
	padding-left: 50px;
}
#mainnav-mobi ul.sub-menu .sub-menu  > li > a,
#mainnav-mobi ul.children .children > li > a {
	padding-left: 80px;
}
#mainnav-mobi ul.sub-menu .sub-menu .sub-menu  > li > a,
#mainnav-mobi ul.children .children .children > li > a {
	padding-left: 120px;
}
#mainnav-mobi ul.sub-menu .sub-menu .sub-menu .sub-menu > li > a,
#mainnav-mobi ul.children .children .children .children > li > a {
	display: block;
	text-decoration: none;
	padding-left: 140px;
	border-top-color: rgba(255,255,255,0.1);
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#mainnav-mobi > ul > li > ul > li:first-child a {
	border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi ul.children > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
	color: #083a81;
}
.btn-menu {
	float: right;
	font-size: 28px;
	font-family: "FontAwesome";
	line-height: 1.1;
	color: #083a81;
	padding: 5px;
	text-align:center;
	width: 38px;
	height: 38px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.btn-menu:before{
	content: "\f0c9";
}
.btn-menu.active:before {
	content: "\f00d";
}
.btn-submenu {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 48px;
}
.btn-submenu:before {
	content: "\f107";
	color: #fff;
}
.btn-submenu.active:before {
	content: "\f106"
}

/*--------------------------------------------------------------
# CONTACT FORM 7
--------------------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="phone"],
.wpcf7 textarea
{
	width:100%;
	-moz-box-shadow: inset 0px 0px 4px 2px #cfcfcf;
	-webkit-box-shadow: inset 0px 0px 4px 2px #cfcfcf;
	-o-box-shadow: inset 0px 0px 4px 2px #cfcfcf;
	box-shadow: inset 0px 0px 4px 2px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=4);
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="phone"]:focus,
.wpcf7 textarea:focus
{
	width:100%;
	-moz-box-shadow: 0px 0px 4px 2px #cfcfcf;
	-webkit-box-shadow: 0px 0px 4px 2px #cfcfcf;
	-o-box-shadow: 0px 0px 4px 2px #cfcfcf;
	box-shadow: 0px 0px 4px 2px #cfcfcf;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=4);
}
.wpcf7 input[type="submit"]{
background-color:#083a81; color:#fff;
}

input[placeholder], [placeholder], *[placeholder] {
    color: #333333!important;
::placeholder{ color: #333333;}
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333333;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
  color: #333333;
}
::-moz-placeholder {
  opacity: 1;
}