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

.mainmenu, .omtimenuarea, .mainmenuarea, .secondmenu, .secondmenuarea, .secondmenuarea > ul, .secondmenuarea ul > li > ul, .services, .resources {display: flex;}
/* Menu Dropdown */
.omtimenuarea, .mainmenuarea, .secondmenuarea {
 position: absolute;
 opacity: 0;
 visibility: hidden;
 overflow: hidden;
  border-radius: 0 0 3px 3px;
 -webkit-transition: all .3s ease .15s;
 -moz-transition: all .3s ease .15s;
 -o-transition: all .3s ease .15s;
 -ms-transition: all .3s ease .15s;
 transition: all .3s ease .15s;
justify-content: flex-start; align-content: space-between;
z-index: 600;
}

.omtilogo:hover > div, .aboutbtn:hover > div, .productbtn:hover > div {
 opacity: 1;
 visibility: visible;
 overflow: visible;
}

.omtilogo a:hover, .aboutbtn a:hover, .notmobile a:hover, .productbtn a:hover {text-decoration: none;}

/*top navigation css*/
.submenuomti {padding: 0; }
.submenuomti li {list-style-type: none; margin-left: 0;}
.omtimenuarea > ul > li, .mainmenuarea {display: block; margin: 1rem 0; line-height: 1.5rem; }
.omtimenuarea, .mainmenuarea {padding: 0 2% 1% 2%; background-color: #000000;}/* main menu dropdowns*/
.omtimenuarea {margin: .3rem 3rem 0 0; }/* omti menu dropdown*/
.mainmenuarea {margin: .6rem 3rem 0 0; }/* about menu dropdown*/

/* Menu Content Styles */
.omtimenuarea a, .mainmenuarea a, .omtimenuarea ul, .mainmenuarea ul, .secondmenuarea a,.secondmenuarea ul,.secondmenuarea li {margin: 0;padding: 0;border: none;}
.sectionheader {padding: 0; vertical-align: middle; margin-top: -7px;}

.sectiontitle {
	font-family: "dejarip", sans-serif; 
	font-weight: 700;
	margin: 0; padding: 0;
}
.secondmenuarea {
background: #f2f0e7;
 left: 0;
width: 100%;
}

.secondmenuarea > ul {align-content: space-between;overflow-y: auto; width: 100%; margin: auto;}
.secondmenuarea > ul > li {display: inline-block;}
.omtimenuarea > ul, .mainmenuarea > ul, .secondmenuarea > ul > li > ul {justify-content: flex-start; flex-direction: column;}
.secondmenuarea > ul > li > ul > li {display: block; margin: .7rem 3rem .7rem 0;}
.secondmenu > li > div {height: auto; max-height: 70vh;}
.services, .resources {flex-direction: row;}

@media all and (max-width: 550px) {
.secondmenuarea {padding: 20px; margin-top: 6px;}
.services li, .resources li {margin-bottom: 12px;}
}
@media all and (max-width: 766px) {
.secondmenuarea > ul  {flex: 1 1 auto; height: 75vh; padding: 3%;flex-direction: column; align-items: center;}
}

@media all and (min-width: 551px) {
.services {flex-flow: wrap column;}
.resources {flex-flow: nowrap row;justify-content: space-between;}
.services li, .resources li {margin-bottom: 24px;}
.secondmenuarea { margin: -6px 0 0; height: auto; max-height: 70vh; padding: 6% 10% 4% 6%;}
}

@media screen and (min-width:767px) {
.secondmenuarea { padding: 1% 4% 3%;}
.secondmenuarea > ul { margin: auto; padding: 2% 4%; }
.services, .resources {flex-flow: nowrap row; justify-content: space-between; }
.services > div li a, .resources > div li a {
    padding: 0 36px 0 0;  
}
}
@media screen and (min-width:900px) {
.secondmenuarea > ul {  padding: 1% 3%; }
}
@media screen and (min-width:1000px) {
.secondmenuarea > ul { width: 95%; padding: 1% 2%;}
}
@media screen and (min-width:1200px) {
.secondmenuarea > ul { padding: 1% 5%;}
}

@media screen and (min-width:1400px) {
.secondmenuarea > ul { width: 80%; padding: 1% 10%;}
}