/*
Theme Name: Archtiko
Theme URI: http://archtiko.purplemadprojects.com/
Author: PurpleMad
Author URI: http://www.purplemad.ca/
Description: Responsive HTML5 Theme by PurpleMad.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Corporate, agency, portfolio, filterable portfolio, CMS, static, responsive, CSS3, HTML5, retina ready, mega menu, contact form, bootstrap, multipurpose, sticky menu
*/
/*-----------------------------------------------------------------------------------

1.Global
2.Preloader
3.Header
    - Logo
    - Navigation
    - Search
    - Mobile Menu
    - Navigation responsive trick
4.Overlay
5.Homepage Slider
6.Page Title
7.Icon hover
8.Counter
9.Skill
10.Home Project List
11.Testimonial
12.Client Section
13.Breadcrum
14.Page Banner
15.About Section
16.Video Background
17.Pie Chart
18.Service
19.Blog
20.Pagination
21.Sidebar
22.Blog Grid
23.Contact
24.Project Columns
25.Project Details
26.Shortcodes
    - Accordion and Toggles
    - Tabs
    - Pricing Tables 
    - Typography 
    - Buttons Tabs
    - Icon Styling 
    - Pagination 
    - Team Members
    - Testimonials
27.404
28.Footer
29.Go to Top
30.Responsive And Media Queries
	
-----------------------------------------------------------------------------------*/

/***** 1. Global Style *****/

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-size: 1.6rem;
    font-family: 'Open Sans', sans-serif;
    color: #2e3233;
    background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {    font-family: "Montserrat", sans-serif;
}

a {
    color: #ccc;
    outline: medium none;
    text-decoration: none;
}

a:hover {
    color: #ccc;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    max-width: 100%;
}

/***** Global Style End *****/
.modal-body iframe{min-height: 800px;overflow: auto;}
.demandedoc .modal-body{padding:0px;}
.modal-header .close {margin-top: -20px;}
/***** 2. Preloader *****/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: hidden;
    z-index: 999999999;
}
footer form ::placeholder {
  color: #666!important;  
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../img/loader.svg); 
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}
.mursordi, .mursport{text-align: center;}
.mursordi img{max-width:100%;height:auto;}
.mursordi img:last-of-type{/*margin-top:-12px;*/margin-top:0px;}

.mursordi .container, .valorisation .container, .mursordiA .container{width:90%;}

.mursport{display:none;}
@media (max-width: 750px) {
	.mursordi{display:none;}
.mursport{display:block;}
.mursport img{display:block;width:100%;height:auto;margin-top: 0px;}
	.welcome-block.valorisation {padding: 0px 0 50px 0;}
	.mursordi .container, .valorisation .container, .mursordiA .container {width: 95%;}
}
/**********facebook*******************/
/**********facebook*******************/
.voletfacebook{z-index: 2; position: fixed; left: -291px; top:135px; -webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;}

.faceb{height: 150px;width:38px;/* display: table-cell; vertical-align: top;*/background: #917823 url(../img/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;cursor: pointer;position:absolute;left:290px;top:20px;-webkit-transition: all 0.3s; transform: rotate(0deg);transition: all 0.3s;}
.faceb:hover{background: #333  url(../img/Official-Facebook-Logo-bis.png) no-repeat 0% 0%;}


.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{position: fixed;left: 0px!important; width: 340px;
-webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;
}

/***** Preloader End *****/
#ascrail2000.nicescroll-rails.scrol>div{background-color: #555!important;}

/***** 3. Header *****/

#header .branding,
#header #nav {
    display: table-cell;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.8px;
}

#header {
    top: 0px;
    width: 100%;
    z-index: 10000;
    left: 0;
    color: #000;
    position: relative;
    transition: all 0.5s ease-in-out;
    height: 135px;
	 background: url(../images/fond_alpha5.png), url(../img/fond-menu.jpg) !important;
    background-repeat: repeat, repeat !important;
    background-position: top left, center center;
    background-size: auto, cover !important;
	-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);

}

#header.header-color-white {
    color: #000
}

#header.header-color-white .logo a {
    color: #000
}

#header.header-sticky {
    position: fixed;
    background: #000;
    left: 0;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    color: #333;
    height: auto
}

#header.header-sticky #nav>ul>li>a {
    line-height: 54px
}

#header.header-sticky .logo a {
    color: #333
}

#header .header-inner {
    display: table;
    width: 100%;
    position: relative
}

#header .header-top-nav {
    float: right;
    margin-bottom: 0;
}

#header #nav {
    text-align: right
}

/***** Logo ****/ 

#header .logo {
    font-size: 1.6667em;
    text-transform: uppercase;
    font-weight: 600;
   /* background-image: url("../images/Logo-Sable-Safaris-blanc.png");*/
    background-repeat: no-repeat;
	margin:-27px 0 0 27px;
    width: 165px;
	/*height: 115px;*/
    
}

#header .logo a {
    color: #000;
    display: block;
    height: 100%;
	
}
/*
#header .logo img {
    margin-right: 5px;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 25px;
    height: 26px
}*/

/***** Search ****/ 

#header .mini-search {
    position: relative;
}

h2 span.slogan, h1 span.slogan{font-family: "Montserrat", sans-serif!important;font-size: 0.5em;letter-spacing: 0.1em;line-height: 1.4em; display: block;margin-top:5px;}

#intro p.slog {
	position: absolute;z-index: 1000000000;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
	bottom:2px;
    left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%);
    text-transform: uppercase;
	z-index:10;
}
/**********************************/
footer .sub-navA li.menu-item-has-children{float: left;padding: 0 25px;text-align: center;width:20%;}
footer .sub-navA h4{margin-top:30px;}
footer .sub-navA h4::after{border:none;}
footer .fa-regular.fa-user{padding-left:10px;padding-right:10px;}
/********FIXNAVIGATION******************/
#header.fixNavigation{
top:-30px!important;
 position: fixed !important;overflow: visible;
	/*background: rgba(0, 0, 0, 1.0);*/
	width: 100%;
    max-width: 1920px;
  left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%); /* décalage de 50% de sa propre taille */
	height:125px

 }
 #header.fixNavigation .logo svg{   width: 125px;
	 margin-top: 2px;
}
#header.fixNavigation #nav>ul>li>a {line-height: 90px!important;}
.textMajuscule{text-align: center;padding-bottom:5px!important; text-transform: uppercase;font-size:0.9em;font-weight: 800;color:#c98515;margin-top: 6px;margin-bottom: 6px;border-bottom:1px solid #c98515;}
.textMinuscule{font-size:0.9em;font-weight: 300;color:#c98515;margin-top:10px;font-weight:600;}

#search-form {
    background: none repeat scroll 0 0 #fff;
    color: #222;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1;
    transition: all 0s ease 0s;
    font-size: 14px;
}

#search-form input[type="text"] {
    background: inherit;
    border: 0 none;
    height: 100%;
    outline: 0 none;
    padding: 0 32px 0 20px;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
    font-weight: 700;
}

#search-form.open {
    opacity: 1;
    width: 100%;
    height: 70px;
}

.search:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 15px;
    font-weight: 300;
}

.close-search {
    padding-right: 10px !important;
    position: relative;
    z-index: 99;
    color: #ccc;
}

.close-search:before {
    content: "\f00d";
    font-family: FontAwesome;
}

/**********************Ajout Patrice*****************/
.cadre5bis{    padding: 10px 5px 10px 5px;
    overflow: hidden;
    border-radius: 0px;
    margin: 20px 0px 30px 0px;
    background: rgba(250, 250, 250, 1.00);
    border: 0px solid #0abcc6;
background:#fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}

.f-cat .cadre5bis{margin: -5px 0px -20px 0px;padding:0px 0px 15px 0px;}

.cadre5bis .paddingcadre5bis{padding: 5px 10px 0px 10px;}
.cadre5bis .paddingcadre5bis h3{font-family: chapman, sans-serif;
    font-weight: 400;margin-top: 0px;margin-bottom: 0px;color:#222;font-size:20px;}
.cadre5bis .paddingcadre5bis h3 span, .cadre5bis .paddingcadre5bis h3 em{font-family: 'Montserrat', sans-serif;display:block;position:relative;font-size:0.55em;color:#917823 ;font-weight:300;text-transform:uppercase;margin-bottom:5px;min-height:12px;}
.cadre5bis .paddingcadre5bis h3 span{font-weight:700;font-size:0.6em;letter-spacing:0.0em;}
/*.cadre5bis .paddingcadre5bis h3 span:before{background:#917823;content:"";width:10px;height:10px;display:inline-block;margin-right:5px;}*/
.cadre5bis .paddingcadre5bis h3 span::first-letter{font-size:2.0rem}
.cadre5bis .paddingcadre5bis h3 em{min-height:1px;margin-bottom:5px;margin-top:5px;}
.owl-carousel .owl-item .lien img, .f-cat .lien img{opacity:1.0;}
.owl-carousel .owl-item .lien {background: #fff;}
.owl-carousel .owl-item .lien:hover, .f-cat .lien:hover {background: #917823 ;-webkit-transition: all 0.3s; transition: all 0.3s;}
.filter-cat-results .cadre5bis .paddingcadre5bis h3 span{min-height:22px;}
.filter-cat-results p {margin: 10px 0 0px 0px;}
.cadre5bis .lien:hover .paddingcadre5bis h3, .cadre5bis .lien:hover .paddingcadre5bis h3 span, .cadre5bis .lien:hover .paddingcadre5bis h3 em{color:#fff;-webkit-transition: all 0.2s; transition: all 0.2s;}
.owl-carousel .owl-item .lien:hover img, .f-cat .lien:hover img{opacity:0.7;}
.editorial{display:none;}
.feature-box-5 i {
    position: relative;
    top: 0;
    left: 0;
}
.wrapperG{position:relative;display:block;margin:0px auto;padding:0 50px;width:100%;maw-width:1600px;}
.icon-medium {
    font-size: 35px;font-weight: 100!important;
}

.valeurs{border-bottom:1px solid #ddd!important;padding-bottom: 5px;padding-top: 5px;min-height: 110px;display: flex;align-items: center; }
/*.valeurs:last-child{border-bottom:1px solid #fff; }*/
h2.progamme{color:#2e3233;font-size:2rem;margin-top:25px;margin-bottom:35px}
ul.liste{padding-left:20px;}
ul.liste li{color:#917823;/*display: flex;align-items: center;justify-content: center;*/list-style:square;    border-bottom: 1px solid #ddd;padding: 5px 0px 6px 0px;}
.listing{width:100%;max-width:490px;padding:0px 10px px 20px;position:relative;margin:0px auto;}
.listing h3{color:#2e3233;font-size:1.5rem;line-height: 1.5rem;margin-top: 0px;text-align: center;/*padding-left:10%;*/
    margin-bottom: 10px;}
/*.listing h3 i{float:left;}*/
.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 30px auto;
    width: 100%;
   border-bottom: 1px solid #c98515;
	/*border-color: inherit!important;*/
	
}
h2.progamme::before{
	content: "";
    display: block;
	margin:10px auto 30px auto;
    width: 100%;
   border-bottom: 1px solid #c98515;
	/*border-color: inherit!important;*/
	
}
.notes {text-align: center;}
.notes p {font-family: "Montserrat", sans-serif!important;}
.notes img{max-width: 80px; height:auto;}
.notes span{font-size:0.8em;display: block;line-height:1.2em;margin-top: 2px;}
.etoiles{font-size:1.2em;color:#c98515;margin-top: -12px;}
.etoiles span{color:#999;display: inline-block;font-size:1.0em;}
.photogalerie{height:342px;overflow: hidden}
.photogaleriebis {height: 349px;overflow: hidden;}
.photogaleriebis{height:350px;overflow: hidden}
.photogalerie2 {height: 325px;overflow: hidden;}
.photogalerie3 {height: 322px;overflow: hidden;
}
.photogalerie4 {height: 227px;overflow: hidden;
}
.textpetit{font-size:0.7em;}
.paddingT50B20 {padding:50px 0px 20px 0px;}
.paddingT50B50 {padding:50px 0px 50px 0px;}
.paddingT10B30 {padding:10px 0px 30px 0px;}
.paddingT30B10 {padding:30px 0px 10px 0px;}
.paddingT50 {padding-top:50px;}
.marginT50 {margin-top:50px;}
main {
    width: 100%;
    max-width: 1920px;
    padding: 0!important;
    margin: 0 auto!important;
}
.containerIllustration{width:960px;position: relative;margin:0px auto;}
.img-responsive { display: block; max-width: 100%;height: auto;}
.containervideo{display: block;position: relative;margin: auto;width:50%;}
.containervideofull{display: block;position: relative;margin: auto;width:100%;}
.containervideofullmini{display: block;position: relative;margin: 0px auto;width:100%;/*max-width:600px;*/max-width:1000px;}

.containervideofull .videopadding{padding:15px 0px;background: #000}
ul.bestiaire{font-size:1.2rem;list-style: square;margin-top: -15px;margin-left: 10px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed,.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flag{position:absolute;top:3px;right:30px;z-index: 1;}
@media (max-width: 991px) {
	footer .sub-navA li.menu-item-has-children{display: none;;}
	.editorial{display:block;}
	.faceb{height: 50px;width:45px; display: table-cell; vertical-align: middle;background: #917823 url(../img/Official-Facebook-Logo-2bis.png) no-repeat 0% 0px;top:0px;}
	.faceb:hover{height: 50px;width:45px; display: table-cell; vertical-align: middle;background: #333 url(../img/Official-Facebook-Logo-2bis.png) no-repeat 0% 0px;}
	
	
	.voletfacebook{z-index: 1500; position: absolute; margin: 0px 0px 0px; left: -290px; top: 117px; width: 340px;-webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;}

.voletfacebook a{cursor: pointer;}
.voletfacebook.voletfacebookopen{z-index: 1500; position: fixed; margin: 0px 0px 0px; left: 0px!important; top: 117px; width: 340px;
-webkit-transition: left 0.5s; /* Safari */
    transition: left 0.5s;
}
#voletfacebook.voletfacebookopen2{ margin-top: -302px!important; 

}
	.flag{position:absolute;top:5px;right:20px;z-index: 1;}
}
.rs{position:absolute;top:31px;right:20px;z-index: 1;}
.rs a{padding:5px;color:#999;}
.rs a:hover{color:#fff;}
.rs a i{font-size:2.5rem;}

.fixNavigation .rs{top:40px;}


.partenaire{ display:block; padding:30px 15px 50px 15px; 
    margin-right: auto;
    margin-left: auto;}
.partenaire img{
  /*  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);*/
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	padding:15px;
	opacity: 1;
}
.partenaire img:hover{
   /* filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);*/
	opacity:0.7;
}
.chapmanR{
font-family: chapman, sans-serif!important;
font-weight: 400!important;
font-style: normal!important;
}
.chapmanI{
font-family: chapman, sans-serif!important;
font-weight: 400!important;
font-style: italic!important;
}
.coordonnees{background: rgba(0, 0, 0, 0.0);display: block;position:relative;width:100%; margin: 0px!important;padding: 1px 10px 0px 60px;z-index:10;border-bottom:0px solid #000;}
.coordonnees ul {text-align:center;    margin-bottom: 8px;}
.coordonnees ul li {display:inline-block;vertical-align: middle;color:#fff;font-size:1.3rem;font-weight:400;margin:0px 10px;}
.coordonnees ul li {display:inline-block;vertical-align: middle;color:#fff;font-size:1.3rem;font-weight:400;margin:0px 10px;}
.coordonnees ul li i {font-size:1.5rem;font-weight:400;margin-right: 10px;}
/********************fin ajout Patrice***************/

/***** Navigation ****/ 

#nav {
    text-align: right;
}

#nav .mini-cart .fa,
#nav .mini-search .fa {
    color: #ccc;
}

#nav .mini-cart>a {
    padding: 0 10px
}

#nav .mini-search>a {
    padding: 0 0 0 10px;
    color: #ccc !important;
}

#nav .menu-item-has-children:hover>.sub-nav {
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 1;
    visibility: visible;
  /*  -webkit-animation: fadeInLeft 0.7s;
    -moz-animation: fadeInLeft 0.7s;
    animation: fadeInLeft 0.7s;*/
}

#nav li.active>a {
    color: #999 !important;
}

#main-nav {
    margin-bottom: 0;
	text-align:center;
}

#nav>ul>li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: left
}

#nav>ul>li>a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-weight: 700;
	letter-spacing: 0.1rem;
    text-transform: uppercase;
    line-height: 100px;
    padding: 0 50px;
    color: #fff!important;
    text-decoration: none;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

#nav>ul>li>a:hover {
    color: #ccc !important;
}

#nav .sub-nav {
    position: absolute;
    /*top: 100%;*/
    
    left: 0;
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    width: 200px;
    padding: 10px 0;
}

#nav .sub-nav li {
    padding: 0 25px
}

#nav .sub-nav li a {
    font-size: 12px;text-transform:uppercase;font-weight:400;
    padding: 8px 0;
    display: block;
    color: #fff;
}

#nav .sub-nav li.menu-item-has-children {
    position: relative
}

#nav .sub-nav.position-left {
    right: 0;
    left: auto
}

#nav .sub-nav .sub-nav {
    top: -10px;
    left: 100%
}

#nav .sub-nav .sub-nav.position-left {
    left: -100%
}

#nav>ul>.mega-menu-item {
    position: static
}

#nav>ul>.mega-menu-item .sub-nav {
    width: 100%;/*width:100vw;left:0px;*/
}

