@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Lato", sans-serif;
  font-size: 14px; }

/*social media bttns*/
a.fa-facebook-square {color: #545352; background: none; text-decoration: none;}
a:hover.fa-facebook-square {color: gray;}
a.fa-twitter-square {color: #545352; background: none; text-decoration: none;}
a:hover.fa-twitter-square {color: gray;}
a.fa-instagram {color: #545352; background: none; text-decoration: none;}
a:hover.fa-instagram {color: gray;}
a.fa-youtube-square {color: #545352; background: none; text-decoration: none;}
a:hover.fa-youtube-square {color: gray;}
a.fa-envelope-square {color: #545352; background: none; text-decoration: none;}
a:hover.fa-envelope-square {color: gray;}
  
  a img {
	border: none;  
  }

#menu {
  display: none; }
#secondarycontent .ctimg {
	float: right;
	padding: 5px;
}
#content .nolines tr:nth-child(even) {
	background: #fff;
}
#content .highlightbox {
	float: right;
	width: 40%;
	background-color: #ccc;
	padding: 5px;
	border-radius: 5px;	
}
header {
  float: left;
  width: 100%;
  background-image: url(/img/headerbg.png);
  background-repeat: no-repeat;
  background-size: 100%; }
  header #sm {
    float: right;
    font-size: 2em;
    margin-right: 10px;
    color: #545352; }
    header #sm i {
      padding: 0 2px; }
  header #ag {
    float: left;
    margin-left: 3%;
    width: 15%;
    margin-top: 2%; }
    header #ag img {
      max-width: 157px;
      width: 100%; }
  header #logo {
    float: left;
    width: 40%;
    font-weight: 900;
    margin-top: 3.5%;
    margin-right: 2%; }
    header #logo a {
      text-decoration: none; }
      header #logo a .big {
        color: #042c6c;
        font-size: 2.8em;
        text-shadow: 3px 3px 6px #8A8A8A; }
        header #logo a .big .letter {
          font-size: 1.6em; }
        header #logo a .big.att {
          display: inline-block;
          margin-top: 1%;
          padding: 0;
          line-height: 1em; }
        header #logo a .big.gen {
          margin-top: -9%;
          display: inline-block; }
      header #logo a .small {
        color: #f4bc24;
        font-size: 1.5em;
		filter: Shadow(Color=black, Direction=130, Strength=3); /* IE Proprietary Filter*/
        text-shadow: 3px 3px 3px #000;
		
        margin-left: 11%; }
        header #logo a .small.sd {
          margin-top: -4%;
          display: inline-block;
          line-height: 2em;
          vertical-align: top; }
        header #logo a .small.off {
          margin-left: 8.4%;
          line-height: 2.6em; 
		  display: inline-block;}
        header #livehelp {
            float: right;
            margin-right: 3%;
            /*background-color: #545352;
            color: #fff;
            padding: 10px 20px;*/
            padding:5px;
            border-radius: 0px 0px 5px 5px;
            font-weight: bold;  
        }
        header #livehelp a {
            color: #fff;
            text-decoration: none;
        }
  header #seal {
    float: left;
    width: 15%;
    margin-top: 1.5%;
    margin-bottom: 1.5%; }
    header #seal img {
      max-width: 130px; }
  header #search {
    width: 23%;
    float: left;
    margin-top: 6%; }
    header #search .gsc-control-cse {
      background-color: transparent;
      background-color: rgba(255, 255, 255, 0);
      border-color: transparent;
      border-color: rrgba(255, 255, 255, 0); }
    header #search input.gsc-search-button, header #search input.gsc-search-button:hover, header #search input.gsc-search-button:focus {
      box-sizing: content-box; }

nav > ul > li {
  height: 4em; }

