/*
 Theme Name: Twenty Seventeen Child Theme
 Theme URI: https://yourwebsite.com
 Author: Your Name
 Author URI: https://yourwebsite.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child
 */


.menuNewIcon-En :after {
  	content: "NEW"; 
  	color: #333;
	font-size: 0.65em;
	background-color: #FFF;
	border-radius: 3px;
	padding: 2px 6px;
	margin: 0 6px;
}

.menuNewIcon-Fr :after {
  	content: "NOUVEAU";
  	color: #333;
	font-size: 0.65em;
	background-color: #FFF;
	border-radius: 3px;
	padding: 2px 6px;
	margin: 0 6px;
}
	


.site {
	overflow-x: hidden;
}

.home-bg {
	padding: 100px 0 60px 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.home-about {
	display: table-cell;
	padding-right: 80px;
}

.home-news {
	display: table-cell; 
	width: 40%;
}

.home-product-icon {
	display: table-cell; 
	vertical-align: middle; 
	width: 300px;
	text-align: left;
}

.home-product-desc {
	display: table-cell; 
	vertical-align: middle; 
	text-align: left;
}

@media only screen and (max-width: 375px) {
    .home-product-icon, .home-product-desc {
		display: block; 
		width: 100%;
		text-align: center;
	}
	.home-product-icon img {
		width: 180px;
		height: 180px;
	}
	.home-bg {
		padding: 30px 0 30px 0;
	}
	.home-bg .jcarousel-control-prev, .home-bg .jcarousel-control-next {
		width: 0px;
		display: none;
	}
	.home-bg .jcarousel-pagination {
	    bottom: -5px;
	}
}



@media only screen and (max-width: 768px) {
    .home-about  {
		display: block;
		width: 100%;
		padding-right: 0px
	}
	.home-news {
		display: block;
		width: 100%;
		margin-top: 3em;
	}
}


.blog #content, .single-post #content {
	background-color: #fAfAfA;
}

.post .entry-title {
	font-size: 1.9em;
}

.post {
	padding: 3.5em;
	margin-bottom:1.6em;
 	background-color: #fff;
    box-shadow: 0 .12em .5em 0 rgba(0, 0, 0, .15);
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
	border-radius: 0px;
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width: 375px) {
    .post  {
		padding: 2em;
	}
}


.post strong {
	font-weight: 600;
}

.post h5 {
	font-weight: 600;
	text-transform: none;
	color: #333;
	font-size: 1.05em;
	letter-spacing: 0em;
	clear: none;
}

.post ul li {
	list-style-type: none;
}

.post ul li:before {
	content: "› ";
}

.entry-share {
	margin-top: 1em;
	display: table;
	width: 100%;
}

.entry-share .tags-box {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 0.75em;
}

.entry-share .tags-box .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.1616em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-share .tags-links .icon {
	color: #000000;
	margin-right: 0.7em;
	margin-top: -0.1em;
}

.entry-share .tags-box a {
	color: #888;
	font-weight: 600;
}

.entry-share .tags-box a:focus, .entry-share .tags-box a:hover {
	color: #333;
}

