/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 18, 2015, 5:04:41 PM
    Author     : Rico
*/

a
{
/*    color:#0073cf*/
color:white;
}
img{border-radius:5px;}
body
{

/*    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;*/

    color:black;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif!important;
    line-height:1.5;
    margin:0 auto;
    min-width:320px;
    max-width:1024px;
    /*	overflow:auto;*/
    padding:0 24px;
    background: #C3E5F1;
        background: rgb(186, 186, 186);
         background: #F1F1F1;
/*     background: url(http://subtlepatterns.com/patterns/extra_clean_paper.png) repeat;*/
    border-radius:3px; 
    margin-top:1%;
     -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
    /*             background:rgb(148, 148, 148); */
    .navbar-fixed-top{
        top:17px!important;
    }

header[role="banner"]
{
    background-color: transparent;
  display: block;
    padding: 0px 12px;
  margin-top: -13px;
  border: none;
}
.navbar-toggle{
      background-color: #266CBB;
  border-color: lightgray;
}
header[role="banner"] h1
{
    color:#fff;
    font-size:inherit;
    font-weight:800;
    margin:0
}
header[role="banner"] h1 a
{
    color:inherit;
    text-decoration:none
}
[role="main"]
{
    background: #C3E5F1;
    padding:5px 0;
    border-radius:3px;
/*    border-right:1px solid white;
    border-left:1px solid white;*/
    overflow: visible;
     -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}
#grid .first-of-row
{
    clear:left;
    margin-left:0
}
#grid .undo-first-of-row
{
    clear:none;
    margin-left:4.4%
}
.clearfix
{
    zoom:1
}
.clearfix:after
{
    clear:both
}
.clearfix:after,.clearfix:before
{
    display:table;
    content:""
}
body [role="main"]>ul
{
    zoom:1;
    list-style:none;
    margin:-96px 0 96px 0;
    padding:0
}
body [role="main"]>ul:after
{
    clear:both
}
body [role="main"]>ul:after,body [role="main"]>ul:before
{
    display:table;
    content:""
}
body [role="main"]>ul>li
{
    float:left;
    margin-left:4.4%;
    width:47.800000000000004%;
    border:1px solid #ddd;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    text-align:center
}
body [role="main"]>ul>li:first-child
{
    margin-left:0
}
body [role="main"]>ul>li.current a
{
    pointer-events:none
}
body [role="main"]>ul>li.current img
{
    opacity:.2
}
body [role="main"]>ul>li img
{
    display:block;
    margin:0;
    max-width:100%
}
body [role="main"]>ul>li:nth-of-type(3n)
{
    clear:left;
    margin-left:0
}
body [role="main"]>ul>li:nth-of-type(n+3)
{
    margin-top:12px
}
body [role="main"]>ul>li>ul
{
    zoom:1;
    display:inline-block;
    left:50%;
    list-style:none;
    margin:-12px 0 0 -72px;
    padding:0;
    position:absolute;
    top:50%
}
body [role="main"]>ul>li>ul:after
{
    clear:both
}
body [role="main"]>ul>li>ul:after,body [role="main"]>ul>li>ul:before
{
    display:table;
    content:""
}
body [role="main"]>ul>li>ul li
{
    background-color:#fff;
    border-radius:100px;
    cursor:pointer;
    color:transparent;
    float:left;
    height:24px;
    overflow:hidden;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
    width:24px
}
body [role="main"]>ul>li>ul li.apple-green
{
    background-color:#8db600
}
body [role="main"]>ul>li>ul li.avocado
{
    background-color:#568203
}
body [role="main"]>ul>li>ul li.azure
{
    background-color:#007fff
}
body [role="main"]>ul>li>ul li.carrot-orange
{
    background-color:#ed9121
}
body [role="main"]>ul>li>ul li.current
{
    border-radius:0;
    cursor:default
}
body [role="main"]>ul>li>ul li.tomato
{
    background-color:#ff6347
}
body [role="main"]>ul>li>ul li+li
{
    margin-left:6px
}
iframe
{
    border:1px solid #000;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:300px;
    width:100%
}
.colum_images
{
    width:230px; height:230px;
    display:block;
    margin:0px 0;
}
img{
	
	  display:block;
    margin:0px 0;
}
.video-img{
/* 	margin-top:100px; */
	width:100%;
}
@media all and (min-width:600px)
{
	
    body [role="main"]>ul>li
    {
        float:left;
        margin-left:4.4%;
        width:21.700000000000003%
    }
    body [role="main"]>ul>li:first-child
    {
        margin-left:0
    }
    body [role="main"]>ul>li:nth-of-type(3n)
    {
        clear:none;
        margin-left:4.4%
    }
    body [role="main"]>ul>li:nth-of-type(n+3)
    {
        margin-top:0
    }

}
#tabsaccordion-0-tab-0 >:hover{
   background-color:rgb(45, 197, 253); font-size:55px;
}