@import url('https://fonts.googleapis.com/css?family=Poiret+One');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Exo:300,700');


.bg-transparent {
-webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
   width: 100%;
    position: absolute;
    clear: both;
    z-index: 1001;
    padding: 0px;
}

.bg-white {

  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

h1, h2, h3, h4, h5 {
font-family: 'Exo', sans-serif;
  font-weight: 700;

  
}

p, li, a {
  
 font-family: 'Roboto Condensed', sans-serif;
 
}

.popmake-content p {
  
  text-align: justify;
  line-height: 22px;
}

.box-content p {
  
  text-align: justify;
}

.wrapper {
  padding: 0;
  overflow: hidden;
}


.navbar-dark .navbar-nav .nav-link {
  
     color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 20px;
    font-family: 'Exo', sans-serif;
      font-weight: 700;

  
}

.bg-white .nav-link {
 color: #222 !important;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus, .bg-white .nav-link:hover, .bg-white .nav-link:focus  {
  color: #27558f !important;
  
}

.grand-titre, .pum-theme-73 .pum-title, .pum-theme-lightbox .pum-title {

    font-size: 36px;
    color: #414141;
    margin-bottom: 25px;
   text-align: center;
}


.grand-titre:after, .pum-theme-73 .pum-title, .pum-theme-lightbox .pum-title:after {
      content: "\f111";
    font-family: 'FontAwesome';
    font-size: 12px;
    line-height: 0;
    color: #27558f;
    display: block;
    height: 1px;
    padding: 0 0px 0px 0px;
    width: 260px;
    background: #cccccc;
    margin: 20px 0 30px 0;
    margin-left: auto;
    margin-right: auto;
}





#whyus h5 {
      font-weight: normal;
    display: inline-block;
  color:#414141;
  font-weight: normal !important;
  padding-left: 5px;
      font-family: 'Josefin Sans', sans-serif;
    font-size: 17px;
}

#whyus .fa {
  
         font-size: 20px;
    color: #fff;
    vertical-align: middle;
    background: #27558f;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}



.pum-theme-73 .pum-container, .pum-theme-lightbox .pum-container {
  border: 3px solid #27558f !important;
  
}


#wrapper-footer {
  padding: 20px 0 20px;
    background: #303030;
  color: #fff;
}

#wrapper-footer  p {
 color: #999999  
}

#wrapper-footer h2 {
      color: #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #404040;
  margin-bottom:30px;
  font-weight: 300;
    font-size: 22px;
    padding-top: 25px;
}

#wrapper-footer h2:after {
  
background: #27558f;
    content: '';
    display: block;
    height: 2px;
    width: 7vmax;
    margin: 0 auto;
    position: relative;
    top: 11px;
}


#wrapper-footer #menu-principal li a {
  
      padding: 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #999;
    line-height: 20px;
}

#wrapper-footer #menu-principal li {
  
  list-style: none;
      padding: 0px;
    margin: 0 0 8px 0;
    display: block;
    border-bottom: 1px dashed #404040;
}

#wrapper-footer #menu-principal li a:before {
 content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
padding-right: 0.5em;

  
}

#wrapper-footer #menu-principal {
  padding: 0; 
}

#wrapper-footer .mc4wp-form-fields input[type="email" i]{
  background-color: #202020;
    border: 1px solid #000;
    color: #999;
    margin-bottom: 14px;
    float: left;
    font-size: 13px;
    font-weight: normal;
    height: 39px;
    line-height: 39px;
    padding: 0px 7px;
    width: 100%;
}

#wrapper-footer .mc4wp-form-fields input[type="submit" i] {
      float: right;
    background: #27558f;
    color: #fff;
    border: 0;
    padding: 5px 20px;
  
}

.footerinfo li {
     padding: 0px 0px 10px 0px;
    margin: 0 0 10px 0;
    display: block;
    color: #999;
    line-height: 23px;
  
}

.footerinfo .fa {
  
 padding: 0 10px 0 0
}
/* social icons 2
 ------------------------------ */
.social-icons-2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.social-icons-2 li {
	padding: 0px;
	margin: 0px;
	display:inline-block;
	text-align: center;
}
.social-icons-2 li a {
	width: 40px;
	height: 40px;
	padding: 0px;
	margin: 0 5px 5px 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 39px;
	display:inline-block;
	background-color: #27558f;
}
.social-icons-2 li a:hover {
	color: #fff;
	background-color: #404040;
}
.social-icons-1.round li a, .social-icons-2.round li a, .social-icons-3.round li a {
	border-radius:100%;
}

.social-icons-2.pink li a{
background-color: #c9012f;	
}
.social-icons-2.pink li a:hover {
	color: #c9012f;
	background-color: #fff;
}