nav {
  margin-top: -5px;
  float: left;
  width: 100%;
  padding: 0 11.5%;
  position: relative;
  z-index: 4000;
  clear: both;
  background-color: #042c6c;
  border-top: 3px solid #f4bc24;
  border-bottom: 3px solid #f4bc24; }
  nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    font-size: 1.1em;
    position: relative; }
    nav ul ul, nav ul ul ul {
      display: none;
      text-transform: none; }
    nav ul li {
      float: left;
      list-style-type: none;
      width: 15%;
      text-transform: uppercase;
      font-weight: bold;
      position: relative;
      display: block;
      line-height: 1.3em; }
      nav ul li:nth-of-type(3) {
        width: 25%; }
      nav ul li:nth-of-type(1) {
        width: 15%; }
      nav ul li:hover {
        background-color: #03265d; }
      nav ul li:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      nav ul li a {
        color: #fff;
        text-decoration: none;
        padding: 10px;
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: middle; }
      nav ul li ul.openl1 {
        display: block;
        position: absolute;
        top: 100%;
        left: 0%;
        width: 150%; }
        nav ul li ul.openl1 li {
          width: 100%;
          float: left;
          background-color: #03265d;
          font-size: .8em;
          text-transform: none; }
          nav ul li ul.openl1 li:hover {
            background-color: #042c6c; }
          nav ul li ul.openl1 li a {
            text-align: left; }
        nav ul li ul.openl1 ul.openl2 {
          display: block;
          position: absolute;
          top: 0%;
          left: 100%;
          width: 100%; }
          nav ul li ul.openl1 ul.openl2 li {
            font-size: .9em;
            background-color: #053685; }
            nav ul li ul.openl1 ul.openl2 li a:hover {
              background-color: #06409d; }
          nav ul li ul.openl1 ul.openl2 ul.openl3 {
            display: block;
            position: absolute;
            top: 0%;
            left: 100%;
            width: 100%; }
            nav ul li ul.openl1 ul.openl2 ul.openl3 li {
              font-size: .9em;
              background-color: #06409d; }
              nav ul li ul.openl1 ul.openl2 ul.openl3 li a:hover {
                background-color: #074ab6; }
      nav ul li:last-of-type ul.openl1, nav ul li:nth-of-type(4) ul.openl1 {
        right: 0%;
        left: auto; }
        nav ul li:last-of-type ul.openl1 ul.openl2, nav ul li:nth-of-type(4) ul.openl1 ul.openl2 {
          right: 100%;
          left: auto; }
      nav ul li:nth-of-type(3) ul.openl1 ul.openl2 {
        width: 80%; }

.dl-back {
  display: none; }
#secondarycontent img.primage {
    float: right;
    padding: 10px;
    max-width: 400px;
}
#content {
  float: left;
  width: 80%;
  margin: 1% 10%;
  font-family: Arial, sans-serif;
  line-height: 1.4em; }
  #content h1 {
    font-size: 1.8em;
    margin: 10px 0;
    padding: 0;
    line-height: 1.1em; }
  #content a {
    color: #042c6c; }
  #content #maincontent {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 5px; }
    #content #maincontent #sidemenu {
      float: right;
      width: 30%;
      margin-left: 5%;
	  margin-top: 1%; }
      #content #maincontent #sidemenu li > a:not(:only-child):after {
        content: '\25bc';
        float: right;
        color: #f4bc24;
        font-size: 18px; }
      #content #maincontent #sidemenu li.sideopen > a:not(:only-child):after {
        content: '\25C0';
        float: right;
        color: #f4bc24;
        font-size: 28px; }
      #content #maincontent #sidemenu ul {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%; }
        #content #maincontent #sidemenu ul li {
          list-style-type: none;
          background-color: #00225e;
          clear: both;
          width: 100%;
          border-bottom: 1px solid #d7d7d7; }
          #content #maincontent #sidemenu ul li:hover {
            background-color: #002b78; }
          #content #maincontent #sidemenu ul li a {
            color: #fff;
            padding: 10px;
            text-decoration: none;
            display: block;
            font-weight: bold;
            width: 100%; }
          #content #maincontent #sidemenu ul li ul {
            padding: 0;
            margin: 0;
            width: 100%;
            float: left;
            display: none; }
            #content #maincontent #sidemenu ul li ul li {
              background-color: #d7d7d7;
              width: 100%; }
              #content #maincontent #sidemenu ul li ul li:hover {
                background-color: #e4e4e4; }
              #content #maincontent #sidemenu ul li ul li a {
                color: #00225e; }
    #content #maincontent #secondarycontent {
      float: left;
      width: 65%; }