#nav>ul>.mega-menu-item:hover .sub-nav {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

#nav>ul>.mega-menu-item>.sub-nav {
    left: 0;
    padding: 10px 50px 20px 50px;margin-top:0px;
}

#nav>ul>.mega-menu-item>.sub-nav>li {
    float: left;
    padding: 0 25px;text-align:center;
}

#nav>ul>.mega-menu-item>.sub-nav>li>a {
    cursor: default;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

#nav>ul>.mega-menu-item>.sub-nav:after {
    display: table;
    content: "";
    clear: both
}

#nav>ul>.mega-menu-item.mega-column-1>.sub-nav>li {
    width: 100%;
    float: none
}

#nav>ul>.mega-menu-item.mega-column-2>.sub-nav>li {
    width: 50%
}

#nav>ul>.mega-menu-item.mega-column-3>.sub-nav>li {
    width: 33.3333%
}

#nav>ul>.mega-menu-item.mega-column-4>.sub-nav>li {
    width: 25%
}

#nav>ul>.mega-menu-item.mega-column-5>.sub-nav>li {
    width: 20%
}

#nav>ul>.mega-menu-item.mega-column-6>.sub-nav>li {
    width: 16.6666%
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav {
    position: static;width:100%;
    padding: 0;
    -webkit-animation: none 1s ease-in-out;
    -moz-animation: none 1s ease-in-out;
    animation: none 1s ease-in-out;
    background: none !important
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li {
    padding: 0
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li a {
    padding: 9px 0
}

#nav>ul>.mega-menu-item .sub-nav .sub-nav li .fa {
    width: 30px;
    text-align: left
}

#nav .mini-cart .cart-content {
    left: auto;
    right: 0;
    padding: 25px;
    width: 300px
}

#nav .mini-cart .cart-content .product-list li {
    padding: 0;
    background: none
}

#nav .mini-cart .cart-content .product-list li .product-title {
    padding: 0
}

#nav .mini-cart .cart-content .product-list .empty {
    color: inherit;
    font-size: 1.0833em
}

#nav .mini-cart .cart-content .btn-view-cart {
    padding: 0 20px;
    font-size: 0.8333em
}

#nav .mini-cart .cart-content .btn-view-cart .fa {
    margin-right: 10px;
    font-size: 12px
}

#nav .mini-cart .cart-content .cart-action,
#nav .mini-cart .cart-content .cart-price {
    display: table-cell;
    vertical-align: middle
}

#nav .mini-cart .cart-content .cart-price {
    text-align: right;
    font-size: 1.0833em
}

#nav .mini-cart .cart-content .total-price {
    padding-left: 15px
}

#nav .btn-cart-view-hover-style,
#nav .mini-cart .cart-content .btn-view-cart:hover,
#nav.style-dark .mini-cart .cart-content .btn-view-cart:hover {
    color: #fff;
    background: #ccc;
    border-color: #ccc;
}

#nav .btn-cart-view-hover-style .fa,
#nav .mini-cart .cart-content .btn-view-cart:hover .fa {
    color: inherit
}

#nav li.menu-item-has-children>.sub-nav {
	/*background: #000;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 100%);*/
	    background: url(../images/fond_alpha5.png), url(../img/fond-menu.jpg) !important;
    background-repeat: repeat, repeat !important;
    background-position: top left, center center;
    background-size: auto, auto !important;
}
#header.fixNavigation #nav li.menu-item-has-children>.sub-nav {
	background: #000;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.9) 100%);
}

#nav>ul>li.menu-item-has-children:hover>a {
    color: #ccc;
}

#nav .sub-nav {
    color: #999999;
}

#nav .sub-nav li:hover>a,
#nav .sub-nav li.active>a {
    color: #ccc;
    text-decoration: none;
}

#nav .sub-nav li:hover>a .fa,
#nav .sub-nav li.active>a .fa {
    color: #ccc;
}

#nav>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff;
}

#nav .mini-cart .cart-content .product-list li,
#nav .mini-cart .cart-content .product-title,
#nav .mini-cart .cart-content .btn-view-cart {
    color: #6a6a6a;
    border-color: #b7b7b7;
}

#nav .mini-cart .cart-content .btn-view-cart .fa {
    color: #b7b7b7
}

#nav .mini-cart .cart-content .product-title:hover {
    color: #ccc;
}

#nav .mini-cart .cart-content hr {
    border-color: #f0efef
}

#nav .mini-cart .cart-content .total-price {
    color: #ccc;
}

#nav .mini-search .main-nav-search-form input[type=text] {
    background: #fff
}

#nav.style-dark .style-dark-color,
#nav.style-dark .mini-cart .cart-content .product-list li,
#nav.style-dark .mini-cart .cart-content .product-title,
#nav.style-dark .mini-cart .cart-content .btn-view-cart {
    color: #fff;
    border-color: #fff
}

#nav.style-dark li.menu-item-has-children>.sub-nav {
    background: rgba(0, 0, 0, 0.9)
}

#nav.style-dark>ul>li.menu-item-has-children:hover>a {
    color: #fff;
    background: rgba(0, 0, 0, 0.9)
}

#nav.style-dark .sub-nav {
    color: #6a6a6a
}

#nav.style-dark .sub-nav li:hover>a,
#nav.style-dark .sub-nav li.active>a {
    color: #fff
}

#nav.style-dark .sub-nav li:hover>a .fa,
#nav.style-dark .sub-nav li.active>a .fa {
    color: #ccc;
}

#nav.style-dark>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff
}

#nav.style-dark .mini-cart .cart-content .btn-view-cart .fa {
    color: #fff
}

#nav.style-dark .mini-cart .cart-content .product-title:hover {
    color: #ccc;
}

#nav.style-dark .mini-cart .cart-content hr {
    border-color: #202020
}

#nav.style-dark .mini-cart .cart-content .total-price {
    color: #fff
}

#nav.style-dark .mini-search .main-nav-search-form input[type=text] {
    background: #000
}

#nav.style-colored .style-colored-color,
#nav.style-colored .mini-cart .cart-content .product-list li,
#nav.style-colored .mini-cart .cart-content .product-title,
#nav.style-colored .mini-cart .cart-content .btn-view-cart .fa {
    color: #ccc;
}

#nav.style-colored .mini-cart:hover .fa,
#nav.style-colored .mini-search:hover .fa {
    color: #fff;
    border-color: #fff
}

#nav.style-colored li.menu-item-has-children>.sub-nav {
    background: rgba(255, 102, 0, 0.9)
}

#nav.style-colored>ul>li.menu-item-has-children:hover>a {
    color: #fff;
    background: rgba(255, 102, 0, 0.9)
}

#nav.style-colored .sub-nav {
    color: #ccc;
}

#nav.style-colored .sub-nav li:hover>a,
#nav.style-colored .sub-nav li.active>a {
    color: #fff
}

#nav.style-colored .sub-nav li:hover>a .fa,
#nav.style-colored .sub-nav li.active>a .fa {
    color: #1b4268
}

#nav.style-colored>ul>.mega-menu-item>.sub-nav>li>a {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart {
    color: #fff;
    border-color: #fff
}

#nav.style-colored .mini-cart .cart-content .product-title:hover {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart:hover {
    background: #1b4268;
    border-color: #1b4268
}

#nav.style-colored .mini-cart .cart-content .btn-view-cart:hover .fa {
    color: #fff
}

#nav.style-colored .mini-cart .cart-content hr {
    border-color: #ff7d26
}

#nav.style-colored .mini-cart .cart-content .product-price,
#nav.style-colored .mini-cart .cart-content .total-price {
    color: #fff
}

#nav.style-colored .mini-search .main-nav-search-form input[type=text] {
    background: #000
}

#header.header-sticky #nav .mini-search .main-nav-search-form input[type="text"] {
    background: #fff
}

#header.header-sticky #nav>ul>li.menu-item-has-children>.sub-nav {
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.11)
}

/***** Mobile Menu ****/ 

.mobile-nav-wrapper {
    background: #222;
}

.mobile-nav {
    padding: 15px 20px;
    color: #455b79;
    font-size: 1.0833em;/*overflow-y: scroll !important;*/
}

.mobile-nav li>a {
    display: block
}

.mobile-nav li.active>a {
    color: #ccc;
}

.mobile-nav>li>a {
    text-transform: uppercase;
    line-height: 3em;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.1em!important;
    font-weight: 600;
}
.mobile-nav li.orange {color: #c98515;}

.mobile-nav .sub-nav {
    display: none
}

.mobile-nav .menu-item-has-children {
    position: relative
}

.mobile-nav .menu-item-has-children .open-subnav {
    position: absolute;
    right: 0;
    text-align: right;
   /* width: 1.8em;*/
	width:100%;
	padding-right:15px;
    cursor: pointer;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    top: 0.2em;
    font-size: 18px;
    color: #fff;
}

.mobile-nav .menu-item-has-children .open-subnav:before {
    font-family: FontAwesome;
    content: "\f105"
}

.mobile-nav .menu-item-has-children.opened>.open-subnav,
.mobile-nav .menu-item-has-children>.open-subnav:hover {
    color: #ccc;
}

.mobile-nav .menu-item-has-children.opened>a {
    color: #ccc;
}

.mobile-nav .menu-item-has-children.opened>.open-subnav:before {
    content: "\f107"
}

.mobile-nav .menu-item-has-children.opened .opened .sub-nav {
    color: #fff
}

.mobile-nav>.menu-item-has-children>.open-subnav {
    color: #fff;
    font-size: 18px;
}

.mobile-nav>.menu-item-has-children.opened>.open-subnav,
.mobile-nav>.menu-item-has-children>.open-subnav:hover {
    color: #ccc;
}

.mobile-nav>.menu-item-has-children.opened>a {
    border-bottom: 1px dashed #333;
}

.mobile-nav.current-menu-item>a {
    color: #fff
}

.mobile-nav .sub-nav {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding: 10px 0 20px 15px;
}

.mobile-nav .sub-nav a {
    line-height: 3em;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
}

.mobile-nav .sub-nav .fa {
    margin-right: 10px
}

.mobile-nav .sub-nav .sub-nav {
    padding: 0 0 0 20px
}

/***** Responsive Tricks ****/ 
@media (max-width:1200px) {

#nav>ul>li>a {
    font-size: 13px;
    letter-spacing: 0.2rem;
    padding: 0 30px;
}

}
@media (max-width:1199px) {
	.photogalerie {
    height: 286px;

}
		.photogaleriebis {
    height: 294px;

}
	.photogalerie2 {
    height: 268px;
}
}

@media (max-width:1600px) {
	#nav>ul>li>a {padding: 0 30px;}
}
@media (max-width:1370px) {
	#nav>ul>li>a {padding: 0 20px;}
}
@media (max-width:1240px) {
	#nav>ul>li>a span {display:none;}
}
@media (max-width: 1100px) {
    #nav>ul>li>a {padding: 0 15px; }
    }
@media (max-width:1050px) {
	.rs {top: 9px;}
	#main-nav {text-align: right;}
#nav>ul>li {font-size: 13px;letter-spacing: 0.0rem;padding: 0 5px;}
	#nav>ul>li.menu-item-has-children:first-of-type{display:none;}
	#header .logo {margin: 0px 0 0 0px; width: 165px;position: absolute;top: -14px;left: 27px;}
	#header #nav {text-align: right;padding-left: 130px;}
}
@media (max-width:991px) {

.photogalerie, .photogaleriebis, .photogalerie2, .photogalerie3, .photogalerie4 {
    height: auto;
}
	#header.fixNavigation .logo svg {
    width: 125px;
    margin-top: 2px;

}

#header.fixNavigation .logo {
    top: -9px;
}

	
	/*.mobile-nav {
    margin-top: -4px;
}*/
	.coordonnees {
padding: 5px 10px 5px 5px;
}
	#header.fixNavigation{height:112px;}
	#header.fixNavigation .container {height: 71px;}
	
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none !important
    }
    .visible-mobile {
        display: none !important
    }
}

/***** Header End */


/***** 4. Overlay  0.2 et 1.0*****/

.gradient-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(23, 27, 30, 0.1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.1) 0%, rgba(23, 27, 30, 0.3) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(23, 27, 30, 0.1)), color-stop(100%, rgba(23, 27, 30, 0.3)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.1) 0%, rgba(23, 27, 30, 0.3) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.1) 0%, rgba(23, 27, 30, 0.3) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(23, 27, 30, 0.1) 0%, rgba(23, 27, 30, 0.3) 100%);
    background: radial-gradient(ellipse at center, rgba(23, 27, 30, 0.1) 0%, rgba(23, 27, 30, 0.3) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#191919', GradientType=1);
}

.solid-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(23, 27, 30, 0.8);
}
/*
.divider {
    border-bottom: 1px dashed #eee;
    float: left;
    height: 1px;
    margin: 20px 0 50px;
    width: 100%;
}*/
.divider-2:after {
    width: 70px;
    border-top: 1px solid #000;
}

.divider:after {
    content: "";
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 40px;
}
.borderTB{border-top:1px solid #333;border-bottom:1px solid #333;padding:30px 0px;}

/***** Overlay End *****/


/***** 5. Home Slider *****/

#home-slider {
    position: relative;
    margin: -133px 0 20px 0;
}
@media (max-width: 670px) {
#intro p.slog {
    bottom: 15%;
	width:95%;

}
	#intro p.slog {
    font-size: 11px;
    letter-spacing: 1px;
}
}
@media (max-width: 450px) {

.coordonnees ul {
    text-align: left;
    padding-right: 60px;
}
	#home-slider {
    position: relative;
    margin: -134px 0 20px 0;
}
}
@media (max-width: 500px) {
#voletfacebook{display:none;}
}
/***** Superslides *****/