/* section copyright
 ------------------------------ */
.section-copyrights {
	margin: 0; padding:30px 0px;
	background-color: #202020;
}
.section-copyrights.light {
	margin: 0; padding:20px 0px;
	background-color: #454545;
	color:#999999; font-weight:300;
}
.section-copyrights.light .menu{ text-align:right;}
.section-copyrights.light .menu a{ color:#999;}
.section-copyrights.light .menu a:hover{ color:#fff;}

.section-copyrights.section-white {
	color: #fff;
	background-color: #dbdc33;
}
.section-copyrights.section-white-2 {
	color: #727272; border-bottom:5px solid #27b399;
	background-color: #fff;
}
.section-copyrights.fulldark {
	color: #727272;
	background-color: #1a1a1a;
	border-top:3px solid #498af3;
	text-align:center;
	font: 14px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark a{
color: #FFF;	
}
.section-copyrights.fulldark a:hover{
color: #498af3;	
}

.section-copyrights.fulldark2 {
	color: #606d84;
	background-color: #12171f;
	text-align:left; padding:20px 0px;
	font: 16px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark3 {
	color: #8192a2;
	background-color: #333c43;
	text-align:center; padding:22px 0px;
	
}
.section-copyrights.fulldark3 a{
color: #8192a2;	
}
.section-copyrights.fulldark3 a:hover{
color: #FFF;	
}

.section-copyrights.fulldark4 {
	color: #777777;
	background-color: #1c1c1c;
	text-align:left; padding:20px 0px;
	font: 15px 'Open Sans', sans-serif;
}

.section-copyrights.fulldark5 {
	color: #4e576b;
	background-color: #0d0f14;
	text-align:left; padding:20px 0px;
	font: 14px 'Open Sans', sans-serif;
}
.section-copyrights.fulldark6 {
	color: #777777;
	background-color: #0c0c0c;
	text-align:left; padding:20px 0px;
	font: 15px 'Open Sans', sans-serif;
}

/* section_category 3 */  



.section_category3 {

    float: left;

    width: 100%;

    padding: 15px 0px 45px 0px;
     
  font-family: 'Exo', sans-serif;
	

}



.section_category3 .sec_title h1 {


	font-weight: 700; 
  font-size:36px;

	color: #FFF; 
  text-align:center;

	text-transform:none;

}

.section_category3 .sec_title h1::after {

    content: "\f111";

	 font-family: 'FontAwesome';

    font-size: 12px; line-height:0;  

    color: #FFF;

    display: block;

    height: 1px; padding: 0 0px 0px 0px;

    width: 260px;

    background: #fff;

    margin: 20px 0 30px 0;

    margin-left: auto;

    margin-right: auto;

}

.section_category3 .sec_title h1 span {

	color:#411615;

}



.section_category3 #triangle-up { 

width: 0;

height: 0;

border-bottom: 210px solid rgba(0,0,0,0.7);

border-left: 122px solid transparent;

border-right: 122px solid transparent;

position: relative;

float: left;

margin-left: -100px;

}



.section_category3 #triangle-up:first-child {

    margin-left: 20px;

}



.section_category3 #triangle-up.margin-left-2 {

    margin-left: 16px;

}





.section_category3 #triangle-up div.icon {

    position: absolute;

    bottom: -180px;

    color: #ffffff;

    margin-left: -90px;

    width: 210px;

    text-align: center;

    font-size: 14pt;

    font-family: 'PT Sans';

}



.section_category3 #triangle-up i {

font-size: 48px;

margin-left:-24px;

line-height: 100px;

-webkit-transition: all 500ms ease-out;

-moz-transition: all 500ms ease-out;

-o-transition: all 500ms ease-out;

transition: all 500ms ease-out;

}



.section_category3 #triangle-up span {

	font-size:18px;

text-transform:uppercase; 

margin-left:-33px;

	

}



.section_category3 #triangle-up:hover { 

border-bottom: 210px solid rgba(255,255,255,0.7);

}

.section_category3 #triangle-up:hover div.icon{ color:#3e1514;}



.section_category3 #triangle-down { 

width: 0;

height: 0;

border-top: 210px solid rgba(0,0,0,0.7);

border-left: 122px solid transparent;

border-right: 122px solid transparent;

position: relative;

float: left;

margin-left: -100px;

}



.section_category3 #triangle-down div.icon {

    position: absolute;

    top: -180px;

    color: #ffffff;

    margin-left: -100px;

    width: 210px;

    text-align: center;

    font-size: 14pt; text-transform:uppercase;

    font-family: 'PT Sans';

}



.section_category3 #triangle-down i {

font-size: 48px;

 margin-left:-12px;

line-height: 100px;

-webkit-transition: all 500ms ease-out;