.downloadpdf {
    background-color: #d7d7d7;
    padding: 15px 20px;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: none;
    float: right;
}
    #submenu{display: none;}
	  
	  #content #maincontent #secondarycontent.noside {
      float: left;
      width: 100%; }
	  
	  #secondarycontent ul li {
			line-height: 180%;  
	  }
	  
	  #secondarycontent ul.double li {
			width: 50%;
			float: left;
		  
	  }
	  #secondarycontent ul.double {
			clear: both;  
	  }
	  #secondarycontent img {
	  	max-width: 100%;
	  }



      .contentImg{
          float:left;
          width:45%;
          margin:10px;
      }

      .colLeft{
          float:left;
          width:45%;
      }

      .colRight{
          float:right;
          width:45%;
      }
	  
	  #content h3, #content h1 {
		  color: #042c6c;
	  }
	  
	 #content table {
		  border-collapse: collapse;
		  border: 3px solid #042c6c;
		  width: 100%; }
	  #content table tr {
		border-collapse: collapse;  
	  }
	  #content table tr th {
		  background-color: #042c6c;
		  color: #fff;
		  text-align: left;
		  padding: 5px;
	  }
	  
	#content tr:nth-child(even) {background: #CCC}
	#content tr:nth-child(odd) {background: #FFF}	  
	  
	  #content table tr td {
		  border-collapse: collapse;
		  padding: 0px 5px;
		  }
		  
		  #sidemenu img {
			max-width: 100%;  
		  }
		  
		  #sidemenu .sidemenuimage {
		  	display: block;
			margin: 0 auto;
			padding-top: 10px;
			clear: both;
			max-width: 110px;
		  }
		  
		  #content .imagediv {
			float: left;  
		  }
		  #content .imagediv img {
			float: left;  
			max-width: 80px;
		  }
		  #content .imagetext {
			float: left;
			padding-left: 20px;  
		  }
		  
		  .fbox {
				width: 100%;
				float: left;
				clear: both;
				padding: 10px 0px;  
		  }
		  
		  .lbox {
				float: left;
				width: 30%;
				padding-right: 5px;
				text-align: right;  
		  }
		  .rbox {
				float: left;
				width: 70%;
				  
		  }
		  
		  #btn_Submit, #btn_Reset, #secondarycontent input[type=submit], #btn_Export, #btn_Print, #sidemenu input[type=submit], #btn_CompSubmit {
				padding: 7px 15px;
				font-weight: bold;
				color: #fff;
				border-radius: 5px;
				background-color: #042c6c;
				border: none;
				cursor: pointer;  
		  }
          /*Contact and Criminal Justice Directory Buttons*/
           #btn_Submit, #btn_Reset, #btn_Export, #btnExportResults{
               margin-bottom:10px;
               margin-right:30px;
           }


          /*COMPLAINT FORM*/
          .zip {
              display: inline-block;
          }
          
          .required{
              background-image:url(/img/requiredPointer.png);
              background-repeat: no-repeat;
              background-size:contain;
              background-color:#cc0000;
              padding:3px;
              font-size:12px;

          }

          #complaintForm .lbox{
              text-align:left;
              width:initial;

          }

          #complaintForm .fbox{
              padding:0;
              margin:20px 0;

          }

          .complaintSection{
              margin-top:20px;
          }

          .disclaimer{
              font-size:16px;
          }

            /*TECHNOLOGY CONTACTS*/
            .contactsLeft{
                float:left;
                display: inline-block;
            }

            .contactsLeft p{margin-top:0;}

            .clearfix{
                clear:both;
            }

            /*FORENSIC LAB*/
            .forensicsRight{
                float:right;
                width:65%;
            }
            .forensicsLeft{
                float:left;
                width:35%;
            }

            #sidemenu h3{
                clear:both;
                padding-top:20px;
                margin-bottom:10px;
            }

            .question{
                font-weight:bold;
                margin-bottom:0;
            }

            .answer{
                margin-top:0;
            }

            
