﻿/* ... https://cssminifier.com/ ... */
.fa { margin-right: 10px; font-size: 0.6rem;}

.am-font-style-italic { font-style: italic; }
.am-margin-right-10px { margin-right: 10px; }

/* ShareWidget */
.am-sw-clear-both{clear:both;}
.am-sw-container{float: right; background: #f0f0f0; padding: 10px 20px; margin: 20px 0; max-width: 400px;}
.am-sw-container-left{float:left;padding:15px 15px 0 0;}
.am-sw-float-right{float:right;}
.am-sw-share-icon{display:inline-block; margin-right:5px; max-width:50px;}

/* pad */
.rowpad { margin-left: -15px; margin-right: -15px; }
.rowpad-img { margin-left: -10px; margin-right: -10px;}
.colpad { padding: 0 20px; }
.colpad-img { padding: 10px; }
.colpad-thumbs { padding: 5px; }
.colpadcard { padding: 15px; }
.colpadtext { padding: 0 50px; }
.odd { background: #fafafa; }
.highlight { color: #ffbe0d !important; }
.text-small { font-size: 0.7rem; }
.text-small-comments { font-size: 0.7rem; width: 70%; margin-left: 15%; text-align: center; background: #fdfdfd; padding: 20px;}
.am-line-break { height: 1px; background: #f0f0f0;  display: block; width: 100%;  }
.am-gray-hr { height: 1px; background: #f0f0f0; display: block; width: 100%; margin: 50px 0 0 0;}
@media (max-width: 1024px) {
	.colpad-img img { padding: 0px 0px;  }
}

/* footer */
.am-footer-social-icon{display:inline-block; margin-right:5px; max-width:50px;}
footer { padding: 30px 0; background: #232829; color: #fff; }
footer .rowpad { margin-left: -50px; margin-right: -50px; }
footer hr { width: 100px; height: 2px; background: #0099ff; margin: 10px 0 30px 0; }
footer .colpad { padding: 15px 50px; }
footer h5 { margin-bottom: 5px; color: #fff; }
footer p { color: #d0d0d0; }
footer .socialCenter { margin: 0 10px; }
footer .logo { margin-top: -25px; margin-bottom: 25px; }

/* ... */
.content .card { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.3); padding: 30px 50px; }
a.back-to-top { display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 10px; bottom: 10px; background: #de3f18 url("../graphics/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.testimonials  .title { margin-bottom: 0;}
.testimonials a { color: #ffbe0d; font-weight: 600;}
.testimonials i { font-size: 5rem; position: absolute; right: 30px; top: 30px; opacity: 0.1 }

/* contact */
.am-contact-greenstar { color: #1ca15c; }

@media (max-width: 1024px)
{
    html { font-size: 16px; }
    section { padding: 7% 15px; }

  /*  .container { width: 90%; }*/
    .colpadcard { padding: 10px 10px; }
    header { max-height: 100% !important; }
    header button { background: #fff !important; border: none !important; top: 30px !important; right: 0; }
    header button .icon-bar { background: #555 !important; position: relative; margin-right: 30px; }
    .content .card { margin: 0 40px; }
	footer { padding: 50px 20px;}
    footer .rowpad { margin-left: 0; margin-right: 0; }
    footer .colpad { padding: 0; }
	.colpad { padding: 10px 0;}
}

.am-home-card { list-style: none; }
.am-home-card .content { border: 3px solid #f3f3f3; border-radius: 3px; text-align: center; padding: 0px 20px 20px 20px; width: 90%; margin-left: 5%; min-height: 500px; margin-bottom: 10px; }
.am-home-card h3 { text-transform: uppercase; margin-bottom: 20px; font-weight: 600; font-size: 1.1rem;}
.am-home-card p { margin-bottom: 20px; }
.am-home-card:nth-child(1) .content { border-top: 4px solid #e45353; border-radius: 3px;}
.am-home-card:nth-child(1) .content h3 { color: #e45353;}
.am-home-card:nth-child(2) .content { border-top: 4px solid #619e1c; border-radius: 3px;}
.am-home-card:nth-child(2) .content h3 { color: #619e1c;}
.am-home-card:nth-child(3) .content { border-top: 4px solid #2fa6c4; border-radius: 3px;}
.am-home-card:nth-child(3) .content h3 { color: #2fa6c4;}
.am-home-card:nth-child(4) .content { border-top: 4px solid #f58b3f; border-radius: 3px;}
.am-home-card:nth-child(4) .content h3 { color: #f58b3f;}
@media (max-width: 1024px)
{
	.am-home-card .content { width: 100%; margin-left: 0; min-height: auto; padding: 40px 20px; }
}

.am-home-eclairage { text-align: center; padding: 100px 0; background: #ffbe0d url("../graphics/am-home-eclairage-background.jpg") no-repeat center center; background-size: cover; }
.am-home-eclairage p  { color: #fff; }
.am-home-eclairage h1 { color: #fff; text-align: center; font-weight: 600; letter-spacing: -0.1rem; margin: 10px 0; }
.am-home-eclairage .am-actions { text-align: center; }

.am-home-clients { padding: 100px 0; background: #000 url("../graphics/am-home-clients-background.jpg") no-repeat center center; background-size: cover; }
.am-home-clients h1 { color: #fff;  text-align: center; font-weight: 600; letter-spacing: -0.1rem; padding: 15px 0px; margin:  0; }
.am-home-clients p { color: #fff;  text-align: center; }
.am-home-clients .actions { text-align: center; margin: 30px 0; }

.am-home-why-us { background: #f1f8fc; }

.am-home-feedback { background: #000 url("../graphics/am-home-clients-background.jpg") no-repeat center center; background-size: cover; text-align: center; min-height: 300px;}
.am-home-feedback .am-bubble { height: 375px; }
.am-home-feedback .am-bubble .container { position: relative; top: 50%; transform: translateY(-50%); width: 65%;  }
.am-home-feedback .am-bubble p { font-size: 1.1rem; color: #fff; margin-bottom: 25px; }
.am-home-feedback .am-bubble span { display: block; font-style: italic; color: #70bfd3; }
@media (max-width: 1024px) {
	.am-home-feedback .am-bubble { height: 400px; }
	.am-home-feedback .am-bubble .container { width: 80%;  }
}

.am-clients-number {}
.am-clients-number .am-number  { background: transparent url("../graphics/ico-circle-counter.png") no-repeat center center;  font-size: 4rem; font-weight: 700; letter-spacing: -0.05rem; display: block; text-align: center; height: 195px; padding-top: 60px; margin-bottom: 20px;}
.am-clients-number .am-number-text { display: block; text-align: center;}
.am-clients-number .call-to-action { background: #f0f0f0; border-bottom: 3px solid #d4d4d4; border-radius: 3px; padding: 15px 30px; margin-top: 50px;}
.am-clients-number .call-to-action h2 { font-size: 2.2rem; color: #666666; font-weight: 300; letter-spacing: -0.05rem;}
.am-clients-number .am-default-btn-01 { margin-top: 25px;}

@media (max-width: 1024px) {
	.am-clients-number { text-align: center;}
}

.am-banner-contact { background: #384852; text-align: center; }
.am-banner-contact  h1{ color: #fff; font-size: 6rem; font-weight: 100; letter-spacing: -0.3rem;  }
.contact-form  .form-group { width: 80%; margin-left: 10%; }
.contact-form .title { text-align: center; }
.contact-form  .form-group label { color: #72757f; font-size: 1rem; font-weight: 300;  }
.contact-form  .form-group input { border-radius: 0; border: 1px solid #cccccc; box-shadow: none; margin-top: 5px; }
.contact-form  .form-group textarea { border-radius: 0; border: 1px solid #cccccc; box-shadow: none; margin-top: 5px; }
.contact-form .am-default-btn-01 { margin-left: 10%; }
.contact-maps { text-align: center; }
.contact-infos { text-align: center; padding: 100px 0 50px 0;}
.contact-infos span { display: block; margin: 20px 0 10px 0; }
.contact-infos a { font-size: 0.85rem; color: #72757c; }
@media (max-width: 1024px) {
	.contact-form  .form-group { width: 100%; margin-left: 0; }
	.contact-form .am-default-btn-01 { margin-left: 0; }
}



.am-skydrop { background: #fff url("../graphics/background-skydrop.jpg") repeat-x center bottom 20%; background-size: cover;}
.am-skydrop .example-image { float: left; display: inline;  margin-right: 20px; max-width: 75px; }
.am-skydrop .big-module { max-width: 600px; }
.am-skydrop h2  { font-size: 3rem; font-weight: 100; letter-spacing: -0.05rem; color: #73b848; margin-bottom: 30px; text-align: center;  }
.am-skydrop h3  { font-size: 1.5rem; font-weight: 100; letter-spacing: -0.05rem; color: #0e98d5;  }
.am-skydrop p { text-align: left; color: #504e4c; font-weight: 600; font-size: 0.8rem; }
.am-skydrop .closeup img { float: right; max-width: 300px; margin-top: -50px;  }

@media (max-width: 1024px) {
	.am-skydrop { padding: 25px 50px;}
	.am-skydrop .example-image { float: none; display: block;  text-align: center;  margin: 10px auto; max-width: 200px: }
	.am-skydrop .img-header { max-width: 50%;}
	.am-skydrop .big-module { padding-top: 50px; }
	.am-skydrop h2 { text-align: center; margin: 20px 0;}
	.am-skydrop h3 { text-align: center; margin-bottom: 5px;}
	.am-skydrop p { text-align: center; max-width: 60%; margin: 0 auto;}
}