-moz-transition: all 500ms ease-out;

-o-transition: all 500ms ease-out;

transition: all 500ms ease-out;

}

.section_category3 #triangle-down:hover { 

border-top: 210px solid rgba(255,255,255,0.7);

}

.section_category3 #triangle-down:hover div.icon{ color:#3e1514;}





/*custom*/





.section_category3 .triangle-up { 

width: 0;

height: 0;

border-bottom: 210px solid rgba(0,0,0,0.7);

border-left: 122px solid transparent;

border-right: 122px solid transparent;

position: relative;

float: left;

margin-left: -100px;

}



.section_category3 .triangle-up:first-child {

    margin-left: 20px;

}



.section_category3 .triangle-up.margin-left-2 {

    margin-left: 16px;

}





.section_category3 .triangle-up div.icon {

    position: absolute;

    bottom: -180px;

    color: #ffffff;

    margin-left: -90px;

    width: 210px;

    text-align: center;

    font-size: 14pt;

}



.section_category3 .triangle-up i {

font-size: 48px;

margin-left:-24px;

line-height: 100px;

-webkit-transition: all 500ms ease-out;

-moz-transition: all 500ms ease-out;

-o-transition: all 500ms ease-out;

transition: all 500ms ease-out;

}



.section_category3 .triangle-up span {

    font-size:18px;

text-transform:uppercase; 

margin-left:-33px;

    

}



.section_category3 .triangle-up:hover { 

border-bottom: 210px solid rgba(255,255,255,0.7);

}