.LETvalues{
    font-size:18px;
}            

.clear{
    clear:both;
    padding-top:5px;
}

#content table#pressrelease {
	border: none;	
	vertical-align: top;
}

#content table#pressrelease td{
	vertical-align: top;	
}

#content table#pressrelease td.date{
	color: #042c6c;
	font-size: 1.3em;
	font-weight: bold;
	width: 20%;	
}

#content table#pressrelease td h2 {
	margin: 0;
	padding: 0;
	line-height: 1.2em;	
}

#content table#pressrelease td h2 a {
	text-decoration: none;	
}

#content table#pressrelease td h2 a:hover {
	color: #d59d07;
}

#content table#pressrelease tr{
	border-bottom: 1px solid gray;
	padding-bottom: 10px;	
	padding-top: 20px;
	float: left;
	clear: both;
}

#content table#pressrelease tr:nth-child(even) {
	background-color: #fff;	
}

footer {
  clear: both;
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 2%;
  color: #042c6c;
  margin-bottom: 1%; }
  footer #bar {
    background-color: #042c6c;
    height: 25px;
    border-top: 3px solid #f4bc24;
    border-bottom: 3px solid #f4bc24;
    margin-bottom: 10px; }
  footer a {
    color: #042c6c;
    text-decoration: none;
    padding:15px;
    line-height:2em;

  } 
  
  #dciVideo video{
	  width:100%;
  }

  /*Contact and Criminal Justice Directory Drop Downs/Text Box Spacing*/
  #tb_Name, #ddl_City, #ddl_Section, #ddl_Sort1, #ddl_Sort2, #ddl_Sort3, #ddl_Sort4, #ddl_Sort5, #tb_Phone, #tb_Email, #dd_Department, #tb_Message{
        padding:5px;
    }
    
    #ddl_Sort1, #ddl_Sort2, #ddl_Sort3, #ddl_Sort4, #ddl_Sort5{
        margin:5px;
    }
  
    /*Complaint Form Text Box Spacing*/
    #tb_partyName, #tb_partyAddres, #tb_partyCity, #tb_partyState, #tb_partyZip, #tb_partyHomePhone, #tb_partyWorkPhone, #tb_partyEmail, #tb_partyContactTime,
    #tb_vicName, #tb_vicAddress, #tb_vicCity, #tb_vicState, #tb_vicZip, #tb_vicHomePhone, #tb_vicWorkPhone, #tb_vicDOB,
    #tb_facName, #tb_facAddress, #tb_facCity, #tb_facState, #tb_facZip, #tb_facHomePhone,
    #tb_perpName, #tb_perpAddress, #tb_perpCity, #tb_perpState, #tb_perpZip, #tb_perpHomePhone, #tb_perpWorkPhone, #tb_perpDOB,
    #tb_otherName, #tb_otherAddress, #tb_otherCity, #tb_otherState, #tb_otherZip,
    #tb_allegation
     {
        padding:5px;
    }

	@media (min-width: 1300px) {
		header {max-height: 185px;	}
		
		header #ag { margin-top: 30px;}
		
		header #logo { margin-top: 48px;}
		
		header #seal {margin-top: 25px;}
		
		header #search {margin-top: 80px;}
		header #logo a .small.off {
	margin-left: 49px;}
	
header #logo a .big.att {
	margin-top: 2px;	
}

header #logo a .small.sd {
	margin-top: -25px;	
}

header #logo a .small {
	margin-left: 62px;	
}

header #logo a .big.gen {
	margin-top: -50px;	
}

	
	}
@media (max-width: 1225px) {
    header #seal {
    display: none; }
}

