/* Nihon iPrism CSS Document */

/*    font-family: 'Oswald', sans-serif;

    font-family: 'Open Sans', sans-serif;
*/
body {font-family: 'Open Sans', sans-serif;}

h1 {font-family: 'Oswald', sans-serif; color: /*#cc3333;*/ #0082DA;}

h2, h3, h4, h5 {font-family: 'Oswald', sans-serif; color: #333;}

/*--------------------------------------------------------------------------Slide show captions-------------------------------------------*/

.carousel-caption h1{font-family: 'Lato', sans-serif; color: #FFF;}

.diff-1 {display: inline-block; text-align: left; float: left;}
.diff-2 {display: none;}

.carousel-caption p {text-align: center; color: #FFF; font-size: 1.3em;}

.slide1 {border: solid 0px red; bottom: 30%; left:5%; text-shadow: none;}

.slide-diff {border: solid 0px red; bottom: 18%; left:8%; text-shadow: none;}

.slide-diff ul{border: solid 0px red; clear: both; font-family: 'Lato', sans-serif; color: #FFF; text-align: left; list-style-type: none; font-size: 1.3em; line-height: 1.3em;}

/*--------------------------------------------------------------------------Slide show captions-------------------------------------------*/

.section-title {/*border-bottom: dotted 1px #000;*/ padding: 2em; text-align: center;}

a {color: #3366cc;}
a:hover {color: #333; text-decoration: none;}

p {text-align: justify;}

.slogan {font-size: 0.9em; padding: 1em 1em; letter-spacing: 1px; font-style: italic;}

.navbar-default {background-color: #FFF; border: none;}

.navbar-default .navbar-nav > .active > a {background-color: #FFF; border-bottom: solid 2px #0082DA;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {background-color: #FFF; border-bottom: solid 2px #0082DA;}


.blank {height: 2px;}

.diff {min-height: 200px;}
.diff p{}

.flag-tint {
  position: relative;
  float:right;
  margin-right: 0.8em; 
  margin-left: 0.8em;
}

.flag-tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(100,100,100, 0.5);
  transition: all .3s linear;
}

.flag-tint:hover:before { background: none; margin-right: 0.8em; margin-left: 0.8em; }

.flag-current {float: right;}

.custom-bullet li {
    display: block;
	text-align: left;
	line-height: 2em;
}

.custom-bullet li:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
	line-height: 2em;
}


.arrow_box {
	position: relative;
	background: #89d8e8;
	border: 2px solid #c2f0f5;
	text-align:center;
	color: #FFFFFF;
	padding: 0.8em;
	margin-bottom: 2em;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(137, 216, 232, 0);
	border-top-color: #89d8e8;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(194, 240, 245, 0);
	border-top-color: #c2f0f5;
	border-width: 28px;
	margin-left: -28px;
}

.dark-bkg {background-color: /*#f2f2f2;*/ #ecf6f9;}

.narrow-content {width: 60%; margin:auto; padding: 2em;}

.language-switcher {list-style-type: none; float: right; border: solid 0px pink; margin: 1.9em 1em 1em;}
.language-switcher-li {display: inline;  /*padding:0.8em;*/}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
/******************************************************************************/
*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}




/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial {
  float: left;
  width: 47%;
  margin: 0% 1.5% 3% 1.5%;
  background: #F5F5F5;
  padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
/*.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}
*/
.animation-element.slide-left.testimonial:nth-of-type(odd) {
  width: 48.5%;
  margin: 0% 1.5% 3.0% 0%;
}

.animation-element.slide-left.testimonial:nth-of-type(even) {
  width: 48.5%;
  margin: 0% 0% 3.0% 1.5%;
}

.animation-element.slide-left.testimonial .header{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left{
  float: left;
  margin-right: 15px;
}
.animation-element.slide-left.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img.photo {
  width: 125px /*65px*/;
  height: 125px /*65px*/;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}

.animation-element.slide-left.testimonial h3 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial h4 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial .content {
  float: left;
  width:100%;
  margin-bottom: 10px;
}


.graphic-appli-icon p{text-align: center;}


.error
    {
        color:red;
    }
   
    .sm-error {color: #FF0000}
	
	.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;}

   	.style1 {color: #FF0000}
    .style2 {color: #FF6600}
    .style3 {color: #FFCC00}
    .style4 {color: #99CC33}
    .style5 {color: #006699}
    .style6 {color: #999999}
    .style7 {color: #6633CC}
    .style8 {color: #FF6699}
	
	.style1, .style2, .style3, .style4, .style5, .style6, .style7, .style8 {font-size: 1.5em;}
	
	.main-text
	{
		position: absolute;
		top: 15em;
		width: 96.66666666666666%;
		color: #FFF;
	}
	.btn-min-block
	{
		min-width: 170px;
		line-height: 26px;
	}
	.btn-clear
	{
		color: #FFF;
		background-color: transparent;
		border-color: #FFF;
		margin-right: 15px;
	}
	.btn-clear:hover
	{
		color: #000;
		background-color: #FFF;
	}

/*************************************************************************************************************************************************************************************************************/


/*media queries for small devices*/
@media screen and (max-width: 678px){

h1#logo img{width: 50%; height:auto;}

h1#logo {margin-top: 0.2em;}

.language-switcher {border: solid 0px red; text-align:center; margin-top: 0;}
.language-switcher img{/*width:25%;*/}
.language-switcher-li {/*margin-right:-10px;*/}


/*--------------------------------------------------------------------------Slide show captions-------------------------------------------*/

.carousel-indicators {display: none;}

/*.carousel-control {display: none;}*/

.carousel-caption h1{font-family: 'Lato', sans-serif; color: #FFF; font-size: 0.85em; text-align:left;}

.diff-1 {display: none;}
.diff-2 {display: inline-block; text-align: left; float: left;}	

/*.carousel-caption p {text-align: left; color: #FFF; font-size: 0.9em; width: 50%;}*/

.carousel-caption p {display: none;}

.slide1 {border: solid 0px red; bottom: 5%; left:6%; text-shadow: 2px 2px 5px #000;}

.slide-diff {border: solid 0px red; bottom: 5%; left:6%; text-shadow: 2px 2px 5px #000;}

/*.slide-diff ul{font-family: 'Lato', sans-serif; color: #FFF; text-align: left; list-style-type: none; font-size: 0.9em; line-height: 0.9em;
width: 70%; left:-20%;}

.slide-diff ul li{padding-left:0; margin-left:0;}*/

.slide-diff ul {display: none;}

/*--------------------------------------------------------------------------Slide show captions-------------------------------------------*/



  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content {
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
  
  .narrow-content {width: 100%; margin:auto; padding: 0;}
}
/******************************************************************************/

.bg-text {   
    overflow: hidden;  
    position: relative;   
}
.bg-text::after {
    display: none;
}

@media(min-width:767px) {

.navbar-nav {float: right;}
.blank {height: 200px;}

.bg-text::after {
    color: #E7E7E7;
    content: attr(data-bg-text);
    display: block;
    font-size: 80px;
    /*line-height: 1;*/
    position: absolute;
    bottom: -15px;
    right: 10px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
}
/* =Header
-------------------------------------------------------------- */
header {
  width: 100%;
  height: 90px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  /*background-color: #0683c9;*/
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; 
  border: solid 0px red;
  box-shadow: 0px 2px 3px #CCC;
  background-color: #FFFFFF;
  }
  header h1#logo {
    /*display: inline-block;*/
    /*height: 150px;*/
    /*line-height: 150px;*/
    float: left;
    /*font-family: "Oswald", sans-serif;
    font-size: 60px;
    color: white;
    font-weight: 400;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
 
  /*header*/ h1#logo img{margin:0em 0.8em;}
 
  header nav {
    display: inline-block;
    float: right; }
  
  .navbar-default .navbar-nav > li > a {color: #3366cc; font-size: 1.3em;}
      
  .header.smaller {
    height: 75px;
	border: solid 0px green;}
	
    .header.smaller h1#logo img{
      width: auto;
      height: 60px;
      line-height: 50px;
      /*font-size: 30px;*/ }
    header.smaller nav a {
      /*line-height: 75px;*/ }
	  
	header.smaller .slogan {font-size: 0.8em; margin-top: -2em;}