#slides .caption-wrapper {
    position: absolute;
    top: 40%;
    margin: 0 auto;
    width: 100%;
	max-width: 1920px;
}

#slides .slide-caption {
    padding: 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

#slides .slide-caption h1, #slides .slide-caption h2 {
    color: #fff;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

#slides .slide-caption p, #slides .slide-caption p.reducLargeur {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 3px;
    margin-bottom: 20px;
    text-transform: uppercase;
}





.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

.slides-navigation a {
    width: 64px;
    height: 64px;
    position: absolute;
    display: block;
}

.slides-navigation a.prev {
    background: url('../img/btn-prev.png') no-repeat;
    left: 50px;
}

.slides-navigation a.next {
    background: url('../img/btn-next.png') no-repeat;
    right: 50px;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 5%;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    background: rgba(39, 49, 56, 0);
    border: 2px solid #fff;
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin: 5px;
    overflow: hidden;
    text-indent: -1000%;
    vertical-align: middle;
    width: 15px;
    border-radius: 50%;
}

.slides-pagination a.current {
    background: #fff;
    border: 2px solid #fff;
}

.mouse {
    display: block;
    width: 26px;
    height: 46px;
    border-radius: 13px;
    border: 1px solid #fff;
    position: absolute;
    bottom: 20%;
    left: 50%;
    margin-left: -13px;
    z-index: 9999;
}

.mouse span {
    display: block;
    margin: 6px auto;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/***** Home Slider End *****/


/***** 6. Page Title *****/

.welcome-block {
    padding: 50px 0;
    overflow: hidden;
}

.welcome-block h1 {
    font-size: 26px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

.welcome-block p {
    color: #222;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 5px;
    font-weight: 300;
}

.btn-callout {
    background: none repeat scroll 0 0 #ccc;
    border: 2px solid #ccc;
    color: #fff;
    font-size: 14px;
    padding: 8px 18px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    margin-top: 12px;
    font-family: "Montserrat", sans-serif;
}

.btn-callout:hover {
    color: #ccc;
    background-color: transparent;
}

/***** Page Title End *****/

/***** 7. Icon Hover Style *****/

.features {
    padding: 50px 0 0;
}

.features img {
    max-width: 100%;
}

.features-item {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.archtiko-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 30px;
    line-height: 56px;
    float: left;
}

.archtiko-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.archtiko-icon:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.archtiko-icon-effect .archtiko-icon {
    background: rgba(38, 198, 219, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.archtiko-icon-effect .archtiko-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 2px #ccc;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.archtiko-icon-effect .archtiko-icon:hover {
    background: rgba(38, 198, 219, 1);
    color: #fff;
}

.archtiko-icon-effect .archtiko-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.features-info {
    float: right;
    width: 78%;
}

.features-info h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    margin: 0 0 5px;
}

.features-info p {
    color: #999999;
    font-size: 13px;
    font-weight: 400;
}

/***** Icon Hover End *****/


/***** 8. Counter Section *****/

.counter-section {
    background: url(../img/counter-bg-1200x938.png) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
}

.counter-block {
    margin: 0 0 50px;
    color: #fff;
}

#counter-area {
    padding: 120px 0px 70px;
    text-align: center;
}

.cnt-no {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
}

.cnt-title {
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
}

/***** Counter Section Ends *****/


/***** 9. Skil Section *****/

.skil-section {
    padding: 80px 0;
    background: url(../img/counter-bg-1200x938.png) no-repeat fixed center center / cover;
}

.skil-section .chart h6,
.skil-section .percent:after,
.skil-section .percent {
    color: #fff;
}

/***** Skil Section Ends *****/


/***** 10. Home Project *****/

.portfolio-list {
    width: 100%;
    margin: 0 0 40px;
    overflow: hidden;
}

.portfolio-image-container {
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.hover-layer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
}

.portfolio-image-container:hover .hover-layer {
    opacity: 1;
}

.portfolio-image-container img {
    transition: all 0.4s ease 0s;
}

.portfolio-image-container:hover img {
    transform: scale(1.2) rotate(5deg);
}

.portfolio-list .item {
    margin-bottom: 30px;
}

.portfolio-list .item img {
    bottom: 0;
    display: block;
    height: auto;
    width: 100%;
}

.portfolio-image-container .portfolio-intro-details {
    background: none repeat scroll 0 0 #ccc;
    bottom: 0;
    color: #ffffff;
    height: 65px;
    left: 0;
    opacity: 0;
    padding: 15px 10px;
    position: absolute;
    transform: translateY(100%);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    width: 100%;
}

.portfolio-image-container:hover .portfolio-intro-details {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}

.prftl-det {
    font-size: 13px;
    width: 70%;
}

.prftl-det p {
    margin-bottom: 0 !important;
    line-height: 18px !important;
}

.prftl-det p a {
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

.prftl-det p.prtfl-cat {
    color: #222;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.prtfl-ico {
    width: 30%;
    text-align: right;
}

.prtfl-ico i {
    color: #fff;
    font-size: 20px;
    margin: 7px;
    transition: transform 0.4s ease 0s;
}

.prtfl-ico i:hover {
    transform: scale(1.2);
}

/***** Home Project End *****/


/***** 11. Testimonial *****/

.testimonial {
    padding: 50px 0 80px;
    background: url(../img/counter-bg-1200x938.png) repeat;
    background-attachment: fixed;
}

#quote-carousel {
    padding: 0 10px 5px 10px;
    margin-top: 30px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-control.left {
    left: -60px;
}

#quote-carousel .carousel-control.right {
    right: -60px;
}

#quote-carousel .carousel-indicators {
    top: auto;
    bottom: 0px;
    width: 100%;
    position: relative;
    margin-left: 0;
    left: 0;
}

#quote-carousel .carousel-indicators li {
    width: 70px;
    height: 70px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.1s;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    border-color: #ccc;
    opacity: 1;
    overflow: hidden;
}

.item blockquote {
    border-left: none;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    padding: 0;
}

.item blockquote:before {
    display: none;
}