@media (max-width: 1050px) {
  header #ag {
    margin-right: 3%; }
  
  header #logo {
    width: 45%; }
	
    .forensicsRight, .forensicsLeft{
    float:none;
    width:100%;
    }
    header #livehelp {
        position: absolute;
        right: 17%;
    }
    

  nav {
    padding: 0 2.5%; } }

@media (max-width: 945px) {
    .contactsLeft{
        float:none;
        display: block;
        padding-left:15px;
    }

    .contactsLeft p{
        margin-top:unset;
        margin-bottom:0;
    }

    .contactsLeft:first-of-type{
        padding-left:0;
    }

}

@media (max-width: 850px) {
  header #logo {
    width: 56%; }
  header #search {
    display: none; }

  nav > ul {
    font-size: .9em; }
    nav > ul ul {
      font-size: 1em; }
      nav > ul ul ul {
        font-size: 1em; }
       header #livehelp {
       display: none;
    }
  #content {
    width: 90%;
    margin: 2% 5%; }

  /*Criminal Justice Directory Table Responsive*/
  table#cjdsearch, #cjdsearch th, #cjdsearch thead,#cjdsearch tbody, #cjdsearch tr, #cjdsearch td{
      display: block;
      clear:both;
  }
  
  #cjdsearch thead tr{
      position:absolute;
      top:-9999px;
      left:-9999px;
  }

  #cjdsearch tr{
      border:1px solid #ccc;
  }

  #content #cjdsearch td{
      border:none;
      border-bottom:1px solid #ddd;
      position: relative;
      padding-left:50%;
      min-height:19px;

  }

  #cjdsearch td:before{
      position: absolute;
      left:6px;
      width:45%;
      padding-right:10px;
      white-space:nowrap;
  }

  #cjdsearch td:nth-of-type(1):before {
    content: "Section";
    }
  #cjdsearch td:nth-of-type(2):before {
    content: "Title";
    }
  #cjdsearch td:nth-of-type(3):before {
    content: "Name";
    }
  #cjdsearch td:nth-of-type(4):before {
    content: "Address";
    }
  #cjdsearch td:nth-of-type(5):before {
    content: "Contact";
    }
   #cjdsearch td:nth-of-type(6):before {
    content: "County";
    }
    #cjdsearch td:nth-of-type(7):before {
    content: "Office";
    }

    /*Contact and Criminal Justice Directory Drop Downs/Text Box Spacing*/
    #tb_Name, #ddl_City, #ddl_Section, #ddl_Sort1, #ddl_Sort2, #ddl_Sort3, #ddl_Sort4, #ddl_Sort5, #tb_Phone, #tb_Email, #dd_Department, #tb_Message{
        padding:10px;
    }
    
    #ddl_Sort1, #ddl_Sort2, #ddl_Sort3, #ddl_Sort4, #ddl_Sort5{
        margin:10px;
    }

    /*Complaint Form Text Box Spacing*/
    #tb_partyName, #tb_partyAddres, #tb_partyCity, #tb_partyState, #tb_partyZip, #tb_partyHomePhone, #tb_partyWorkPhone, #tb_partyEmail, #tb_partyContactTime,
    #tb_vicName, #tb_vicAddress, #tb_vicCity, #tb_vicState, #tb_vicZip, #tb_vicHomePhone, #tb_vicWorkPhone, #tb_vicDOB,
    #tb_facName, #tb_facAddress, #tb_facCity, #tb_facState, #tb_facZip, #tb_facHomePhone,
    #tb_perpName, #tb_perpAddress, #tb_perpCity, #tb_perpState, #tb_perpZip, #tb_perpHomePhone, #tb_perpWorkPhone, #tb_perpDOB,
    #tb_otherName, #tb_otherAddress, #tb_otherCity, #tb_otherState, #tb_otherZip,
    #tb_allegation
     {
        padding:10px;
    }
    

}
@media (max-width: 700px) {
  header {
    border-bottom: 5px solid #042c6c; }
    header #ag {
      display: none; }
    header #logo {
      margin-top: 1.5%;
      margin-bottom: 1.5%;
      margin-left: 2%;
      width: 69%; }

    #breadcrumb a{
        line-height:2.5em;
    }
    
  #menu {
    display: block;
    float: right;
    margin-top: 1.5%;
    margin-bottom: 5px;
    text-align: center;
    padding: 5px 8px;
    margin-right: 2%;
    background-color: #042c6c;
    color: #fff;
    border-radius: 5px;
    font-size: .8em;
    font-weight: bold;
    cursor: pointer; }
    #menu i {
      font-size: 2.5em; }

  nav {
    display: none;
    padding: 0; 

  }
	
	nav ul li:before {
		content: '';
		display: block;	
	}

  nav ul {
    padding: 0; }
    nav ul li, nav ul li:nth-of-type(3), nav ul li:first-of-type {
      width: 100%;
      float: left;
      clear: both;
      height: auto;
      border: 1px solid #053685;
	  background-color: #042c6c; }
      nav ul li a, nav ul li:nth-of-type(3) a, nav ul li:first-of-type a {
        text-align: left;
        width: 100%; }
    
  #submenu{
    display: block;
    margin-top: 1.5%;
    margin-bottom: 5px;
    text-align: center;
    padding: 5px 8px;
    margin-right: 2%;
    background-color: #042c6c;
    color: #fff;
    border-radius: 5px;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    width:30%;
      }

  #sidemenu{display: none;}

  #sidemenu.open{
      display:block;
  }

  #content {
    width: 95%;
    margin: 2% 2.5%; }


    #content #maincontent #secondarycontent {
      width: 100%; 
    }

    #content #maincontent #sidemenu{
        width:100%;
    }


     	  
	  .dl-menuwrapper {
	width: 100%;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}


