/*!
Topic Community CSS
 */
 .youtubeFloat {float: none; margin-bottom:18px !important;}

html,
body {
    color: #333;
    font-family: Roboto, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    margin-top:0;
}


body {
    padding-top: 70px;
    margin: 8px !important;
}


.h1, .h2, h1, h2 {
    margin: 2px 0 12px 0px;
    color: #7196CE;
    font-weight:400;
}

h1, .h1 {font-size:220%; line-height: 120%}
h2, .h2 {font-size:180%; line-height: 150%}
h3, .h3 {font-size:140%; line-height: 150%}


.h3titles  { 
  line-height:1.375; 
  margin-top: 0;
  color: #7196CE;
  font-weight:400;
}

.h3subhed {
  color:#333;
  font-size:120%;
  font-weight:normal;
  line-height:1.2;
  margin-top:0;
}



.container { 
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
     }


  .row { 
    margin:0;
    padding: 0; 
    width:100%; 

  }


.navbar   {
    background-image: url(../assets/top-border.png);
    /* background-repeat: repeat-x; */
    /* background-position: -57% -12%; */
    height: 216px;
    /* color: #fff !important; */
    position: absolute;
    /* right: 0; */
    left: 0px;
    /* z-index: 99999; */
    top: -62px;
    /* border: none; */
    opacity: 0.5;
    /* left: 81px; */
    /* max-width: 4433px; */
    width: 100%;
}

  .topone {margin-top:30px; max-width: 800px;}

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



p, li { font-size: 17px; }


.h3Titles  { color: #7196CE; line-height:1.3;}

.navbar-nav li a { display: none; }

a:link, a:visited {color: #555555;}

a:focus, a:hover {
    color: #237b91;
    text-decoration: none;
}

.link-underline {
    border-bottom: 1px dashed #aaa;
}

.fa-square  { color: #bfe2ff; }

.fa-ellipsis-v  { color: #777; }

.fa, .fas, .far, .fab { color: #7196CE; }

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}


.navbar-inverse {
    background-color: #fff;
    border-color: #fff;
}

.portfolio-item img { border: 2px solid #dcdcdc; box-shadow:2px 2px 6px #e4e4e4; }



.wideRow { max-width: 676px; }



code { font-size: 110%; }

.sliderDiv { width: 32%; display:inline-block !important; height:32px;}


.sliderBut {
    width: 62px;
    height: 26px;
    margin-top: 9px;
    margin-left: 5px;
    background-color: #e7ecf1;
    color: #67b6f9;
    border:#bbb;
    border-radius: 4px;
}



@media only screen and (min-width : 480px) and (max-width: 991px) {
  .img2 { max-width: 55% !important; }
  .bestRest { max-width: 190px; }
  .fa-arrow-right { display: none; }
  .youtubeFloat {float:right;}
}

@media only screen and (min-width: 992px) {
 .img2 { max-width: 100% !important; }
 div#emulateBullets {margin-top: 56px; }
 .fa-arrow-circle-up { display: none !important; }
 .bestRest { width: 290px !important; }
 .rightcol2 {position:absolute;bottom:1px; right:1px;}
 .youtubeFloat {float:right;}
}

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

 .carousel-caption img { width: 60%; }
 .wrapImg { float:left; margin-right: 22px; max-width:100px }
}

@media (min-width: 1200px) {
    .container { width: 1024px; }
  }

@media only screen and (max-width : 479px) {
  .img2 { max-width: 100% !important; }
  .h3, h3 { font-size:21px; }
  .welcome { margin-bottom:-12px; }

  .fa-arrow-right { display: none; }

   #jobsTxt { font-size: 14px; }
   #jobsPic { width:155px  }
   .bestRest { max-width: 190px; }
   .wrapImg { max-width:220px; }
   code { font-size: 100%; padding: 1px 1px; }
   .youtubeFloat {float: none; margin-bottom:18px !important;}

}


.bigPara { font-size: 22px !important; }

.page-header {  margin-top: 0px; line-height: 42px !important; margin-bottom:0px;}




.codecls { font-size: 20px !important;  }

@media (min-width:700px) {

    .welcome {  
      max-width:788px;
      margin-top:-9px;
      margin-bottom:0;
    }
}



/* ----- CLEARFIX 2 ----- */

.cf {
    *zoom:1;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}