.item blockquote small {
    font-family: "Montserrat", sans-serif;
    color: #ccc;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
    color: #ccc;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/***** Testimonial End *****/

/***** 12. Client Section *****/

.clients {
    padding: 0 0 70px;
}

.client-row {
    line-height: 0;
    overflow: hidden;
    text-align: center;
}

.client-row .row-wrapper {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 80%;
}

.row-wrapper .col-sm-3 {
    border-right: 1px dashed rgba(0, 0, 0, 0.2);
}

.client-row .col-sm-3 {
    display: inline-block;
    line-height: 80px;
    min-height: 80px;
    padding-bottom: 16px;
    padding-top: 16px;
}

.client-row img {
    max-height: 60px;
    max-width: 100%;
    opacity: 0.3;
    transition: all 0.3s ease 0s;
}

.client-row:last-child .row-wrapper {
    border-bottom: medium none;
}

.row-wrapper .col-sm-3:last-child {
    border-right: medium none;
}

/***** Client Section End *****/

/***** 13. Breadcrum *****/

.breadcrum-area {
    color: #ffffff;
    /*padding-top: 400px;*/padding-top: 0px;
    position: relative;
	/*margin-top: -132px;*/ margin-top: 0px;height:70vh;
}

.breadcrum-area h2, .breadcrum-area h1 {
    color: #fefefe;
    /*float: left;*/
    font-size: 25px;
    font-weight: normal;
    padding: 10px 0 20px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;position:absolute;bottom:20px;
}

.breadcrum-area .breadcrum {
    font-size: 14px;
    font-weight: 300;
    padding: 32px 0;
    font-family: "Montserrat", sans-serif;
}

.breadcrum-area .breadcrum a {
    border: medium none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    outline: medium none;
    text-decoration: none;
}

.breadcrum-area .breadcrum a i {
    font-size: 12px;
    padding-right: 10px;
}

.breadcrum-area .breadcrum a:hover i,
.breadcrum-area .breadcrum a:hover,
.breadcrum-area .breadcrum span.active {
    color: #ccc;
}

/***** Breadcrum End *****/


/***** 14. Page Banner Style *****/

.title-banner {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/***** Page Banner Style End *****/

/***** 15. About Section *****/

.about-banner {
    background: url("../img/banner/home-slider-1680x920.jpg") no-repeat center center fixed;
}

.about-overview {
    float: left;
    padding: 0 0 55px;
    width: 100%;
}

.about-overview img {
    width: 100%;
}

.about-overview .overview h3 {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
}

.title-divider {
    background-color: #ccc;
    height: 2px;
    margin: 5px 2px 5px 0.5px;
    width: 12px;
}

.about-overview .overview p {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22.5px;
    padding-top: 10px;
}

a.action-btn {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

a.action-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #666262;
    color: #666262;
}

a.action-btn-white {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

a.action-btn-white:hover {
    background-color: #666262;
    border: 2px solid #fff;
    color: #fff;
}

.company-info {
    float: left;
    padding: 0 0 60px;
    width: 100%;
}

.company-info h3 {
    color: #333;
    font-size: 18px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.company-info p {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    line-height: 22.5px;
    padding-top: 10px;
}

.company-info a {
    color: #ccc;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding: 0 0 3px;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

.company-info a:hover {
    border-bottom: 2px solid;
}

/***** About Section End *****/

/***** 16. Video background *****/

#archtiko-video--container {
    background: url(../media/1.jpg) no-repeat center center;
    min-height: 370px;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
}

#archtiko-video--video {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}

.archtiko-video--overlay {
    background: #000;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

#archtiko-video--content {
    bottom: 0;
    left: 0;
    padding: 80px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 2;
}

#archtiko-video--content p {
    margin: 30px 0 20px;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

#archtiko-video--content a {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
    padding: 8px 20px;
    transition: all 0.3s ease-in-out 0s;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

#archtiko-video--content a:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
}

/*video Testimonials */

.archtiko-video-container {
    margin-bottom: 0px !important;
    min-height: 450px !important;
}
/*video Testimonials Ends*/


/***** Video background End *****/

/***** 17. Pie Chart *****/

.chart-area {
    padding: 25px;
}

.chart {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
}

.chart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.percent {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 120px;
    z-index: 2;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
}

.chart p {
    margin-top: 10px;
}

.chart h6 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

/***** Pie Chart End *****/

/***** 18.Service section style *****/

.teams-section img {
    width: 100%;
}

.service-block {
    background: url("../img/counter-bg-1200x938.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
}

/* Progress bar style */

.skills-container {
    position: relative;
    z-index: 2;
    font-family: "Montserrat", sans-serif;
}

.skills-container h2 {
    color: #fff;
    text-transform: uppercase;
}

.progress-bar-section {
    margin: 60px 0 0;
}

.progress-bar-section h4 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 5px;
    color: #fff;
}

.progress-bar-section .progress {
    background-color: #f2f2f2;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    height: 5px;
    margin-bottom: 45px;
    overflow: visible;
}

.progress-bar {
    position: relative;
    background: #ccc;
    box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.progress h5 {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 12px;
    color: #FFFFFF;
    background: #ccc;
    padding: 7px;
    border-radius: 30px;
}

.bubble-arrow:after {
    background: none repeat scroll 0 0 transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #ccc;
    bottom: 0px;
    content: " ";
    height: 20px;
    right: -3px;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 20px;
}

/***** Progress bar style end *****/

/***** Service section style End *****/

/***** 19. Blog page style *****/
/*
.blog-banner {
    background: url("../img/banner/counter-bg-1200x938.png") no-repeat fixed center center / cover;
}*/
/******************IMAGES BACKGROUND HAUT DE PAGE DESTINATIONS******************************/
.blog-banner-groenland {
    background: url("../img/ar-plan-groenland.jpg") no-repeat fixed center top / cover;
}
.blog-banner-senegal {
    /*background: url("../img/ar-plan-senegal.jpg") no-repeat fixed center bottom -70px / cover;*/
	background: url("../img/ar-plan-senegal-1.jpg") no-repeat fixed center center / cover;
}
.blog-banner-mozambique {
    background: url("../img/ar-plan-mozambique.jpg") no-repeat fixed center center / cover;
}
.blog-banner-cheval {
    background: url("../img/ar-plan-afrique-du-sud-cheval.jpg") no-repeat fixed center center / cover;
}
.blog-banner-zimbabwe {
    background: url("../img/ar-plan-zimbawe.jpg") no-repeat fixed center bottom -70px / cover;
}
.blog-banner-zimbabwe1 {
    background: url("../img/ar-plan-zimbawe-1.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-zambie {
    background: url("../img/ar-plan-zambie.jpg") no-repeat fixed center center / cover;
}
.blog-banner-bulgarie {
    background: url("../img/ar-plan-bulgarie-1.jpg") no-repeat fixed center center / cover;
}
.blog-banner-bulgarie-1 {
    background: url("../img/ar-plan-bulgarie.jpg") no-repeat fixed center center / cover;
}
.blog-banner-bulgarie-2 {
    background: url("../img/ar-plan-pologne.jpg") no-repeat fixed center center / cover;
}
.blog-banner-pologne {
    background: url("../img/ar-plan-pologne-1.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-estonie {
    background: url("../img/ar-plan-estonie-1.jpg") no-repeat fixed center center / cover;
}
.blog-banner-estonie-1 {
    background: url("../img/ar-plan-estonie.jpg") no-repeat fixed top center / cover;
}
.blog-banner-estonie-2 {
    background: url("../img/ar-plan-estonie-2.jpg") no-repeat fixed center center / cover;
}
.blog-banner-ouganda {
    background: url("../img/ar-plan-ouganda-2.jpg") no-repeat fixed center bottom -120px / cover;
}
.blog-banner-namibie {
    background: url("../img/ar-plan-namibie-1.jpg") no-repeat fixed center bottom -110px / cover;
}
.blog-banner-namibie2 {
    background: url("../img/ar-plan-namibie-2.jpg") no-repeat fixed center bottom -110px / cover;
}
.blog-banner-zambie {
    background: url("../img/ar-plan-zambie-1.webp") no-repeat fixed center bottom / cover;
}
.blog-banner-irlande {
    background: url("../img/ar-plan-irlande-1.jpg") no-repeat fixed center bottom -130px / cover;
}
.blog-banner-maurice {
    background: url("../img/ar-plan-ile-maurice.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-majorque {
    background: url("../img/ar-plan-ile-majorque-2.jpg") no-repeat fixed center bottom -90px / cover;
}
.blog-banner-anticosti {
    background: url("../img/ar-plan-anticosti-1.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-espagne {
    background: url("../img/ar-plan-espagne.jpg") no-repeat fixed center center / cover;
}
.blog-banner-colombie {
    background: url("../img/ar-plan-colombie-3.jpg") no-repeat fixed center center / cover;
}
.blog-banner-colombie2 {
    background: url("../colombie-britannique/haut-page-colombie-britannique-chasse-chien-courant.jpg") no-repeat fixed center center / cover;
}
.blog-banner-colombie3 {
    background: url("../colombie-britannique/haut-page-colombie-britannique-chasse-a-l-approche.jpg") no-repeat fixed center top / cover;
}
.blog-banner-canada {
    background: url("../img/ar-plan-canada.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-burkina {
    background: url("../img/ar-plan-burkina-1.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-turquie {
    background: url("../img/ar-plan-turquie.jpg") no-repeat fixed center bottom / cover;
}/*
.blog-banner-argentine {
    background: url("../img/ar-plan-argentine.jpg") no-repeat fixed center bottom / cover;
}*/
.blog-banner-australie {
    background: url("../australie/haut-page-chasse-en-australie.jpg") no-repeat fixed center center / cover;
}
.blog-banner-cameroun {
    background: url("../cameroun/haut-page-cameroun-2.jpg") no-repeat fixed center center / cover;
}
.blog-banner-cameroun-2 {
    background: url("../img/haut-page-cameroun-2bis.jpg") no-repeat fixed center center / cover;
}
.blog-banner-cameroun-3 {
    background: url("../cameroun/haut-page-cameroun.jpg") no-repeat fixed bottom center / cover;
}
.blog-banner-nz {
    background: url("../nouvelle-zelande/haut-page-chasse-en-nouvelle-zelande.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-argentine {
    background: url("../img/ar-plan-argentine-1.jpg") no-repeat fixed center center / cover;
}
.blog-banner-argentine-1 {
    background: url("../argentine/haut-page-chasse-grand-gibier-argentine.jpg") no-repeat fixed center top -30px / cover;
}
.blog-banner-argentine-2 {
    background: url("../argentine/haut-page-chasse-argentine.jpg") no-repeat fixed center top -50px / cover;
}
.blog-banner-argentine-3 {
    background: url("../argentine/haut-page-chasse-patagonie-argentine.jpg") no-repeat fixed center bottom / cover;
}

.blog-banner-afrique {
    background: url("../img/ar-plan-afrique-du-sud-bis.jpg") no-repeat fixed center center / cover;
}
.blog-banner-afrique-petite {
    background: url("../img/ar-plan-afrique-du-sud-petite-chasse-1.jpg") no-repeat fixed right center / cover;
}
.blog-banner-afrique-grande {
    background: url("../img/ar-plan-afrique-du-sud-chasse-antilope.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-afrique-big {
    background: url("../img/ar-plan-afrique-du-sud-big-five.jpg") no-repeat fixed center top / cover;
}
.blog-banner-quebec {
    background: url("../img/ar-plan-quebec-3.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-quebec-calleuse {
    background: url("../img/ar-plan-quebec.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-quebec-ours {
    background: url("../img/ar-plan-quebec-ours.jpg") no-repeat fixed center top / cover;
}
.blog-banner-quebec-oie {
    background: url("../img/ar-plan-quebec-oie.jpg") no-repeat fixed center bottom -80px / cover;
}
.blog-banner-quebec-becasse {
    background: url("../img/ar-plan-quebec-becasse.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-armenie {
    background: url("../img/ar-plan-armenie.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-kazakhstan {
    background: url("../img/ar-plan-kazakhstan.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-angleterre {
    background: url("../img/ar-plan-angleterre.jpg") no-repeat fixed center center / cover;
}
.blog-banner-contact {
    background: url("../img/ar-plan-contact.jpg") no-repeat fixed center bottom / cover;
}
.blog-banner-conservation {
    background: url("../img/ar-plan-conservation.jpg") no-repeat fixed center bottom -50px / cover;
}
.colorGris{color:#666;}
@media (max-width: 750px) {
	.blog-banner-argentine-2 {
    background: url("../argentine/haut-page-chasse-argentine.jpg") no-repeat fixed 80% bottom / cover;
}
	.blog-banner-afrique-grande {
    background: url(../img/ar-plan-afrique-du-sud-chasse-antilope.jpg) no-repeat fixed bottom 130px center / cover;
}


	
}

a.imggalerie {
	background: url(../img/zoom.png);
		 background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	width:100%;
	heignt:auto;
	display:block;
	
}
a.imggalerie img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a.imggalerie:hover img {
	opacity: .5;
}
/***** News and News Detail Page Starts *****/

.news-section {
    padding: 70px 0 0;
}

.news-list {
    float: left;
}

.news-list figure {
    float: left;
}

.news-img {
    margin-bottom: 20px;
}

.news-img img {
    width: 100%;
}

.news-info h2 {
    font-size: 24px;
    color: #666262;
    font-weight: normal;
    text-transform: none;
    margin-top: 0px;
    font-family: "Montserrat", sans-serif;
}

.news-info h2 a {
    font-size: 24px;
    color: #666262;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    outline: none;
}

.news-info h2 a:hover {
    color: #ccc;
}

.meta {
    margin: 5px 0;
    font-family: "Montserrat", sans-serif;
}

.news-info .meta span {
    color: #9b9999;
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 20px;
}

.news-info .meta span i {
    color: #666262;
    margin-right: 10px;
}

.news-info p {
    font-size: 15px;
    color: #9b9999;
    padding: 25px 0;
}

.more-news {
    float: left;
    margin-bottom: 15px;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #ccc;
    font-weight: 400;
    padding: 0 0 3px;
    border-bottom: 2px solid #fff;
    font-family: "Montserrat", sans-serif;
}

.more-news:hover,
.more-news:focus {
    border-bottom: 2px solid #ccc;
}

.full-width_news .news-img img {
    width: 100%;
    max-width: 750px;
}

.news-list .autor-post {
    margin-bottom: 40px;
    overflow: hidden;
}

.news-list .autor-post img {
    float: left;
    max-width: 130px;
}

.news-list .autor-post .autor-content {
    margin-left: 150px;
}

.news-list .autor-post .autor-content h2 {
    margin: 0;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.news-list .autor-post .autor-content span {
    color: #666666;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
}

.news-list .autor-post .autor-content p {
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
}

/***** 19. Blog page style End *****/

/***** 20. Pagination *****/

.pagination {
    margin: 0 0 65px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #ccc;
    border-color: #ccc;
}

.pagination > li > a,
.pagination > li > span {
    padding: 8px 15px;
    border: none;
    color: #666262;
    outline: none;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #666262;
}

/***** 20. Pagination End *****/

/***** 21. Sidebar *****/

.sidebar h3 {
    color: #666262;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.sidebar ul {
    list-style: none;
    padding: 15px 0;
}

.sidebar .popular ul {
    padding: 8px 0;
}

.sidebar .popular ul li {
    border-bottom: 1px solid #ccc;
    padding: 8px 0;
}

.sidebar .popular ul li:last-child {
    border: none;
}

.sidebar ul li a {
    text-decoration: none;
    outline: none;
    font-size: 15px;
    color: #9b9999;
    transition: all ease-in-out 0.5s;
}

.sidebar ul li a:hover {
    color: #ccc;
    padding-left: 10px;
}

.popular,
.category,
.archive {
    margin-bottom: 40px;
}

.news-detail-divider {
    float: left;
    height: 1px;
    border-bottom: 1px dashed #eee;
    margin: 20px 0;
    width: 100%;
}

.social-box {
    float: left;
    margin-bottom: 70px;
}

.tweet-like {
    float: left;
    width: 110px;
}

.fb-like {
    float: left;
    width: 110px;
}

.pin-like {
    float: left;
    width: 110px;
}

/***** Sidebar End *****/

/***** 22. Blog Grid *****/

.masonry-blog {
    background: #f2f2f2;
    padding: 70px 0;
}

.masonry-blog .post {
    background: #fff;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    z-index: 1;
    margin-bottom: 30px;
}

.post .post-content,
.post .post-footer {
    padding: 0 20px;
    background: #fff;
}

.masonry-blog .post:after,
.contact-details:after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 98%;
    height: 2px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    left: 1%;
    z-index: 0;
}

.post-img,
.post-video,
.no-media {
    position: relative;
    display: block;
    margin: 0 0 30px;
}

.no-media {
    height: 30px;
    background: url(../img/bg/pattern.png) repeat #fafafa;
}

.post-img img {
    width: 100%;
    height: auto;
}

.masonry-blog .post-img .post-type,
.masonry-blog .post-quote .post-type,
.masonry-blog .post-video .post-type,
.masonry-blog .no-media .post-type,
.masonry-blog .post-link .post-type {
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    color: #333;
    bottom: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: hidden;
}

.post-heading {
    display: inline-block;
    font-size: 16px;
    margin: 10px 0 20px;
}

.post p {
    margin-bottom: 30px;
    color: #888888;
    font-size: 13px;
}

.post-meta {
    margin-bottom: 10px;
    background: none repeat scroll 0 0 #ccc;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 10px;
    position: absolute;
    text-align: center;
    top: 5px;
    right: 5px;
    width: 60px;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 2px;
}

.post-meta > span {
    margin-right: 15px;
}

.post-meta > span:last-child {
    margin-right: 0;
}

.post-meta .date {
    display: block;
    font-size: 20px;
    line-height: 22px;
}

.post-meta .month-year {
    display: block;
    font-size: 10px;
}

.post-meta a {
    color: #fff;
}

.post-meta a:hover {
    text-decoration: none;
    color: #242526;
}

.post-footer {
    padding: 0;
    background: none;
}

.post-footer:after {
    clear: both;
}

.post-footer:after,
.post-footer:before {
    display: table;
    content: '';
}

.post-footer .like,
.post-footer .comments {
    font-size: 14px;
    margin: 0 20px 0 0;
    font-family: "Montserrat", sans-serif;
}

.post-footer .like i {
    color: #eb003d;
}

.post-footer .comments i {
    color: #7ea700;
}

.post-footer a.post-more {
    color: #ccc;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.post-footer .like span {
    display: inline;
}

.post-footer a:hover:not(.btn),
.post-footer a:focus:not(.btn) {
    color: #333;
    text-decoration: none;
}

.post-quote,
.post-link {
    position: relative;
    display: block;
    margin: 0 0 30px;
    padding: 20px;
    background: #333;
}

.post-quote blockquote,
.post-link blockquote {
    padding: 0;
    border: 0;
    margin: 0;
}

.post-quote blockquote:before,
.post-link blockquote:before {
    display: none;
}

.post-quote blockquote p,
.post-link blockquote p {
    color: #fff;
    font-size: 14px !important;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif;
}

.post-quote:hover,
.post-link:hover {
    text-decoration: none;
}

.post-quote blockquote small,
.post-link blockquote small {
    background: none;
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 12px;
}

.post-link {
    background: #999;
}

.post-video video {
    width: 100%;
    height: 203px;
}

.post-video:hover .mejs-controls {
    z-index: 3;
}

.post .post-footer {
    padding-bottom: 20px;
}

.post.audio {
    margin-top: 30px;
}

.post-audio {
    position: relative;
    padding: 30px 20px 20px;
}

.post-audio .post-type {
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    background: #fff;
    border-radius: 100%;
    color: #333;
    overflow: hidden;
    bottom: auto;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.post .carousel {
    position: relative;
}

.post .carousel .carousel-indicators {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    text-align: right;
    left: auto;
    width: auto;
}

.post-author-bio,
.comment-area {
    margin-bottom: 80px;
}

.post-author-bio .media {
    padding: 20px;
    background: #fff;
}

.post-author-bio .view-contributions {
    margin: 15px 0 0;
}

.comment-area .media {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.comment-area .media .media {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
}

.reply {
    border: 1px solid transparent !important;
    background-color: transparent;
    background-image: none !important;
    color: #999;
    margin-left: 10px;
}

.reply,
.reply:hover,
.reply:focus {
    box-shadow: none;
}

.reply:hover,
.reply:focus {
    background: #fff;
    border-color: #fff !important;
    color: #242526;
}

.single-post .post-featured-img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.post video,
.post audio {
    max-width: 100%;
}
/***** Blog Grid End *****/

/***** 23. Contact *****/

.contact-banner {
    background: url("../img/banner/counter-bg-1200x938.png") no-repeat fixed center center / cover;
}

.contact-form {
    padding: 0 0 20px;
}

.contact-form h3 {
    color: #5f5b5b;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.contact-form p {
    color: #8f8f8f;
    font-size: 15px;
    padding: 15px 0;
}

form.contact_form label {
    color: #5f5b5b;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

form.contact_form label small {
    color: #e74c3c;
    padding: 0 10px;
}

form.contact_form .input-tag {
    color: #b6b6b6;
    display: block;
    font-size: 11px;
    margin-bottom: 8px;
}

form.contact_form input {
    background-color: #efefef;
    border: medium none;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    height: 40px;
}

.form-control:focus {
    box-shadow: none;
}

form.contact_form textarea {
    background-color: #efefef;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    resize: none;
}

form.contact_form .send {
    background-color: #ccc;
    border: 2px solid #ccc;
    border-radius: 0;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 20px 0 10px;
    outline: medium none;
    padding: 8px 18px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
    font-family: "Montserrat", sans-serif;
}

form.contact_form .send:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #666262;
    color: #666262;
}

.contact-form .required p {
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 0;
}

.contact-info {
    margin-bottom: 30px;
}

.contact-info h3 {
    color: #5f5b5b;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

.contact-info p {
    color: #8f8f8f;
    font-size: 15px;
    padding: 15px 0;
}

.contact-info .info {
    color: #8f8f8f;
    font-size: 15px;
    font-weight: normal;
    line-height: 24px;
    padding: 2px 0 0;
    word-wrap: break-word;
}

.contact-info .info-title {
    color: #8f8f8f;
    font-size: 16px;
    font-weight: 600;
    padding: 2px 0 0;
}

.office-location {
    margin-bottom: 40px;
}

.office-info {
    margin-bottom: 40px;
}

.office-time {
    margin-bottom: 40px;
}

#map_canvas {
    height: 350px;
    margin: 40px 0 0;
    width: 100%;
}

#map_canvas img {
    max-width: none;
}

/***** Contact End *****/


/***** 24. Project Columns style *****/

.project-banner {
    background: url("../img/banner/home-slider-1680x920.jpg") no-repeat fixed center center / cover;
}

.project-detail-banner {
    background: url("../img/banner/home-slider-1680x920.jpg") no-repeat fixed center center / cover;
}

.latest-works {
    overflow: hidden;
    padding: 15px 0 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}

.container .latest-works {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-top: 10px;
}

.latest-works .logo,
.latest-works .logo img {
    margin: 0;
}

.container .latest-works.with-space-w {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

.latest-works .portfolio .portfolio-item {
    box-sizing: border-box;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    width: 24.97%;
}

.latest-works.col2-w .portfolio .portfolio-item {
    width: 49.99%;
}

.latest-works.col3-w .portfolio .portfolio-item {
    width: 33.31%;
}

.latest-works.col4-w .portfolio .portfolio-item {
    width: 24.97%;
}

.latest-works.col5-w .portfolio .portfolio-item {
    width: 19.97%;
}

.latest-works.col6-w .portfolio .portfolio-item {
    width: 16.65%;
}

.icon-top-title i {
    color: #e84a52;
    display: inline-block;
    font-size: 64px;
}

.img-item {
    overflow: hidden;
    position: relative;
}

.img-item img {
    height: auto;
    margin: 0 0 -6px;
    padding: 0;
    width: 100%;
}

.portfolio .portfolio-item .img-item img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.portfolio .portfolio-item:hover .img-item img {
    transform: scale(1.1) rotate(-3deg);
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
}

.portfolio {
    display: block;
    padding: 0;
}

.portfolio h4,
.recent-works-items h4,
.shop-item h4,
.side-list h5 {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 7px;
}

.portfolio h4 a,
.recent-works-items h4 a,
.shop-item h4 a,
.side-list h5 a {
    color: #494949;
}

.portfolio h4 a:hover,
.recent-works-items h4 a:hover,
.shop-item h4 a:hover,
.side-list h5 a:hover {
    text-decoration: underline;
}

.portfolio p,
.recent-works-items p {
    border-bottom: 4px solid #ededed;
    color: #909090;
    margin-bottom: 40px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.portfolio-item h5,
.portfolio-item h5 strong {
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 600;
    margin-top: 8px;
}

nav.primary {
    padding: 10px;
}

nav.primary .portfolioFilters a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 30px;
    color: #858a93;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0 !important;
    padding: 5px 12px;
    text-align: center;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

nav.primary .portfolioFilters a:hover {
    color: #222;
}

nav.primary .portfolioFilters a.selected,
nav.primary ul li a:active {
    background-color: #ccc;
    border-color: #ccc;
    color: #fff;
    margin-top: 0 !important;
}

nav.primary .portfolioFilters .portf {
    color: #61a300;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 5px;
}

nav.primary .portfolioFilters {
    clear: both;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
}

@media only screen and (min-width: 960px) {
    .portfolio-page-w nav.primary {
        padding: 20px;
    }
    .portfolio-page-w.latest-works {
        padding-top: 0;
    }
    .portfolio-page-w nav.primary .portfolioFilters {
        margin-top: 0;
    }
    .portfolio-page-w nav.primary .portfolioFilters a {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-radius: 30px;
        color: #858a93;
        font-size: 13px;
        text-decoration: none;
        font-family: "Montserrat", sans-serif;
    }
    .portfolio-page-w nav.primary .portfolioFilters a:hover {
        color: #222;
    }
    .portfolio-page-w nav.primary .portfolioFilters a.selected {
        background-color: #ccc;
        border-color: #ccc;
        color: #fff;
    }
}

.zoomex,
.zoomex2 {
    background: url("../images/fancy-big-ico.png") no-repeat scroll center center rgba(0, 0, 0, 0.35);
    bottom: 0;
    color: rgba(0, 0, 0, 0);
    display: block;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    width: 100%;
}

.zoomex2 {
    background: rgba(23, 27, 30, 0.8);
}

.zoomex2 * {}

.zoomex2 i {
    color: inherit;
    font-size: 20px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
}

.zoomex2 a.zoomlink1 {
    background: #ccc;
    bottom: 52%;
    color: #ffffff;
    height: 36px;
    left: 50%;
    margin-left: -44px;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    width: 37px;
    border-radius: 30px;
}

.zoomex2 a.morelink1 {
    background: #ccc;
    bottom: 52%;
    color: #ffffff;
    height: 36px;
    left: 52%;
    /*margin-left: -18px;*/
    
    padding: 5px 0;
    text-align: center;
    position: absolute;
    width: 37px;
    border-radius: 30px;
}

.zoomex2 a:hover i {
    color: #333;
}

.zoomex2 h6 {
    top: 60%;
    color: #ffffff;
    font-size: 20px;
    left: auto;
    letter-spacing: 1px;
    padding: 0 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.33s ease 0s;
    -webkit-transition: all 0.33s ease 0s;
    -moz-transition: all 0.33s ease 0s;
    -o-transition: all 0.33s ease 0s;
    -ms-transition: all 0.33s ease 0s;
    width: 100%;
    font-family: "Montserrat", sans-serif;
}

.zoomex2 h6 a {
    color: #ffffff;
    text-decoration: none !important;
}

.container .latest-works.col5-w .zoomex2 h6,
.container .latest-works.col6-w .zoomex2 h6 {
    font-size: 15px;
}

.zoomex2 span {
    bottom: 33%;
    color: #eeeeee;
    display: block;
    font-family: "Arapey", serif;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    opacity: 0.2;
    position: absolute;
    text-align: center;
    transition: all 0.39s ease 0s;
    -webkit-transition: all 0.39s ease 0s;
    -moz-transition: all 0.39s ease 0s;
    -o-transition: all 0.39s ease 0s;
    -o-transition: all 0.39s ease 0s;
    width: 100%;
}

.img-item:hover .zoomex,
.prettyPhoto:hover .zoomex,
.img-item:hover .zoomex2,
.img-item:hover .zoomex2 * {
    opacity: 1;
}

.img-item:hover .zoomex2 h6 {
    top: 50%;
}

.img-item:hover .zoomex2 span {
    bottom: 38%;
}

@media only screen and (min-width: 960px) and (max-width: 1600px) {
    .latest-works.col6-w .zoomex2 h6,
    .latest-works.col5-w .zoomex2 h6 {
        font-size: 13px;
    }
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    transition-duration: 0.8s;
}

.isotope {
    transition-property: height, width;
}

.isotope .isotope-item {
    transition-property: transform, opacity;
}

.portfolio-item i.fa-heart {
    color: #ef7c88;
    margin-top: 3px;
}

.portfolio-item.jcarousel-item.col-md-3 {
    float: left;
    width: 220px;
}

.portfolio-item-title {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    padding-top: 14px;
    text-transform: uppercase;
}

.col-wks-1,
.col-wks-2,
.col-wks-3 {
    float: left;
    height: 65px;
    width: 25%;
}

.col-wks-2 {
    width: 50%;
}

.works-item-dets-wrap {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.works-item-like-box,
.works-item-date-box {
    border-right: 1px solid #e5e5e5;
    color: #999999;
    font-size: 11px;
    height: 65px;
    padding-top: 11px;
    text-align: center;
}

.works-item-like-box i {
    color: #bebebe;
    font-size: 24px;
}

.works-item-like-box i.liked,
.works-item-like-box i:hover {
    color: #e53f51;
    cursor: pointer;
}

.works-item-detail-box,
.works-item-cat-box {
    border-left: 1px solid #e5e5e5;
    color: #888888;
    line-height: 1;
    padding: 9px 0 8px 20px;
}

.works-item-detail-box a {
    color: #808080;
}

.works-item-detail-box a:hover,
.works-item-cat-box a:hover {
    text-decoration: underline;
}

.works-item-detail-box hr {
    margin: 10px 0 8px;
}

.works-item-cat-box,
.works-item-date-box {
    font-size: 19px;
    font-weight: 300;
    height: 65px;
    padding-top: 22px;
}

.works-item-cat-box a {
    color: #134f90;
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
}

@media only screen and (max-width: 767px) {
	.valeurs {min-height: 95px;}
    .col-wks-3 {
        border-left: medium none;
        border-top: 1px solid #e5e5e5;
        width: 100%;
    }
    .col-wks-2 {
        width: 75%;
    }
    .works-item-detail-box,
    .works-item-cat-box {
        border-left: medium none;
    }
    .works-item-date-box {
        font-size: 21px;
        padding-top: 10px;
    }
}

.related-works {
    background: none repeat scroll 0 0 #f7f7f7;
    margin-bottom: -40px;
    margin-top: 30px;
    padding-bottom: 40px;
    padding-top: 160px;
}

.related-works h4.subtitle {
    border: medium none;
    font-size: 33px;
    font-weight: 800;
    letter-spacing: -2.3px;
    margin-bottom: 80px;
    margin-top: -130px;
    text-align: center;
    text-transform: capitalize;
}

.portfolio-archive-w .portfolio-item {
    float: left;
    padding: 0 15px;
    width: 32%;
}

.portfolio-archive-w .portfolio {
    margin: 10px -15px;
}

.wrks-itm-cat {
    letter-spacing: 1px;
    text-transform: uppercase;
}

#latest-projects li p {
    font-size: 11px;
    letter-spacing: -0.4px;
}

@media only screen and (max-width: 959px) {
    .latest-works .portfolio-item,
    .latest-works.col2-w .portfolio .portfolio-item,
    .latest-works.col3-w .portfolio .portfolio-item,
    .latest-works.col4-w .portfolio .portfolio-item,
    .latest-works.col5-w .portfolio .portfolio-item,
    .latest-works.col6-w .portfolio .portfolio-item {
        width: 50%;
    }
    .portfolio-item.jcarousel-item.col-md-3 {
        width: 200px;
    }
    .portfolio-item-dets {
        border-top: 2px solid #e5e5e5;
        float: none;
        height: 84px;
        margin-top: 30px;
        padding-top: 10px;
    }
    .related-works h4.subtitle {
        padding-right: 22px;
        position: absolute;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .portfolio-page-w nav.primary .portfolioFilters a {
        display: inline-block;
        margin: 4px 2px;
        width: auto;
    }
}

@media only screen and (max-width: 479px) {
    .latest-works .portfolio-item,
    .latest-works.col2-w .portfolio .portfolio-item,
    .latest-works.col3-w .portfolio .portfolio-item,
    .latest-works.col4-w .portfolio .portfolio-item,
    .latest-works.col5-w .portfolio .portfolio-item,
    .latest-works.col6-w .portfolio .portfolio-item {
        width: 100%;
    }
    .portfolio-item.jcarousel-item.col-md-3 {
        width: 300px;
    }
}

@media only screen and (min-width: 1200px) {
    #latest-projects .portfolio-item.jcarousel-item.col-md-3 {
        width: 260px;
    }
}

/***** Project Columns style End *****/

/***** 25. Project Detail style *****/

.project-img {
    margin-bottom: 15px;
    position: relative;
}

.project-img img {
    width: 100%;
}

.project-detail-section h4 {
    color: #666666;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.project-location .note {
    padding: 15px 0 30px;
}

.project-location article span {
    color: #999999;
    float: left;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
}

#con-info p {
    margin-bottom: 0;
    margin-top: 0;
}

#con-info p span {
    color: #666666;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    margin-right: 5px;
}

#con-info .site {
    margin-bottom: 2em;
}

#project-location-map {
    height: 350px;
    margin: 20px 0 0;
    width: 100%;
}

.project-al ul {
    color: #888888;
    font-size: 13px;
    letter-spacing: 1px;
    list-style: disc;
}

.project-al li {
    display: block;
    padding: 0;
}

.project-al .item {
    margin: 0 0 25px;
}

.project-feature li {
    display: block;
}

.project-feature #myTabs > li {
    padding: 0;
}

.project-feature #myTabs > li > a {
    border-radius: 0px;
    font-size: 12px;
    color: #888;
    background-color: #f7f7f7;
    border: 1px solid #eee;
    margin-right: 0px;
    outline: none;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.project-feature #myTabs > li.active > a,
.project-feature #myTabs > li.active > a:hover,
.project-feature #myTabs > li.active > a:focus {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
}

.project-feature #myTabs > li > a:hover {
    background-color: transparent;
    color: #ccc;
}

.project-feature #myTabContents {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.project-feature ul.features {
    font-size: 13px;
    color: #888;
}

.project-feature ul.features > li {
    margin-bottom: 6px;
    padding: 7px 0 7px 5px;
    color: #666666;
    font-size: 14px;
}

.project-neighbourhood p {
    font-size: 13px;
    color: #888;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.neighbour-place {
    margin: 30px 0;
}

.neighbour-place img {
    margin-bottom: 25px;
}

#project-neighbour-map {
    min-height: 690px;
    width: 100%;
}

.map-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    float: left;
    height: 100%;
    top: 0;
    width: auto;
    text-align: center;
    left: 15px;
    right: 15px;
}

.map-overlay button {
    top: 50%;
    position: absolute;
    margin-top: -55px;
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    outline: none;
    left: 50%;
    margin-left: -73px;
}

.map-overlay button > i {
    display: block;
    font-size: 25px;
    margin-bottom: 10px;
    outline: none;
}

.map-overlay button:hover,
.map-overlay button:focus {
    color: #009de0;
}

#neigbour-map #project-neighbour-map-model {
    min-height: 550px;
}

.project-section {
    padding: 0 0 70px;
}

.project-section img {
    width: 100%;
}

.project-section .project-detail p {
    color: #666666;
    font-size: 13px;
}

.project-section .project-detail h4 {
    color: #222222;
    font-weight: 400;
    margin: 0 0 20px;
}

.project-section .project-detail p.desc {
    color: #666666;
    font-size: 13px;
}

.project-section .sharing-btns a.facebook:hover {
    background: none repeat scroll 0 0 #3b5998;
    color: #ffffff;
}

.project-section .sharing-btns a.twitter:hover {
    background: none repeat scroll 0 0 #00aced;
    color: #ffffff;
}

.project-section .sharing-btns a.google:hover {
    background: none repeat scroll 0 0 #dd4b39;
    color: #ffffff;
}

.project-section .sharing-btns a.pinterest:hover {
    background: none repeat scroll 0 0 #cb2027;
    color: #ffffff;
}

/***** Project Detail style End *****/

/***** 26. Shotcode style *****/

.shortcodes-banner {
    background: url("../img/banner/counter-bg-1200x938.png") no-repeat fixed center center / cover;
}

.shortcodes-section {
    padding: 50px 0;
}

.shortcodes-section p {
    font-size: 14px;
    color: #999;
    display: inline-block;
}

.inner-section {
    margin-bottom: 50px;
}

.shortcodes-section h4 {
    font-family: "Montserrat", sans-serif;
    color: #666262;
    font-size: 20px;
}
/* Accordion Style */

h3.ui-accordion-header {
    margin: 0 0 3px;
    cursor: pointer;
}

.ui-accordion-header {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    line-height: 50px;
    margin: 0;
    background-color: #eee;
}

.accordion-no-bg .ui-accordion-header {
    background: none;
}

.ui-accordion-content p {
    margin: 0;
    padding-top: 0px;
    padding-bottom: 12px;
    font-size: 13px;
    color: #888;
}

.ui-accordion-content p:last-child {
    padding-bottom: 0px;
}

.ui-accordion-content {
    margin-left: 50px;
    display: none;
    margin-left: 49px;
    padding: 15px;
    padding-right: 17px;
}

.accordion-no-bg .ui-accordion-content {
    border-left: 1px dashed #7c8187;
    border-right: none;
    display: none;
    margin-left: 25px;
    padding: 15px 0 15px 36px;
}

.ui-accordion-header a {
    color: #4b4e53;
    text-decoration: none;
}

.accordion-no-bg .ui-accordion-header a {
    font-size: 14px;
    line-height: 14px;
}

.ui-accordion-header span {
    background-color: #7c8187;
    background-image: url(../img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
}

.accordion-no-bg .ui-accordion-header span {
    background-color: #7c8187;
    background-image: url(../img/plus.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header:hover span {
    background-color: #ccc;
    background-image: url(../img/plus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header-active:hover span {
    background-color: #ccc;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.3s ease 0s;
}

.ui-accordion-header-active span {
    background-color: #ccc;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.accordion-no-bg .ui-accordion-header-active span {
    background-color: #ccc;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.accordion-no-bg.ui-accordion-header-active span {
    background-color: #ccc;
    background-image: url(../img/minus-black.png);
    background-position: center center;
    background-repeat: no-repeat;
}
/* Toggle Style */

.toggle-view-custom {
    margin: 0;
    padding: 0;
    list-style: none;
}

.toggle-view-custom li {
    cursor: pointer;
}

.toggle-view-custom li:first-child {
    margin-top: 0px;
}

.toggle-view-custom .panel {
    display: none;
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    margin-left: 49px;
    padding: 15px;
    padding-right: 17px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.toggle-no-bg.toggle-view-custom .panel {
    border-left: 1px dashed #7c8187;
    border-right: none;
    display: none;
    margin-left: 25px;
    padding: 15px 0 15px 36px;
}

.toggle-no-bg .ui-accordion-header {
    background: none;
}

.toggle-no-bg .ui-accordion-header span {
    border-radius: 50%;
}

.toggle-view-custom .panel p {
    margin-top: 0;
    font-size: 13px;
    color: #888;
}

.panel p:last-child {
    margin-bottom: 0px;
}
/* Tabs Style */

.tab-header {
    display: block;
    width: 100%;
}

.tab-header ul {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.tab-header ul li {
    display: table-cell;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px 0;
    cursor: pointer;
    background: #f4f4f4;
    transition: background .3s border .3s;
    -webkit-transition: background .3s border .3s;
    -moz-transition: background .3s border .3s;
}

.tab-header ul li.active-tab {
    border-top-color: #ccc;
    border-top-width: 2px;
    border-bottom: none;
    background: #fff;
}

.tab-header ul li:hover {
    background: #fff;
}

.tab-header ul li a {
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    transition: color .3s;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
}

.tab-header ul li a .icons {
    padding-right: 10px;
}

.tab-header ul li.active-tab a {
    color: #ccc;
}

.tab-content {
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    color: #888;
    font-size: 13px;
}

.tab>:first-child {
    margin-top: 0;
}
/* Style 2 */

.tabs.style2 {
    display: table;
    width: 100%;
    vertical-align: top;
}

.tabs.style2>div {
    display: table-cell;
}

.tabs.style2 .tab-header {
    width: 35%;
    vertical-align: top;
}

.style2 .tab-header ul {
    display: block;
    width: auto;
}

.style2 .tab-header ul li {
    display: block;
    text-align: left;
    border: none;
    border-bottom: 1px solid #394d58;
    padding: 25px 10px 25px 50px;
    background: #23323a;
    position: relative;
    border-right: 8px solid #23323a;
}

.style2 .tab-header ul.no-icon li {
    padding: 25px;
}

.style2 .tab-header ul li:hover {
    background: #2d3b43;
}

.style2 .tab-header ul li.active-tab {
    background: #23323a;
}

.style2 .tab-header ul li.active-tab {
    border-right: 8px solid #ccc;
}

.style2 .tab-header ul li.active-tab .icons {
    color: #fff;
}

.style2 .tab-header ul li a {
    color: #f5f5f5;
}

.style2 .tab-header ul li .icons {
    position: absolute;
    top: 21px;
    left: 10px;
    color: #8797a0;
    font-size: 30px;
}

.style2 .tab-content {
    border: none;
    padding: 20px;
    background: #f5f5f5;
}
/* Pricing Table style */
/* COMMON PRICING STYLES */

.pricing-table .panel {
    font-family: "Montserrat", sans-serif;
    transition: all 1s ease 1s;
}

.panel.price,
.panel.price>.panel-heading {
    border-radius: 0px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.panel.price:hover {
    transform: translateY(-20px);
    box-shadow: 0px 0px 5px #ccc;
}

.panel.price:hover>.panel-heading {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2) inset;
}

.price .list-group-item {
    border-bottom-: 1px solid rgba(250, 250, 250, .5);
    padding: 20px 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom: 0px;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0;
}

.panel.price .btn {
    box-shadow: 0 -1px 0px rgba(50, 50, 50, .2) inset;
    border: 0px;
    font-size: 14px;
}
/* green panel */

.price.panel-green>.panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
}

.price.panel-green>.panel-body {
    color: #fff;
    background-color: #65C965;
}

.price.panel-green>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-green .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* blue panel */

.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
}

.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #73A3D4;
}

.price.panel-blue>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-blue .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* red price */

.price.panel-red>.panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
}

.price.panel-red>.panel-body {
    color: #fff;
    background-color: #EF5A5C;
}

.price.panel-red>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-red .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* grey price */

.price.panel-grey>.panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
}

.price.panel-grey>.panel-body {
    color: #fff;
    background-color: #808080;
}

.price.panel-grey>.panel-body .lead {
    font-size: 40px;
    color: #fff;
}

.price.panel-grey .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* white price */

.price.panel-white>.panel-heading {
    color: #666;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
}

.panel.panel-white.price:hover>.panel-heading {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .05) inset;
}

.price.panel-white>.panel-body {
    color: #fff;
    background-color: #dfdfdf;
}

.price.panel-white>.panel-body .lead {
    font-size: 40px;
}

.price:hover.panel-white>.panel-body .lead {
    color: #333;
}

.price.panel-white .list-group-item {
    color: #666;
    background-color: rgba(50, 50, 50, .01);
}
/* Typography Style */
/*** Dropcaps Style ***/

.dropcap {
    background: #ccc;
    color: #ffffff;
    float: left;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 15px;
    margin-top: 5px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.dropcap.style1 {
    border-radius: 0 25px;
    font-size: 3.3333em;
    height: 1.2em;
    line-height: 1.2em;
    width: 1.2em;
}

.dropcap.style2 {
    border-radius: 50%;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.6em;
    text-transform: uppercase;
    width: 1.6em;
}

.dropcap.style3 {
    background: none repeat scroll 0 0 #333333;
    border-radius: 25%;
    border-top: 5px solid #ccc;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.4em;
    text-transform: uppercase;
    width: 1.6em;
}

.dropcap.style4 {
    background: none repeat scroll 0 0 #333333;
    border-radius: 38px 0 38px 38px;
    font-size: 2.5em;
    height: 1.6em;
    line-height: 1.6em;
    text-transform: uppercase;
    width: 1.6em;
}
/*** Blockquote Style ***/

q,
blockquote {
    quotes: "“" "”" "‘" "’";
}

blockquote {
    border: medium none;
    font-size: 1em;
    padding: 20px 30px 25px 70px;
    position: relative;
}

blockquote:before,
blockquote:after {
    font-family: FontAwesome;
    font-size: 2.5em;
    vertical-align: middle;
}

blockquote:before {
    content: "\f10d";
    left: 16px;
    margin-right: 4px;
    position: absolute;
    top: 13px;
}

blockquote p {
    font-size: 1em !important;
}

blockquote.style1 {
    background: #333;
    color: #fff;
}

blockquote.style1:before {
    color: #ccc;
}

blockquote.style1 p {
    margin-bottom: 30px;
}

blockquote.style1 > .name {
    color: #999;
    font-size: 1em;
    margin-bottom: 0;
    font-family: "Montserrat", sans-serif;
}

blockquote.style2,
blockquote.style3 {
    border: 1px solid #ccc;
    font-weight: 300;
    padding-bottom: 30px;
    padding-left: 65px;
    padding-top: 30px;
}

blockquote.style2:before,
blockquote.style3:before {
    color: #ccc;
    left: 16px;
    top: 23px;
}

blockquote.style2 p,
blockquote.style3 p {
    font-size: 1.3333em;
}

blockquote.style2:after {
    background: none repeat scroll 0 0 #ffffff;
    border-right: 21px solid rgba(0, 0, 0, 0);
    border-top: 21px solid #ccc;
    bottom: -1px;
    content: "";
    position: absolute;
    right: -1px;
}

blockquote.style3 {
    border-left: 8px solid #ccc;
}
/*** Lists Style ***/

.lists .list {
    margin-top: 0;
}
/*** Heading Style ***/

.headings {
    color: #666262;
}
/* Buttons Style */
/*** 3D buttons ***/

.btn {
    margin: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #917823;
    border-color: #917823;
    text-transform: uppercase;padding: 10px 15px;border-radius:0;
}
.btn-primary:hover {background: #000;}

.btn-hot {
    color: #fff;
    background-color: #db5566;
    border-bottom: 2px solid #af4451;
}

.btn-hot:hover,
.btn-sky.active:focus,
.btn-hot:focus,
.open>.dropdown-toggle.btn-hot {
    color: #fff;
    background-color: #df6a78;
    border-bottom: 2px solid #b25560;
    outline: none;
}

.btn-hot:active,
.btn-hot.active {
    color: #fff;
    background-color: #c04b59;
    border-top: 2px solid #9a3c47;
    margin-top: 2px;
}

.btn-sunny {
    color: #fff;
    background-color: #f4ad49;
    border-bottom: 2px solid #c38a3a;
}

.btn-sunny:hover,
.btn-sky.active:focus,
.btn-sunny:focus,
.open>.dropdown-toggle.btn-sunny {
    color: #fff;
    background-color: #f5b75f;
    border-bottom: 2px solid #c4924c;
    outline: none;
}

.btn-sunny:active,
.btn-sunny.active {
    color: #fff;
    background-color: #d69840;
    border-top: 2px solid #ab7a33;
    margin-top: 2px;
}

.btn-fresh {
    color: #fff;
    background-color: #51bf87;
    border-bottom: 2px solid #41996c;
}

.btn-fresh:hover,
.btn-sky.active:focus,
.btn-fresh:focus,
.open>.dropdown-toggle.btn-fresh {
    color: #fff;
    background-color: #66c796;
    border-bottom: 2px solid #529f78;
    outline: none;
}

.btn-fresh:active,
.btn-fresh.active {
    color: #fff;
    background-color: #47a877;
    border-top: 2px solid #39865f;
    outline: none;
    outline-offset: none;
    margin-top: 2px;
}

.btn-sky {
    color: #fff;
    background-color: #0bacd3;
    border-bottom: 2px solid #098aa9;
}

.btn-sky:hover,
.btn-sky.active:focus,
.btn-sky:focus,
.open>.dropdown-toggle.btn-sky {
    color: #fff;
    background-color: #29b6d8;
    border-bottom: 2px solid #2192ad;
    outline: none;
}

.btn-sky:active,
.btn-sky.active {
    color: #fff;
    background-color: #0a97b9;
    border-top: 2px solid #087994;
    outline-offset: none;
    margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}
/*** icon buttons ***/

.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}
/*** outline buttons ***/

.btn-outlined {
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-outlined.btn-primary {
    background: none;
    border: 3px solid #428bca;
    color: #428bca;
}

.btn-outlined.btn-primary:hover,
.btn-outlined.btn-primary:active {
    color: #FFF;
    background: #428bca;
    border-color: #428bca:
}

.btn-outlined.btn-success {
    background: none;
    border: 3px solid #5cb85c;
    color: #5cb85c;
}

.btn-outlined.btn-success:hover,
.btn-outlined.btn-success:active {
    color: #FFF;
    background: #47a447;
}

.btn-outlined.btn-info {
    background: none;
    border: 3px solid #5bc0de;
    color: #5bc0de;
}

.btn-outlined.btn-info:hover,
.btn-outlined.btn-info:active {
    color: #FFF;
    background: #39b3d7;
}

.btn-outlined.btn-warning {
    background: none;
    border: 3px solid #f0ad4e;
    color: #f0ad4e;
}

.btn-outlined.btn-warning:hover,
.btn-outlined.btn-warning:active {
    color: #FFF;
    background: #ed9c28;
}

.btn-outlined.btn-danger {
    background: none;
    border: 3px solid #d9534f;
    color: #d9534f;
}

.btn-outlined.btn-danger:hover,
.btn-outlined.btn-danger:active {
    color: #FFF;
    background: #d2322d;
}
/* Icon Style ( box ) Style 1 */

.servs-item {
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #eef0f2;
    text-align: center;
    padding-top: 50px;
    margin-top: 40px;
    display: inline-block;
}

.servs-item i {
    background: #fff;
    color: #ccc;
    border: 1px solid #eef0f2;
    width: 75px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    border-radius: 50%;
    display: block;
    text-align: center;
    clear: both;
    position: absolute;
    top: -39px;
    left: 50%;
    margin-left: -40px;
}

.servs-item:hover i {
    background: #ccc;
    color: #fff;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    border-color: #ccc;
    transition: all 0.3s ease-in-out 0s;
}

.servs-item h4 {
    font-size: 16px;
    font-weight: 100;
    color: #666;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px;
}

.servs-item p {
    margin-bottom: 10px;
    font-size: 13px;
}
/* Icon Style ( box ) Style 2 */

.servs-item2 {
    margin-top: 40px;
}

.servs-item2 i {
    color: #ccc;
    font-size: 24px;
    display: block;
    text-align: center;
    clear: both;
    float: left;
    margin-right: 20px;
}

.servs-item2:hover i {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.servs-item2 h4 {
    font-size: 16px;
    font-weight: 100;
    color: #666;
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px;
}

.servs-item2 p {
    margin-bottom: 10px;
    font-size: 13px;
}
/* Icon Main Box Style */

.boxes {
    padding: 40px 0 80px;
    overflow: hidden;
}
.box1 {display: flex;align-items: center;justify-content: center;flex-direction: column;}
.box2 {display: flex;align-items: center;justify-content: center;}
.height-fill {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.box {
    padding: 40px;
    text-align: center;
    float: left;
    border-radius: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.box i {
    width: 70px;
    height: 70px;
    line-height: 30px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0 auto 25px;
    padding: 20px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.box h4 {
    font-size: 16px;
    color: #fff;
    "Montserrat", sans-serif font-weight: 100;
    margin: 0 0 20px;
}

.box p {
    color: #fff;
    text-align: center;
    padding: 0 20px;
    font-size: 13px;
}

.box:hover {
    background: #333;
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    border-radius: 0px;
}

.box-icons .column {
    min-height: 380px;
    overflow: hidden;
    padding: 120px 30px;
    position: relative;
    text-align: center;
    border: 1px dashed #ccc;
}

.box-icons .column:hover {
    background-color: #fbfbfb;
    border-color: transparent;
}

.box-icons i {
    color: #ccc;
    font-size: 64px;
}

.box-icons h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0;
    text-transform: uppercase;
}

.box-icons span.desc {
    display: block;
    left: 0;
    opacity: 0;
    padding: 0 25px;
    position: absolute;
    /*top: 50%;*/
    
    transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    font-size: 14px;
    color: #888;
}

.box-icons .main {
    transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -webkit-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -moz-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -o-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
    -ms-transition: all 300ms cubic-bezier(0.07, 0.58, 0.39, 1) 0s;
}

.box-icons .main i,
.box-icons .main h2 {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.box-icons .column:hover .service-intro {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.box-icons .column:hover .desc {
    opacity: 1;
    transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

.box-icons .column:hover .main {
    margin-top: -75px;
}

.cyan-box {
    background: #ccc;
}

.black-box {
    background: #3c414c;
}

.orange-box {
    background: #eb7c2b;
}

.blue-box {
    background: #285fdb;
}

.red-box {
    background: #dd444f;
}

.yellow-box {
    background: #ebb72b;
}

.lightgreen-box {
    background: #b4dd44;
}

.violet-box {
    background: #7e44dd;
}

.lightblue-box {
    background: #41e8a3;
}
/* --------------------------------------------------------	*/
/* Pagination */
/* --------------------------------------------------------	*/

.pagination,
.pagination-2 {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0px;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

.pagination > li,
.pagination-2 > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 16px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #7a8188;
    background-color: #ffffff;
    border: 1px solid #E7EBEF;
    margin-left: -1px;
    display: inline-block;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
    cursor: default;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #F8F9FC;
    border-color: #E7EBEF;
    color: #282A2E;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
/* --------------------------------------------------------	*/
/* Pagination 2 */
/* --------------------------------------------------------	*/

.pagination-2 > li > a,
.pagination-2 > li > span {
    position: relative;
    float: left;
    padding: 10px 16px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #7a8188;
    background-color: #ffffff;
    border: 0px solid #E7EBEF;
    margin-left: -1px;
    display: inline-block;
}

.pagination-2 > .active > a,
.pagination-2 > .active > span,
.pagination-2 > .active > a:hover,
.pagination-2 > .active > span:hover,
.pagination-2 > .active > a:focus,
.pagination-2 > .active > span:focus {
    z-index: 2;
    color: #ccc;
    background-color: #FFF;
    border-color: #E7EBEF;
    cursor: default;
}

.pagination-2 > li > a:hover,
.pagination-2 > li > span:hover,
.pagination-2 > li > a:focus,
.pagination-2 > li > span:focus {
    background-color: #FFF;
    border-color: #E7EBEF;
    color: #ccc;
}

.pagination-2 > li:first-child > a,
.pagination-2 > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.pagination-2 > li:last-child > a,
.pagination-2 > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
/*** Pager Style ***/

.pager li > a,
.pager li > span {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
}

.pager li > a:hover,
.pager li > a:focus {
    background-color: #ccc;
    text-decoration: none;
    color: #fff;
    border-color: #ccc;
}
/* Team members style */

.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*=============== team style 1 ===============*/

.team-section h2 {
    font-weight: normal;
}

.team-section .common-team {
    background-color: #ffffff;
    border: 1px dashed #cccccc;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    padding: 8px;
    transition: all 0.5s ease-in-out;
}

.team-section .common-team:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0);
    background: #222;
    border-color: transparent;
}

.team-section .common-team figure {
    overflow: hidden;
    width: 100%;
    /*height: 250px;*/
}

.team-section img {
    width: 100%;
    height: auto;
    margin-top: -6em;
}

.team-section .common-team h5 {
    margin: 0;
    font-size: 18px;
    color: #444;
}

.team-section .common-team:hover h5 {
    color: #fff;
}

.team-section .common-team .text-content {
    padding: 19px 14px 13px;
}

.slogan-section {
    margin-bottom: 50px;
    text-align: center;
}

.team-section .common-team small {
    color: #ccc;
    font-size: 0.8em;
    font-style: italic;
}

.team-section .common-team ul {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -28px;
    text-align: center;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1;
}

.team-section .common-team li a {
    background: #fff;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 32px;
    padding: 4px 0;
    text-align: center;
    width: 40px;
    box-shadow: 0 0 3px #666666;
    transition: all 0.3s ease-in-out;
}

.team-section .common-team li a:hover {
    background: #ccc;
    color: #fff;
}

.team-img {
    /* Webkit for Chrome and Safari */
    
    -webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
}

.team-item:hover .team-img {
    /* Webkit for Chrome and Safari */
    
    -webkit-transform: scale(1.2, 1.2); // This is the enlarged size scale of the image.
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    
    -moz-transform: scale(1.2, 1.2);
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    
    -ms-transform: scale(1.20, 1.20);
    -ms-transition-duration: 500ms;
    -ms-transition-timing-function: ease-out;
    opacity: 0.5;
}

.team-item:hover .social-lists {
    margin-top: -2em;
    opacity: 1;
}
/*=============== team style 2 ===============*/

.team-box1 {
    margin-bottom: 20px;
}

.team-box1 .team-post {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.team-box1 .team-post img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.team-box1 .team-post:hover img {
    transform: scale(1.05) rotate(2deg);
}

.team-box1 .team-post .team-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(67, 67, 67, 0.9);
    padding: 25px 16px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    opacity: 0;
}

.team-box1 .team-post .team-content h2 {
    color: #434343;
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    margin: 0 0 18px;
    color: #ffffff;
    margin-bottom: 4px;
}

.team-box1 .team-post .team-content span {
    display: inline-block;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px;
    color: #ccc;
    margin-bottom: 17px;
}

.team-box1 .team-post .team-content p {
    margin-bottom: 20px;
}

.team-box1 .team-post .team-content ul.team-social {
    bottom: 0;
    margin: 0;
    padding: 0 0 25px;
    position: absolute;
}

.team-box1 .team-post .team-content ul.team-social li {
    display: inline-block;
    margin-right: 18px;
}

.team-box1 .team-post .team-content ul.team-social li a {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.team-box1 .team-post .team-content ul.team-social li a i {
    font-size: 18px;
    color: #ffffff;
}

.team-box1 .team-post .team-content ul.team-social li a i:hover {
    color: #ccc;
}

.team-box1 .team-post:hover .team-content {
    opacity: 1;
}
/*=============== team style 3 ===============*/

.person {
    float: none;
    width: 18%;
    display: inline-block;
    vertical-align: top;
}
/*.person2 {
    float: none;
    width: 24.6%;
    display: inline-block;
    vertical-align: top;
}*/

.person h5, .person2 h5 {
    font-size: 18px;
    color: #333;
    margin: 10px 0 2px;
}

.person small, .person2 small {
    color: #ccc;
}

.person > a,
.person .gag,
.person2 > a,
.person2 .gag,
.gag {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    width: 240px;
    height: 240px;
    margin-left: -15px;
    margin-right: -15px;
}
/*******************/
.person3 {
    float: none;
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1350px) {
	.person3 {
    float: none;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
}


.person3 h5 {
    font-size: 18px;
    color: #333;
    margin: 10px 0 2px;
}

.person3 small {
    color: #ccc;
}

.person3 > a, .person3 .gag, .person3 > a, .person3 .gag {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    width: 400px;
    height: 240px;
    margin-left: -15px;
    margin-right: -15px;
}
@media (max-width: 1030px) {
.person3 > a, .person3 .gag, .person3 > a, .person3 .gag {
    width: 350px;
    height: 230px;
}
}
@media (max-width: 900px) {
.person3 > a, .person3 .gag, .person3 > a, .person3 .gag {
    width: 300px;
    height: 200px;
}
}
@media (max-width: 760px) {
	.person3 {
    float: none;
    width: 100%;
    display: block;
    vertical-align: top;
}
	.person3 > a, .person3 .gag, .person3 > a, .person3 .gag {
    width: 100%;
    height: auto;
}
}
/******************/

.modal .img-circle.gag {
    margin-bottom: 0;
}

.person > a:first-child img, .person2 > a:first-child img , .person3 > a:first-child img {
    float: left;
    width: 100%;
}

.person .gag, .person2 .gag, .person3 .gag,
.gag {
    background-color: #222;
    display: inline-block;
    vertical-align: top;
}

.person .gag:hover, .person2 .gag:hover, .person3 .gag:hover {
    background-color: #ccc;
}

.person > a:after,
.persion .gag:after,
.person2 > a:after,
.persion2 .gag:after,.person3 > a:after,
.persion3 .gag:after,
.gag:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    content: '\e114';
    font-family: 'feather';
    /*background: rgba(38, 198, 219, 0.85);*/
	background: rgba(0, 0, 0, 0.55);
    line-height: 240px;
    font-size: 36px;
    opacity: 0;
    border-radius: 0%;
    transition: opacity .3s ease;
}

.person > a:hover:after, .person2 > a:hover:after, .person3 > a:hover:after {
    opacity: 1;
}

.person .gag:after, .person2 .gag:after, .person3 .gag:after,
.gag:after {
    background-color: transparent;
    content: 'Join Us';
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    opacity: 1;
    text-transform: uppercase;
}
/* Shotcode style end */
/* Modal Style */

.modal {
    width: 100%;
    min-height: 100%;
    background-color: rgba(17, 17, 17, 0.8);
    color: #4c4c4c;
    z-index: 9999999;
    overflow: auto;
}

.modal h4 {
    margin: 25px 0 2px;
    color: #fff;
}

.modal small {
    color: #ccc;
    letter-spacing: 1px;
}

.modal p {
    color: #666666;
    font-size: 14px;
    margin: 25px 0 30px;
}

.modal p:last-child {
    margin-bottom: 0;
}

a.social-ico {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    text-align: center;
    width: 30px;
    transition: all 0.3s ease-in-out;
}

a.social-ico:hover {
    background: #ccc;
    color: #fff;
}

.modal .divtable {
    width: 100%;
}

.divtable {
    display: table;
    height: 100%;
}

.divcell {
    display: table-cell;
    vertical-align: middle;
}

.pclose {
    border: 0 none;
    display: block;
    font-size: 22px;
    height: 22px;
    opacity: 1;
    position: absolute;
    right: 65px;
    text-align: center;
    top: 45px;
    transition: opacity 0s ease 0s;
    width: 22px;
    z-index: 10;
}

.pclose:hover {
    background-position: 0 100%;
    opacity: 1;
}
/* Testimonial Style */
/*** Style 1 ***/

#carousel-1 .carousel-inner-set {
    min-height: 200px;
}

#carousel-1 .carousel-inner-set p {
    color: #333;
    font-size: 13px;
}

#carousel-1 .carousel-inner-set small {
    color: #888;
}

#carousel-1 .carousel-inner-set p:before {
    content: "\f10d";
    font-family: "Fontawesome";
    font-size: 18px;
    padding-right: 10px;
    position: relative;
    top: -3px;
}

#carousel-1 .carousel-indicators li {
    border: 1px solid #666;
}

#carousel-1 .carousel-indicators .active {
    background: #666;
}
/*** Style 2 ***/

#carousel-2 .carousel-inner {
    min-height: 200px;
}

#carousel-2 .testimonial-section {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #666;
    font-size: 12px;
}

#carousel-2 .testimonial-section:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #666;
    border-width: 15px;
    margin-left: -15px;
}

#carousel-2 .testimonial-section-name {
    margin-top: 30px;
    margin-left: 30px;
    text-align: left;
    color: #000;
}

#carousel-2 .testimonial-section-name img {
    max-width: 50px;
    border: 2px solid #666;
}

#carousel-2 .carousel-indicators-set {
    position: static;
    margin-left: 0px;
    width: 100%;
}

#carousel-2 .carousel-indicators li {
    border: 1px solid #666;
}

#carousel-2 .carousel-indicators .active {
    background: #666;
}
/*** Style 3 ***/

.parallax-carousel {
    padding: 70px 0;
    background: url("../img/banner/counter-bg-1200x938.png") no-repeat fixed center center / cover rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 10px #222;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
    padding-bottom: 44px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: 10px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #ccc;
    border: none;
}

#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
    padding: 20px 30px 25px;
}

#fade-quote-carousel blockquote p:before {
    display: none;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
/* Listing Style */

.list {
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
}

.list li {
    margin: 5px 0;
    position: relative;
}

.list li:before {
    display: inline-block;
    height: 20px;
    margin: 0 5px 0 0;
    position: relative;
    width: 20px;
    font-family: "feather";
    color: #ccc;
}

.list.check-style li:before {
    content: "\e116";
}

.list.arrow-style li:before {
    content: "\e055";
}

.list.star-style li:before {
    content: "\e093";
}

.list.spark-style li:before {
    content: "\e064";
}

/***** Layout Styling *****/

.layout-section {
    padding: 70px 0;
}

.layout-list p {
    color: #9b9999;
    font-size: 15px;
    padding: 10px 0;
}

/***** Shotcode style End *****/

/***** 27. 404 Page *****/

.page-not-found-banner {
    background: url("../img/banner/counter-bg-1200x938.png") no-repeat fixed center center / cover;
}

.page-not .title-area {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.page-not a {
    color: #ccc;
    transition: all ease-in 0.3s;
}

.page-not a:hover {
    color: #8f8f8f;
}

.page-not-found {
    color: #ccc;
}

.page-not-found span {
    display: block;
    font-size: 100px;
    line-height: 100%;
    margin: 0 0 30px;
}

/***** 27. 404 Page End *****/

/***** 28. Footer ****/
footer h4::after{
	content: "";
    display: block;
	margin:15px auto 15px auto;
    width: 100%;
   border-bottom: 1px solid #fff;
	/*border-color: inherit!important;*/
	
}
footer .container{width:90%;}
footer p{color:#fff;}
footer a{color:#fff;}
footer a:hover, footer a i:hover{color:#ccc;}
footer a i{color:#fff; margin:0 10px}
footer .socials{display: block;position: relative;margin:0 auto;width:170px;}
footer h2{margin-top: 0px;margin-bottom: 25px;}
footer {
    /*background-color: #340c06;*/
    padding: 10px 0 0;
    color: #fff;
    position: relative;
	 background: url(../images/fond_alpha5.png), url(../img/fond-menu.jpg) !important;
    background-repeat: repeat, repeat !important;
    background-position: top left, center center;
    background-size: auto, contain !important;    -webkit-box-shadow: 0 -7px 20px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 -7px 20px 0 rgba(0, 0, 0, 0.4);
}

.footer-navigation {
    padding: 20px 0px 40px;
   /* background: url(../img/line.png) bottom center repeat-x;*/
}
/* Footer Social links starts */

.footer-navigation h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 15px;
    font-family: "Montserrat", sans-serif;
}

.footer-navigation .social-follow {
    padding: 0 10px;
    margin-bottom: 20px;
}

.footer-navigation .social-follow ul {
    padding: 0;
    text-align: center;
    margin: 0;
}

.footer-navigation .social-follow .socials li {
    display: inline-block;
    list-style: none outside none;
    margin: 3px;
}

.footer-navigation .social-follow .socials li a {
    float: left;
    width: 38px;
    height: 38px;
    color: #fff;
    border: 2px solid;
    border-radius: 50%;
    line-height: 32px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.footer-navigation .social-follow .socials li a:hover {
    color: #ccc;
}
/* Footer Social links Ends */
/* Newsletter Starts */

.footer-navigation .newsletter {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.subscribe-block {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 3px;
}

.subscribe-block .input-box {
    width: 100%;
    margin: 0;
}

.subscribe-block .input-box input {
    padding: 6px 60px 6px 10px;
    width: 100%;
    height: 38px;
    /*line-height: 36px;*/
    
    font-size: 12px;
    color: #333;
    border: solid 1px #d2d2d2;
    background: #fff;
    box-shadow: none;
    margin-bottom: 10px;
}

.subscribe-block .actions {
    float: left;
}

.subscribe-block .actions button {
    position: absolute;
    right: 8px;
    top: 0;
    padding: 8px 0;
    background-color: transparent;
    border: none;
    color: #ccc;
    font-size: 16px;
}

label.error {
    color: #e74c3c !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin: 0;
    display: inline-block;
}

#newsletter_form label.error {
    margin: -6px 0 0;
    display: block;
}

#newsletter_form .subscribe-block .input-box {
    position: relative;
}
/* Newsletter Ends */
/* Sitemap Starts */

.sitemap-block {
    float: right;
}

.sitemap {
    float: left;
    margin: 0 34px 0 0;
}

.sitemap h5 {
    margin-bottom: 5px;
}

.sitemap ul {
    padding: 0;
    list-style: none;
}

.sitemap ul li a {
    border: none;
    outline: none;
    text-decoration: none;
    color: #9b9999;
    font-weight: 300;
    font-size: 13px;
    transition: color 0.3s ease-in-out 0s;
}

.sitemap ul li a:hover {
    color: #ccc;
}
/* Sitemap Ends */
/* Copyright */

.footer-navigation .copyright {
    color: #888;
    font-size: 12px;
    font-weight: 300;
    padding: 30px 0 0;
}
/* Copyright Ends */


.footer_logo {
    margin: 0 8px 0 0;
}

.footer-navigation .copyright a {
    color: #fff;
    text-decoration: none;
}

.footer-navigation .copyright a:hover,
.footer-navigation .copyright a:active,
.footer-navigation .copyright a:focus {
    color: #ccc;
}

.modal-dialog {
    max-width: 1000px !important;
}
/* Style 2*/
/*Footer-2*/

#footer-2 {
    padding-top: 0px;
    color: #fff;
}

#footer-2 a {
    color: #fff;
}

#footer-2 a:hover {
    color: #ccc;
}

#footer-2 .footer-info {
    margin-bottom: 10px;
}

#footer-2 .footer-info > ul {
    margin-bottom: 10px;
}

#footer-2 .footer-info li {
    display: inline-block;
    font-size: 13px;
    position: relative;
    padding: 0 10px;
}

#footer-2 .footer-info li:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 1px;
    background: #fff;
    height: 10px;
    top: 3px;
}

#footer-2 .footer-info li:first-child:before {
    position: static
}

