/* Basic CSS starts */

body{
   font-family: 'Open Sans', sans-serif; color:#fff; font-size:13px; line-height:25px;
	-webkit-font-smoothing: antialiased; background-color:#010000 !important; overflow:hidden;
}

h1, h2, h3, h4{font-family: 'Open Sans', sans-serif;}
h2{font-size:36px !important;}
h5,h6{font-family: 'Open Sans', sans-serif;}

ul, ol{ padding-left:15px;}
ul.none{text-align:left;margin:0;padding:5px 0px 10px 20px;list-style-type:none !important;}
ul.none li{padding:0px 0px 10px 0px;margin:0;}

a{color:#1aa3b7;text-decoration:none;}
a:hover,a:active,a:focus {outline: 0;text-decoration:none !important;}
hr{ }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

.form *{font-size:13px;}

/*************************** NEW STYLES ************************/
.cred{color:red;}
.cOrange{color:#4968a2 !important;}
.cBordeaux{color:#862647 !important;}
.cWhite{color:white !important;}
.cGrayDark{color:#444 !important;}
.cGrayLight{color:#868686 !important;}
.red{border:dotted 1px red !important;}
.blue{border:dotted 1px blue !important;}
.black{border:dotted 1px black !important;}
.aqua{border:dotted 1px aqua !important;}
.yellow{border:dotted 1px yellow !important;}

.fleft{float:left !important;}
.fright{float:right !important;}
.ttleft{text-align:left !important;}
.ttright{text-align:right !important;}
.ttbold{font-weight:bold !important;}
.ttitalic{font-style:italic !important;}
.ttcenter{text-align:center !important;}
.ttjustify{text-align:justify !important;}
.ttcenter{text-align:center !important;}
.ttupper{text-transform:uppercase !important;}
.ttlower{text-transform:lowercase !important;}

.alvertMidd{vertical-align:middle !important;}
.pstRelative{position:relative;}

.clear{clear:both;}
.clear3{clear:both; height:3px;}
.clear5{clear:both; height:5px;}
.clear10{clear:both; height:10px;}
.clear15{clear:both; height:15px;}
.clear20{clear:both; height:20px;}
.clear25{clear:both; height:25px;}
.clear30{clear:both; height:30px;}
.clear35{clear:both; height:35px;}
.clear40{clear:both; height:40px;}
.clear45{clear:both; height:45px;}
.clear50{clear:both; height:50px;}
.clear55{clear:both; height:55px;}
.clear60{clear:both; height:60px;}
.clear65{clear:both; height:65px;}
.clear70{clear:both; height:70px;}
.clear75{clear:both; height:75px;}
.clear80{clear:both; height:80px;}
.clear85{clear:both; height:85px;}
.clear90{clear:both; height:90px;}
.clear95{clear:both; height:95px;}
.clear100{clear:both; height:100px;}

header#topNav .logTop{text-align:center; margin:130px auto 50px;}
header#topNav .logTop img{display:inline !important;}

.main h1{font-family:'Open Sans', sans-serif; font-size:50px; font-weight:300; color:#fff; margin-bottom:30px;letter-spacing: 0.1em;}
.main h2, .main h2 a{font-family:'Open Sans', sans-serif; font-weight:300; color:#fff;}
.main h2 a:hover{text-decoration:underline !important;}



/******************************************************************************************************************/
/******  Media PRINT ********/
@media print {
}


/****************** Responsive CSS ************************/

/* ### MOBILE ### */
@media (max-width: 215px)
{
}
@media (max-width: 320px)
{
}

@media (max-width: 485px)
{
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 490px) and (orientation: portrait){
    /* some CSS here */
}

/* Mobile phones */
@media (max-width: 600px)
{

}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

@media screen and (min-device-width: 495px) and (max-width: 973px)
{
}

@media screen and (min-device-width: 768px) and (max-device-width: 800px)
{
}
/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 800px) and (max-device-width: 980px)
{
}
@media screen and (min-device-width: 980px) and (max-device-width: 1024px)
{
}

/* Tablets */
@media (max-width: 768px){
}

@media screen and (max-width: 800px) 
{

}


/* #### Desktops #### */
/* Desktop */
@media (min-width: 991px)
{

}

@media screen and (min-width: 1024px){
  /* some CSS here */
}