/*
Theme Name: Intelligent Golf Concept
Author: Double-Y
Author URI: http://www.double-y.fr/
Version: 1.0
*/

html {font-size:62.5%;}
body {background:white;padding:0;margin:0;cursor:default;overflow:hidden;}
.inside {width:100%;max-width:1280px;margin:0 auto;}
.texte {text-align:center;}
.logo {position:absolute;z-index:9999;text-align:center;width:100%;}
.logo img {width:100%;max-width:649px;height:auto;}
#bar {width: 0%; max-width: 100%;height: 8px;background: #fdc757;}
#progressBar {width: 100%;background: #002b54;}
.owl-txt {display:none;background:url('/wp-content/themes/igc/owl-carousel/pattern.png') repeat;width:100%;height:100%;color:white;text-align:center;}
.owl-txt .slogan, h1 {text-transform:uppercase;font:normal 40px avenir_85_heavyregular;font-size:4.0rem;margin:15px 0;padding:0;}
.owl-txt .detail {font:normal 40px Garamond;font-size:4.0rem;}
#savoir {text-align:center;position:absolute;z-index:9999;bottom:60px;width:100%;}
#savoir a, a.contacter {display:inline-block;color:white;text-decoration:none;background:rgba(0,0,0,0.7);padding:15px 30px;font:normal 13px Arial, Helvetica, sans-serif;font-size:1.3rem;text-transform:uppercase;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
a.contacter {margin-bottom:15px;background:rgba(0,0,0,1);}
#savoir a:hover, a.contacter:hover {background:rgba(255,255,255,1);color:black;}
.row {margin-top:25px;overflow:hidden;display:block;}
#menu {display:none;background:white;min-height:66px;padding:7px 0;border-bottom:solid 1px #9d9d9d;position:fixed;top:0;width:100%;z-index:500;}
#menu2 {background:white;min-height:66px;padding:7px 0;border-bottom:solid 1px #9d9d9d;position:fixed;top:0;width:100%;z-index:500;}
a.logomin {margin:0 25px;}
a#menubtn {float:right;text-transform:uppercase;font:normal 20px avenir_85_heavyregular;font-size:2.0rem;color:black;text-decoration:none;padding:15px 25px;margin:10px 0;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
a#menubtn:hover {background:#002b55;color:white;}
#menuover {display:none;clear:both;text-align:center;border-top:solid 1px #9d9d9d;}
#menuover a {text-transform:uppercase;font:normal 20px avenir_85_heavyregular;font-size:2.0rem;color:#002b55;text-decoration:none;margin:10px 0;display:block;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
#menuover a:hover {color:#fdc757;}
#main {padding-top:110px;color:#333333;font:normal 18px 'Open Sans', sans-serif;font-size:1.8rem;}
.anchor {display:inline-block;color:#fdc656;text-transform:uppercase;font:normal 20px avenir_85_heavyregular;font-size:2.0rem;border-bottom:solid 5px #fdc656;}
h2 {color:#002b54;text-transform:uppercase;font:normal 40px avenir_85_heavyregular;font-size:4.0rem;margin-top:5px;}
h3 {color:#002b54;text-transform:uppercase;font:normal 25px avenir_85_heavyregular;font-size:2.5rem;}
h4 {color:black;text-transform:uppercase;font:normal 20px avenir_85_heavyregular;font-size:2.0rem;}
.green {display:inline-block;vertical-align:top;width:25%;margin:0 1%;padding:2%;background:#c7d251;color:#333333;font:normal 18px 'Open Sans', sans-serif;font-size:1.8rem;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
.green:hover {background:#002b54;color:white;}
.green a {color:white;text-decoration:none;font-weight:bold;}
.green a:hover {text-decoration:underline;}
.green p {margin-bottom:0;}
.quote {color:black;font:normal 30px Garamond;font-size:3.0rem;}
.maps {padding-top:20px;}
.maps iframe{pointer-events: none;}
.bloc {text-align:left;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
.bloc img {float:left;margin:0 40px 40px 40px;}
#contact {background:#002b55;color:white;padding:40px 0;}
.contact-left, .contact-right {display:inline-block;vertical-align:top;}
.contact-right {width:60%;text-align:left;font-size:0;}
.contact-right .oblig {display:inline-block;font:normal 14px 'Open Sans', sans-serif;font-size:1.4rem;margin-left:15px;}
.contact-right label {color:white;font:normal 20px Garamond;font-size:2.0rem;display:block;width:100%;}
.contact-right div {margin-bottom:10px;}
.contact-right .input {width:48%;display:inline-block;vertical-align:top;}
.contact-right .inputleft {margin-right:4%;}
.contact-right .textarea {width:100%;display:block;}
.contact-right input[type='text'], .contact-right input[type='email'] {width:98%;padding:0 1%;border:none;height:30px;line-height:30px;color:black;font:normal 16px 'Open Sans', sans-serif;font-size:1.6rem;}
.contact-right textarea {width:98%;padding:1%;border:none;height:80px;font:normal 16px 'Open Sans', sans-serif;font-size:1.6rem;color:black;}
.contact-right input[type="submit"] {margin-top:10px;background:#fdc656;border:none;display:inline-block;cursor:pointer;color:#002b55;padding:10px 15px;font:normal 14px avenir_85_heavyregular;font-size:1.4rem;text-transform:uppercase;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
.contact-right input[type="submit"]:hover {background:white;color:black;}
.contact-left {width:36%;margin-right:2%;text-align:left;font:normal 18px 'Open Sans', sans-serif;font-size:1.8rem;}
.contact-left h3 {color:#fdc656;font:normal 18px avenir_85_heavyregular;font-size:1.8rem;text-transform:uppercase;}
.pattern, .patternquote {background:url('/wp-content/themes/igc/owl-carousel/pattern.png') repeat;width:100%;height:100%;color:white;text-align:center;}
.pattern {text-transform:uppercase;font:normal 25px avenir_85_heavyregular;font-size:2.5rem;}
.pattern span {text-transform:uppercase;font:normal 30px avenir_85_heavyregular;font-size:3.0rem;}
.patternquote {font:normal 30px Garamond;font-size:3.0rem;}
.bg {margin-top:30px;}
.bg:before {content:url('/wp-content/themes/igc/images/arrow.png');position:absolute;z-index:200;margin:-20px 0 0 -25px;left:50%;}
#bgnous {background:url('/wp-content/themes/igc/images/bgnous.jpg') no-repeat center center;background-size:cover;margin-top:0;}
#bgnous .pattern {padding:70px 0;}
#bgvous {background:url('/wp-content/themes/igc/images/bgvous.jpg') no-repeat center center;background-size:cover;}
#bgvous .pattern {padding:50px 0;}
#bgsolution {background:url('/wp-content/themes/igc/images/bgsolution.jpg') no-repeat center center;background-size:cover;}
#bgsolution .patternquote {padding:50px 0;}
#carousel, #carousel2 {background:#dedcdc;padding:45px 55px;position:relative;}
.owl-carousel2 .itemvideo, .owl-carousel3 .itemvideo {position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;}
.owl-carousel2 .itemvideo iframe, .owl-carousel3 .itemvideo iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.owl-carousel2 .itemtitre, .owl-carousel3 .itemtitre {color:#333333;background:white;font:normal 14px 'Open Sans', sans-serif;font-size:1.4rem;padding:8px 18px;}
a#carouselprev, a#carouselprev2 {position:absolute;left:0;top:0;height:100%;display:block;background:#bfbdbd url('/wp-content/themes/igc/owl-carousel/previous.png') no-repeat center center;}
a#carouselnext, a#carouselnext2 {position:absolute;right:0;top:0;height:100%;display:block;background:#bfbdbd url('/wp-content/themes/igc/owl-carousel/next.png') no-repeat center center;}
a#carouselprev, a#carouselnext, a#carouselprev2, a#carouselnext2 {width:35px;}
#footer {padding:40px 2%;background:#012243;text-align:center;color:white;font:normal 15px avenir_85_heavyregular;font-size:1.5rem;text-transform:uppercase;}
.temoin {text-align:left;border-bottom: solid 1px #9d9d9d;margin-bottom:30px;padding-bottom:15px;}
.perso {color:#002b54;text-transform:uppercase;font:normal 25px avenir_85_heavyregular;font-size:2.5rem;}
.info {color:black;font:normal 25px Garamond;font-size:2.5rem;}

@media screen and (max-width: 1300px) {
    .inside {width:96%;padding:0 2%;}
    .pattern {padding:0 2%;}
}

@media screen and (max-width: 1000px) {
    #carousel, #carousel2 {padding:45px;}
    a#carouselprev, a#carouselnext, a#carouselprev2, a#carouselnext2 {width:30px;}
}

@media screen and (max-width: 767px) {
    .green {display:block;margin:10px auto;width:80%;}
    .bloc {text-align:center;}
    .bloc img {float:inherit;width:100%;max-width:221px;height:auto;margin:0;}
    .contact-left, .contact-right {display:block;margin:15px auto;width:80%;text-align:center;}
    .contact-right .input {width:100%;display:block;}
}

@media screen and (max-width: 500px) {
    h2 {font:normal 30px avenir_85_heavyregular;font-size:3.0rem;}
    h3 {font:normal 20px avenir_85_heavyregular;font-size:2.0rem;}
    h4 {font:normal 16px avenir_85_heavyregular;font-size:1.6rem;}
    .pattern {font:normal 20px avenir_85_heavyregular;font-size:2.0rem;}
    .pattern span {font:normal 25px avenir_85_heavyregular;font-size:2.5rem;}
    .patternquote {font:normal 25px Garamond;font-size:2.5rem;}
    .owl-txt .slogan, h1 {font:normal 28px avenir_85_heavyregular;font-size:2.8rem;}
    .owl-txt .detail {font:normal 28px Garamond;font-size:2.8rem;}
    #savoir {bottom:50px;}
}

@media screen and (max-width: 320px) {
    .owl-txt .slogan, h1 {font:normal 20px avenir_85_heavyregular;font-size:2.0rem;}
    .owl-txt .detail {font:normal 20px Garamond;font-size:2.0rem;}
    #savoir {bottom:40px;}
}

@media screen and (min-width: 500px) and (max-height:900px) {
    .logo img {width:30%;}
    .owl-txt .slogan, h1 {font:normal 28px avenir_85_heavyregular;font-size:2.8rem;}
    .owl-txt .detail {font:normal 28px Garamond;font-size:2.8rem;}
    #savoir {bottom:50px;}
}