#footer-2 .footer-info li a {
    color: #fff;
    font-size: 13px;
}

#footer-2 .footer-copywrite {
    font-size: 13px;
}

#footer-2 .footer-copywrite > a:hover,
#footer-2 .footer-info a:hover {
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #ccc !important;
}
/* Style 3 */

#footer-3 {
    padding-top: 0px;
}

#footer-3 .footer-navigation {
    line-height: 100px;
    padding-top: 0px;
    padding-bottom: 10px
}

#footer-3 .footer-navigation .social-follow .socials li a {
    border: none;
    padding: 0 8px;
    width: auto;
    height: auto;
    line-height: 0px;
}

#footer-3 .footer-navigation .social-follow ul {
    text-align: left;
}

#footer-3 .footer-navigation .copyright {
    padding: 0;
}

#footer-3 .footer-navigation .social-follow {
    margin-bottom: 0;
    padding: 0;
}

#footer-3 .col-xs-12.col-sm-6.col-md-5 {
    text-align: right;
}

/***** Footer End ****/


/***** 29. Back To Top  *****/

.back-to-top {
    background-color: #ccc;
    border: medium none;
    border-radius: 50%;
    bottom: 2em;
    color: #ffffff;
    display: none;
    font-size: 30px;
    outline: medium none;
    padding: 4px 12px;
    position: fixed;
    right: 1em;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    z-index: 9;
}