.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "+";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	content: "<";
	color: #fff;
	font-weight: bold;
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	position: relative;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}


   }
@media (max-width: 600px) {
  header #logo {
    margin-top: 1.5%;
    width: 72%;
    margin-bottom: .5%; }
  header #sm {
    display: none; } }

@media (max-width:450px) {
    #recap{
         float:none;
     }

    .colLeft, .colRight{
          float:none;
          width:100%;
      }

    .contentImg{
        width:100%;
        float:none;
    }

      #content #cjdsearch td{padding-left:40%;}

  #cjdsearch td:before{width:35%;}

}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg); }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5; }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0; } }
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg); }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5; }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }
@keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; } }
@keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; } }
@keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; } }
@keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; } }
@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }
@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; } }
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; } }
@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; } }
@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; } }
@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; } }
@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0; } }
@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }
@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1; } }
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1; } }
@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
/*Owl Theme*/
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
#content #owl-demo .item img {
  display: block;
  width: 100%;
  height: auto; }

/* clearfix */
#content .owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
#content .owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .caption {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    height: 60px;
    margin-top: -60px;
    position: relative;
    z-index: 5000;
    padding: 10px 20px;
    font-size: 1.3em;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFFFFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  position: absolute;
  top: 45%;
  padding: 13px 8px 13px 13px;
  font-size: 40px;
  font-weight: bold;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 30px;
  background: #f4bc24;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.7; }

.owl-theme .owl-controls .owl-buttons div.owl-prev {
  padding: 13px 13px 13px 8px; }

@media (max-width: 800px) {
  .owl-theme .owl-controls .owl-buttons div {
    padding: 5px 5px 5px 8px;
    font-size: 30px; }

  .owl-theme .owl-controls .owl-buttons div.owl-prev {
    padding: 5px 8px 5px 5px; } }
@media (max-width: 700px) {
  .owl-theme .owl-controls .owl-buttons div {
    top: 38%; } }
.owl-theme .owl-controls .owl-buttons div:first-of-type {
  left: 1%; }

.owl-theme .owl-controls .owl-buttons div:last-of-type {
  right: 1%; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/*# sourceMappingURL=styles.css.map */