/**
 * @license
 * MyFonts Webfont Build ID 3526146, 2018-02-14T05:19:13-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BrandonGrotesqueWeb-BoldItalic by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold-italic/
 * 
 * Webfont: BrandonGrotesqueWeb-Bold by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold/
 * 
 * Webfont: BrandonGrotesqueWeb-Regular by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/regular/
 * 
 * Webfont: BrandonGrotesqueWeb-Italic by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/italic/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3526146
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("/count/35ce02");

  
@font-face {font-family: 'BrandonGrotesqueWeb-BoldItalic';src: url('webfonts/35CE02_0_0.eot');src: url('webfonts/35CE02_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35CE02_0_0.woff2') format('woff2'),url('webfonts/35CE02_0_0.woff') format('woff'),url('webfonts/35CE02_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Bold';src: url('webfonts/35CE02_1_0.eot');src: url('webfonts/35CE02_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35CE02_1_0.woff2') format('woff2'),url('webfonts/35CE02_1_0.woff') format('woff'),url('webfonts/35CE02_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Regular';src: url('webfonts/35CE02_2_0.eot');src: url('webfonts/35CE02_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35CE02_2_0.woff2') format('woff2'),url('webfonts/35CE02_2_0.woff') format('woff'),url('webfonts/35CE02_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonGrotesqueWeb-Italic';src: url('webfonts/35CE02_3_0.eot');src: url('webfonts/35CE02_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/35CE02_3_0.woff2') format('woff2'),url('webfonts/35CE02_3_0.woff') format('woff'),url('webfonts/35CE02_3_0.ttf') format('truetype');}







.portfolio-list .info-boxes {
        margin: 4px;
    }


.header-section-9 .top-header {
    background-color: #001745;
}
		
		
.whiteB{
    color: #ffffff !important ;
	font-weight: bold;
}
		
		
 .login > div > a {
            text-align: center;
        }


.HPmobile {
            display: none;
        }

.HPdesktop {
            display: block;
        }






.hp-link-header {
    font-size: 22px;
			font-weight: bold;
    color: #001745;
}
		
		

		
		.BOTBOT {
			BACKGROUND-COLOR: #001745;
PADDING: 5PX;
		}
		
        .HP {
            top: 30% !important;
            border-bottom-style: solid;
            border-bottom-width: 8px;
            background-color: #FFFFFF;
            position: absolute;
            padding: 50px;
            min-width: 300px;
            z-index:10; 
        }

        .HPbuttom{
            
            background-color: transparent;  
            padding: 50px;
            min-width: 300px;
            z-index:10; 

        }
		
		

        .HPdx {
            left: -25%;
        }
        .HPsx {
            left: 75%;
        }

        h1 {
            font-size: 18px;
            font-family: "BrandonGrotesqueWeb-Regular", Helvetica, Arial, sans-serif;
            font-style: normal;
            font-weight: bold;
            margin-top: 10px;
            letter-spacing: 0.1em;
            line-height: 16px;
        }

        h4 {
            font-size: 14px;
            font-family: "BrandonGrotesqueWeb-Regular", Helvetica, Arial, sans-serif;
            font-style: normal;
            line-height: 14px;
        }

        .container main a {
            text-decoration: none !important;
            font-size: 16px;
			color: #001745;
			
        }
		
		 .containerMX	 {
            max-width: 1100px;
			width: 100%;
			
        }

        HR {
            color: #FFFFFF;
            width: 80%;
            border-top: 0px solid #FFFFFF;
            padding: 20px;
        }

        

.FT {
border-right: solid 0px #dddddd;
padding-left: 10px;
padding-right: 10px;
text-align:left;

	}





/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  overflow: hidden;
}
/*input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}*/
label {
  position: relative;
  display: block;
  padding: 0 0 0 0;
  line-height: 2;
  cursor: pointer;
color: #001745;
	    font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
	text-transform: uppercase;
}
.blue label {
  background: #2980b9;
}
.tab-content {
  max-height: 0;
  overflow: hidden;
  background: #ffffff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}
.blue .tab-content {
  background: #3498db;
}
.tab-content p {
 margin: 0px;
}
/* :checked */
input:checked ~ .tab-content {
  max-height: 50em;
}
/* Icon */
label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}
input[type=checkbox] + label::after {
  content: "+";
}
input[type=radio] + label::after {
  content: "\25BC";
}
input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}



    }