.back-to-top:hover {
    background-color: #222;
    color: #ccc;
}

.back-to-top i {
    top: -3px;
    position: relative;
}

/***** Back To Top  End *****/

/***** 30. Responsive And Media Queries *****/

/* Large Devices, Wide Screens */

@media (max-width: 991px) {
	#header .container {height: 75px;width:100%;padding-right:58px;}
    .hidden-mobile {
        display: none !important
    }
    #header {
        height: 117px;
    }
    #search-form.open {
        height: 75px !important;
    }

    #header .logo a {
        color: #fff !important
    }
    #header .branding {
        text-align: left !important
    }
    #header .header-top-nav>li {
        margin: 0
    }
    #header .header-top-nav>li>a {
        line-height: 75px;
        padding: 0 5px;
        color: #222 !important;
        font-size: 16px;
    }
    #header .header-top-nav>li>a .fa {
        color: #fff;
        font-size: 18px;
        padding: 0 5px;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    #header .header-top-nav>li:hover .fa {
        color: #999;
    }
    #header .header-top-nav>li:last-child>a {
        padding-right: 0
    }
    #header .header-top-nav .mini-cart:hover>a {
        background: #0b1c32 !important
    }
	#header .logo {
    top: -7px;width: 129px;left:0px;position:absolute;
}


}
@media (max-width: 900px) {
.rs {position: absolute;top: 7px;right: 15px;z-index: 10;}
.coordonnees ul li:nth-of-type(3) {
  display: none;
}
}
@media (max-width: 767px) {
.containervideo{display: block;position: relative;margin: auto;width:100%;}
	.containervideofullmini{display: block;position: relative;margin: 0px auto;width:100%;max-width:100%;}
	.sidebar h3 {padding-left:20px;padding-right:20px;}
	.photogalerie,.photogaleriebis, .photogalerie2, .photogalerie3, .photogalerie4{height:auto;overflow: visible}
.box2 {flex-direction: column;}
}
@media (max-width: 575px) {
	.blog-banner-groenland { background: url(../img/ar-plan-groenland.jpg) no-repeat fixed left -365px top / cover;}
	.blog-banner-majorque {background: url(../img/ar-plan-ile-majorque-2.jpg) no-repeat fixed right -700px bottom 134px / cover;}
	.blog-banner-maurice {background: url(../img/ar-plan-ile-maurice.jpg) no-repeat fixed right bottom / cover;}
	.blog-banner-irlande {background: url(../img/ar-plan-irlande-1.jpg) no-repeat fixed right bottom / cover;}
	.blog-banner-ouganda {background: url(../img/ar-plan-ouganda-2.jpg) no-repeat fixed right -300px center / cover;}
	.blog-banner-quebec-ours {background: url(../img/ar-plan-quebec-ours.jpg) no-repeat fixed right -445px top / cover;}
	.blog-banner-namibie {background: url(../img/ar-plan-namibie-1.jpg) no-repeat fixed center bottom 10px / cover;}
	.blog-banner-estonie-1 {background: url(../img/ar-plan-estonie.jpg) no-repeat fixed top right -415px / cover;}
	.blog-banner-colombie {background: url(../img/ar-plan-colombie-3.jpg) no-repeat fixed right -300px center / cover;}
	.blog-banner-colombie3 {background: url(../colombie-britannique/haut-page-colombie-britannique-chasse-a-l-approche.jpg) no-repeat fixed left -280px top / cover;}
	.blog-banner-afrique-big {background: url(../img/ar-plan-afrique-du-sud-big-five.jpg) no-repeat fixed right -390px top / cover;}
	.blog-banner-afrique-petite {background: url(../img/ar-plan-afrique-du-sud-petite-chasse-1.jpg) no-repeat fixed center center / cover;}
	.blog-banner-angleterre {background: url(../img/ar-plan-angleterre.jpg) no-repeat fixed left -375px center / cover;}
	.blog-banner-bulgarie-1 {background: url(../img/ar-plan-bulgarie.jpg) no-repeat fixed left -699px center / cover;}
	.blog-banner-bulgarie-2 {background: url(../img/ar-plan-pologne.jpg) no-repeat fixed left -430px center / cover;}
	.blog-banner-argentine-1 {background: url(../argentine/haut-page-chasse-grand-gibier-argentine.jpg) no-repeat fixed left -210px top -30px / cover;}
	.blog-banner-bulgarie {background: url(../img/ar-plan-bulgarie-1.jpg) no-repeat fixed left -500px bottom 130px / cover;}
	.sidebar .popular {margin-bottom: 10px;}
	  .team .person {margin-bottom: 20px;}
	a[data-target="#exampleModal"] {margin-top:30px;}
	.containervideofullmini {padding: 0px 10px 10px 10px;}
	.clearfix.marginT50{margin-top:10px;}
	h3.paddingT50 {padding-top: 10px;}
	.paddingT30B10 {padding: 10px 0px 10px 0px;}
	.layout-section {padding: 30px 0;}
	.divider:after {margin-top: 10px;margin-bottom: 15px;}
	body{overflow-x: hidden;}
	.fancybox-infobar, fancybox-infobar{opacity:1!important;visibility: visible!important;}
	.wrapperG.filtering, .wrapperG.carou{padding: 0 10px;}
	.wrapperG.filtering .filter-cat p{display:none;}
.coordonnees ul {text-align: left;}
	    #header .container {padding-right: 11px;}

}