.entry-share .share-buttons {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

@media only screen and (max-width: 375px) {
	.entry-share {
		display: block;
	}
	.entry-share .tags-box {
		display: block;
		margin-top: 0.7em;
	}
	.entry-share .share-buttons {
		display: block;
	}
    .entry-share .share-buttons {
		width: 60%;
	}
}

@media only screen and (min-width: 376px) and (max-width: 768px) {
    .entry-share .share-buttons {
		width: 45%;
	}
}


div.redbox {
	/*margin-bottom:10px;*/
	background-color: #fff5f5; 
	border: 1px solid #f7adad;
	border-radius: 4px; 
	padding: 10px;
}

div.greenbox {
	/*margin-bottom:10px;*/
	border: 1px solid #add57c; 
	background-color: #e9efe3; 
	border-radius: 4px; 
	padding: 10px;
}

div.greenbox i {
	color: #555;
}

div.redbox i {
	color: #555;
}

.CleanContact {
	border: none;
	padding: 0;
	margin: 0;
}

.CleanContact input, .CleanContact select, .CleanContact textarea {
	margin: 0 0 .8em 0;
}

.CleanContact em {
	color: #f37f03;
}

.CleanContact .formfield-select {
	position: relative;
}

.CleanContact .formfield-select--container {
	position: relative; 
	/*background-color: #fff;*/
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 .8em 0;
	height: 2.8em;
	overflow: hidden; 
}

.CleanContact .formfield-select--container.inputError,
.CleanContact .formfield-select--container.inputError:focus {
	border-color: #d20000;
}

.CleanContact .inputFileError:before { 
	content: url('https://www.jibapps.com/wp-content/uploads/2020/05/icon-right-arrow.png');
	font-weight: bold; 
	color: #d20000; 
}


.CleanContact .formfield-select--container select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(0,0,0,0);
	width: 110%; 
	height: 2.8em;
	border: 0; 
	margin: 0;
	padding: 0.55em 0.7em;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.CleanContact .formfield-select--container::after { 
	/* Le pointeur du select */
	content: '';
	position: absolute;
	top: 50%; 
	margin-top: -3px;
	right: .75em;  
	display: block; 
	width: 0; height: 0;
	border-color: transparent;
	border-top-color: #444; 
	border-width: 6px;
	border-style: solid;
	pointer-events: none;
}


.CleanContact textarea { 
	height: 8em; 
	resize: vertical;
}

.CleanContactMsgOk { 
	background-color: #F9F9F9; 
	border: 1px solid #D8D8D8; 
	font-weight: normal; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding:10px; 
}
.CleanContactMsgErr { 
	background-color: #fff9f9; 
	border: 1px solid #ffe5e5;
	font-weight: normal; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	padding:10px; 
}

.CleanContact .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.CleanContact .inputfile + label {
    font-weight: normal;
	padding: 0.2em 0.6em;
	font-size: 0.9em;
	border-radius: 3px;
	border: 1px solid #AAA;
    display: inline;
	cursor: pointer; /* "hand" cursor */
}

.CleanContact .inputfile:focus + label,
.CleanContact .inputfile + label:hover {
    background-color: #ccc;
}


.single-featured-image-header {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
	text-align: center;
	position:relative;
	color: #FFF;
}

.single-featured-image-header.small {
	height: 12em;
}

.single-featured-image-header.medium {
	height: 20em;
}

.single-featured-image-header.big {
	height: 32em;
}

.single-featured-image-header.huge {
	height: 38em;
}

@media screen and (max-width: 667px) and (orientation: portrait) {
	.single-featured-image-header.small {
	height: 16em;
    }

    .single-featured-image-header.medium {
	height: 25em;
    }

    .single-featured-image-header.big {
	height: 36em;
    }

    .single-featured-image-header.huge {
	height: 42em;
    }
}

@media screen and (max-width: 667px) and (orientation: landscape) {
    .single-featured-image-header.small {
	height: 10em;
    }

    .single-featured-image-header.medium {
	height: 17em;
    }

    .single-featured-image-header.big {
	height: 25em;
    }

    .single-featured-image-header.huge {
	height: 28em;
    }
}


.darker {
	color: #222;
}

.single-featured-image-header .wrap {
	text-align:center;
	height: 100%;
}

.single-featured-image-header .wrap>* {
	display: table;
	height: 100%;
	width: 100%;
}

.single-featured-image-header .wrap>*>* {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.single-featured-image-header .wrap>*>*>* {
	display: inline-block;
	padding: 0 2em;
	vertical-align: middle;
}

.single-featured-image-header .wrap i {
	font-size: 50px;
}

.single-featured-image-header .wrap h1 {
	font-size: 2.2em;
	color: inherit;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-weight: normal;
}

.single-featured-image-header .wrap h2 {
	font-size: 1.5em;
	color: inherit;
	margin: .3em 0 .6em 0;
	padding: 0;
}

.single-featured-image-header .wrap h3 {
	font-size: 1.3em;
	color: inherit;
	margin: .3em 0 .6em 0;
	padding: 0;
}

.single-featured-image-header .wrap a.ghost {
	color: #FFF;
	border: 1px solid #FFF;
}

.single-featured-image-header .wrap a.ghost:hover {
	background-color: #FFF;
	color: #333;
}

.single-featured-image-header.darker .wrap a.ghost {
	color: #333;
	border: 1px solid #333;
}

.single-featured-image-header.darker .wrap a.ghost:hover {
	background-color: #333;
	color: #FFF;
}

@media screen and (max-width: 768px) {
    .single-featured-image-header .wrap img {
		max-width: 70%;
		margin-bottom: 10px;
    }
    .single-featured-image-header .wrap>*>*>* {
		padding: 0 1em;
    }
    .single-featured-image-header .wrap h2, .single-featured-image-header .wrap h3 {
		margin: .3em 0 .3em 0;
    }
}

.drop-image {
	position:absolute;
	bottom:0;
	width: 100%;
	height: 300px;
	line-height:1;
	color: #FFF;
}

.drop-image img {
	width: 100%;
}

.drop-arrow {
	position:absolute;
	bottom:0;
	width: 100%;
	height: 60px;
	line-height:normal;
	color: inherit;
	opacity: 0.5;
}

.drop-arrow a {
	color: inherit;
}

.drop-arrow a:hover {
	color: #888;
}


.custom-logo-link img {
	max-height: 40px;
}

@media only screen and (max-width: 767px) {
    .custom-logo-link img {
		max-height: 40px;
		margin: 11px 0 0 5px;
	}
}


h6 {
	font-weight: 600;
	line-height: 1.1 em;
	margin: 0 0 0.5em;
	padding: 0.5em 0 0;
	font-size: 1.05em;
}

a {
	color: #f37f03;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	outline: none;
}

a:hover,
.pagination a:not(.prev):not(.next):hover{
	/*color: #cc6a01;*/
	color: #333;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	outline: none;
}

a:focus,
.pagination a:not(.prev):not(.next):focus {
    	outline: none;
}


hr {
	background-color: #ECECEC;
}

/*Remove Header but some drawback effect to fix, when scroll to top*/
.site-branding {
	/*display: none;*/
	height: 0px;
}

/*Change color of menu item for phones*/
.menu-toggle {
	color: #FFF;
	margin: 1px 0px 2px auto;
}
.menu-toggle .icon {
	font-size: 28px;
}
.dropdown-toggle .icon {
	color: #FFF;
}

/*Menu color*/

@media screen and (min-width: 768px) {
    .navigation-top {
        top: 0;
        bottom: auto;
        position: fixed;
    }
}

.site-navigation-fixed, .navigation-top  {
	background: #353535;
	border: 0;
	/*max-height: 60px;*/
}

.main-navigation {
	margin-top: 5px;
	float: right;
}

.main-navigation img {
	margin-bottom: -3px;
}

.main-navigation ul {
	background: #353535;
}


.main-navigation li a {
	color: #BCBCBC;
	text-transform: uppercase;
	font-weight: normal;
	padding: 5px 10px;
}

.main-navigation li a:hover {
	color: #FFF;
}

.main-navigation li {
	border: 1px solid #353535;
	border-radius: 0px;
}

.main-navigation li.current-menu-item {
	color: #BCBCBC;
	border: 1px solid #BCBCBC;
	border-radius: 4px;
}

.main-navigation li.current-menu-item a {
	color: #BCBCBC;
}

.main-navigation .sub-menu {
    	background-color: #353535;
}

.main-navigation .sub-menu li {
	border: none;
	border-radius: 0px;
}

.main-navigation .sub-menu li.current-menu-item {
	border: none;
}

.main-navigation.toggled-on > div > ul {
	border-top: 1px solid #555;
}


.navigation.pagination {
	clear: both;
	float: right;
	width: 100%;
	border-top: none;
}



ul.lcp_catlist li {
	list-style-type: none;
}

ul.lcp_catlist li:before {
	content: "› ";
}

/*Footer color*/
.site-footer {
	background: #F4F4F4; 
	margin-top: 0;
	border-top: 1px solid #DFDFDF;
}

.site-footer .widget-column.footer-widget-1 {
	float: left;
	width: 18%;
}

.site-footer .widget-column.footer-widget-2 {
	float: left;
	width: 21%;
}

.site-footer .widget-column.footer-widget-3 {
	float: left;
	width: 21%;
}

.site-footer .widget-column.footer-widget-4 {
	float: right;
	width: 34%;
}

.site-footer .widget-column.footer-widget-5 {
	display: table;
	width: 100%;
}

.site-footer .widget-column.footer-widget-5 .widget-5-wrapper {
	display: table;
	width: 100%;
}

.site-footer .widget-column.footer-widget-5 .widget-5-cell  {
	display: table-cell;
	width: 50%;
}

.site-footer .widget-column.footer-widget-5 .widget-5-cell:last-child  {
	text-align: right;
}

@media only screen and (max-width: 667px) {
    .site-footer .widget-column.footer-widget-1,
    .site-footer .widget-column.footer-widget-2,
    .site-footer .widget-column.footer-widget-3 {
	width:32%;
    }
    .site-footer .widget-column.footer-widget-4,
	.site-footer .widget-column.footer-widget-5 {
        display: block;
	width:100%;
    }
}

@media only screen and (max-width: 375px) {
    .site-footer .widget-column.footer-widget-1,
    .site-footer .widget-column.footer-widget-2,
    .site-footer .widget-column.footer-widget-3,
    .site-footer .widget-column.footer-widget-4,
	.site-footer .widget-column.footer-widget-5 {
        display: block;
	width:100%;
    }
	.site-footer .widget-column.footer-widget-5 .widget-5-cell  {
	display: block;
	width: 100%;
	}
	.site-footer .widget-column.footer-widget-5 .widget-5-cell:last-child  {
	text-align: left;
	padding-top: 8px;	
	}
}


.lang {
	text-align: center;
	display: inline-block;
	margin: 5px 4px 10px 4px;
	width: 48px;
}
.lang img {
	width: 32px;
	height: 32px;
	-webkit-filter: drop-shadow(0px 0px 1px #888);
	-moz-filter: drop-shadow(0px 0px 1px #888);
	-ms-filter: drop-shadow(0px 0px 1px #888);
	-o-filter: drop-shadow(0px 0px 1px #888);
  	filter: drop-shadow(0px 0px 1px #888);
}
.lang span {
	font-size: 0.6em;
	color: #888;
	display: block;
}

@media only screen and (max-width: 375px) {
	.lang span {
		display: none;
	}
}


h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.1212em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.widget ul li {
	border-bottom: none;
	border-top: none;
	padding: 0.15em 0;
}

/* .site-footer .widget-area a.social */ 
a.social {
	display: inline-block;
	background-color: #050505;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	margin-right: 7px;
	text-align: center;
	-webkit-transition: background-color 0.2s;
    	transition: background-color 0.2s;
}

a.social:hover {
	background-color: #f37f03;
	-webkit-transition: background-color 0.2s;
    	transition: background-color 0.2s;
}

a.social i {
	font-size: 18px;
	color: #FFF;
	padding-top:8px;
}


.post a.social {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	margin-right: 6px;
}

.post a.social:hover {
	background-color: #f37f03;
	-webkit-transition: background-color 0.2s;
    	transition: background-color 0.2s;
}

.post a.social i {
	font-size: 16px;
	color: #FFF;
	padding-top:7px;
}

.entry-author {
	padding: 25px 0;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

.entry-author-img, .entry-author-meta {
	display: table-cell;
	vertical-align: top; 
}

.entry-author-img {
	width: 100px;
}

.entry-author-name {

}

.entry-author-date {
	font-size: 0.8em;
	padding-top: 12px;
	color: #999;
}

.entry-content a,
.entry-summary a,
.site-footer .widget-area a,
.widget ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

.entry-content a:hover,
.entry-summary a:hover,
.site-footer .widget-area a:hover,
.widget ul li a:hover,
.site-footer .widget-area ul li a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

.site-footer .widget-area {
	padding-bottom : 0;
}

.site-info {
	text-align: center;
	color: #999;
	width: 100%;
	border-top: 1px solid #DFDFDF;
	padding-top: 8px;
}

.site-info a {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #999;
}

.site-info a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #333;
}


.single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, 
.archive.page-one-column:not(.has-sidebar) .page-header, 
.archive.page-one-column:not(.has-sidebar) #primary {
	margin: 0;
	max-width: 100%;
}

body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header-full-width,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
display: block;
width: 100%;
} 


.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content-full-width,
body.page-two-column #comments,
.panel-content .wrap .entry-content {
display: block;
width: 100%;
} 

.page-header,
.page .entry-header-full-width,
.panel-content .wrap .entry-header {
	display: none !important;
}

.page #content,
.panel-content .wrap {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.screenshots-group {
	/*display: table;*/
	width: 100%;
}

.screenshots-group > div {
	display: inline-block;
	text-align: center;
	padding: 0 .4em;
	vertical-align: top;
	margin-bottom: 10px;
	/*width: 25%;*/
}

.screenshots-group a {
	/*display: inline-block;*/
	/*margin: 0 8px;*/
}


.screenshots {
	border: 8px solid #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
            box-shadow: 0 0 2px #999;
}

.services-widget {
    background-color: #fff;
    box-shadow: 0 .12em .5em 0 rgba(0, 0, 0, .15);
    -webkit-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    border-radius: 0px;
    overflow: hidden;
    width: 100%;
}

.services-widget:hover {
    box-shadow: 0 .18em 1.2em 0 rgba(0, 0, 0, .18);
}



.services-two-columns, .services-three-columns, .services-four-columns, .three-columns {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.services-two-columns-div {
	vertical-align:top;
	display: inline-block;
	width: 31%;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 2.5em;
}

.services-two-columns-div .blocktext {
	padding-left: 0em;
	padding-right: 2.2em;
}

.services-two-columns-div .blocktext .title {
	font-weight: 600;
	font-size: 1.2em;
	padding: 0.15em 0 0.8em 0;
}


.services-three-columns-div, .services-four-columns-div, .three-columns-div {
	vertical-align:top;
	display: inline-block;
	text-align: center;
	height: 100%;
	padding: 10px 10px;
}

.services-three-columns-div, .three-columns-div {
	width: 31%;
	margin: 0 6px 25px 0;
}


.services-four-columns-div {
	width: 24%;
}

.services-three-columns-div .title {
	font-size: 1.05em;
	padding: 0;
	margin: 0;
}

.services-three-columns-div .title a {
	font-weight: 600;
}

.services-three-columns-div .subtitle {
	font-size: 0.9em;
	margin-bottom: 15px;
}

.services-three-columns-div .sep {
	margin: 12px 0 8px 0;
	padding: 0;
	border-bottom: 1px solid #BBB;
	width: 50px;
	display: inline-block;
}

.div-animated, .div-animated-right {
	opacity: 0;
}

.services-three-columns a.icon-wrapper {
	display: inline-block;
	background-color: #f37f03;
	width: 120px;
	height: 120px;
	border-radius: 60px;
	margin: 0 auto 15px auto;
	text-decoration: none;
	-webkit-transition: background-color 0.3s, color 0.3s;
    	transition: background-color 0.3s, color 0.3s;
}

.services-three-columns a.icon-wrapper:hover {
	background-color: #cc6a01;
	-webkit-transition: background-color 0.3s, color 0.3s;
    	transition: background-color 0.3s, color 0.3s;
}

.services-four-columns .icon-wrapper {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 auto 15px auto;
	text-decoration: none;
}

.services-two-columns .icon-wrapper {
	/*width: 100%;*/
	width: 2.7em;
	height: 2.7em;	
	float: left;
	text-align: left;
	/*margin-top: -2px;*/
	/*padding-left: 2.5em;*/
	/*padding-right: 2.5em;*/
}

.services-two-columns .icons {
	font-size: 2em;
	color: rgba(0,0,0,0);
	-webkit-text-stroke: 1.5px #f37f03;
}

.services-two-columns .fa, .services-two-columns .icon, .services-two-columns .fas, .services-two-columns .fab {
	font-size: 1.9em;
	color: #AAA;
	/*-webkit-text-stroke: 1.5px #f37f03;*/
	/*padding-top: 5px;*/
}

.services-three-columns .fa, .services-three-columns .icon {
	font-size: 60px;
	color: #FFF;
	margin-top: 30px;
}

.services-four-columns .fa, .services-four-columns .icon {
	font-size: 4.5em;
	color: rgba(0,0,0,0);
	margin-top: 25px;
	-webkit-text-stroke: 1.5px #f37f03;
}

.services-four-columns .title {
	font-size: 1.2em;
	color: #f37f03;
}

.services-three-columns a, .services-four-columns a {
	/*font-weight: bold;*/
}

@media only screen and (max-width: 375px) {
    .services-three-columns-div, .three-columns-div {
        display: block;
		width:90%;
		margin: 0 auto;
    }
}

@media only screen and (min-width: 376px) and (max-width: 768px) {
    .services-three-columns-div, .three-columns-div {
        display: block;
		width: 350px;
		margin: 0 auto;
		/*padding: 0 3em;*/
    }
}


@media only screen and (max-width: 667px) {
    .services-two-columns div {
        display: block;
	width:100%;
    }
    .services-two-columns-div .blocktext {
	padding-right: .5em;
    }
    .services-two-columns-div .blocktext .title {
	padding: 0.05em 0 0.8em 0;
    }
    .services-four-columns div {
       	display: block;
	width:100%;
    }
    .screenshots-group a {
	/*display: block;*/
	/*margin: 10px 0;*/
    }
    .screenshots-group {
	display: block;
    }
    .screenshots-group > div {
	display: block;
	width: 100%;
	margin-bottom: 10px;
    }
    .fancybox-wrapper {
	display: block;
    }
    
}



.fullblock {
	margin:0 -100%; /* old browsers fallback */
  	margin:0 calc(50% - 50vw);
	text-align: center;
}

@-webkit-keyframes imagesFadeInOut {
  	0% { opacity:1; }
	45% { opacity:1; }
	55% { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes imagesFadeInOut {
  	0% { opacity:1; }
	45% { opacity:1; }
	55% { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes imagesFadeInOut {
  	0% { opacity:1; }
	45% { opacity:1; }
	55% { opacity:0; }
	100% { opacity:0; }
}
@keyframes imagesFadeInOut {
  	0% { opacity:1; }
	45% { opacity:1; }
	55% { opacity:0; }
	100% { opacity:0; }
}

.toggle-images {
	position: relative;
	/*margin:0 auto;*/
}
.toggle-images img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-o-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
}

.toggle-images img.top-img {
	-webkit-animation: imagesFadeInOut 2.5s ease-in-out 0s infinite alternate;
	-moz-animation: imagesFadeInOut 2.5s ease-in-out 0s infinite alternate;
	-o-animation: imagesFadeInOut 2.5s ease-in-out 0s infinite alternate;
	animation: imagesFadeInOut 2.5s ease-in-out 0s infinite alternate;
}


.product {
	padding: 50px 0 40px 0;
	text-align: left;
	/*max-width: 700px;*/
}

.product .details-left, .product .details-right {
	display:inline-block;
	vertical-align:middle;
	width: 60%;
}

.product .details-left {
	padding: 0 40px 0 0;
}

.product .details-right {
	padding: 0 0 0 40px;
}

.product .media-left,  .product .media-right {
	display:inline-block;
	vertical-align:middle;
	max-width: 600px;
	width: 600px;
	/*background-color: red;*/
}

.product .media-left {
	margin-left: -300px;
	text-align: right;
}

.product .media-right {
	margin-right: -300px;
	text-align: left;
}

.product .media-left img,  .product .media-right img {
	/*width:100%;*/
	max-width: 600px;
}

@media screen and (max-width: 768px) {
    .product .media-left,  .product .media-right {
		display:block;
		margin:0 0 15px 0;
		width: 100%;
		text-align: center;
    }
    .product .details-left, .product .details-right {
		display:block;
		width: 100%;
		padding: 0;
    }
	.product .media-left img,  .product .media-right img {
		max-width:100%;
	}
	.product .media-left .toggle-images, .product .media-right .toggle-images {
		max-width: 100%;
	}
	.product .media-left .toggle-images img, .product .media-right .toggle-images img {
		width:100%;
		height: auto;
	}
}



.product h1 {
	font-size: 1.8em;
}

.product h1 strong {
	font-weight: 600;
}

.product p {
	font-size: 1.15em;
}

.answer {
	padding-left: 14px;
	border-left: 6px solid #e9e9e9;
	margin: 0 0 1em 0;
}

ul.fa-ul, ul.release-notes {
	/*margin: 0 0 1em;*/
	margin-bottom: 1em;
}

ul.release-notes li {
	list-style-type: square;
	margin-left: 20px;
}

a.ghost {
	display: inline-block;
	color: #f37f03;
	padding: .35em .9em;
	border-radius: 6px;
	border: 1px solid #f37f03;
	-webkit-transition: background-color 0.3s, color 0.3s;
    	transition: background-color 0.3s, color 0.3s;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1em;
	text-align: center;
}

a.ghost:hover {
	background-color: #f37f03;
	color: #FFF;
	-webkit-transition: background-color 0.3s, color 0.3s;
    	transition: background-color 0.3s, color 0.3s;
}

a.bigger {
	font-size: 1.2em;
	/*padding: 8px 20px;*/
}

a.lighter {
	color: #FFF;
	border: 1px solid #FFF;
}

a.lighter:hover {
	background-color: #FFF;
	color: #000;
}

a.darker {
	color: #333;
	border: 1px solid #333;
}

a.darker:hover {
	background-color: #333;
	color: #FFF;
}



img.fadetogrey {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
  	filter: grayscale(100%);
	-webkit-transition: 0.1s -webkit-filter linear;
	-moz-transition: 0.1s -moz-filter linear;
	-ms-transition: 0.1s -ms-filter linear;
	-o-transition: 0.1s -o-filter linear;
	transition: 0.1s filter linear;
}
img.fadetogrey:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
  	filter: grayscale(0%);
	-webkit-transition: 0.1s -webkit-filter linear;
	-moz-transition: 0.1s -moz-filter linear;
	-ms-transition: 0.1s -ms-filter linear;
	-o-transition: 0.1s -o-filter linear;
	transition: 0.1s filter linear;
}


.testimonial {
	display: table;
}

.testimonial .left-cell {
	display: table-cell;
	vertical-align: top; 
	width: 23%; 
	text-align: right;
	padding-right: 10px;
	font-size: 4em; 
	line-height: 95%; 
	color: #666;
}

.testimonial .center-cell {
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
	padding: 10px 0; 
	font-size: 1.3em;
	font-style: italic;
}

.testimonial .center-cell small {
	color: #777; 
	font-size: 0.75em;
}

.testimonial .right-cell {
	display: table-cell;
	vertical-align: bottom; 
	width: 23%; 
	text-align: left;
	padding-left: 10px;
	font-size: 4em; 
	color: #666;
}

@media only screen and (max-width: 667px) {
    .testimonial .left-cell,
    .testimonial .right-cell {
	width: 15%;
    }
}

.tabled {
	display: table; 
	width: 100%;
}

.tabled > div {
	display: table-cell; 
	width: 100%;
}

.tabled > div > div {
	display: inline-block; 
	vertical-align: top;
}

.tabled > div > div:first-child {
	width: 70%;
	padding-right: 80px;
}

.tabled > div > div:nth-child(2) {
	width: 29%;
}

@media only screen and (max-width: 375px) {
    .tabled > div > div:first-child {
	width: 100%;
	padding-right: 0px;
	margin-bottom: 25px;
    }
    .tabled > div > div:nth-child(2) {
	width: 100%;
    }
}


.comparator {
	display: table; 
	table-layout: fixed; 
	border: 1px solid #ddd; 
	border-radius: 6px;
}

.comparator > div {
	display: table-row; 
}

.comparator > div:nth-of-type(even) { 
	background: #f5f5f5; 
}

.comparator > div > div {
	display: table-cell; 
	border-right: 1px solid #ddd; 
	vertical-align: top; 
	padding: 6px 14px;
	text-align: center; 
}

.comparator > div > div:first-child {
	text-align: left; 
	width: 50%;
}

.comparator > div > div:last-child {
	border: none; 
}


ul.tabs{width:100%;padding:0;list-style:none;text-align:left}
ul.tabs li{margin: 0 5px 18px 0;color:#555;display:inline-block}
ul.tabs a{
	padding: .5em 1em;
	text-decoration:none;
	font-weight:normal;
	font-size: 1em;
	line-height: normal;
	border-radius:6px;
	border:1px solid #555;
	color:#555;
}
ul.tabs a:hover{
	color:#f37f03;
	border:1px solid #f37f03;
}
ul.tabs li.active a {
	color:#f37f03;
	border:1px solid #f37f03;
}
.tab_container{border-top:none;overflow:hidden;clear:both;float:left;width:100%;}
.tab_content{font-size:1em}



div.store-product {
	display: table;
	width: 100%;
	border-bottom: 1px solid #EEE;
}

div.store-product:last-child {
	border-bottom: none;
}

div.store-product > div {
	display: table-cell;
	vertical-align: middle;
}

div.store-product > div:first-child {
	width: 50%; 
	text-align: left;
	height: 96px;
}

div.store-product > div:nth-child(2) {
	text-align: center;
	font-size: 0.85em;
}

div.store-product > div:last-child {
	width: 25%; 
	text-align: right;
	padding-right: 15px;
}


div.store-product > div:first-child > div {
	display: table-cell;
	vertical-align: middle;
}

div.store-product > div > div:first-child {
	padding: 10px 10px 10px 15px;
}

div.store-coupon {
	font-size: 1em; 
	margin-bottom: 0;
	width: 42%;
}

div.store-bottom {
	display: table;
	width: 100%;
}

div.store-bottom > div {
	display: table-cell;
	vertical-align: middle;
}

div.store-bottom > div:first-child {
	text-align: left;
	line-height: 1.3em;
	font-size: 0.8em; 
	color: #AAA;
}

div.store-bottom > div:last-child {
	text-align: right;
}



@media only screen and (max-width: 768px) {
    
	div.store-product, div.store-bottom {
		display: inline-block;
		width: 100%;
	}
	
	div.store-product > div, div.store-bottom > div {
		display: inline-block;
		width: 100%;
	}
	
	div.store-product > div:first-child {
		width: 100%; 
	}
	
	div.store-product > div:nth-child(2) {
		text-align: left;
		padding-left: 15px;
	}
	
	div.store-product > div:last-child {
		width: 100%; 
		text-align: left;
		padding: 15px;
	}
	
	div.store-product > div > div {
		font-size: 82%;
	}
	
	div.store-bottom > div:first-child {
		margin-bottom: 15px;
	}
	
	div.store-coupon {
		width: 100%;	
	}
	
}
	



/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	padding: 0.55em 0.7em;
}

input.inputError, 
input.inputError:focus, 
textarea.inputError, 
textarea.inputError:focus,
select.inputError,
select.inputError:focus {
	border-color: #d20000;
}


select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 2.8em;
	max-width: 100%;
}



input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #999;
}


@media screen and (min-width: 30em) {

button {


}
}