@media (max-width: 991px) {
		


			 
.T_W {

	left:0% ;
	top: 0% ;
    position: relative !important;	
}
			 
			 
.HPbuttom {
   
    padding: 4px !important;
			 }


.HPdx{
     left:-50%;
            }

}



@media only screen and (min-width: 768px) 
        {




            .whiteB {
                color: #ffffff !important;
                font-weight: bold;
            }
			
			
        }


@media only screen and (min-width: 768px) and (max-width: 991px)
        {
			
		
			
		.FT {
border-right: solid 0px #ffffff;
padding-left: 10px;
padding-right: 10px;
text-align:center;

	}	
			
			
	    }


 @media (max-width: 768px) {
            .hidden-xs {
                display: none !important;
            }

            .visible-xs {
                display: block !important;
            }

            .login a {
                font-size: 13px;
            }

            .HPmobile {
                display: block;
                text-align: center;
            }

            .HPdesktop {
                display: none;
            }

		.info-content-CUSTOM{
		right: 50px;
    position: absolute;
    top: 33%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
			}

    .whiteB {
        color: #001745 !important;
        font-weight: bold;
    }
			

     .HP {
                left: 10%;
                right: 10%;
                top: 80% !important;
                padding: 4px;
                min-width: 100px;
            }

     .HPbuttom {
                left: 0%;
                right: 10%;
                top: 80% ;
                padding: 4px;
                min-width: 100px;
            }

      .FT {
			border-right: solid 0px #ffffff;
			padding-left: 10px;
			padding-right: 10px;
			text-align:center;

	}	

     

      .INNER_SEP{
            margin: auto; 
            width: 90%; 
            height: 50px; 
        }

        .moveHover {
              margin-right: 5px;
        }



    .info-boxes:hover .moveHover {
        margin-right: 0;
        -moz-transition-property: all;
        -moz-transition-duration: 0.5s;
        -moz-transition-delay: 0s;
        -moz-transition-easing: ease-out;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.5s;
        -webkit-transition-delay: 0s;
        -webkit-transition-easing: ease-out;
        -o-transition-property: all;
        -o-transition-duration: 0.5s;
        -o-transition-delay: 0s;
        -o-transition-easing: ease-out;
        transition-property: all;
        transition-duration: 0.5s;
        transition-delay: 0s;
        transition-easing: ease-out;
    }



.wrap-wrap-warp {
    max-width: 750px;
    margin: 20px auto;
    position: relative;
}
		
        .block-title h2 {
            text-transform: uppercase;
            font-weight: 600;
            color: #ffffff !important;
        }

        .block-title h3 {
            color: #ffffff !important;
        }

        .block-title h4 {
            color: #ffffff !important;
        }

        .block-title2 h2 {
            text-transform: uppercase;
            font-weight: 600;
            color: #000000 !important;
        }

        .block-title2 h3 {
            color: #000000 !important;
        }

        .block-title2 h4 {
            color: #000000 !important;
        }

        .small-btn-add {
            border: none !important;
            color: #333333;
            background-color: rgba(255, 255, 255, 0.35);
            font-size: 20px !important;
            padding: 8px !important;
        }

 }

 @media (max-width: 479px) {
 	 .small-btn-add {
                padding: 0px !important;
                margin-bottom: 15px !important;
            }
 


    .infoContentAdd_4 {
            width: 85%;
            margin-left: auto;
            margin-right: auto;
            top: 85% !important;
        }

     .infoContentAdd_6 {
            width: 85%;
            margin-left: auto;
            margin-right: auto;
            top: 80% !important;
        }

    .infoContentAdd_6bis {
            width: 85%;
            margin-left: auto;
            margin-right: auto;
            top: 90% !important;
        }


       }