.section_category3 .triangle-up:hover div.icon{ color:#3e1514;}



.section_category3 .triangle-down { 

width: 0;

height: 0;

border-top: 210px solid rgba(0,0,0,0.7);

border-left: 122px solid transparent;

border-right: 122px solid transparent;

position: relative;

float: left;

margin-left: -100px;

}



.section_category3 .triangle-down div.icon {

    position: absolute;

    top: -180px;

    color: #ffffff;

    margin-left: -100px;

    width: 210px;

    text-align: center;

    font-size: 14pt; text-transform:uppercase;

}



.section_category3 .triangle-down i {

font-size: 48px;

 margin-left:-12px;

line-height: 100px;

-webkit-transition: all 500ms ease-out;

-moz-transition: all 500ms ease-out;

-o-transition: all 500ms ease-out;

transition: all 500ms ease-out;

}

.section_category3 .triangle-down:hover { 

border-top: 210px solid rgba(255,255,255,0.7);

}

.section_category3 .triangle-down:hover div.icon{ color:#3e1514;}


@font-face {
    font-family: "Flaticon";
    src: url("http://switch-sx-pro.com/themes/leo_monica/css/font/Flaticon.eot");
    src: url("http://switch-sx-pro.com/themes/leo_monica/css/font/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("http://switch-sx-pro.com/themes/leo_monica/css/font/Flaticon.woff") format("woff"),
    url("http://switch-sx-pro.com/themes/leo_monica/css/font//Flaticon.ttf") format("truetype");    
	font-weight: normal;
    font-style: normal;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
}

.flaticon-signs-2:before { content: "\f100"; }
.flaticon-cup:before { content: "\f101"; }
.flaticon-rubber:before { content: "\f102"; }
.flaticon-office:before { content: "\f103"; }
.flaticon-people-3:before { content: "\f104"; }
.flaticon-shield-1:before { content: "\f105"; }
.flaticon-medal-2:before { content: "\f106"; }
.flaticon-nature-6:before { content: "\f107"; }
.flaticon-internet:before { content: "\f108"; }
.flaticon-clothes:before { content: "\f109"; }
.flaticon-phone-set:before { content: "\f10a"; }
.flaticon-music:before { content: "\f10b"; }
.flaticon-brickwall:before { content: "\f10c"; }
.flaticon-nature-5:before { content: "\f10d"; }
.flaticon-transport-10:before { content: "\f10e"; }
.flaticon-fence:before { content: "\f10f"; }
.flaticon-people-2:before { content: "\f110"; }
.flaticon-message-1:before { content: "\f111"; }
.flaticon-farmer:before { content: "\f112"; }
.flaticon-business-1:before { content: "\f113"; }
.flaticon-transport-9:before { content: "\f114"; }
.flaticon-medal-1:before { content: "\f115"; }
.flaticon-wrench:before { content: "\f116"; }
.flaticon-medical-1:before { content: "\f117"; }
.flaticon-wind:before { content: "\f118"; }
.flaticon-square:before { content: "\f119"; }
.flaticon-people-1:before { content: "\f11a"; }
.flaticon-nature-4:before { content: "\f11b"; }
.flaticon-avatar:before { content: "\f11c"; }
.flaticon-piston:before { content: "\f11d"; }
.flaticon-transport-8:before { content: "\f11e"; }
.flaticon-delivery-truck:before { content: "\f11f"; }
.flaticon-medal:before { content: "\f120"; }
.flaticon-book-1:before { content: "\f121"; }
.flaticon-medical:before { content: "\f122"; }
.flaticon-drawing:before { content: "\f123"; }
.flaticon-road:before { content: "\f124"; }
.flaticon-buildings:before { content: "\f125"; }
.flaticon-technology-2:before { content: "\f126"; }
.flaticon-signs-1:before { content: "\f127"; }
.flaticon-transport-7:before { content: "\f128"; }
.flaticon-profile:before { content: "\f129"; }
.flaticon-stopwatch:before { content: "\f12a"; }
.flaticon-alarm-clock-1:before { content: "\f12b"; }
.flaticon-alarm-clock:before { content: "\f12c"; }
.flaticon-idea:before { content: "\f12d"; }
.flaticon-share:before { content: "\f12e"; }
.flaticon-multiply:before { content: "\f12f"; }
.flaticon-interface-1:before { content: "\f130"; }
.flaticon-business:before { content: "\f131"; }
.flaticon-folder:before { content: "\f132"; }
.flaticon-book:before { content: "\f133"; }
.flaticon-route:before { content: "\f134"; }
.flaticon-phone-call:before { content: "\f135"; }
.flaticon-message:before { content: "\f136"; }
.flaticon-signs:before { content: "\f137"; }
.flaticon-arrows:before { content: "\f138"; }
.flaticon-box-2:before { content: "\f139"; }
.flaticon-box-1:before { content: "\f13a"; }
.flaticon-pencil:before { content: "\f13b"; }
.flaticon-mark:before { content: "\f13c"; }
.flaticon-gps:before { content: "\f13d"; }
.flaticon-global-1:before { content: "\f13e"; }
.flaticon-multimedia:before { content: "\f13f"; }
.flaticon-shield:before { content: "\f140"; }
.flaticon-technology-1:before { content: "\f141"; }
.flaticon-science-1:before { content: "\f142"; }
.flaticon-mathematics:before { content: "\f143"; }
.flaticon-science:before { content: "\f144"; }
.flaticon-home:before { content: "\f145"; }
.flaticon-pin:before { content: "\f146"; }
.flaticon-right-arrow:before { content: "\f147"; }
.flaticon-leaf:before { content: "\f148"; }
.flaticon-people:before { content: "\f149"; }
.flaticon-nature-3:before { content: "\f14a"; }
.flaticon-transport-6:before { content: "\f14b"; }
.flaticon-transport-5:before { content: "\f14c"; }
.flaticon-transport-4:before { content: "\f14d"; }
.flaticon-transport-3:before { content: "\f14e"; }
.flaticon-transport-2:before { content: "\f14f"; }
.flaticon-nature-2:before { content: "\f150"; }
.flaticon-technology:before { content: "\f151"; }
.flaticon-international-delivery:before { content: "\f152"; }
.flaticon-tool:before { content: "\f153"; }
.flaticon-cogwheel:before { content: "\f154"; }
.flaticon-nature-1:before { content: "\f155"; }
.flaticon-global:before { content: "\f156"; }
.flaticon-transport-1:before { content: "\f157"; }
.flaticon-clock-1:before { content: "\f158"; }
.flaticon-globe:before { content: "\f159"; }
.flaticon-check:before { content: "\f15a"; }
.flaticon-arrow-pointing-to-right:before { content: "\f15b"; }
.flaticon-box:before { content: "\f15c"; }
.flaticon-open-cardboard-box:before { content: "\f15d"; }
.flaticon-left-quote-sketch:before { content: "\f15e"; }
.flaticon-transport:before { content: "\f15f"; }
.flaticon-clock:before { content: "\f160"; }
.flaticon-shape-1:before { content: "\f161"; }
.flaticon-nature:before { content: "\f162"; }
.flaticon-quotes:before { content: "\f163"; }
.flaticon-social:before { content: "\f164"; }
.flaticon-interface:before { content: "\f165"; }
.flaticon-weapon:before { content: "\f166"; }
.flaticon-shape:before { content: "\f167"; }
.flaticon-web:before { content: "\f168"; }
.flaticon-quotations:before { content: "\f169"; }
.flaticon-straight-quotes:before { content: "\f16a"; }
.flaticon-telephone:before { content: "\f16b"; }


div#wpcs_tab_187 {
 top: 80% !important;
      font-family: 'Exo', sans-serif;
    font-weight: 700;
  
}

.buttontop {
  
 border-radius : 0 !important;
 background: rgba(0, 0, 0, 0.4); 
}