@media (max-width: 500px) {
.valeurs{border-bottom:1px solid #ddd;padding-bottom:15px;padding-top:15px;min-height:85px;width:100%!important; }
	.mobile-nav .sub-nav {padding: 0px 0 5px 15px;}
	.mobile-nav>li>a {line-height: 2.5em;}
	.mobile-nav .sub-nav a {line-height: 2.5em;}
}


@media (min-width: 481px) and (max-width: 767px) {
    .colors-section .logo-icon {
        max-width: 70%
    }
}

@media (max-width: 440px) {
.coordonnees ul {text-align: left;}
.coordonnees ul li a em {display:none;}	
	.coordonnees ul li a span {font-size:2.0rem;}
	.rs {top: 5px;right: 8px;z-index: 10;}
}

@media (max-width:1320px) {
.person {
    float: none;
    width: 30%;
    display: inline-block;
    vertical-align: top;
	}
}

@media only screen and (max-width: 1200px) {
    .person {
        margin-bottom: 40px;
       /* width: 18%;*/
    }
	/*.person2 {
        margin-bottom: 40px;
        width: 24.6%;
    }*/
  /*  .person > a,
    .person .gag,.person2 > a,
    .person2 .gag,
    .gag {
        width: 180px;
        height: 180px;
    }
    .person > a:after,
    .person .gag:after,.person2 > a:after,
    .person2 .gag:after,
    .gag:after {
        line-height: 180px;
    }
    .person .gag:after,.person2 .gag:after,
    .gag:after {
        line-height: 180px;
    }*/
    .modal .img-circle {
        max-width: 180px;
    }
    .team-section .common-team ul {
        padding: 0 28px;
    }
    .team-section .common-team li a {
        font-size: 14px;
        height: 30px;
        line-height: 22px;
        width: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    #header {
        position: relative !important;
    }
}

@media only screen and (max-width: 1024px) {
    .counter-section,
    .about-banner,
    .blog-banner-groenland,
    .contact-banner,
    .project-banner,
    .project-detail-banner,
    .shortcodes-banner,
    .testimonial-bg,
    .skil-section,
    .service-block,
    .parallax-carousel,
    .page-not-found-banner {
        background-attachment: scroll;
    }
    .prftl-det {
        width: 68%;
    }
    .prtfl-ico {
        width: 32%;
    }
    .prtfl-ico i {
        font-size: 14px;
    }
    .features-item {
        margin-bottom: 30px;
    }
    .features-info h3 {
        font-size: 18px;
    }
    .features-info p {
        font-size: 12px;
    }
    .sitemap {
        margin: 0 16px 0 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 820px) {
    .person {
        /*margin-bottom: 40px;*/
        width: 40%;
    }
}
@media only screen and (max-width: 768px) {
    #owl-main-text h2 {
        font-size: 200%;
    }
    .slide-sep {
        margin: -160px auto 0;
    }
    .slide-content p {
        bottom: 25%;
        font-size: 90%;
    }
    #owl-main .owl-buttons {
        display: none;
    }
    #header {
        position: relative !important;
    }
    #archtiko-video--video {
        width: 1600px;
    }
    /*.person, .person2 {
        width: 49%;
    }*/
    #footer-2 .footer-info li:before {
        display: none;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    .archtiko-icon {
        width: 40px;
        height: 40px;
        line-height: 38px;
        font-size: 20px;
    }
    .archtiko-icon-effect .archtiko-icon:hover:after {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -o-transform: scale(0.85);
        -ms-transform: scale(0.85);
    }
    .features-info h3 {
        font-size: 15px;
    }
    .features-info p {
        font-size: 11px;
    }
    .features-item {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 640px) {
    .features img {
        margin-bottom: 50px;
    }
    .archtiko-icon-effect {
        display: block;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .archtiko-icon {
        float: none;
    }
    .features-info {
        width: 100%;
        text-align: center;
    }
    .features-item {
        margin-bottom: 20px;
    }
    .row-wrapper .col-sm-3 {
        border-right: none;
    }
    .client-row .row-wrapper {
        border-bottom: none;
    }
    .about-overview img {
        margin-bottom: 30px;
    }
    .company-info a {
        display: inline-block;
        margin-bottom: 10px;
    }
    #map_canvas {
        height: 250px;
    }
    .sitemap-block {
        float: left;
    }
    #footer-3,
    #footer-3 .footer-navigation .social-follow ul {
        text-align: center;
    }
    #footer-3 .footer-navigation {
        line-height: 0px;
        padding-top: 20px;
        padding-bottom: 50px;
    }
    #footer-3 .col-xs-12.col-sm-6.col-md-5 {
        padding-top: 20px;
        text-align: center;
    }
    .project-section .project-detail {
        margin-top: 15px;
    }
	
}
/* Extra Small Devices, Phones */


