/*
Green: #8dc73f, rgba(141,199,63,1)
Orange: #f58220, rgba(245,130,32,1)
Dark grey: #58595b, rgba(88,89,91,1)
Light grey: #b8babc, rgba(184,186,188,1)

Slightly darker green: #6f9e31, rgba (111,158,49,1)
Dark green: #4c7520, rgba(76,117,32,1)


*/





/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
BASE (MOBILE) SIZE
These are the mobile styles. It's what people see on their phones.
Remember, keep it light: Speed is Important.
*/

/* typography */
body {
font-family: 'Roboto Condensed', sans-serif;
font-size:0.8em;
background: #f2f2f2;
color: #111111;
margin:0;
padding:0;
background: #b7b9bc url("media/cdm_office_bg_002.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}

h1, h2, h3, h4, h5, h6 {
font-family: 'Roboto Condensed', sans-serif;
margin:0 0 1em 0;
/*padding:0;*/
line-height:120%;
}

h1 {
margin: 1em 0 0 0;
/*border-bottom: 4px solid #8dc73f;*/
}

h2 {
padding: 1em 0 0.25em 0;
/*border-bottom: 4px solid #8dc73f;*/
font-weight: 400;
}

h3 {
padding: 1em 0 0.25em 0;
/*border-bottom: 4px solid #8dc73f;*/
}

p { margin:1em 0; font-size: 1.2em; line-height:normal; font-weight:400; }

/* links */
a,
a:visited,
a:active,
a:hover { color:#357dce; text-decoration:none; }

.h1-gradient {
    font-family: Nutmeg, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: rgb(241, 118, 36);
    font-size: 3em;
 background: #8DC73F;
background: -webkit-linear-gradient(to bottom, #8DC73F 50%, #646464 100%);
background: -moz-linear-gradient(to bottom, #8DC73F 50%, #646464 100%);
background: linear-gradient(to bottom, #8DC73F 50%, #646464 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.white_text { color:#ffffff; }
.grey_text { color:#434343; }
.black_text { color:#111111; }
.orange_text { color:#f58220; }
.green_text { color:#8dc73f; }

.whitetext { color:#ffffff; }
.greytext { color:#434343; }
.blacktext { color:#111111; }
.orangetext { color:#f58220; }
.greentext { color:#8dc73f; }

.center { text-align:center !important; }
.centerpad { text-align:center; padding:0 25%;}
.left { text-align:left; }
.right { text-align:right; }
.fader { background: rgba(0,0,0,0.5); }
.fader50 { background: rgba(0,0,0,0.8); }
.fader80 { background: rgba(0,0,0,0.5); }
.fader90 { background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */ background: rgba(0, 0, 0, .9); }
.fader_white50 { background: rgba(255,255,255,0.5); }
.fader_white75 { background: rgba(255,255,255,0.75); }
.padsmall { padding:1em; }
.padmedium { padding:2em; }
.padlarge { padding:4em; }
.paddown { padding:0 0 2em 0; }

a { text-decoration: none; color: #357dce; }
a:hover { text-decoration: none; }

a.white_text { color:#ffffff; }
a.bodylink { color:#f69322; text-decoration:none; border-bottom:1px dotted #ffffff; }
a.bodylink:hover { color:#f69322; text-decoration:none; border-bottom:1px solid #ffffff; }
.bodytext {line-height:150%}

.whiteborder { border:1px solid #ffffff; }
.intro { font-size:1.3em !important; }


.splashtext { font-size:1.5em !important; padding:1em; margin:1em 0; color: #434343; text-align:center; }




.subhead { font-size:1.2em; font-weight:bold; margin:1em 0; }
.notation { font-style:italic; font-size:0.9em; color:#999; }
.alert { font-weight: bold; color:#C00; }
.indent { padding:0 0 0 1em; }
.nopadnomargin { padding:0; margin:0; }
.toppad1 {margin: 1em 0 0 0;}
.toppad2 {margin: 2em 0 0 0;}
.menu_small { font-size:0.8em; }
.midcol {border-right:1px solid #b8babc; border-left:1px solid #b8babc; padding:0 1em;}
.rightcolumnline { border-left:0px solid #b8babc; padding:0 0 0 1em;}


a.splashbutton {
color:#ffffff;
background:#8dc73f;

border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:1em 2em 0; 
padding:1em 3em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
min-width:12em;
}

a.splashbutton:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.button {
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:1em 2em 0; 
padding:0.75em 3em;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
text-align:center;
min-width:12em;
font-size: 1.2em;
}


a.btn0 {
color:#000000;
border:1px solid #000000;
background:none;
}

a.btn0:hover{
color:#ffffff;
background: rgba(0,0,0,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn1{
color:#434343;
border:1px solid #434343;
background:none;
}

a.btn1:hover{
color:#ffffff;
background: rgba(0,0,0,0.5) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn2 {
color:#ffffff;
border:1px solid #ffffff;
background:none;
}

a.btn2:hover{
color:#8dc73f;
background: rgba(255,255,255,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}

a.btn3 {
color:#8dc73f;
border:2px solid #8dc73f;
background:none;
}

a.btn3:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}

a.btn4 {
color:#4c7520;
border:1px solid #4c7520;
background:none;
}

a.btn4:hover{
color:#ffffff;
background: rgba(76,117,32,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn5 {
color:#ffffff;
background:#434343;
}

a.btn5:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn6 {
color:#8dc73f;
background:#ffffff;
}

a.btn6:hover{
color:#ffffff;
background: rgba(141,199,63,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn7 {
color:#ffffff;
background:#8dc73f;
}

a.btn7:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}



a.btn8 {
color:#ffffff;
background:#4c7520;
}

a.btn8:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.btn9 {
color:#ffffff;
border:1px solid #ffffff;
background:none;
}

a.btn9:hover{
color:#000000;
background: rgba(255,255,255,1) ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


.btngreen {
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0 1em; 
padding:0.5em 1em;
text-decoration:none;
text-transform:uppercase;
/*font-weight:bold;*/
text-align:center;
min-width:12em;
color:#ffffff;
background:#8dc73f;
}

.btngreen:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}


a.tilelinkbtn {
display: block;
border: 2px solid #4e7520;
margin: 0.5em;
text-align: center;
vertical-align: middle;
font-size: 2em;
padding: 1em;
color: #4e7520;
float: left;
width: 43%;
}


a.tilelinkbtn:hover {
background-color:#4e7520;
color: #ffffff !important;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}



/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{ box-sizing:border-box; -moz-box-sizing:border-box; }

/* RESPONSIVE IMAGES */
img { max-width:100%; height:auto; }



/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.rightfloat{
float:none;
}
.leftfloat{
float:none;
}

.clear { clear:both; }




/* structure */

header {
padding: 0;
width: 100%;
margin: 0 auto;
z-index:1000;
}

#wrapheader { }

section {
margin: 0;
}



#splash20 {
padding:8em 0 10em 0;
/*background: #58595b url("media/signpost.jpg"); background-size:cover; background-repeat: no-repeat;
background-position: center center;*/
}


.splash001 {
background: #b7b9bc url("media/001_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}

.splash002 {
background: #b7b9bc url("media/002_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}
.splash003 {
background: #b7b9bc url("media/003_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}

.splash004 {
background: #b7b9bc url("media/004_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

}

.splash005 {
background: #b7b9bc url("media/005_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
padding: 8em 0;
}






#splash20 h1 {
font-size: 2.5em;
line-height: 3em !important;
    color: #ffffff;
    padding: 3em 0 1em 0;
    text-align: center;
}	


#videobcg {
display:none;
}


.mod111 { padding:4em 0 8em !important;  background:rgba(255,255,255,1); }

.mod222 { padding:1em 0 5em; }

.mod333 { padding:1em 0 5em; background:#dadada;}


.mod444 { background:#58595b; padding:1em 0 5em; color:#ffffff; } 

.mod555 { background:#b8babc; padding:1em 0 5em; }

.modf2 { background:#f2f2f2; padding:8em 0; }

.mod333_1 { background:#58595b; padding:1em 0; color:#ffffff; }

.mod333_2 { background:#b8babc; padding:1em 0; }


#mod111 { padding:1em 0 5em; }

#mod222 { padding:8em 0; background:#ffffff;}

#mod333 { padding:1em 0 5em; background:#dadada;}


#mod444 { background:#58595b; padding:1em 0 5em; color:#ffffff; } 

#mod555 { background:#b8babc; padding:1em 0 5em; }

#mod333_1 { background:#58595b; padding:1em 0; color:#ffffff; }

#mod333_2 { background:#b8babc; padding:1em 0; }

.whitebg {
background: #ffffff;
}

#green {
padding: 4em 0 0 0;
color: #ffffff;
background: #8dc73f;
padding:4em 0;
}

.greengrey { background:#8dc73f; 
color:#ffffff;
background: -moz-linear-gradient(bottom right, #58595b 0%, #8dc73f 100%);
background: -webkit-linear-gradient( bottom right, #58595b 0%,#8dc73f 100%);
background: linear-gradient( bottom right, #58595b 0%,#8dc73f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58595b', endColorstr='#8dc73f',GradientType=1 );
padding:8em 0;}


#greengreen { background:#8dc73f; 
color:#ffffff;
background: -moz-linear-gradient(bottom right, #6f9e31 0%, #8dc73f 100%);
background: -webkit-linear-gradient( bottom right, #6f9e31 0%,#8dc73f 100%);
background: linear-gradient( bottom right, #6f9e31 0%,#8dc73f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9e31', endColorstr='#8dc73f',GradientType=1 );
padding:2em 0;}


#greeny {
padding: 0 0 4em 0 ;
color: #ffffff;
background: -moz-linear-gradient( top right, #222222 25%, #4e7520 64%);
background: -webkit-linear-gradient( top right, #222222 25%, #4e7520 64%);
background: linear-gradient( top right, #222222 25%, #4e7520 64%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9bc', endColorstr='#58595b',GradientType=1 );
}

.greygrey {
padding: 4em 0 0 0;
color: #ffffff;
background: -moz-linear-gradient(top right, #58595b 25%, #222222 50%);
background: -webkit-linear-gradient(top right, #58595b 25%, #222222 50%);
background: linear-gradient(top right, #58595b 25%, #222222 50% );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b9bc', endColorstr='#58595b',GradientType=1 );
padding:4em 0 0 0;
}



.overlaptop1 {display:none;}






#gep {
background: #222222;
background-image: url("media/bg_growth.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
-moz-background-size: cover;
background-position: center;
font-size: 1.1em;
color: #fff;
filter:  grayscale(100%);
background-size: cover !important;
background-attachment: fixed !important;
}


#sca {
background: #ffffff;
background-image: url("media/bg_cycle.png");
background-repeat: no-repeat;
background-position: top;
background-position: center;
font-size: 1.1em;
color: #111111;
filter:  grayscale(100%);
}

#abm {
background: #222222;
background-image: url("media/bg_generic.jpg");
background-repeat: no-repeat;
background-position: top;
background-size: cover;
-moz-background-size: cover;
background-position: center;
font-size: 1.1em;
color: #ffffff;
filter:  grayscale(100%);
background-size: cover !important;
background-attachment: fixed !important;
}


#resources0 { padding: 1em 0 3em !important; }


.loadhidden {display:none !important;}






.wrapper { margin: 0 auto; width:98%; }

.vertical-padding {	padding:2em 0.5em; }

.contento { padding: 1em  0.25em; }

.deskdeets { display:none; }
.mobdeets { display:block; text-align:center; background:rgba(0,0,0,0.8); }
.moblogo { width:100px; }

.logo444 { display:none; }

.logo { height:4em; width:100%; text-align:center; padding: 0; margin: 0 auto; }

.logo a { display:inline-block; line-height:1em; padding:1em 0;}

.socialmedia img { width:32px; height:32px; margin: 0.7em 0 0 0; padding:0; }


#navtab {display:none;}
#navtab2 {display:none;}


/*MAIN MENU*/
.menu-toggle{
display:block;
padding:10px;
margin:0;
background:rgba(0,0,0,0.5);
color:#fff;
cursor:pointer;
text-transform:uppercase;
font-size:0.8em;
}

.menu-toggle:hover{
background:rgba(0,0,0,0.5);
cursor:pointer;
}


.menu-toggle.toggled-on{
background: rgba(245,130,32,0.9);
}

.menu-toggle img { vertical-align:bottom;}

.srt-menu{
display:none;
}	

.srt-menu.toggled-on{
display:block;
position:relative;
z-index:10;
}

.srt-menu{
clear:both;	
}

.srt-menu li a {
background:#dadada;
display:block;
margin:1px 0; 
padding:8px 2px 8px 10px;
text-decoration:none;
font-size:0.9em;
}
.srt-menu li a:hover{
background: #999;
color:#fff;
}
.srt-menu li li a {
background:#e8e8e8;
padding-left:20px;
}
.srt-menu li li li a {
background:#efefef;
padding-left:80px;
}

.srt-menu li a.subnav {
display:none;
}

.srt-menu li a.subnavsub {
display:none;
}

.current:after {
display:none;
}



/*MAIN MENU*/


.breadcrumb {
display: none;
}

.breadcrumb a {
color: #f2f2f2;
}

.breadcrumb a:hover {
text-decoration: underline;
}





/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
/*margin:1em;*/
text-align:center;
}

.grid_20 { width: 20%; float:left; display: block; margin:0; padding:0; }
.grid_25 { width: 25%; float:left; display: block; margin:0; padding:0; }
.grid_33 { width: 33%; float:left; display: block; margin:0; padding:0; }
.grid_50 { width: 50%; float:left; display: block; margin:0; padding:0; }

.grid_25_50 { width: 50%; float:left; display: block; margin:0; padding:0;	text-align:center; }
.grid_25_50 h3 { margin:1em 0 0.5em 0; padding:0; }
.grid_25_50 img { max-height: 150px; }

.grid_4x50 { width: 50%; float:left; display: block; margin:0; padding:0;	text-align:center; }

.grid_25_50_vtile { width: 45%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em 0.5em ; padding:0.5em; text-align:center; float:left; }

.grid_25_50_vtile_child { display: table-cell; vertical-align: middle; }
.grid_25_50_vtile h4 { margin:1em 0 0.5em 0; padding:0; }
.grid_25_50_vtile img { max-height: 150px; }


.grid_33_100_vtile { width: 95%; display: block; max-height: 250px; border:2px solid #ccc; margin:1em 0.5em ; padding:0.5em; text-align:center; }

.grid_33_100_vtile_child { display: block; vertical-align: middle; }
.grid_33_100_vtile h4 { margin:1em 0 0.5em 0; padding:0; }
.grid_33_100_vtile img { max-height: 250px; }

.logoset {text-align:center !important; }
.logoset img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}


/*FOOTER*/
footer{ 
clear:both;
font-size:80%;
padding:20px 0;
background:#f2f2f2;
color:#434343;
position:relative;	
}

footer p { font-size:1.2em; }

.footlinks { margin: 2em 0 0 0 ; }


.footlinks p { padding:0 0 0 1em; margin: 0 0 1em 0; }

.footer_grid_4 { text-align:left; float:left; display: block; margin:0; padding:0; width:100%; }

.footer_grid_4 ul { list-style: none; margin:0; padding:0 1em 0 2em; }

.footer_grid_4 li:before { content: "\00BB  "; }

.footer_grid_4 li { margin: 0 0 0.5em 0; }

.footer_grid_4 p { text-align:left; margin: 1em; }

.footer_grid_4 a { color:#ffffff; }

.footer_grid_4 a:hover { text-decoration: underline; }

.socialicons { display:block; margin:1em; padding:0; }

footer .grid_9 { text-align:left; display: block; margin:0; padding:0; }
footer .grid_9 { margin-right:2em; }
footer .grid_9 ul { list-style:none; color:#f2f2f2 !important; text-align:left; padding:0 0 0 0.5em;}
footer .grid_9 a { color:#f2f2f2 !important;}
footer .grid_9 a:hover { text-decoration:underline; }
footer .grid_9 .toplevel { font-size:1.5em; border-bottom:1px solid #868686;}
footer .grid_9 ul li { font-size:1.25em;}
footer .grid_9 ul li ul li { font-size: 0.9em; padding: 0.5em 0; line-height: 100%; list-style: none;}







.anchor a {
position: absolute;
left: 0px;
top: -200px;
}

.anchor {
position: relative;
}




/*  VIDEO PLAYER CONTAINER
############################### */
.vid-container {
position: relative;
padding-bottom: 52%;
padding-top: 30px; 
height: 0; 
}

.vid-container iframe,
.vid-container object,
.vid-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/*  VIDEOS PLAYLIST 
############################### */
.vid-list-container {
width: 96%;
overflow: hidden;
margin: 1em 2%;
padding:1em;
background: rgba(0,0,0,0.5);
}

.vid-list {
width: 100%;
position: relative;
top:0;
left: 0;
}

.vid-item {
display: block;
width: 250px;
height: 250px;
float: left;
margin: 0;
padding: 10px;
}

.thumb {
/*position: relative;*/
overflow:hidden;
}

.thumb img {
width: 100%;
position: relative;
}

.vid-item .desc {
color: #21A1D2;
font-size: 1em;
line-height:1.2em;
}

.vid-item:hover {
background: #eee;
cursor: pointer;
}

.current_video {
background: rgba(255,255,255,0.5);
}

.current_video .desc {
color:#000000 !important;
}


.v-arrows {
position:relative;
width: 100%;
font-size:24px;
display:none;
}


.v-arrow-left {
color: #ffffff;
position: absolute;
background: #f58220;
padding: 15px 0;
left: 0;
top: -130px;
z-index: 99;
cursor: pointer;
}

.v-arrow-right {
color: #ffffff;
position: absolute;
background: #f58220;
padding: 15px 0;
right: 0;
top: -130px;
z-index:100;
cursor: pointer;
}

.v-arrow-left:hover, .v-arrow-right:hover {
background: #58595b;
}


.v-arrow-left, .v-arrow-right {
top: -9.5em;
padding: 3em 0.5em;
}


.socialmedia {
display:none;
}

.grid_breadcrumb {
display: none;
}



a.tilelink{ 
display:block;
}

a.tilelink:hover{
background-color:#dadada;
}



a.tilelinkhome {
display: block;
/* border: 1px solid #cccccc; */
margin: 0.5em;
text-align: center;
vertical-align: middle;
font-size: 2em;
background: #8dc73f;
padding: 1.25em 1em;
color: #ffffff !important;
}


a.tilelinkhome:hover {
background-color:#437520;
}


#subnavbar {
overflow: hidden;
background-color: #58595B;
z-index: 100;
}

#subnavbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
border-right:1px solid #f2f2f2;
}

#subnavbar a:hover {
background-color: #ddd;
color: black;
}

#subnavbar a.active {
background-color: #f58220;
color: white;
}



.calendar_item_wrapper {
position:relative;
font-size: 1em;
display: block;
margin: 1em;
}

a.calendar_item_morelink { 
display: block;
border: 2px solid #cccccc;
padding: 0;
background: #ffffff;
border-radius: 0.5em;
text-align: center;
max-height: 350px;
overflow: hidden;
}

a.calendar_item_morelink:hover { 
border: 2px solid #8dc73f; 
/*background-color:rgba(111,158,49,0.05);*/
background-color:rgba(232,232,232,1);
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;}

.ciosum {background-image: url('media/cdm_live_cio_summit_tile.jpg'); z-index: -1;}
.vsum {background-image: url('media/cdm_virtual_summit_tile.jpg'); z-index: -1;}
.dbr {background-image: url('media/cdm_dbr_tile_002.jpg'); z-index: -1;}
.rtd {background-image: url('media/cdm_dinner_tile.jpg'); z-index: -1;}

.calendar_tile_mast {
min-height:100px;
background-position: right;
background-size: cover;
background-repeat: no-repeat;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em;
z-index: -1;}


a.calendar_item_morelink:hover .ciosum:after, a.calendar_item_morelink:hover .vsum:after, a.calendar_item_morelink:hover .dbr:after, a.calendar_item_morelink:hover .rtd:after {
content: ' ';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 0.5em;
/*background-color:rgba(111,158,49,0.05);*/
background-color:rgba(255,255,255,0.1);
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;
z-index: 1;} 



.calendar_label {
position: absolute;
top: 3em;
left: 2px;
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
/*background: #4e7520;*/
background: #434343;
padding: 0.5em;
z-index: 1;
/*border-bottom: 2px solid #8dc73f;*/
}

a.calendar_item_morelink:hover .calendar_label {
background: #8dc73f;
/*border-bottom: 2px solid #434343;*/
}

/*
.calendar_label {
position: absolute;
top: 0;
left: 0;
color: #ffffff;
text-transform: uppercase;
font-size: 1em;
/* background: #8dc73f; 
padding: 2.5em 0.5em 0em 0.25em;
z-index: 1;
border-top-left-radius: 3em;
margin: 0 0 0 1.5em;
}

*/



.calendar_item_details { border-top: 1px solid #cccccc; }

.calendar_item_eventname {display:inline-block; padding:1em; }
.calendar_item_eventname h2 { font-size:1.75em; color:#111111; padding: 0.25em 0 0.5em 0; margin:0; line-height: 110%; letter-spacing: -1px;}


.calendar_item_eventname p { padding:0; margin:0;}

.calendar_item_eventdateloc {display:inline-block;  padding:0 0.5em; margin:0 0.5em;}
.calendar_item_eventdateloc p { color: #868686; font-size:0.9em; margin:1em 0;}

.calendar_item_eventdateloc222 {display:inline-block;  padding:0 0.5em; margin:0 0.5em;}	
.calendar_item_eventdateloc222 p { color: #868686; font-size:0.9em; margin:1em 0;}


.calendar_item_regbtn {}
.calendar_item_regbtn p {margin:0 0 1em 0; padding:0; }

.clear_calendar {clear:both; height:1px;}





.boxer { min-height:500px; border: 1px solid #cccccc; background-color: #ffffff; display:block; }

.boxer2 { background-color: #f2f2f2; }

.boxer_img { display:block; width:100%; height:auto; max-width:100%; vertical-align: middle; border:0; text-align: center; }

.boxer_text {padding:3em; text-align: left;}

.boxer h3 { font-size:2.25em; padding:0; }

.boxer p { font-size:1.1em; line-height: 1.5em; }

.boxer a.button {
border-radius:2em; 
cursor: pointer;
display: inline-block;
margin:0; 
padding:0.75em 3em;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
text-align:center;
min-width:12em;
font-size: 1.2em;
}


.boxer a.btn7 {
color:#ffffff;
background:#8dc73f;
margin:1em 0 0 0;
}

.boxer a.btn7:hover{
color:#8dc73f;
background: #f2f2f2 ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}



.boxer2 a.btn7 {
color:#ffffff;
background:#8dc73f;
margin:1em 0 0 0;
}

.boxer2 a.btn7:hover{
color:#8dc73f;
background: #ffffff ;
cursor: pointer;
-webkit-transition: background 250ms ease;
-moz-transition: background 250ms  ease;
-o-transition: background 250ms  ease;
transition: background 250ms  ease;	
}















































/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
LARGER MOBILE DEVICES 481px
This is for mobile devices with a bit larger screens.
*/

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

header { padding:0px; width: 100%; z-index:1000; }



.vertical-padding {	padding:5em 1em; }

.mobdeets { width:100%; position:fixed; z-index:5000; }
.moblogo { width:150px; }

.logo { height:6em; width:100%; text-align:center; padding: 0; margin: 0 auto; }



.menu-toggle{
display:block;
padding:3em 2em;
margin:0;
position:fixed;
right:0;
z-index:6000;
background:rgba(0,0,0,0);	
color:#ffffff;
cursor:pointer;
text-transform:uppercase;
font-size:0.8em;
height:77px;
}

.srt-menu.toggled-on{
display: block;
position: fixed;
z-index: 8000;
right: -20%;
top: 77px;
width: 75%;
}

.srt-menu li a {
background: rgba(255,255,255,0.9);
display: block;
margin: 0;
padding: 0.75em;
text-decoration: none;
font-size: 1.1em;
border-bottom:1px solid #f2f2f2;
}

.srt-menu li li a {
font-size: 0.9em;
background:#e8e8e8;
padding-left:20px;
border-top:1px solid #f2f2f2;
}

.interior_content p {
font-size: 1.2em;
}


.stats_desk {
display: block;
}

.stats_mob {
display: none;
}	 





#videosplash {
background:rgba(0,0,0,0.4);
}	





#videobcg {
display:block;
}

.video123 {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
z-index:-10;	
}

.footer_grid_4 { text-align:left; width:25%; margin:0; padding:0; border-right:1px solid #555555; min-height:200px; }


.calendar_wrapper{
width: 95%; 
margin: 0 auto;
padding:0;	
}

.calendar_grid {
margin:0.25em;
text-align:center;
}


























}






















































































































































/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TABLET & SMALLER LAPTOPS 900px
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 900px) {

.wrapper { max-width: 1050px;  margin: 0 auto; }


header { position:fixed; top:0; }



#wrapheader { }


section {
margin: 0;
padding: 0;
}


#splash20 h1 {
font-size: 3.25em;
}	


.vertical-padding {	padding:5em 0; }



.desklogo { height:14em; width:14em; text-align:left; padding: 0; margin: 0 auto 0 2em; background:#f58220; }

.desklogo222 { height:7em; width:7em; text-align:left; padding: 0; margin: 0 auto 0 2em; background:#f58220; }


.logo444 { width:20%; text-align:left; padding: 1.4em 0; margin: 0; float:left; display:inline-block; }


.logo img { width:100%; }

.links444 { width:75%; text-align:left; padding: 0; margin: 0; float:right; display:inline-block; }




#abm {
background-size: cover !important;

}


#growth {
background-size: cover !important;
background-attachment: fixed !important;
}



.breadcrumb {
display: none;
position: absolute;
top: 1em;
left: 20em;
font-size: 0.75em;
color: #f2f2f2;
text-transform: uppercase;
}






.deskdeets { display:block; }
.mobdeets { display:none; }




nav {  }


.sitenav {  background: rgb(242,242,242); /* Fall-back for browsers that don't support rgba */
background: rgba(242,242,242,1);
box-shadow:  0px 0px 4px 2px rgba(00, 00, 00, .3);}	

#topnav { max-width:975px;	margin: 0 auto; background: none; }




/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none; }
#menu-main-navigation{display:block; float: right; margin:0;}


.srt-menu, .srt-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.srt-menu ul {
position:		absolute;
display:none;
width:			12em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
width:			100%;
}
.srt-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
float:			left;
position:		relative;
margin-left: 0em;
}
.srt-menu li li {
margin-left:0px;
}
.srt-menu a {
display:		block;
position:		relative;
}

.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
display:block;
left:			0; /* left or right depending on dropdown alignment */
top:			100px; /* match top ul list item height */
z-index:		99;
-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}

ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
top:			-999em;
}

ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
top:			-999em;
}

ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}

.srt-menu li ul li ul {
position:		absolute;
display:none;
width:			8em;
}

.srt-menu a {
text-decoration:none;
}

.srt-menu li a {
background:none;
margin:0; 
padding: 3.2em 2em 3.2em 2em;
/* border-bottom: 2px solid rgba(255, 255, 255, 0);*/
}

.srt-menu li a.subnav {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
}

.srt-menu li a.subnavsub {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
border-right:4px #f58220 solid;
}

.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#58595b;
font-size:1.1em;	
}


.srt-menu li li a {
border-top:		1px solid rgba(255,255,255,.2);
background:#646464;
color:	#fff;
padding-left:20px;
height:auto;
}
.srt-menu li li a:visited{color:#fff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
padding-left:20px;
background:rgba(100,100,100,1);
border-left:2px solid #f58220;
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .1);
/* border-bottom:2px solid #8dc73f; */
}

.srt-menu li:hover > a.subnav,
.srt-menu li.current a.subnav	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

.srt-menu li li:hover > a.subnav{
color:#fff;
background:#bbbbbb;
}

.srt-menu li li:hover > a.subnavsub{
color:#fff;
background:#bbbbbb;
}

.srt-menu li:hover > a.subnavsub,
.srt-menu li.current a.subnavsub	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

li.drop { background: url("/images/drop.png") no-repeat center bottom; padding: 0; margin: 0; }

.srt-menu li a.register {
display:none;
}

.srt-menu li.current a { color: #f58220 ;  }


.srt-menu li.path_title a {
font-size: 1.6em;
text-transform: uppercase;
background: rgba(141,199,63,1);
line-height: 0.8em;
padding: 1em 0 0 0;
width: 117%;
margin: 0 0 0 -0.65em;
height: 2.75em;
color:#ffffff;
}


.srt-menu.toggled-on{
margin-top:-102px !important;
}

.menu-toggle.toggled-on {
display: none;
}

.srt-menu.toggled-on{
clear:both;
}


.hometab a, .hometab a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#ffffff;	
}	




.current:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: rgba(0,0,0,0.8);
border-width: 1.75em;
margin-top: -1.75em;
display:block;
}	


.leftalign {
margin:1em 2em 0 0 !important; 
}	



a.tilelinkbtn {
display: block;
border: 2px solid #4e7520;
margin: 0.5em;
text-align: center;
vertical-align: middle;
font-size: 2em;
padding: 1em;
color: #4e7520;
float: left;
width: 21.3%;
}


.calendar_item_wrapper {
width: 29.5%;
float: left;
margin: 1em;
max-height: 400px;	
}


a.calendar_item_morelink {
min-height: 360px;
}

.calendar_item_regbtn {
position: absolute;
bottom: 0;
width: 100%;
}


a.buttonlink4:hover, a.buttonlink1:hover{
background-color:#fff;
color:#8dc73f;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

a.buttonlink3:hover{
background-color:#58595b;
color:#fff;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}



a.buttonlink5:hover, a.buttonlink2:hover{
background-color:#111111;
color:#fff;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}





footer {  }

.footermenu { text-align:left; margin: 0 auto; max-width:1400px; }
.footermenu ul  { margin:0; list-style:none; text-align:left; padding: 0 0 0 1em; }
.footermenu ul li { list-style:none; text-align:left; }

.footermenu .footer_grid_4 { width: 25%; float:left; display: block; margin:0; padding:0 1em; }

footer p { margin:0; padding:0; }

.footer_grid_4 { text-align:left; float:left; width:25%; display: block; margin:0; padding:0; }
.footer_grid_4 ul { }



.footlinks {  
margin: 0 auto;
max-width:1400px;
padding: 4em 0;
}

.footlinks p { padding:0 0 1em 0; }

.social { }

.socialicons { display:block; margin:0; padding:0; }

.socialmedia {
display:none !important; margin:0; padding:0;
}

.socialmedia img {
width: 32px;
height: 32px;
margin: 0.25em 0 0 0;
padding: 0;
}

.socialmedia p {
margin: 0; color: #f2f2f2;
}

.socialmedia a {
margin: 0; color: #f2f2f2 !important;
}


.contento { padding: 3em 4% 6em;
margin: 0;
position: relative;
width:100%;
overflow: hidden;	 }


.medium { padding: 4em 0 4em 0;
margin: 0;
position: relative;
width:100%;
overflow: hidden;	 }


.minimum { padding: 2em 0 2em 0;
margin: 0;
position: relative;
width:100%;
overflow: hidden;	 }


.summit_home_info h5 { font-size:1.6em; }
.summit_home_info p	 { font-size:1.1em;  }


.calendar_wrapper{
max-width: 800px; 
margin: 0 auto;
padding:0;
}
.calendar_grid{
width: 96.666666666667%;
margin-left: 1.6666666666667%;
margin-right: 1.6666666666667%;
float: left;
text-align:left;
}



.grid_3_nav { width:35%; margin:1em 1% 1em 1%; display:inline-block; text-align:center; }

.grid_25_50 { width:21%; margin:1em; display:inline-block; text-align:center; }




.sticky {
position: fixed;
top: 6.6em;
width: 1200px;
z-index: 1000;	
}

.sticky + .stickeroo {
padding-top: 50px;
}	





















}


/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {



.splashtext { /*border-left: 4px solid #ffffff;*/ }





/*GRID*/
/*
& Columns : 12 

*/
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 100%; }

.grid_20 { width: 20%; text-align: center; }
.grid_25 { width: 25%; }
.grid_33 { width: 33%; }
.grid_50 { width: 50%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11
{
margin-left: 1%;
margin-right: 1%;
float: left;
display: block;
text-align:left;
}

.grid_12 {
float: left;
display: block;
text-align:left;
}

.grid_25_50_vtile { width: 21%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em; padding:0.5em; text-align:center; }

.grid_25_50_vtile_child { display: table-cell; vertical-align: middle; }


.grid_33_100_vtile { width: 32%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em; padding:0.5em; text-align:center; }

.grid_33_100_vtile_child { display: table-cell; vertical-align: middle; }


.rightfloat{float:right;}
.leftfloat{	float:left;}


.overlaptop1 {
display: block;
margin: 0 0 -14em 0;
position: relative;
top: -12em;
right: -5em;
}

.overlaptop2 {
display: block;
margin: 0 -0 -18em 0;
position: relative;
top: -14em;
right: 10em;
}	
	
	
	
.calendar_item_wrapper {
width: 30%;	
}	
	





}



/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {

} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {



/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 


}

/*
PRINT STYLESHEET
*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}}