@import url(http://fonts.googleapis.com/css?family=Barlow);
@import url(http://fonts.googleapis.com/css?family=Montserrat);


*{ outline:none;}
body{ margin:0; padding:0; font-family: 'Montserrat'; -webkit-font-smoothing: antialiased;}
html, body{ height:100%;}


/* FORM ELEMENTS */
input[type="text"]{ height:42px; padding:0 10px; border:1px solid #eee;}
button[type="submit"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
button[type="button"]{ height:42px; padding:0 20px; border:none; font-weight:700;}
textarea{ height:120px; padding:10px; border:1px solid #eee;}



/* LINKS */
a{color:#fff;}
a:hover{text-decoration:none; color:#fff;}
a:focus{text-decoration:none;}



/* SPACING */
.no-margin{ margin:0;}
.no-padding{ padding:0;}



/* CUSTOMIZED HTML ELEMENTS */
img{ max-width:100%;}
p{ margin-bottom:15px;}
b{ font-weight:700;}
ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0; list-style:none;}




/* TABLE VALIGN MIDDLE */
.table{ width:100%; height:100% !important; display:table; margin:0;}
.table .inner{ display:table-cell; vertical-align:middle;}
.img-full{ width:100%;}



/* LOADING */
.loading{ width:100%; height:100%; text-align:center; position:fixed; left:0; top:0; z-index:99999; }
.loading img{ height:140px; margin-bottom:30px; display:inline-block;}
.loading .spinner{ width:30px; height:30px; border:3px solid rgba(255,255,255,0.2); border-top:3px solid #fff; border-radius:30px; display:inline-block;}
.loading .spinner{-webkit-animation: spinner 0.5s infinite linear;
  animation: spinner 0.5s infinite linear;}
.fade-out{ opacity:0; visibility:hidden; transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}



/* TRANSITION */
.transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; opacity:0; visibility:hidden;}
.transition-overlay.show-me{ opacity:1; visibility:visible;}
.transition-overlay{ transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}



/* LOADING BACKGROUND */
.loading-bg{background: #e8e8e8; background: -moz-linear-gradient(left,  #e8e8e8 0%,#e3e9f0 40%,#383f58 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e8e8), color-stop(40%,#e3e9f0), color-stop(100%,#383f58)); background: -webkit-linear-gradient(left,  #e8e8e8 0%,#e3e9f0 40%,#383f58 100%); background: -o-linear-gradient(left,  #e8e8e8 0%,#e3e9f0 40%,#383f58 100%); background: -ms-linear-gradient(left,  #e8e8e8 0%,#e3e9f0 40%,#383f58 100%); background: linear-gradient(to right,  #e8e8e8 0%,#e3e9f0 40%,#383f58 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#383f58',GradientType=1 );}



/* SIDE MENU */
.side-menu{ width:270px; height:100%; position:fixed; right:-270px; top:0; background:#535353; padding:20px; z-index:9999;}
.side-menu{transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);}
.side-menu.show-me{ right:0;}
.side-menu .side-menu-close{ position:absolute; right:0; top:0; padding:27px 20px; cursor:pointer;}
.side-menu .side-menu-close i{ font-size:20px; color:#fff;}
.side-menu h4{ color:#fff; font-size:20px; font-weight:700; margin-bottom:30px;}
.side-menu form{ width:100%; float:left; margin-bottom:20px;}
.side-menu form input[type="text"]{ width:100%; height:44px; float:left; padding:0 10px; background:#5d5b5c; border:none; margin-bottom:16px; color:#fff;}
.side-menu form textarea{width:100%; height:124px; float:left; padding:10px; background:#5d5b5c; border:none; margin-bottom:16px; color:#fff;}
.side-menu form button[type="submit"]{ width:100%; height:44px; float:left; background:#00cae0; color:#fff; font-size:17px; font-weight:700; border:none;}
.side-menu .alert{ width:100%; float:left;}
.side-menu #success, #error {display:none}
.side-menu #success p, #error p { float:left;}
.side-menu #contact .error{ width:100%; color:red;}
.side-menu #error p {color:#c0392b}
.social-network ul{ width:100%; position:inherit; bottom:0; left:0; padding:20px;}
.social-network ul li{ width:50px; float:right; text-align:center; margin-right:30px;}
.social-network ul li a{ display:inline-block; font-size:17px; color:#fff;}
.social-network{ padding-bottom:30px !important;}
.social-network ul li a .twitter{ width:81px;}
.social-network ul li a .linkedin{ width:81px;}
/*.social-network ul li.instagram{ background:#5989b9;}
.social-network ul li.pinterest{ background:#f63234;}
.social-network ul li.youtube{ background:#fe0000;}*/


/* HEADER */
header{ width:100%; height:100%; float:left; background-image:url(../images/Groupe%2066.png); color:#fff;background-size:cover;}
header.int-header{ height:350px;}
header.int-header .title{ font-size:80px; margin-top:140px;}
header.int-header .sub-title{ font-size:18px;}
header .banner{ width:100%; float:left;}
header .slide-content{ width:50%; max-width:100%; text-align:left; display:inline-block; color:#fff; position:relative; z-index:99;}
header .slide-content.spacing{ margin-top:15%; border-left-style:solid; border-left-width:2px; padding-left:40px; float:right;}
header .slide-content h1{ font-weight:700; margin-top:0; margin-bottom:30px; font-size:60px;}
header .slide-content h4{ line-height:2; font-weight:bold; font-size: 22px;}
header .slide-content h5{ width:100%; font-size:17px; line-height:24px; font-weight:500; margin-bottom:30px;}
header .slide-content button{height:50px; width:230px; background-color:#FE9800; border-radius:27px; border-style:none; font-weight:500; margin-top:60px; font-size: 19px;}
header .slide-content a{ color:#fff; display:inline-block; padding:25px 50px; background:#00cadf; font-size:15px; font-weight:700;}
header .slide-content a:hover{ text-decoration:none;}
header .slide-content .icon{ display:inline-block; margin-top:30px;}
header video{min-width:100%; min-height:100%; transform: scale(1.3); float:left; opacity:0.3; position:absolute; left:0; top:0;}
header.int-header p{ margin: 140px 0 0 50px; width: 470px; font-size:15px; font-weight:bold; border-left:2px solid; padding-left:50px; line-height:35px;}
.navbar-header .logo-1{ display:none !important;}
.scroll{position:absolute; bottom:0px; width:100%; text-align:center; margin-bottom:20px;}
header.int-header2{ height:330px; background: #fff; color:#383F58;}
header.int-header2 .title{ font-size:80px; margin-top:140px;}
header.int-header2 .sub-title{ font-size:18px;}


/* NAVIGATION */
.navbar-default{ height:85px; padding-top:10px; border-radius:0; border-bottom:none;background-color:transparent;}
.navbar-default {-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.navbar-default .selected{ border-bottom:2px solid #fff;}
.navbar-default .container{height:130px; height: auto;}
.navbar-default .navbar-brand{ height:auto; padding:0;}
.navbar-default .navbar-brand .logo-1{ height:60px;}
.navbar-default .navbar-brand .logo-2{ height:350px; margin-top:10%;}
.navbar-default .navbar-brand .logo-3{ height:60px;}
.navbar-default .navbar-nav{ float:right;}
.navbar-default .navbar-right{ width: 55%;}
.navbar-default .navbar-header{ width: 45%;}
.navbar-default .navbar-nav>li{ float:left;}
.navbar-default .navbar-nav>li>a{ padding-top:25px; padding-bottom:10px; color:#fff; font-weight:700; padding-left: 10px;}
.navbar-default .navbar-nav>li>a:hover{color:#FE9800;}
.navbar-default .navbar-nav>li>a:focus{color:#fff;}
.navbar-default .navbar-nav>li>a.hamburger-menu{ float:left; margin-top:-3px; font-size:26px;}
.navbar-default .navbar-nav>li:hover .dropdown-menu{ display:block;}
.navbar-default .navbar-nav>li:hover a{ color:#FE9800;}
.int-header2 .navbar-default .selected{ border-bottom:2px solid #383F58;}
.int-header2 .navbar-default .navbar-nav>li>a{ padding-top:30px; padding-bottom:10px; color:#383F58; font-weight:700;}
.int-header2 .navbar-default .navbar-nav>li>a:hover{color:#FE9800;}
.int-header2 .navbar-default .navbar-nav>li>a:focus{color:#383F58;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none; color:#fff;}
.navbar-default .dropdown-menu{ float:left; margin-right:-8px; background:none; color:#fff; box-shadow:none; border-radius:0; border:none; display:none;}
.navbar-default .dropdown-menu li{ width:100%; float:left; text-align:right; background-color:#fff; padding:5px 0 5px 0; color:#383F58;}
.navbar-default .dropdown-menu li a{ color:#383F58 !important; font-weight:700; border:none !important;}
.navbar-default .dropdown-menu li a:hover{background:none; opacity:0.8; color:#FE9800 !important;}
.fixed-nav{ background-color:#ffffff !important; border-bottom-style:outset; border-bottom-color:rgb(0,0,0,0.02); height: auto;}
.fixed-nav .selected{ border-bottom:2px solid #383F58;}
.fixed-nav a{color:#383F58 !important;}
.fixed-nav .logo-1{ display:block !important;}
.fixed-nav .logo-2{ display:none !important;}
.int-header .fixed-nav .logo-3{display:none !important;}
.fixed-nav .dropdown-menu{ background:#fff;}
.fixed-nav .dropdown-menu a{ color:#fff !important;}

/* ABOUT US*/
.about-us{ width:100%; float:left;}
.about-us .left-side{ height:630px; background:url(../images/image1.png) no-repeat; background-size:cover; }
.about-us .left-side1{ height:350px; background:url(../images/charles-deluvio-Lks7vei-eAg-unsplash@2x.png) no-repeat; background-size:cover; }
.about-us .right-side{height:630px; background:#fff;}
.about-us .right-side1{height:350px; background:#fff; padding:0 60px; color:#383F58;}
.about-us .right-side .table{ width:100%; padding:30px 60px 30px 60px;}
.about-us .right-side1 h1{ border-bottom:2px solid; padding-bottom:10px; margin-bottom:30px; font-size: 40px;}
.about-us .right-side1 .bld{font-weight:bold;}
.about-us .right-side h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.about-us .right-side h3 span{ display:inline-block; font-weight:700;}
.about-us .right-side p{ font-size:16px; line-height:40px; color:#4B4B4B; text-align:justify;}
.about-us .right-side p span{ color:#FE9800; font-weight:500;}
.about-us .right-side a{ font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;}
.about-us .right-side a:hover{text-decoration:none;}
.about-us .right-side hr{border:1px solid #707070; width:165px; writing-mode:tb;}


/* BUSINESS */
.business{ width:100%; float:left;}
.business .left-side{ background-color: #F7F7F7; padding:3% 5% 8% 5%; color:#4B4B4B;}
.business .left-side h2{ font-weight: bold; margin-bottom: 7%;}
.business .left-side p{ font-size: 17px;}
.business .right-side{ background:#fff; padding:3% 5%; color:#4B4B4B;}
.business .right-side h2{ font-weight: bold; margin-bottom: 7%;}
.business .right-side p{ font-size:17px;}
.business .right-side ul li{ font-size:17px; font-weight: 500; list-style: inside; margin-bottom: 2%;}
.business .right-side1{ background:#fff; padding:0 5%; color:#383F58; margin: 2% 0;}
.business .right-side1 h1{ border-bottom:2px solid; padding-bottom:10px; margin-bottom:10px;}


/* BUSINESS */
.business2{ width:100%; float:left;}
.business2 .catre{ margin:2%; margin: 6% 0;}
.business2 .f2, .c2, .p2, .cul2{ display: none;}
.business2 .inner:hover .f1{ display: none;}
.business2 .inner:hover .c1{ display: none;}
.business2 .inner:hover .p1{ display: none;}
.business2 .inner:hover .cul1{ display: none;}
.business2 .inner:hover .f2{ display: block;}
.business2 .inner:hover .c2{ display: block;}
.business2 .inner:hover .p2{ display: block;}
.business2 .inner:hover .cul2{ display: block;}
.business2 .inner2{ text-align: right; background-color: #fff; margin-bottom: 3%;}
.business2 .inner2 h5{ width: 25%; display: inline-block; font-weight: bold; margin-right: 1%;}
.business2 .inner2 img{ width: 5%; display: inline-block; margin: 1% 6px}



/* PROCESS BUSINESS */
.process-business{ width:100%; float:left;}
.process-business .pb1{background-color: #E3E9F0; background-image: url(../images/mb1-2@2x.png); background-repeat:no-repeat; background-position: right bottom; background-size: 74%;}
.process-business .left-side{ padding:3% 0 5% 5%; color:#4B4B4B;}
.process-business .left-side h2{ font-weight: bold; margin-bottom: 5%;}
.process-business .left-side p{ font-size: 17px; margin: 4% 0;}
.process-business .left-side ul li{ font-size:17px; list-style: inside; margin-bottom: 1%;}
.process-business .left-side .cinque{ width: 55%;}
.process-business .inner1{ text-align: right; background-color: #fff;}
.process-business .inner1 h5{ width: 25%; display: inline-block; font-weight: bold; margin-right: 1%;}
.process-business .inner1 img{ width: 5%; display: inline-block; margin: 1% 6px}
.process-business .inner2{ padding:11% 0 1% 0; color:#4B4B4B; width: 65%; margin: auto;}
.process-business .inner2 h2{ font-weight: bold; margin-bottom: 5%; text-align: center;}
.process-business .inner2 p{ font-size: 17px;}
.process-business .inner3{ padding:5% 0 1% 0; color:#4B4B4B; width: 65%; margin: auto;}
.process-business .inner3 ul li{ font-size: 17px; list-style: inside; margin-bottom: 1%;}
.process-business .pb2{background-color: #E3E9F0; background-image: url(../images/mb2-2@2x.png); background-repeat:no-repeat; background-position: right top; background-size: 74%;}
.process-business .inner4{ padding:1% 0 11% 0; color:#4B4B4B; width: 65%; margin: auto;}
.process-business .inner4 p{ font-size: 17px;}


/* VALORES */
.valores{ width:100%; float:left; padding:60px 0; color:#383F58;}
.valores *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.valores h1{ margin-bottom:40px; text-align:center; font-size: 55px; margin-top: 0;}
.valores h3{ border-bottom:2px solid; padding-bottom:10px; margin:0 0 20px 0; font-size:20px; font-weight:bold;}
.valores p{ font-size:16px;}
.valores .container .row div{ padding:10px 30px;}


/* CASHLEBRIS */
.cash-lebris{ width:100%; float:left;}
.cash-lebris .left-side1{ height:815px; background-color:#F7F7F7; padding:0px;}
.cash-lebris .left-side1 h1{ border-bottom:2px solid; padding-bottom:10px; margin-bottom:30px; color:#383F58;}
.cash-lebris .left-side1 p{ color:#4B4B4B;}
.cash-lebris .left-side1 .inner1{ padding:70px 115px;}
.cash-lebris .right-side1{height:815px; background:#1A202B; padding:40px 70px; color:#fff;}
.cash-lebris .right-side1 ul li{ list-style:initial; margin:25px;}
.cash-lebris .right-side1 .bld{font-weight:bold;}


/* TRANSFORM DIGIT */
.transform-digit{ width:100%; float:left;}
.transform-digit .left-side1{ height:350px; background-color:#fff; padding:0px;}
.transform-digit .left-side1 h1{ border-bottom:2px solid; padding-bottom:10px; margin-bottom:30px; color:#383F58;}
.transform-digit .left-side1 p{ color:#4B4B4B;}
.transform-digit .left-side1 .inner1{ padding:130px 86px 0 86px; font-size:16px; color:#4B4B4B;}
.transform-digit .right-side1{ height:auto; background-color:#fff; padding:60px 0 0 0; z-index:1}
.transform-digit .right-side1 img{ width:85%; position:absolute;}
.bld{font-weight:bold;}


/* I & C */
.inovacion-cambios{ width:100%; float:left;}
.inovacion-cambios .left-side1{ height:615px; background-color:#1A202B; padding:0px; color:#fff;}
.inovacion-cambios .left-side1 h1{ padding-bottom:10px; margin-bottom:30px; font-size:90px;}
.inovacion-cambios .left-side1 h2{ margin-top:25px; font-size:53px;}
.inovacion-cambios .left-side1 .inner1{ padding:30% 10%;}
.inovacion-cambios .right-side1{height:615px; background-color:#1A202B; padding:0px; color:#fff;}
.inovacion-cambios .right-side1 ul{ margin-top:131px;}
.inovacion-cambios .right-side1 ul li{ list-style:initial; margin:25px;}
.inovacion-cambios .right-side1 .inner{ padding:20% 18% 0% 18%;}
.inovacion-cambios .center-side p{ position:absolute; width:50%; background-color:#E3E9F0; color:#4B4B4B; padding:35px; font-size:19px; text-align:center; top:-74.5px; margin:0; left:25%;}


/* FORTRATUS */
.fortratus{ width:100%; float:left;}
.fortratus .left-side1{ height:663px; background-color:#fff; padding:0px; color:#4B4B4B;}
.fortratus .left-side1 h1{ border-bottom:2px solid; padding-bottom:10px; margin-bottom:30px;}
.fortratus .left-side1 p{ color:#4B4B4B; margin-top:25px;}
.fortratus .left-side1 ul li{ list-style:initial; margin:15px;}
.fortratus .left-side1 .inner1{ padding:70px 115px;}
.fortratus .left-side1 .inner1 button{height:30px; width:155px; background-color:#fff; border-radius:27px; border-style:solid; font-weight:500; color:#FE9800; border-color:#FE9800; margin-top:40px;}
.fortratus .right-side1{height:663px; background-color:#fff; padding:0px; color:#4B4B4B;}
.fortratus .right-side1 ul{ margin-top:131px;}
.fortratus .right-side1 ul li{ list-style:initial; margin:25px;}
.fortratus .right-side1 .inner{ padding:40px 70px;}


/* ABOUT US 1 */
.about-us1{ width:100%; float:left; height: 90%;}
.about-us1 .left-side{ height:630px; background-color:#E8E8E8; }
.about-us1 .left-side img{ width:500px; margin:8%;}
.about-us1 .left-side figcaption{ writing-mode:vertical-lr; transform:rotate(180deg); float:right; position:relative; top:80px; font-size:40px; color:#383F58;}
.about-us1 .left-side hr{ writing-mode:vertical-lr; border:1px solid #383F58; position:relative; width:260px; transform:rotate(90deg); float:right; bottom:245px; left:130px; margin:0;}
.about-us1 .right-side{height:630px; background:#fff;}
.about-us1 .right-side .table{ width:100%; padding:30px;}
.about-us1 .right-side h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.about-us1 .right-side h3 span{ display:inline-block; font-weight:700;}
.about-us1 .right-side p{ font-size:15px; line-height:30px; color:#4B4B4B;}
.about-us1 .right-side p span{ color:#FE9800; font-weight:500;}
.about-us1 .right-side a{ font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;}
.about-us1 .right-side a:hover{text-decoration:none;}
.about-us1 .right-side hr{border:2px solid #707070; width:200px; writing-mode:tb;}


/* V & M*/
.vision-mision{ width:100%; float:left;}
.vision-mision .left-side{ height:630px; background-color:#F7F7F7; padding:110px 30px 110px 63px; }
.vision-mision .left-side .inner1{ display:block; border-left:15px solid #FE9800; padding-left:25px; margin:0  250px 50px 0; height:149px;}
.vision-mision .left-side .inner1 h1{ font-size: 55px; margin-top: 0;}
.vision-mision .left-side .inner1 p{ font-size: 17px;}
.vision-mision .left-side .inner2{ display:block; border-left:15px solid #FE9800; padding-left:25px;}
.vision-mision .left-side .inner2 h1{ font-size: 55px;}
.vision-mision .left-side .inner2 p{ font-size: 17px;}
.vision-mision .left-side figcaption{ writing-mode:vertical-lr; transform:rotate(180deg); float:right; position:relative; top:150px; font-size:30px; color:#383F58;}
.vision-mision .left-side hr{ writing-mode:vertical-lr; border:1px solid #383F58; position:relative; writing-mode:vertical-lr; width:180px; transform:rotate(90deg); float:right; bottom:260px; left:90px; margin:0;}
.vision-mision .right-side{height:630px; background:#F7F7F7; padding:0 90px;}
.vision-mision .right-side .table{ width:100%; padding:30px 60px 30px 60px;}
.vision-mision .right-side .vision{ width:200px; float:right; top:140px; right:140px; position:absolute;}
.vision-mision .right-side .mision{ width:240px; float:left; bottom:110px; position:absolute;}
.vision-mision .right-side p{ font-size:15px; line-height:30px; margin-bottom:20px; color:#4B4B4B;}
.vision-mision .right-side p span{ color:#FE9800; font-weight:500;}
.vision-mision .right-side a{ font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;}
.vision-mision .right-side a:hover{text-decoration:none;}
.vision-mision .right-side hr{border:2px solid #707070; width:200px; writing-mode:tb;}


/* SERVICES */
.services{ width:100%; float:left; padding:100px 0;}
.services .box{ width:100%; padding:40px 20px; margin-bottom:40px; position:relative;}
.services *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.services .box:hover img{ margin-bottom:45px;}
.services .box img{ height:80px; display:inline-block; margin-bottom:20px;}
.services .box h4{ font-weight:700; color:#fff; margin-bottom:25px;}
.services .box p{ color:#fff; line-height:22px; font-weight:500;}
.services .box .expand{ width:70px; height:75px; float:left; text-indent:-9999px; background:url(../images/icon-expand.png) top left no-repeat; background-size:cover; position:absolute; right:0; bottom:0;}
.services .box ul{ height:0; overflow:hidden;}
.services .box ul li{ width:100%; float:left; color:#fff; font-weight:700; margin:3px 0;}
.services .box ul.show-me{ height:auto;}


/* WOSIPP*/
.wosipp{ width:100%; float:left; padding:70px 0; color:#383F58;}
.wosipp *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.wosipp h1{ text-align:center; margin-bottom:60px;}
.wosipp p{ line-height:22px; text-align:center; width:580px; font-size:20px; margin:0 auto 50px auto;}


/* DISRUPTOR */
.disruptor{ width:100%; float:left; padding:100px 0; color:#383F58;}
.disruptor *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.disruptor h1{ text-align:center; margin-bottom:20px;}
.disruptor p{ line-height:22px; text-align:center; width:580px; font-size:17px; margin:0 auto 70px auto; border-top:2px solid; padding-top:40px;}
.disruptor img{ width:210px;}
.disruptor figcaption{ font-size:20px; font-weight:bold; margin-top:15px;}
.disruptor .d1 { width:80%; margin:auto;}
.disruptor .d1 div{ text-align:center; margin-bottom:60px;}
.disruptor .d2 { width:60%; margin:auto;}
.disruptor .d2 div{ text-align:center;}

/* FUN FACTS*/
.fun-facts{ width:100%; float:left; background:#f5f5f5; padding:100px 0; text-align:center;}
.fun-facts *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.fun-facts .content-box{ width:100%; float:left; padding:50px 10%;}
.fun-facts .content-box:hover{ background:#fed20f;}
.fun-facts .content-box:hover i{ color:#fff;}
.fun-facts .content-box:hover span{ color:#fff;}
.fun-facts .content-box:hover h5{ color:#fff;}
.fun-facts i{ display:inline-block; color:#fed20f; font-size:40px;}
.fun-facts span{ display:block; color:#babac2; font-size:40px; font-weight:700;}
.fun-facts h5{ display:inline-block; color:#babac2; font-size:18px;}


/* LATEST WORKS */
.latest-works{ width:100%; float:left; padding-top:100px; text-align:center;}
.latest-works *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.latest-works h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.latest-works h3 span{ display:inline-block; font-weight:700;}
.latest-works .works-filter {width:100%; float:left; margin-bottom:30px;}
.latest-works .works-filter a{ display:inline-block; margin:0 10px; padding-bottom:6px; font-weight:500; color:#febd0e;}
.latest-works .works-filter a:hover{text-decoration:none;}
.latest-works .works-filter a.current{ border-bottom:2px solid #febd0e;}
.latest-works ul{ width:100%; float:left;}
.latest-works ul li{ width:33.33333%; float:left;}
.latest-works ul li figure{ width:100%; height:100%; float:left; position:relative;}
.latest-works ul li figure:hover figcaption{ opacity:1; padding:10px;}
.latest-works ul li figure img{ width:100%; float:left;}
.latest-works ul li figure figcaption{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.latest-works ul li figure figcaption h4{ font-weight:700; color:#fff; font-size:20px;}
.latest-works ul li figure figcaption h4 a{color:#fff;}
.latest-works ul li figure figcaption h4 a:hover{color:#fff; text-decoration:none;}
.latest-works ul li figure figcaption small{ color:#fff; font-weight:500;}
.latest-works ul li figure figcaption .table{background:rgba(254,210,15,0.8);}



/* WORKS */
.works{ width:100%; float:left; padding:50px 0 100px; text-align:center;}
.works *{-moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.works h3{ color:#febd0e; font-size:30px; margin-bottom:30px;}
.works h3 span{ display:inline-block; border-top:3px solid #febd0e; font-weight:700;}
.works .works-filter { padding-bottom: 70px; margin: inherit;}
.works .works-filter a{ margin: 10px; padding-bottom:5px; font-size: 17px; color:#383F58; text-align: left;}
.works .works-filter a:hover{text-decoration:none;}
.works .works-filter a.current{ color: #FE9800;}
.works .works-filter2 { float:left; margin-bottom:70px; display: inline-grid; margin-left: 70px;}
.works .works-filter2 a{ margin: 10px; padding-bottom:5px; font-size: 17px; color:#383F58; text-align: left;}
.works .works-filter2 a:hover{text-decoration:none;}
.works .works-filter2 a.current{ color: #FE9800;}
.works ul{ width:100%; float:left;}
.works ul.spacing{ width:100%;}
.works ul.spacing li{ padding:40px;}
.works ul.masonry{ width:100%;}
.works ul li{ width:33.33333%; float:left;}
.works ul li figure{ height:95%; float:left; position:relative;}
.works ul li figure img{ width:100%; float:left;}


/* PROJECT DETIAL */
.project-detail{ width:100%; float:left; padding:100px 0;}
.project-detail .project-header{ width:100%; float:left; padding-bottom:40px; border-bottom:1px solid #eee;}
.project-detail .about-project{ width:100%; float:left; margin-top:40px; padding:0 20%;}
.project-detail .screenshot{ margin-bottom:50px;}


/* LOGOS */
.logos figure{ width:100%; float:left;}
.logos figure img{ width:100%; padding-left:20px;}
.logos figure img:hover { filter:contrast(30%);}
.logos figure figcaption{display:none;}
.logos figure:hover figcaption{ top:125px; left:09px; right:0px; position:absolute; font-size:25px; color:#fff; text-align:center; padding-left:20px; font-weight:bold; display:block;}
.logos .owl-nav{ width:100%; float:left; text-align:center;}
.logos .owl-nav .owl-prev{ display:inline-block; text-indent:-9999px; margin:0 15px; padding:10px;}
.logos .owl-nav .owl-prev:hover{opacity:0.4;}
.logos .owl-nav .owl-prev:after{content:'\f124'; font-family:ionicons; font-size:20px; float:left; text-indent:0;}
.logos .owl-nav .owl-next{ display:inline-block; text-indent:-9999px; margin:0 15px; padding:10px;}
.logos .owl-nav .owl-next:hover{opacity:0.4;}
.logos .owl-nav .owl-next:after{content:'\f125'; font-family:ionicons; font-size:20px; float:left; text-indent:0;}


/* LATEST NEWS */
.latest-news{ width:100%; float:left; padding:60px 0; background:url(../images/Groupe%2027.png); height:90%; background-repeat:no-repeat; background-position:center; background-size:700px;}
.latest-news h3{ width:100%; text-align:center; color:#febd0e; font-size:30px; margin-bottom:30px;}
.latest-news h3 span{ display:inline-block; font-weight:700;}
.latest-news .news-box{ width:100%; float:left;}
.latest-news .news-box figure{ width:100%; float:left; margin-bottom:20px; position:relative;}
.latest-news .news-box figure img{ width:100%;}
.latest-news .news-box h1{ width:100%; float:left; margin-top:0px; border-bottom-style:solid; border-bottom-width:2px; padding-bottom:15px; margin-bottom:40px; font-size: 45px;}
.latest-news .news-box small{ display:block; font-size:12px; color:#999; margin-bottom:30px;}
.latest-news .news-box .notre-2{ line-height:26px; font-size:15px; margin-bottom:150px; bottom:0px; position:fixed; margin-left:40px; margin-right:40px;}
.latest-news .news-box p{ line-height:33px; font-size:16px; margin-bottom:20px;}
.latest-news .news-box .link{ float:left; padding:10px 20px; background:#febd0e; color:#fff; font-weight:700;}
.news-box button{height:40px; width:180px; background-color:#fff; border-radius:27px; border-style:solid; font-weight:500; color:#FE9800; border-color:#FE9800; position:fixed; bottom:80px; margin-left:40px; font-size: 16px;}


/* LATEST NEWS 2 */
.latest-news2{ width:100%; float:left; padding:60px 0; text-align:center;}
.latest-news2 h3{ width:100%; text-align:center; color:#febd0e; font-size:30px; margin-bottom:30px;}
.latest-news2 h3 span{ display:inline-block; font-weight:700;}
.latest-news2 .news-box2{ width:100%; float:left;}
.latest-news2 .news-box2 div{ margin-bottom:40px;}
.latest-news2 .news-box2 img{ height:100px; margin:10px;}
.latest-news2 .news-box2 h1{ width:100%; float:left; margin-top:0px; color:#383F58; display:block; font-size: 45px;}
.latest-news2 .news-box2 small{ display:block; font-size:12px; color:#999; margin-bottom:30px;}
.latest-news2 .news-box2 .notre-2{ line-height:26px; font-size:15px; margin-bottom:150px; bottom:0px; position:fixed; margin-left:40px; margin-right:40px;}
.latest-news2 .news-box2 p{ line-height:33px; font-size:22px; margin-bottom:40px; display:block; width:790px; margin-left:auto; margin-right:auto; color:#333333;}
.latest-news2 .news-box2 .link{ float:left; padding:10px 20px; background:#febd0e; color:#fff; font-weight:700;}
.news-box2 button{height:30px; width:155px; background-color:#FE9800; border-radius:27px; border-style:none; font-weight:500; color:#fff; margin:auto; display:block; margin-bottom:60px;}
.latest-news2 .news-box2 hr{border:1px solid #707070; width:400px; margin-top:0; margin-bottom:30px; display:block;}


/* QUOTE */
.quote{ width:100%; float:left; padding:70px 150px; background-color:#FE9800; text-align:center;}
.quote .container{width:980px;}
.quote h2{ display:block; margin:0; margin-bottom:30px; color:#fff; font-weight:bold; font-size: 40px;}
.quote h4{ display:block; margin:0; margin-bottom:30px; color:#fff; font-weight:700;}
.quote p{ display:block; color:#fff; font-size:25px; line-height:25px; font-style:italic; font-weight: lighter;}
.quote .phr1{ margin-bottom:0px;}
.quote .pd{ width:705px;}
.quote .td{ width:83%;}
.quote .td hr{ width:55%; border-width:2px; margin-top:0px;}


/* QUOTE 2 */
.quote2{ width:100%; float:right; padding:50px 150px; background-color:#171C27; text-align:right;}
.quote2 .container{width:80%; float:right; background-image: url(../images/circle.png); padding: 20px 90px 20px 0; background-repeat:no-repeat; background-position:right; background-size:contain;}
.quote2 h1{ display:block; margin:0; margin-bottom:10px; color:#fff; font-weight:700;}
.quote2 p{ display:block; color:#fff; font-size:18px; line-height:25px; font-style:italic;}


/* QUOTE TEC */
.quote-tec{ width:100%; float:right; padding:50px 150px; background-color:#202C3D; text-align:center;}
.quote-tec .container{width:50%; background-image: url(../images/circle2.png); padding: 80px 0; background-repeat:no-repeat; background-position:center; background-size:contain;}
.quote-tec p{ display:block; color:#fff; font-size:24px; line-height:30px; font-weight:500;}


/* SERVICE */
.service{ width:100%; float:left; padding:60px 150px; background-color:#202C3D; text-align:center;}
.service .container{width:100%;}
.service h1{ display:block; margin:0 auto 40px auto; color:#fff; border-bottom:2px solid; width:670px; padding-bottom:20px; font-size: 65px;}
.service p{ display:block; color:#fff; font-size:22px; line-height:25px; font-weight:500; width:520px; margin:auto;}
.service button{ height:30px; width:155px; background-color:#202C3D; border-radius:27px; border-style:solid; font-weight:500; color:#fff; border-color:#fff; margin:60px 0 20px 0;}
.service a:hover{ text-decoration:none; background:#fff; color:#febd0e;}


/* GRAY RS */
.gray-rs{ width:100%; float:left; padding:60px; background-color:#E3E9F0; text-align:center;}
.gray-rs .container{width:100%;}
.gray-rs p{ display:block; color:#1C212C; font-size:20px; line-height:25px; width:680px; margin:0 auto 50px auto;}
.gray-rs img{ height:31px; margin:0 20px;}
.gray-rs a:hover{ text-decoration:none; background:#fff; color:#febd0e;}


/* BLOG */
.blog{ width:100%; float:left; padding:100px 0;}
.blog *{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
.blog .blog-post{ width:100%; float:left; padding-right:20px; margin-bottom:100px;}
.blog figure{ width:100%;float:left; margin-bottom:20px; position:relative; background:#febd0e;}
.blog figure img{ width:100%; float:left;}
.blog figure:hover img{ opacity:0.7;}
.blog h3{ display:block; margin-top:0; color:#febd0e;}
.blog small{ display:block; margin-bottom:10px; color:#98989a; font-weight:700;}
.blog .border{ width:38px; height:3px; display:inline-block; margin-bottom:30px; background:#febd0e;}
.blog .link {font-size:18px; font-weight:700; border-bottom:3px solid #febd0e; padding-bottom:6px; color:#febd0e;}
.blog .link:hover{ text-decoration:none;}
.blog .pagination{ width:100%; float:left;}
.blog .pagination>li{ float:left;}
.blog .pagination>li a{ float:left; border:1px dotted #ccc; font-weight:700; font-size:12px; padding:6px 22px; color:#2f2e33; border-radius:0 !important;}
.blog .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#febd0e; color:#fff;}




/* SIDEBAR */
.blog-sidebar{ width:100%; padding-left:30px;}
.blog-sidebar .widgets{ width:100%; float:left; margin-bottom:40px;}
.blog-sidebar .social-media{ width:100%; float:left;}
.blog-sidebar .social-media ul{ width:100%; float:left;}
.blog-sidebar .social-media ul li{ width:34px; height:34px; line-height:34px; float:left; text-align:center; background:red; margin-right:4px;}
.blog-sidebar .social-media ul li a{ display:inline-block; font-size:17px; color:#fff;}
.blog-sidebar .social-media ul li.facebook{ background:#3b5999;}
.blog-sidebar .social-media ul li.twitter{ background:#00bcf8;}
.blog-sidebar .social-media ul li.googleplus{ background:#d3492d;}
.blog-sidebar .social-media ul li.instagram{ background:#5989b9;}
.blog-sidebar .social-media ul li.pinterest{ background:#f63234;}
.blog-sidebar .social-media ul li.youtube{ background:#fe0000;}
.blog-sidebar .search{ width:100%; float:left;}
.blog-sidebar .search form{ width:100%; float:left;}
.blog-sidebar .search form input[type="text"]{ width:80%; float:left;}
.blog-sidebar .search form button[type="submit"]{ width:20%;  padding:0; text-align:center; float:left; background:#febd0e; color:#fff; margin-left:-3px;}
.blog-sidebar .tags{ width:100%; float:left;}
.blog-sidebar .tags a{ float:left; padding-bottom:5px; border-bottom:2px solid #eee; font-size:12px; color:#999; margin-right:10px; margin-bottom:10px;}
.blog-sidebar .tags a:hover{text-decoration:none; color:#00cadf;}
.blog-sidebar .categories{ width:100%; float:left;}
.blog-sidebar .categories ul{ width:100%; float:left;}
.blog-sidebar .categories ul li{ width:100%; float:left; margin:4px 0;}
.blog-sidebar .categories ul li a{ float:left; color:#febd0e; font-weight:500;}
.blog-sidebar .categories ul li a:hover{color:#00cadf;}
.blog-sidebar .gallery-thumbs{ width:100%; float:left; margin-left:-5px; margin-right:-5px;}
.blog-sidebar .gallery-thumbs a{ width:33.33333%; float:left; padding:5px;}
.blog-sidebar .gallery-thumbs a img{ width:100%; float:left;}




/* CONTACT INFO */
.contact-info{ width:100%; float:left; padding:100px 0;}
.contact-info h3{ font-weight:700;}
.contact-info h5{ margin-bottom:20px; color:#ccc;}
.contact-info a{ text-decoration:underline; font-weight:500;}
.contact-info form{ width:100%; max-width:600px; display:inline-block;}
.contact-info form .form-group{ width:100%; float:left; margin-bottom:10px;}
.contact-info form input[type="text"]{ width:49%; float:left;}
.contact-info form .spacing{ margin-right:2%;}
.contact-info form  textarea{ width:100%; max-width:600px;}
.contact-info form button[type="submit"]{ background:#febd0e; color:#fff;}
.contact-info .alert{ width:100%; float:left;}
.contact-info #success2, #error2 {display:none}
.contact-info #success2 p, #error2 p { float:left;}
.contact-info #contact2 .error{ width:100%; color:red;}
.contact-info #error2 p {color:#c0392b}
.map{ width:100%; height:400px;}


/* CONTACT */
.contact{ width:100%; float:left; color: #383F58;}
.contact .pp h1{ text-align:justify;; margin-top: 50px;}
.contact .pp p{ text-align:justify;; font-size: 17px; margin: 2%;}
.contact .pp li{ text-align:justify;; font-size: 17px; margin: 10px 5%; list-style: inside;}
.contact .know-more { padding-right: 70px; height: 822px; margin-bottom:60px;}
.contact .know-more h1{ text-align: center; margin-top: 50px;}
.contact .know-more p{ text-align: center; font-size: 17px; margin: 5%;}
.contact .know-more form{ width:100%; max-width:600px; display:inline-block;}
.contact .know-more .form-group{ width:100%; float:left; margin-bottom:10px; padding-bottom:10px;}
.contact .know-more .form-group div{ text-align:center;}
.contact .know-more .form-group .mot{ width:100%; border-radius: 15px; font-size:17px; border: 1px solid #383F59; padding-left: 20px; height: 42px}
.contact .know-more .form-group .letter{ height: auto;}
.contact .know-more .form-group .btn{ height:30px; width:155px; background-color:#fff; border-radius:27px; border-style:solid; font-weight:500; color:#FE9800; border-color:#FE9800; margin-top:40px;}
.contact .work-us{ height: 882px; background-color:#F7F7F7; padding: 0 7%;}
.contact .work-us h1{ text-align: center; margin-top: 50px;}
.contact .work-us p{ text-align: center; font-size: 17px; margin: 10% 5%;}
.contact .work-us button{ color:#fff; background:#383F59; width: 100%; font-size: 17px; border-color: #383F59; padding: 10px;}
.contact .work-us button i{ font-size: 14px; margin-left: 10px;}
.contact .work-us .form-group{ text-align: center;}
.contact .work-us .form-group .mot{ width:100%; background-color: #F7F7F7; border-radius: 15px; font-size:17px; border: 1px solid #383F59; padding-left: 20px; height: 42px;}


/* CLOCK */
.clock_bg{display: inline-block;margin: 5px;padding: 5px;border-radius: 5px;background-color:rgb(277,233,240,45%);text-align:center;}
.clock_bg .clock_counter{font-weight: 600;font-size: 70px;line-height: 0.8;letter-spacing: 0px;}
.clock_bg .clock_label{font-size: 14px;margin-top:10px;}




/* FOOTER */
footer{ width:100%; float:left; padding:50px 0; background:url(../images/Groupe%2075.png); color:#fff; background-size:cover;}
footer .logo{ height:20px; margin-bottom:30px;}
footer *{ -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
footer p{ font-size: 18px;}
footer a{ font-size: 18px;}
footer h4{ font-weight:bold; margin-top:0; margin-bottom:30px; font-size: 22px;}
.map-site{ display:block; margin-bottom:5px;}
footer .gallery li{ width:33.33333%; float:left; padding:5px;}
footer .gallery li img{ width:100%; float:left;}
footer .gallery li figure{ width:100%; float:left; position:relative;}
footer .gallery li figure figcaption{ width:100%; height:100%; position:absolute; text-align:center; left:0; top:0; background:rgba(254,210,15,0.8); opacity:0;}
footer .gallery li figure figcaption a{ color:#fff;}
footer .gallery li figure figcaption i{ margin-top:20%; display:inline-block; font-size:30px;}
footer .gallery li figure:hover figcaption{ opacity:1;}
footer  form{ width:100%; float:left;}
footer  form input[type="text"]{ width:100%; max-width:280px;  height:42px; border:none; padding:0 10px; margin-bottom:6px;}
footer  form button[type="submit"]{  height:42px; border:none; background:#00cadf; padding:0 20px; margin-bottom:6px;}
footer .row {padding-top:60px;}
footer .container .row div {padding:0 20px;}
footer h1{margin-top:0px; line-height:1.5; font-size: 40px;}




/* SUB FOOTER */
.sub-footer{ width:100%; float:left; border-top-style:solid; border-top-width:2px;}
.sub-footer h6{ font-size:12px; color:#fff; font-weight:700;}

@media only screen and (max-width: 989px), only screen and (max-device-width: 989px)
{

}


@media only screen and (max-width: 989px), only screen and (max-device-width: 989px)
{
.latest-works ul li{ width:50%;}

.works ul li{ width:50%;}

.team-members figure img{ width:100%;}

.blog-sidebar{ padding-left:0;}
.blog .blog-post{ padding-right:0;}

.contact-info form input[type="text"]{ width:100%; margin-bottom:10px;}
.contact-info form .form-group{ margin-bottom:0;}
.contact-info form .spacing{ margin-right:0;}


.navbar-default .navbar-header{ width: 30%;}
.navbar-default .navbar-right{ width: 70%;}
.navbar-default .navbar-brand .logo-1{ height: 60px; margin-left: 30px;}
.navbar-default .navbar-brand .logo-2{ height: auto; margin-left: 30px; margin-top: 40%;}
.navbar-default .navbar-brand .logo-3{ height:18px;}
.navbar-default .container{ width: 100%;}
.dropdown-menu{ top: 80%;}
.navbar-default .nav>li>a{ padding:30px 8px; font-size: 12px;}

.latest-news .news-box{ text-align: center;}
.latest-news .news-box .notre-2{margin-left: 0; margin-right: 0; line-height: 33px; font-size: 16px; position: static; margin-top: 120px; margin-bottom: 30px;}
.news-box button{ margin-left: 0; position: static;}

.quote{ padding: 60px 100px;}
.quote h2{ font-size: 35px;}
.quote p{ font-size: 20px;}

.quote .container{ width: 100%;}

.latest-news2 .contain{ width: 100%;}
.latest-news2 .news-box2 p{ width: 100%;}

.about-us1{ height: 100%;}
.about-us1{ height: auto;}
.about-us1 .left-side{ height: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center;}
.about-us1 .left-side figure{ height: 100%;}
.about-us1 .left-side img{ margin: 0; width: 55%;}
.about-us1 .left-side figcaption{ writing-mode: inherit; transform: inherit; float: inherit; top: auto; margin-top: 30px; font-size: 30px;}
.about-us1 .left-side hr{ writing-mode: inherit; position: inherit; transform: inherit; float: inherit; bottom: auto; left: auto; width: 320px; display:inline-block;}
.about-us1 .right-side{ height: 100%;}
.about-us1 .right-side .table{ visibility: visible !important; padding: 60px;}

.about-us .left-side{ height: 500px;}
.about-us .right-side{ height: 500px;}

footer{ height: 100%; padding: 0;}
footer .row { padding-top: 0px;}
footer h1{ font-size: 30px; margin: 20px 0;}
footer h4{ font-size: 20px;}
footer a{ font-size: 16px;}
.sub-footer{ width: 90%; margin: 0 20px;}
.sub-footer h6{ float: left;}
}


@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
.services .no-padding{ padding:0 30px;}

.fun-facts h5{ font-size:16px;}

.latest-works ul li{ width:100%; padding:20px; padding-top:0; padding-bottom:10px;}

.contact figure{ width:60px;}

header .slide-content.spacing{ float: left; border-left: none; margin-top: 170px; padding-left: 20px; padding-right: 20px; width: 100%; text-align: center;}
header .slide-content h5{ font-size:12px;}
header .slide-content button{ width: 160px;}
header.int-header{ height: 100%;}
.navbar-default .navbar-header{ width: auto;}
.navbar-default .navbar-toggle{border:none; background:none;}
.navbar-default .navbar-toggle:hover{ background:none;}
.navbar-default .navbar-toggle:focus{ background:none;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-default .navbar-brand .logo-1{ height: 40px; margin: 5px 30px;}
.navbar-default .navbar-brand .logo-2{ height: 140px; margin: 10px;}
.navbar-default .navbar-collapse{ background:#ffff; border:none; margin-top: 5px;}
.navbar-default .navbar-nav>li a{ color:#383F58;}
.navbar-default .navbar-nav{ width:100%;}
.navbar-default .navbar-nav>li{ width:100%; padding:0;}
.navbar-default .navbar-nav>li a{ width:100%; float:left; padding:10px 0;}
.navbar-default .navbar-nav>li a:hover{border:none; opacity:0.7;}
.navbar-default .navbar-nav>li:hover a{ border:none;}
.navbar-default .dropdown-menu li{ text-align:left;}
.navbar-nav>li>.dropdown-menu{ width:100%;}

.fixed-nav .navbar-nav>li a{ color:#383F58;}
.fixed-nav .icon-bar{ background:#000 !important;}
.scroll{ display: none;}

.latest-news{ height: auto; padding: 40px 20px; background-size: 100%;}
.latest-news .news-box{ margin-bottom: 0; text-align: center;}
.latest-news .news-box h1{ text-align: center;}
.latest-news .news-box .notre-2{ font-size: 16px; margin-bottom: 0; bottom: 0; position: inherit; margin-left: 0; margin-right: 0;}
.news-box button{ bottom: auto; margin: 25px; position: relative;}

.quote{ padding: 35px;}
.quote .container{ width: 100%;}
.quote h2{ font-size: 30px;}
.quote p{ font-size: 20px;}

.latest-news2 .news-box2 p{ width: auto;}
.latest-news2 .news-box2 hr{ width: auto;}

.about-us1{ height: auto;}
.about-us1 .left-side{ height: 100%; padding-top: 20px; padding-bottom: 20px;}
.about-us1 .left-side figure{ height: 100%;}
.about-us1 .left-side img{ margin: 0;}
.about-us1 .left-side figcaption{ writing-mode: inherit; transform: inherit; float: inherit; top: auto; margin-top: 30px; font-size: 30px;}
.about-us1 .left-side hr{ writing-mode: inherit; position: inherit; transform: inherit; float: inherit; bottom: auto; left: auto; width: 200px;}
.about-us1 .right-side{ height: 100%;}
.about-us1 .right-side .table{ visibility: visible !important;}

.about-us .right-side .table{ padding: 30px; visibility: visible !important;}

footer{ padding: 25px;}
footer h1{font-size: 30px;}
footer .gallery{ margin-bottom:40px;}
footer .row{padding-top: 30px;}
footer .container .row div{ padding: 15px;}
.sub-footer{ margin-left: 0; margin-right: 0;}
.sub-footer h6{ float:left !important; font-size: 11px;}
.social-network ul li{ width: 35px;}
}