.textMajuscule2 {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 300;
    color: #c98515;
    margin-top: 0px;
    /* text-align: center; */
    border-bottom: 1px solid #c98515;
    padding-bottom: 5px;
    letter-spacing: 0.2em;
}
.textMajuscule2 i{
    float:right;padding-right: 10px;
}
@media only screen and (max-width: 500px) {
	
.welcome-block h1 {
    font-size: 23px;

}
	h2.cd-headline {
    font-size: 23px;

}
	.notes p {font-size:1rem;}
	.notes img {max-width: 69px;height: auto;}
	/*.container {padding-right: 10px;padding-left: 10px;}*/
	h2 span.slogan {letter-spacing: 0.0em;margin-top: 10px;}
}
@media only screen and (max-width: 480px) {
	.slides-pagination {

    bottom: 10px;

}
    .slide-content {
        padding-top: 25%;
    }
    #owl-main-text h2 {
        font-size: 150%;
    }
    .slide-sep {
        display: none;
    }
    #quote-carousel .carousel-indicators li {
        width: 50px;
        height: 50px;
    }
    #quote-carousel .carousel-indicators .active {
        width: 50px;
        height: 50px;
    }
    #quote-carousel .carousel-control {
        display: none;
    }
   /* .breadcrum-area {
        padding-top: 0px;
    }*/
    .breadcrum-area h2 {
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    .breadcrum-area .breadcrum {
        font-size: 12px;
        padding: 10px 0 20px;
        text-align: center;
        width: 100%;
    }
    .breadcrum-area .breadcrum a {
        font-size: 12px;
    }
    footer {
        padding: 15px 0 0;background-size: auto !important;
    }
    .sitemap-block {
        float: left;
    }
    .sitemap {
        margin: 0 16px 0 0;
    }
    #slides .caption-wrapper {
        /*top: 20%;*/ top:0%;
    }
	.mouse {
    bottom: 30%;
		}
    #slides .slide-caption h1, #slides .slide-caption h2 {
        font-size: 25px;
	 margin-top: 40vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
    }
	

	
    #slides .slide-caption p, #slides .slide-caption p.reducLargeur {
        font-size: 10px;
        font-weight: 500;
    }

	#slides .slide-caption p.reducLargeur {

    letter-spacing: 1px;

}

    .tab-header ul li {
        display: block;
    }
    .tabs.style2 > div {
        display: block;
        width: 100% !important;
    }
    .style2 .tab-header ul li.active-tab:after {
        display: none;
    }
    .person {
        width: 100%;
    }
    .pclose {
        right: 30px;
        top: 30px;
    }
    .archtiko-video-container #archtiko-video--content {
        padding: 40px 20px;
    }
}

/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .slide-content {
        padding-top: 40%;
    }
}
@media (orientation: landscape) and (max-width : 650px)
{
	#slides .caption-wrapper {
    top: 0%;

}
	.mouse, p.slog, #voletfacebook,.slides-paginationAAA {display:none;}

	header#header, .coordonnees{background: black!important}
	#home-slider {
    margin: 0px 0 20px 0;
}
	slides .slide-caption h1, #slides .slide-caption h2 {
    font-size: 25px;
    margin-top: 20px!important;
    transform: translateY(0%);vertical-align: top;
}
	#slides .slide-caption p, #slides .slide-caption p.reducLargeur {
    font-size: 10px;
    font-weight: 500;
}
}

/***** 30. Responsive And Media Queries End *****/