@charset "utf-8";
/* CSS Document */

/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Ruda:400,700');
@import url('https://fonts.googleapis.com/css?family=Coda:400,800');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700');

@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Quattrocento:400,700');
@import url('https://fonts.googleapis.com/css?family=Patua+One');

@import url('https://fonts.googleapis.com/css?family=Baloo+Thambi');

@import url('https://fonts.googleapis.com/css?family=Scada:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

.fontOpenSans{font-family:"Open Sans",Arial,sans-serif !important;}
.fontRoboto{font-family:Roboto,Arial,sans-serif !important;}
.fontRobotoCondensed{font-family: 'Roboto Condensed',Arial,sans-serif !important;}
.fontRuda{font-family:"Ruda",Arial,sans-serif !important;}
.fontDroidSans{font-family:"Droid Sans",Arial,sans-serif !important;}
.fontQuattrocento{font-family:"Quattrocento",Arial,sans-serif !important;}
.fontPatuaOne{font-family:"Patua One",Arial,sans-serif !important;}
.fontCoda{font-family: 'Coda',cursive,Arial,sans-serif !important;}
.fontNunito{font-family: 'Nunito', sans-serif !important;}
.fontScada{font-family: 'Scada', sans-serif;}
.fontNotoSans{font-family: 'Noto Sans', sans-serif;}

.fontBold{font-weight:bold;}
.fontWet400{font-weight:400;}
.fontWet500{font-weight:500;}
.fontWet600{font-weight:600;}
.fontWet700{font-weight:700;}

.textDecorationNone a{text-decoration:none;}
.hoverLinkClrYellow a:hover{color:yellow;}
.textOverflowEllipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.textOverflowEllipsisLine2{
    text-align:left; 
    line-height:19.6px; 
    height:39.2px; 
    overflow:hidden; 
    display:-webkit-box; 
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}

.gap{height:10px;}
.clr{clear:both;}

.borderBlack{border:1px solid #000;}
.borderA0{border:1px solid #A0A0A0;}
.borderB0{border:1px solid #B0B0B0;}
.borderC0{border:1px solid #C0C0C0;}
.borderD0{border:1px solid #D0D0D0;}
.borderE0{border:1px solid #E0E0E0;}
.borderF0{border:1px solid #F0F0F0;}
.borderF9{border:1px solid #F9F9F9;}
.borderFC{border:1px solid #FcFcFc;}

.bdrClrA0{border-color: #A0A0A0 !important;}
.bdrClrB0{border-color: #B0B0B0 !important;}
.bdrClrC0{border-color: #C0C0C0 !important;}
.bdrClrD0{border-color: #D0D0D0 !important;}
.bdrClrE0{border-color: #E0E0E0 !important;}
.bdrClrF0{border-color: #F0F0F0 !important;}
.bdrClrF9{border-color: #F9F9F9 !important;}
.bdrClrFC{border-color: #FcFcFc !important;}

.bgclrA0{background-color: #A0A0A0;}
.bgclrB0{background-color: #B0B0B0;}
.bgclrC0{background-color: #C0C0C0;}
.bgclrD0{background-color: #D0D0D0;}
.bgclrE0{background-color: #E0E0E0;}
.bgclrF0{background-color: #F0F0F0;}
.bgclrF9{background-color: #F9F9F9;}
.bgclrFC{background-color: #FcFcFc;}

.cursorPointer{cursor:pointer !important;}
.cursorDefault{cursor:default !important;}

.margin0{margin:0px !important;}
.margin3{margin:3px !important;}
.margin5{margin:5px !important;}
.margin10{margin:10px !important;}
.margin15{margin:15px !important;}

.marginTop0{margin-top:0px !important;}
.marginTop5{margin-top:5px !important;}
.marginTop10{margin-top:10px !important;}
.marginTop15{margin-top:15px !important;}

.marginRight0{margin-right:0px !important}
.marginRight5{margin-right:5px !important}
.marginRight10{margin-right:10px !important}
.marginRight15{margin-right:15px !important}
.marginRight20{margin-right:20px !important}
.marginRight25{margin-right:25px !important}

.marginBottom0{margin-bottom:0px !important}
.marginBottom5{margin-bottom:5px !important}
.marginBottom10{margin-bottom:10px !important}
.marginBottom15{margin-bottom:15px !important}
.marginBottom100{margin-bottom:100px !important}

.marginLeft0{margin-left:0px !important}
.marginLeft5{margin-left:5px !important}
.marginLeft10{margin-left:10px !important}
.marginLeft15{margin-left:15px !important}


.padding0{padding:0px !important;}
.padding2{padding:2px !important;}
.padding3{padding:3px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding15{padding:15px !important;}

.paddingTop0{padding-top:0px !important;}
.paddingTop2{padding-top:2px !important;}
.paddingTop4{padding-top:3px !important;}
.paddingTop5{padding-top:5px !important;}
.paddingTop10{padding-top:10px !important;}
.paddingTop15{padding-top:15px !important;}

.paddingRight0{padding-right:0px !important}
.paddingRight5{padding-right:5px !important}
.paddingRight10{padding-right:10px !important}
.paddingRight15{padding-right:15px !important}
.paddingRight20{padding-right:20px !important}
.paddingRight25{padding-right:25px !important}
.paddingRight30{padding-right:30px !important}

.paddingBottom0{padding-bottom:0px !important}
.paddingBottom5{padding-bottom:5px !important}
.paddingBottom10{padding-bottom:10px !important}
.paddingBottom15{padding-bottom:15px !important}

.paddingLeft0{padding-left:0px !important}
.paddingLeft5{padding-left:5px !important}
.paddingLeft10{padding-left:10px !important}
.paddingLeft15{padding-left:15px !important}
.paddingLeft20{padding-left:20px !important}
.paddingLeft25{padding-left:25px !important}
.paddingLeft30{padding-left:30px !important}

.hoverZoom:hover{transform:scale(1.1,1.1);transition:all 0.2s ease;}
.hoverImgZoom:hover img{transform:scale(1.1,1.1);transition:all 0.2s ease;}

.widthPerc20{width:20%;}
.widthPerc25{width:25%;}
.widthPerc50{width:50%;}
.widthPerc100{width:100%;}

.containerSameSize20 {position: relative; width:20%; padding-top: 20%; /* 1:1 Aspect Ratio */}
.containerSameSize25 {position: relative; width:25%; padding-top: 25%; /* 1:1 Aspect Ratio */}
.containerSameSize50 {position: relative; width:50%; padding-top: 50%; /* 1:1 Aspect Ratio */}
.containerSameSize100 {position: relative; width:100%; padding-top: 100%; /* 1:1 Aspect Ratio */}
.SameSize {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.aspectRatio20 {position:relative; width:20%; padding-top: 20%; /* 1:1 Aspect Ratio */}
.aspectRatio25 {position:relative; width:25%; padding-top: 25%; /* 1:1 Aspect Ratio */}
.aspectRatio50 {position:relative; width:50%; padding-top: 50%; /* 1:1 Aspect Ratio */}
.aspectRatio100{position:relative; width:100%; padding-top:100%; /* 1:1 Aspect Ratio */}


.container{
    padding:0;
    margin:auto;
    max-width:1170px;	
}

html,body{
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
    background-color:white;
    font-size:14px;
}

html,body,h1,h2,h3,h4,h5{
    font-family:"Roboto", Arial, sans-serif;
    /*letter-spacing:0;
    font-size:14px;*/
}


#navWrapper{
    background-color: rgba(25,20,20, .75); /*#575A5D;*/
    color: white;
}

#navWrapper, #navBar{
    margin-bottom: 0px;
}
#navWrapper a{
    padding: 16px 16px;
    text-decoration: none;
}
#navWrapper .active {
    background-color: #C31F20; /*#F9DD1A;*/
    color: white;
}

#navWrapper.affix {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/*header {
    background: red;  For browsers that do not support gradients 
    background: -webkit-linear-gradient(left top, white, #F7F7E9);  For Safari 5.1 to 6.0 
    background: -o-linear-gradient(bottom right, white, #F7F7E9);  For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(bottom right, white, #F7F7E9);  For Firefox 3.6 to 15 
    background: linear-gradient(to bottom right, white, #F7F7E9);  Standard syntax 
}*/

.blueGradient {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(bottom right, #7DC433, #42C662); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #7DC433, #42C662); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #7DC433, #42C662); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #7DC433, #42C662); /* Standard syntax */
}