/*
#region !!====={ Version Information }=====!!
// %~%@ < 1.1000 > @%~%     // File Version
// %~%# < 6/3/2014 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.1000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/

* { margin: 0;padding: 0; }
.clear{ clear:both;}
a, img { border: medium none; outline: medium none;}
body		{ font-size: .85em; font-family: 'loraregular'; serif; margin: 0; padding: 0; color: #3d3833; width:100%; }
a:link	{color: #e29529; text-decoration: underline;transition: all 0.3s ease 0s; }
a:visited	{color: #e29529; }
a:hover	{color: #49A3F1; text-decoration: none; }
a:active	{color: #49A3F1; }
p, ul	{ line-height: 1.6em; font-family: 'loraregular';}
header, footer, nav, section {display: block; transition: all 0.3s ease 0s;}
ul, menu, dir {padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;}
ul#menu {padding: 0;}
/* ==============={ HEADINGS }=============== */
h1, h2, h3, h4, h5, h6	{font-family: 'oswaldregular'; font-size: 1.5em; color: #000;}
h1					{color:#3f3c33; font-size: 30px; padding-bottom: 0; margin-bottom: 0;font-family: 'oswaldregular'; }
h2					{font-size: 26px; font-family: 'oswaldregular'; color:#CB7B2A; }
h3					{font-size: 21px; font-family: 'loraregular'; color: #3d3833;margin: 10px 0;}
h4					{font-size: 1.1em; color: #3d3833;}
h5, h6				{font-size: 18px; color: #3d3833;}

.clear{ display: block; width: 100%; clear: both; }

.im_a_block {
    display: block;
}
@font-face {
    font-family: 'lorabold';
    src: url('/Content/css/lora-bold-webfont.eot');
    src: url('/Content/css/lora-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/lora-bold-webfont.woff') format('woff'),
         url('/Content/css/lora-bold-webfont.ttf') format('truetype'),
         url('/Content/css/lora-bold-webfont.svg#lorabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lorabold_italic';
    src: url('/Content/css/lora-bolditalic-webfont.eot');
    src: url('/Content/css/lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/lora-bolditalic-webfont.woff') format('woff'),
         url('/Content/css/lora-bolditalic-webfont.ttf') format('truetype'),
         url('/Content/css/lora-bolditalic-webfont.svg#lorabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'loraitalic';
    src: url('/Content/css/lora-italic-webfont.eot');
    src: url('/Content/css/lora-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/lora-italic-webfont.woff') format('woff'),
         url('/Content/css/lora-italic-webfont.ttf') format('truetype'),
         url('/Content/css/lora-italic-webfont.svg#loraitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'loraregular';
    src: url('/Content/css/lora-regular-webfont.eot');
    src: url('/Content/css/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/lora-regular-webfont.woff') format('woff'),
         url('/Content/css/lora-regular-webfont.ttf') format('truetype'),
         url('/Content/css/lora-regular-webfont.svg#loraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldbold';
    src: url('/Content/css/oswald-bold-webfont.eot');
    src: url('/Content/css/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/oswald-bold-webfont.woff') format('woff'),
         url('/Content/css/oswald-bold-webfont.ttf') format('truetype'),
         url('/Content/css/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldlight';
    src: url('/Content/css/oswald-light-webfont.eot');
    src: url('/Content/css/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/oswald-light-webfont.woff') format('woff'),
         url('/Content/css/oswald-light-webfont.ttf') format('truetype'),
         url('/Content/css/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswaldregular';
    src: url('/Content/css/oswald-regular-webfont.eot');
    src: url('/Content/css/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/css/oswald-regular-webfont.woff') format('woff'),
         url('/Content/css/oswald-regular-webfont.ttf') format('truetype'),
         url('/Content/css/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



#Sarah #Meet, #SteveTerwilliger #Meet {color:#FFF;}


/* ==============={ PRIMARY LAYOUT ELEMENTS }=============== */
/*	you can specify a greater or lesser percentage for the */
/*	page width. Or, you can specify an exact pixel width.	*/
#page			{width: 100%; margin-left: auto; margin-right: auto; float:left; }
/* ==============={ Header }=============== */
#header{ width: 100%; background-color: #e4982a; border-bottom: 5px solid white;}
#headerwrapper	{max-width: 1800px; width: 90%; position: relative; color: #000; padding: 0;margin: 0 auto; height:64px;}

header h1,#header h1{font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important; text-shadow: 1px 1px 2px #111; }

a.LogoHeader {
    top: 0px;
    left: 0px;
    max-width: 100%;
    z-index: 99999;
    display: block;
    position: absolute;
}

a.LogoHeader img
{
    max-height: 100px;
    max-width: 165px;
}

ul#menu	{
    font-family: 'oswaldregular';
    display: block;
    width: 88%;
    margin: 0;
    float: right;
    text-align: right;
}


ul#menu li {
    list-style: none;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% / 7.1);
    padding: .5% 0;
}

ul#menu li a  {

    font-size: 17px;
    font-weight: 400;
    color: #3d3833;
    line-height: 2.87em;
    text-decoration: none;
    text-transform: uppercase;
}

ul#menu li a.Phone, .mobileContactButton a.Phone {
    margin-top: 0px;
    position:relative;
    float: right;
    color: #fff;
    border: 0 none;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}
.mobileContactButton a.Phone {
    text-align: right;
    font-family: 'oswaldregular';
    display: none;
}

ul#menu li a.Phone:hover		{color: #3d3833; border: 0px solid #3d3833;}
ul#menu li:hover > a	{color: #fff; text-decoration: none; }
ul#menu li a:active	{color: #3d3833; text-decoration: none; }
ul#menu li.selected a{color: #fff; color: #3d3833; }

ul#menu li ul.dropdown {
    padding: 0;
    height: auto;
    width: 100%;
    display: none;
    z-index: 1500;
    position: absolute;
    border:#fff 5px solid;
    border-top:none;
    background-color:#e4982a;
    top: 100%;
    left: -5px;
    margin-top: -.5px;
}

ul#menu li ul.dropdown2 {
	padding: 0;
	height: auto;
	width: 100%;
	display: none;
	z-index: 1500;
	position: absolute;
	border: #fff 5px solid;
	border-top: none;
	background-color: #e4982a;
	top: 100%;
	left: -5px;
	margin-top: -.5px;
}

#Home ul#menu li ul.dropdown2 {
	margin-top: -2.5px;
}

#Home ul#menu li ul.dropdown {
	
	
	margin-top: -2.5px;
}


ul#menu li:hover ul.dropdown2 {
	display: inherit;
}

ul#menu li ul.dropdown2 li {
	line-height: 26px;
	padding: 3%;
	width: 88%;
}

ul#menu li:hover ul.dropdown { display:inherit;}
ul#menu li ul.dropdown li{
    line-height: 26px;
    padding: 3%;
    width: 88%;
    }
    ul#menu .contactNavLI:hover {
        background-color: #e4982a;
    }
    .contactNavLI:hover {
        background-color: #e4982a;
    }
ul#menu li ul.dropdown li a{ display: block;font-family: 'oswaldregular';
    padding: 0; margin-bottom: 8px; line-height: 24px;
    text-align: center;
    width: 100%;}
ul#menu li ul.dropdown li:hover>a{ color:#fff;}

ul#menu li ul.dropdown2 li a {
	display: block;
	font-family: 'oswaldregular';
	padding: 0;
	margin-bottom: 8px;
	line-height: 24px;
	text-align: center;
	width: 100%;
}

ul#menu li ul.dropdown2 li:hover > a {
	color: #fff;
}


#PuppyTrainer ul#menu li a#Meet,#CanineTrainerServices ul#menu li a#Services, #WisconsinReviews ul#menu li a#Testimonials, #TrainerTips ul#menu li a#Tips, #MilwaukeeCanineTrainerContact ul#menu li a#Contact
{color:#fff;}

#StreamSearchForm	{float:right; -moz-border-radius: 4px 4px 0 0; background-color: #E8EEF4; color: #034AF3; padding: 0 10px;}

.org, a.tel, a.email {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #eae4d0;
}
a.email {
    text-decoration: none;

}
a.tel:hover, a.email:hover {
    text-decoration: none;
    color: #49a3f1;
}

/*** _Hamburger Menu***/
#menuTL {
    display: none;
    height: 62px;
    position: absolute;
    right: 0px;
    margin-top: 0px;
    width: 62px;
    z-index: 9999;
}/*hamburger menu position*/
#nav-toggle {
    float: left;
    width: 100%;
    cursor: pointer;
}/*hamburger menu cursor*/
.contain {
    background-color: #d28634;
    display: block;
    height: 62px;
    position: relative;
}/*hamburger menu block and size*/
#menuTL.clicked .contain  {
    background-color: #d28634;
    box-shadow: -4px -5px 4px 1px rgb(0,0,0,.5);
}
#nav-toggle .menuX, #nav-toggle .menuX::before, #nav-toggle .menuX::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 4px;
    left: 10px;
    position: absolute;
    top: 18px;
    width: 40px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}/*hamburger menu line position*/
#nav-toggle .menuX::before {
    left: 0;
    top: 11px;
}/*hamburger menu line spacing*/
#nav-toggle .menuX::after {
    top: 22px;
    left: 0px;
}/*hamburger menu line spacing*/
    #nav-toggle.active .menuX { background: transparent; }
    #nav-toggle.active .menuX::before {
        top: 8px;
        background-color: white;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #nav-toggle.active .menuX::after {
        top: 18px;
        background-color: White;
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    #nav-toggle #textMenu, #nav-toggle #textClose { color: #fff; font-size: 12px; left: 12%; letter-spacing: 1px; margin-top: 0; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
    #nav-toggle #textMenu { opacity: 1; }
    #nav-toggle #textClose { letter-spacing: 1px; opacity: 0; }
    #nav-toggle:hover #textMenu, #nav-toggle:active #textMenu { color: #FDFFFC; }
    .clicked #nav-toggle #textMenu { opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
    .clicked #nav-toggle #textClose { opacity: 1; color: #FFF2AD; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
/* ==============={ Splash }=============== */
#splash{
    width: 100%;
    background-image: url('/Content/images/Rogue_Dog-Slash.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
#splashwrapper{margin: 0 auto; height: 535px;}

#mainVideoArea {height:541px; width:100%; position:relative; top:-40px;}

#positionedOverlay {
    background-image: url('/Content/images/Logo-and-Overlay_V2_2.png');
    width: 100%;
    height: 535px;
    position: relative;
    z-index: 10;
    background-position: center;
}

#backgroundOverlay {
    background-image:url('/Content/images/bgSliceOver.png');
    height: 536px;
    left: 0;
    position: absolute;
    top: 62px;
    width: 100%;
    z-index: 6;
    background-position: center;
}

#videoContainer {
    left: 0;
    right: 9%;
    top: 69px;
    width: 939px;
    display: inherit;
    position: absolute;
    margin-left: -9999px;
    margin-right: -9999px;
    margin: 0 auto;
}

#videoContainer video {
    width: 100%;
    display: block;
}



#mainwrapper h1{
    font-size: 2.2em;
    line-height: normal;
}

#mainwrapper h2{
    font-size: 2.0em;
    line-height: normal;
	margin-top:30px;
}

#mainwrapper h3 {
	font-size: 1.8em;
	line-height: normal;
	margin-top: 30px;
}

#mainwrapper h4 {
	font-size: 1.6em;
	line-height: normal;
	margin-top: 20px;
}

#mainwrapper h5 {
	font-size: 1.4em;
	line-height: normal;
	margin-top: 20px;
}

#mainwrapper p {
    font-size: 1.2em;
    line-height: 1.6em;

}





#bottomDesign {background:url('/Content/images/bottomDesign.jpg') top center; width:100%; min-height:2405px; position:relative; top:-44px;}

#mainvideoInner {margin: 0 auto; max-width: 1800px; width:100%; position:relative;}

#buttonNav {
    max-width: 1450px;
    width: 100%;
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: 480px;
    margin-left: -9999px;
    margin-right: -9999px;
    margin: 0 auto;
}

#bottomDesign {background:url(images/bottomDesign.jpg) top center; width:100%; min-height:2405px; position:relative; top:-44px;}

.Splashbuttonnav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.featured_button_content {
    display: inline-block;
    padding: 5px 0;
    box-sizing: border-box;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

ul.Splashbuttonnav li {
    font-size: 1.2em;
    font-family: 'oswaldregular';
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box;
    float: left;
    width: 20%;
}

ul.Splashbuttonnav li a.oneline{
    color: #3f3c33;
    text-decoration: none;
    border: 6px solid #e19329;
    background-color: #f0ebdc;
    box-shadow: 0 0 0px 2px #fff;
    display: block;
    margin: 0 10%;
    padding: 8% 10%;
}

#Splashbuttonnav_groupClassesButton a {
    padding: 4% 10%;
}

ul.Splashbuttonnav li a:hover{color:#CD7D2A; }

ul.Splashbuttonnav li a span.border {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
ul.Splashbuttonnav li a span.bordertop {
    border-top: 1px solid black;
}
ul.Splashbuttonnav li a span.borderbottom {
    border-bottom: 1px solid black;
}

/* ==============={ Rotator }=============== */
#rotator {
    width: 100%;
    float:left;
    background-color: #3d3833;
    box-sizing: border-box;
    padding-right: 5%;
    padding-left: 5%;
}

#rotator  > * {
    box-sizing: border-box;
}

#rotatorwrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1520px;
}

#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 100%;
}

.jshowoff {
    max-width: 1520px;
	margin: 20px auto
}

.jshowoff div, .jshowoff img, .jshowoff {
	-webkit-border-radius: 6px;
	}

#features1, #features2, #features3, #features4, #features5 {
    width: 100%;
    padding: 14% 0;
    background-size: 100%;
    box-sizing: border-box;
    display: block !important;
    background-repeat: no-repeat;
    background-position: center center;

    /*
    copy this 1st media query
    change only
    padding: 16% 0;




    */
}
#features1 {
    background-image: url("/Content/images/2000/basicobedience.jpg");
}
#features2 {
    background-image: url("/Content/images/2000/group.jpg");
}
#features3 {
    background-image: url("/Content/images/2000/shy.jpg");
}
#features4 {
    background-image: url("/Content/images/2000/pottytraining.jpg");
}
#features5 {
    background-image: url("/Content/images/2000/aggression.jpg");
}
/* group shy potty agression*/

#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	}
.jshowoff div p, .jshowoff div h2 {
	_background-color: #efefef;
	}
.jshowoff h2, .jshowoff p {
	font-size: 18px;
	padding: 15px 20px 0px;
	margin: 0;
	}
.jshowoff p {
	font-size: .9em;
	line-height: .938em;
	}
.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
	}
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	color: #fff;
	outline: none;
	display: block;
	text-decoration: none;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
	}
p.jshowoff-controls {
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;

	}
a.jshowoff-play { display:none;}
a.jshowoff-1-play { display:none;}
a.jshowoff-next {background:url('/Content/images/next.png') top center no-repeat;
    position: absolute;
    right: -40px;
    top: 37%; width:26px; height:67px;}
a.jshowoff-next:hover {background:url('/Content/images/nextO.png') top center no-repeat;}

a.jshowoff-prev {background:url('/Content/images/prev.png') top center no-repeat;
	position: absolute;
    left: -40px;
    top: 37%;
    width:26px;
    height:67px;
}
a.jshowoff-prev:hover {background:url('/Content/images/prevO.png') top center no-repeat;}

.jshowoff-pausetext {
	color: #fff;
	}

/* ==============={ Callout }=============== */
#callout {
    width: 100%;
    float:left;
}
#calloutwrapper {
    display: inherit;
   /* height: 280px;*/
	height: auto;
    padding: 40px 4%;
    width: 100%;
    text-align: center;
    background-color: #e9e3ce;
    box-sizing: border-box;
}
.brandLogos {
    margin-top: 1%;
}
#calloutwrapper h2{
    text-transform: uppercase;
    letter-spacing: .1em;
}
#Home #calloutwrapper h2 img {
    display: none;
}
.halfWidth {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
}
.brandLogoImages {
}
#TrainerTips #calloutwrapper{ display:none;}
#MilwaukeeCanineTrainerContact a.calltoaction{ display:none;}
#calloutwrapper table tbody tr td a img{
    padding: 10%;
}
/* ==============={ Socil Media Call }=============== */
#socialmedia { height: 192px;
    padding-left: 20px;
    position: absolute;
    display:inherit;
    top: 225px;
    width: 70px;
    z-index: 100;
           }
#Home #SocialSubpages{ display:none;}
#SocialSubpages{ background-color: #49a3f1;
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff;
    color: #3f3c33;
    display: inherit;
    float: left;
    height: 50px;
    width: 100%;}
 #SocialSubpagesWrapper{ width:900px; margin:0 auto;}
a.facebook {
    background-image: url('/Content/images/FacebookBTN.png');
}
a.facebook:hover {
    background-image: url('/Content/images/FacebookBTNO.png');
    background-repeat: no-repeat;
}

a.linkdin {
    background-image: url('/Content/images/LinkdinBTN.png');
}
a.linkdin:hover {
    background-image: url('/Content/images/LinkdinBTNO.png');
    background-repeat: no-repeat;
}

a.mailtab{
    background-image: url('/Content/images/MailBTN.png');
}
a.mailtab:hover{
    background-image: url('/Content/images/MailBTNO.png');
    background-repeat: no-repeat;
}
a.facebook, a.linkdin, a.mailtab {
    width:100%;
    height:60px;
    float:left;
    background-repeat: no-repeat;
}

a.calltoaction{  background-color: #49a3f1;
    border-bottom: 15px solid #fff;
    border-left: 15px solid #fff;
    border-top: 15px solid #fff;
    color: #3f3c33;
    display: inherit;
    font-family: 'oswaldbold';
    font-size: 27px;
    height: 92px;
    line-height: 30px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-transform: uppercase;
   top: 225px;
    width: 166px;
    z-index: 100;  }
a.calltoaction:hover
{   padding-right: 44px;
    color: White;
    }
a.calltoactionSub{
   color: #fff;
    display: inherit;
    float: left;
    font-family: 'oswaldregular';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-left: 130px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 64%;
    z-index: 100;}
a.calltoactionSub:hover{color: #3f3c33;}

#SocialSubpages a.facebook{background:url('/Content/images/Sub-Facebook.png') top center no-repeat;
           width:60px; height:60px; float:left;margin-top: -4px;
           }
#SocialSubpages a.facebook:hover{background:url('/Content/images/Sub-FacebookO.png') top center no-repeat;}

#SocialSubpages a.linkdin{background:url('/Content/images/Sub-Linkedin.png') top center no-repeat;
          width:60px; height:60px;
        float:left; margin-top: -4px; }
#SocialSubpages a.linkdin:hover{background:url('/Content/images/Sub-LinkedinO.png') top center no-repeat;}

#SocialSubpages a.mailtab{background:url('/Content/images/Sub-Mail.png') top center no-repeat;
          width:60px; height:60px;
        float:left;margin-top: -4px;  }
#SocialSubpages a.mailtab:hover{background:url('/Content/images/Sub-MailO.png') top center no-repeat;}

#TrainerTips a.calltoaction{ display:none;}

/* ==============={ Main }=============== */
#main {
    width: 100%;
    clear: both;
	margin-inline: auto;
    max-width: 2000px;
    background-color: #e1d4b6;
	overflow-x: clip;
}
#Home #mainwrapper {
	clear: both;
	padding: 2%;
	margin: 0 auto;
	/*min-height: 400px;*/
	text-align: center;
	background: #e1d4b6;
}

#Home #mainwrapper2 {
	clear: both;
	padding: 3% 3% 3.5%;
	margin: 0 auto;
	/*min-height: 400px;*/
	text-align: center;
	background: #e9e3ce;
}



.homepageSpecifics {
	clear: both;
	width: 100%;
}

.split-grid {
	display: grid;
	grid-template-columns: 50% 50%;
	align-items: center;
	height: auto;
	max-height: 640px;
	background: #e9e3ce;
}


.split-Text-Upper {
	display: grid;
	grid-template-columns: 76px auto;
	gap: 27px;
	align-items: center;
	margin-bottom: 30px;
}

.split-Text-Upper h2 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

	.split-Text-Upper h3 {
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-family: 'oswaldregular';
	}

.split-Text p {
	font-size: 16px;
}


@media screen and (max-width: 1200px) {
	.split-grid.textLeft {
		grid-template-columns: 2fr 1fr;
	}
	.split-grid.textRight {
		grid-template-columns: 1fr 2fr;
	}
}


@media screen and (max-width: 900px) {
	.split-grid {
		max-height: none;
	}

	.split-grid .split-Image {
		display: none;
	}

	.split-grid.textLeft {
		grid-template-columns: 1fr;
	}

	.split-grid.textRight {
		grid-template-columns: 1fr;
	}
}


@media screen and (max-width: 500px) {
	.split-Text-Upper {
		grid-template-columns: 46px auto;
		gap: 17px;
	}
	.split-Text-Upper img {
		max-width: 100%;
		height: auto;
	}
}


.split-Text {
	padding: 100px;
	background: #e9e3ce;
}

@media screen and (max-width: 1200px) {
	.split-Text, .split-Image {
		padding: 25px;
	}
}

.split-Image img {
	max-width: 100%;
	height: auto;
}


#mainwrapper {
	text-align: left;
	padding: 3%;
}
#mainwrapper img {
    padding-left: 3%
}
.blogItem::after, #TrainerTips h2::before {
    content: '';
    display: block;
    height: 1em;
}
#mainwrapper ul{ margin-left:20px;}
#Home h2.redtitle
{
    background-image: url('/Content/images/RewardTraining.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 22%;
    text-align: center;
    background-size: 20%;
    text-transform: uppercase;
}
#Home h1
{
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #3d3833;
}
#Home h2{color: #cea25f; vertical-align:baseline;}
#Home h2.yellowtitle{
    background-image:url('/Content/images/GroupClasses.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 22%;
    text-align: center;
    background-size: 20%;
    text-transform: uppercase;
    }
#Home h2.orangetitle {
    background-image:url('/Content/images/PrivateLessons.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 18%;
    text-align: center;
    background-size: 20%;
    text-transform: uppercase;
    }
#Home h2.bluetitle {
    background-image:url('/Content/images/TrainingCollars.png');
    width: 100%;
    padding-top: 15%;
    text-align: center;
    background-size: 20%;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: top center;
    }
#Home .titlewrapper {
    width:100%;
    float:left;
    margin-bottom: 15px;
    margin-top: 80px;
}

.HomeBoxLeft {
    width:21%;
    float:left;
    margin:0;
    padding: 0 2%;
    text-align-last: center;
}
.HomeBoxLeft h3{ font-family:'oswaldregular'; text-transform: uppercase; text-align: center;}
.HomeBoxLeft p {
    text-align: justify;
 }
.HomeBoxLeft:nth-last-child(2) {
    width:80%;
    text-align: center;
    margin-left: 8%;
 }
 .HomeBoxLeft:nth-child(4) .titlewrapper {
    padding-top: 12px;
}
.HomeBoxLeft:nth-child(5) .titlewrapper {
    padding-top: 22px;
}
#Home .HomeBoxLeft:nth-last-child(2) h2.redtitle {background-image: none; padding: 0; min-height: auto;}
#Home .HomeBoxLeft:nth-last-child(2) .titlewrapper {min-height: 0px;}

/* ==============={ Blog }=============== */
.blogLink a{color:#3f3c33; font-size: 20px;}
.blogImage{}
.newsLink{}
.newsLink a{ color: #3f3c33;
    font-size: 20px; font-family: 'oswaldregular';
   }
/* ==============={ ContactForm }=============== */
#ContactForm label {display: block; font-weight: 900; }
		#ContactForm input[type="text"],
		#ContactForm input[type="email"],
		#ContactForm input[type="password"],
		#ContactForm textarea {
		    border: 1px solid #ccc;
		    color: #444;
		    font-size: 1.2em;
		    padding: 2px;
		    width: 100%;
		    }
		#ContactForm input:focus,
		#ContactForm textarea,
		#recaptcha_response_field {border: 1px dotted #22a; }
		#ContactForm label.error {display: inline; color: #f00; margin-left: 5px;}
		#ContactForm input.error,
		#ContactForm textarea.error,
		#recaptcha_response_field.error {border: 1px dotted #e00; color: #f00; background-color: #ff8;}
		#ContactFormCaptcha {margin-top: 0px;}
		.ContactLeft{ width: 48vw; float:left;}
		.ContactRight {
		    background-color: #e29628;
            border: 5px solid #fff;
            float: right;
            margin-right: 3%;
            padding: 10px;
            width: 44%;
            max-width: 480px;
            }
            #ContactForm {
                width: 90%;
                margin: 0 auto;
            }
		#MilwaukeeCanineTrainerContact #calloutwrapper{ display:none;}\
		p #SendButton{}
#ContactForm {
    box-sizing: border-box;
}
#ContactForm * {
    box-sizing: border-box;
}


/* ==============={ Footer }=============== */
#footer {
    width: 100%;
    float:left;
}
 #footerwrapper {
    color: #999;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    margin: 0 auto;
    height: 400px;
}

.FooterTopNav {
    max-width: 1450px;
    margin: 0 auto;
}

ul#FTopNav {
    font-family: 'oswaldbold';
    margin:.5% 0px;
    width: 100%;
}
ul#FTopNav li{
    list-style: none;
    box-sizing: border-box;
    float: left;
    width: 16%;
}

@media screen and (max-width: 900px) {
	ul#FTopNav li {
		display: inline-block;
		float: none;
		width: auto;
		margin: 1em;
	}
}

ul#FTopNav li#greeting	{padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
ul#FTopNav li a {
    font-size: 1.4em;
    text-decoration: none;
    text-transform:uppercase;
    line-height: 2.8em;
    color: #3d3833;
}

ul#FTopNav li a:hover	{color: #E29529; tevxt-decoration: none; }
ul#FTopNav li a:active	{color: #3d3833; text-decoration: none; }
ul#FTopNav li.selected a{color: #fff; color: #3d3833; }

.FooterLowerNav {
    height: auto;
    background-color: #e29529;
}
ul#FLowerNav {
    font-family: 'oswaldbold';
    padding: 2px 0 0;
    position: relative;
    margin:0px 0px;
}
ul#FLowerNav li {
    display: inline-block;
    list-style: none;
    float: left;
}
ul#FLowerNav li#greeting	{padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #fff; }
ul#FLowerNav li a {
    padding: 10px;
    font-size: 1.2em;
    text-decoration: none;
    text-transform:uppercase;
    line-height: 2.8em;
    color: #4d4136;
}

ul#FLowerNav li a:hover	{color: #fff; text-decoration: none; }
ul#FLowerNav li a:active	{color: #3d3833; text-decoration: none; }
ul#FLowerNav li.selected a{color: #fff; color: #3d3833; }
#LowerContent {
    color:#fff;
    font-family: 'oswaldregular';
    background-color: #3d3833;
    padding-bottom: 20px;
    margin-top: -5px;
}
#FooterLogoholder {
    margin: 10px auto 0;
    max-width: 600px;
    display: block;
    padding-top: 20px;
}
.FooterLogoholderLeft, .FooterLogoholderMiddle, .FooterLogoholderRight {
    display: inline-block;
    vertical-align: middle;
    width: calc(100%/3.1);
 }
a.tel{font-weight: 900; font-size: 1.5em; color:#fff; text-decoration:none;}
a.tel:hover{ text-decoration:underline;}

#vcard {
    color: #000;
    background-color: #eae4d0;
}
	.copyright{font-weight: 900; font-size: 1.5em; color:#fff; text-decoration:none;}
			.adr abbr {border-bottom-width: 0px none;}
			.org {font-weight: 900; font-size: 1.5em; }

/* ==============={ FORM LAYOUT ELEMENTS }=============== */
fieldset		{border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend		{font-size: 1.2em; font-weight: bold; }
textarea		{min-height: 75px; }
select		{border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; }
input[type=text], input[type=email], input[type=password]	{border: 1px solid #ccc; padding: 2px; font-size: 1.2em; color: #444; width: 200px; }
input[type=submit]
{ background-color:#E29628; border:5px #fff solid; color:#fff;
	font-size: 15px; padding: 5px; cursor:pointer;font-family: 'Oswald',sans-serif; margin-top:20px; text-transform:uppercase;
	width: 30%;}
input[type=submit]:hover{background-color:#49A3F1; border:5px #fff solid;}
input[type=submit]:active{border:5px #fff solid;}


/* ==============={ TABLE }=============== */
table	{border: solid 1px #e8eef4; border-collapse: collapse; }
table td	{padding: 5px; border: solid 1px #e8eef4; }
table th	{padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }



/* ==============={ MISC }=============== */
.clear	{clear: both; }
.error	{color: Red; }

div#title				{display: block; float: left; text-align: left; }
#logindisplay			{font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; }
#logindisplay a:link	{color: white; text-decoration: underline; }
#logindisplay a:visited	{color: white; text-decoration: underline; }
#logindisplay a:hover	{color: white; text-decoration: none; }
.hidethis				{visibility: hidden }
.image				{text-align:center; }



/* ==============={ Styles for validation helpers }=============== */
.field-validation-error		{color: #ff0000; }
.field-validation-valid		{display: none; }
.input-validation-error		{border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors	{font-weight: bold; color: #ff0000; }
.validation-summary-valid	{display: none; }



/* ==============={ Styles for editor and display helpers }=============== */
.display-label, .editor-label	{margin: 1em 0 0 0; }
.display-field, .editor-field	{margin: 0.5em 0 0 0; }
.text-box					{width: 30em; }
.text-box.multi-line		{height: 6.5em; }
.tri-state				{width: 6em; }


/* ==============={ Styles for validation helpers }=============== */
.field-validation-error		{color: #f00; }
.field-validation-valid		{display: none; }
.input-validation-error		{border: 1px solid #f00; background-color: #ffeeee; }
.validation-summary-errors	{font-weight: bold; color: #f00; }
.validation-summary-valid	{display: none; }

/* ==============={ Styles for File Management }=============== */
#DeleteSelectedFiles	{background: none; border: 0; color: #2B94FF; cursor: pointer; }
ul.FileManLinks li		{display: inline; }
ul.FileManLinks li a	{text-decoration: underline; }
p.FileManCwd			{color: Gray; font-size: 1.2em; text-align: center; }
ul.FileManOps li		{display: inline; }
ul.FileManip			{margin-left: 150px; }
ul.FileManip li		{display: inline; padding: 0 3px; }
#HelpOutput			{border: 1px solid grey; margin-bottom: 20px; color: #2B94FF; }
#FileManipSelectAllFiles	{margin-left: 100px; }

/* ==============={ Styles for Pagination }=============== */
#PaginationDisplay			{}
#PaginationDisplay a		{}
#PaginationDisplay .selected	{}

/* ==============={ Styles for Gallery Images }=============== */
.photoItem		{float: left; text-align: center; width: 180px; height: 220px; }
.ImageName		{text-align: center; }
.categoryItem		{float: left; text-align: center; width: 180px; height: 220px; }
.subCategoryName	{text-align: center; }


/* ==============={ Modal Contact Form }=============== */
#ContactForm label {display: block; font-weight: 900; }
#ContactForm input[type="text"],
#ContactForm input[type="email"],
#ContactForm input[type="password"],
#ContactForm textarea { border: 1px solid #ccc; color: #444; font-size: 1.2em; padding: 2px; width: 100%;}
#ContactForm input:focus,
#ContactForm textarea,
#recaptcha_response_field {border: 1px dotted #22a; }
#ContactForm label.error {display: inline; color: #f00; margin-left: 5px;}
#ContactForm input.error,
#ContactForm textarea.error,
#recaptcha_response_field.error {border: 1px dotted #e00; color: #f00; background-color: #ff8;}
#ContactFormCaptcha {margin-top: 0px;}




#ModalContactFormSlot	{float: right; width: 250px; display: inline-block; }
#ModalContactMask {background-color: #5C87B2; position:absolute; left:0; top:0; z-index:9000; display:none;}
#ContactFormModal fieldset			{padding: 10px 25px; border:none; margin-bottom:0px; color: #000}
#ContactFormModal fieldset input		{margin-bottom:5px;}
#ContactFormModal #boxes fieldset		{background-color: #E8EEF4; position:fixed; left:0; top:0; width: 500px; display:none; z-index:9999; padding:20px; color: #000 }
#ContactFormModal #boxes fieldset legend	{padding-top:53px;text-align:center;border:none;width:90%; display: block;}
#ContactFormModal #boxes fieldset label		{display: block; }
#ContactFormModal #boxes fieldset label.error {display: inline; color: #f00;}

#ContactFormModal #boxes fieldset input.error {border: 1px dotted #f00;}

#ContactFormModal .CloseFieldset		{margin: 10px 0 0 0; border-color: #ddd; color: #ddd; background-color: #222;}
#ContactFormModal .CloseFieldset:hover{border-color: #eee; color: #eee; background-color: #444; font-weight: 900;}

#ContactFormModal .formbg_top{display:block; width:302px; height:41px;}
#ContactFormModal .formbg_middle{display:block; width:302px; height:auto;}
#ContactFormModal .formbg_bottom{display:block; width:302px; height:96px;}

#ContactFormModal .section	{margin-bottom: 26px; padding-bottom: 10px; padding-top: 10px; text-align: left; float:left; margin-right:42px; }
#ContactFormModal #captcha	{float:left; }
#ContactFormModal legend	{border:none; font-weight:bold; text-transform:uppercase;}


/* ==============={ YouTube Thumbnail img }=============== */
.YoutubeThumb	{ width: 150px; height: 150px;}


/* CHROME SPECIFIC FIXES: Oswald Font Weight Issue
===========================================
@media screen and (-webkit-min-device-pixel-ratio:0)
{

h1,h2,h3,h4,h5, a.calltoaction, ul#menu li, ul#menu li a, #LowerContent
{font-weight: normal;}
ul#menu li a {
padding: 10px 3px;}

#PDProdInfoWrapper #purchaseInfo .checkout{line-height:27px;}
ul#menu li a.Phone {
border: 0 none;
color: #fff;
float: right;
font-size: 18px;
font-weight: normal;
line-height: 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}

h5 a {-webkit-text-size-adjust: none;}

.recaptchatable {
    border: 0px solid #dfdfdf !important;
    line-height: 1em;}
    ul#menu li a		{ padding: 10px; font-size: 17px; font-weight: normal; text-decoration: none; text-transform:uppercase; line-height: 2.8em;  color: #3d3833; }
    a.calltoactionSub{
   color: #fff;
    display: inherit;
    float: left;
    font-family: 'Oswald',sans-serif;
    font-size: 20px;
    font-weight:normal;
    letter-spacing: 3px;
    margin-left: 130px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 64%;
    z-index: 100;}
    ul#menu li a.Phone		{ border: 0 none;
color: #fff;
float: right;
font-size: 18px;
font-weight: normal;
line-height: 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase; }

}

/* @ Media Screen Responsive Sizes*/
=========================================== */
@media screen and (min-width: 1200px) {
    ul#FLowerNav {
        width: 100%;
    }
    ul#FLowerNav li {
        display: inline-block;
        list-style: none;
        float: none;
        width: 15%;
    }
    ul#FLowerNav li:nth-child(5) {
        width: 25%;
    }
}
@media screen and (max-width:1500px) {
    /*** _Menu ****/
    ul#menu {
        width: 100%;
    }
    ul#menu li {
        width: calc(100% / 7.2);

    }
    ul#menu li.menu-home{

    }
    #buttonNav {
        max-width: 1400px;
    }
    ul.Splashbuttonnav li a.oneline{
        padding: 8% 2%;
        margin: 6%;
    }
    #Splashbuttonnav_groupClassesButton a {
        padding: 3.8% 8%;
    }

    /*  _Rotator  */
    #rotatorwrapper, #calloutwrapper {
        padding-left: 3.33%;
        padding-right: 3.33%;
    }
   .HomeBoxLeft:nth-last-child(2) {
       max-width: 1500px;
       width: 100%;
       display: block;
       float: none;
       box-sizing: border-box;
       text-align: center;
       margin: 0;
   }
   /*Rotator*/


    #features1, #features2, #features3, #features4, #features5 {
        padding: 16%;
    }
    #features1 {
        background-image: url("/Content/images/1500/basic.jpg");
    }
    #features2 {
        background-image: url("/Content/images/1500/group.jpg");
    }
    #features3 {
        background-image: url("/Content/images/1500/shy.jpg");
    }
    #features4 {
        background-image: url("/Content/images/1500/pottytraining.jpg");
    }
    #features5 {
        background-image: url("/Content/images/1500/aggression.jpg");
    }
}


@media screen and (max-width: 1200px) {
    /*** _Menu ***/
    a.LogoHeader {
        left: -16px;
    }
    #buttonNav, #rotatorwrapper, #calloutwrapper {
        box-sizing: border-box;
    }
    #buttonNav {
        max-width: 1100px;
    }
    ul.Splashbuttonnav li a.oneline {
    padding: 8% 3%;
    margin: 4%;
    }
    #Splashbuttonnav_groupClassesButton a {
        padding: 3% 4%;
    }
    /*** _Slider ***/

    /*** _Main ***/
    .HomeBoxLeft {
        width: 46%;
    }
    /*** _Contact Page ***/
    .ContactRight {
        margin: 0;
        width: 98%;
        max-width: initial;
        background-color: transparent;
        border: none;
        padding: 0;
        padding-top: 3%;
    }
    #ContactForm {
        margin: 0 auto;
        max-width: 100%;
        background-color: #e29628;
        border: 5px solid #fff;
        padding: 3%;
    }
    .ContactLeft {
        width: 100%;
        float: left;
    }
    /*Rotator*/

    #features1, #features2, #features3, #features4, #features5 {
        padding: 20%;
    }

    #features1 {
        background-image: url("/Content/images/1200/basic.jpg");
    }
    #features2 {
        background-image: url("/Content/images/1200/group.jpg");
    }
    #features3 {
        background-image: url("/Content/images/1200/shy.jpg");
    }
    #features4 {
        background-image: url("/Content/images/1200/pottytraining.jpg");
    }
    #features5 {
        background-image: url("/Content/images/1200/aggression.jpg");
    }
}


@media screen and (max-width: 1330px) {
	#menu .caretRight {
		right: 5%;
		top: 0;
		background: #9e6a22;
	}

	#menu .caretRight2 {
		right: 5%;
		top: 0;
		background: #9e6a22;
	}

	.caretRight.expanded, .caretRight2.expanded {
		transform: rotate(270deg);
		transition: all 0.35s ease;
	}
}


.menu-services {
	position: relative;
}

.menu-resources.menu-services .caretRight2 {
	right: 20px;
}


.caretRight {
	transform: rotate(90deg);
	/*display: inline-block;*/
	display: none;
	position: absolute;
	right: -10px;
	padding: 15px;
	color: #3d3833;
	z-index: 999;
	/*background: #CCC;*/
}

.caretRight2 {
	transform: rotate(90deg);
	/*display: inline-block;*/
	display: none;
	position: absolute;
	right: -10px;
	padding: 15px;
	color: #3d3833;
	z-index: 999;
	/*background: #CCC;*/
}

@media screen and (max-width: 1330px) {
	/*** _Menu ***/
	/*ul#menu li:hover ul.dropdown { display:none;}*/

	.caretRight, .caretRight2 {
		display: block;
	}

	.caretRight {
	}

    .caretDown {
      
    }

    ul#menu li:hover > a .caretRight
    {
        border-bottom-color: White;
    }
    ul#menu li:hover > a .caretDown
    {
        border-top-color: White;
    }
   #headerwrapper, #buttonNav, #calloutwrapper {
        width: 98%;
    }
    a.LogoHeader {
        left: 20px;
    }
    ul#menu {
        display: none;
    }
    ul#menu li {
        width: 100%;
    }
    .mobileContactButton {
        padding-right: 70px;
    }
    .mobileContactButton a.Phone {
        margin-top: 10px;
    }
    #SocialSubpagesWrapper {
        width: 80%;
        margin: 0 auto;
        float: right;
    }
    ul#menu {
            margin-top: 63px;
            padding: 0;
            display: block;
        }
        ul#menu li {
            background-color: #d28634;
        }
        .mobileContactButton a.Phone {
            display: block;
        }
        #menuTL {
            display: block;
        }/*the display on this is none until it hits 639px*/
        .HeaderNav__list {
            overflow: hidden;
            max-height: 0;
            margin: 60px 0 0 0;
            height: auto;
            padding: 0 0 0 0;
            width: 100%;
            z-index: 150;
            position: absolute;
            background: #d28634;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            right: 0;
        }/*hamburger menu display..... YOU MAY NEED TO GO BACK TO THIS!*/

        /*.HeaderNav__list li.mobileBumb { margin-top:18%;}   mobileBumb??? this might not be needed*/

        .HeaderNav__list.clicked {
            max-height: 500px;
            overflow: visible;
            box-shadow: 0px 0px 1px 1px rgb(0,0,0,.5);
            z-index: 10000;
        }
        .contactNavLI {
            display: none!important;
        }
        .HeaderNav__list li a {
            width: 100%;
            display: block;
            height: 56px;
            box-shadow: 0px -1px 1px 1px rgb(0,0,0,.5) inset;
        }
        .HeaderNav__list li a:hover
        {
            background-color:#e4982a;
        }
        #headerwrapper, #buttonNav, #calloutwrapper {
            width: 100%;
        }/*make the hamburger nav buttons extend from end-to-end*/
        ul#menu {
            margin: none;
            padding: none;
            width: 50%;
        }/*this is for location of hamburger menu dropping down*/

			ul#menu li.menu-contact, ul#menu li.menu-tips-and-tricks, ul#menu li.menu-testimonials, ul#menu li.menu-services, ul#menu li.menu-meet-the-trainer, ul#menu li.menu-home, ul#menu li ul.dropdown li a, ul#menu li ul.dropdown2 li a {
				display: block;
				padding: 0;
			}/*these are display: hidden; up until this point*/
			ul#menu li ul.dropdown li a, ul#menu li ul.dropdown2 li a {
				display: block;
				font-family: 'oswaldregular';
				padding: 0;
				margin: 0;
				line-height: 2.8em;
				background-color: #e4982a;
			}
        ul#menu li ul.dropdown li a:hover, ul#menu li ul.dropdown2 li a:hover
        {
            background-color: rgb(0,0,0,.1);
        }

	#Home ul#menu li ul.dropdown, #Home ul#menu li ul.dropdown2 {
		margin-top: 0;
	}

	ul#menu li ul.dropdown, ul#menu li ul.dropdown2 {
		position: relative;
		border: none;
		top: 0;
		left: 0;
		display: block;
		max-height: 0;
		overflow: hidden;
		transition: all 0.1s ease;
	}

		ul#menu li ul.dropdown.expanded, ul#menu li ul.dropdown2.expanded {
			max-height: 500px;
			transition: all 0.35s ease;
		}

	ul#menu li ul#trainerDropdown.dropdown, ul#menu li ul#trainerDropdown.dropdown2 {
		position: relative;
		border: none;
		top: 0px;
		left: 0;
		/*display: block;*/
	}

	ul#menu li ul.dropdown li, ul#menu li ul.dropdown2 li {
		float: none;
		padding: 0;
		width: 100%;
		top: 0;
		position: relative;
		display: list-item;
		line-height: 1em;
	}

		ul#menu li ul.dropdown li a, ul#menu li ul.dropdown2 li a {
			line-height: 1em;
			height: auto;
			padding: 14px 0;
			font-size: 15px;
		}

        #effect {
        display: block;
    }
    a.calltoaction {
        top: 63px;
        width: 100%;
        z-index: 50;
        border-left: none;
        border-bottom: none;
        border-top: 8px solid #fff;
        text-align: center;
        font-size: 1.2em;
        color: white;
        display: block;
        height: auto;
        padding: 1.1%;
        letter-spacing: .05em;
    }
    a.calltoactionSub {
        text-align: center;
        font-size: 1.2em;
        margin-left: 0;
        white-space: nowrap;
    }
    #SocialSubpages a.facebook, #SocialSubpages a.linkdin, #SocialSubpages a.mailtab {

    }
    #SocialSubpages a.facebook {
        margin-left: 6%;
        width: 30px;
    }
    a.calltoaction:hover {
        color: #3f3c33;
        width: 100%;
        padding-right: 0;
    }
    #socialmedia {
        position: absolute;
        top: 65px;
        width: 180px;
        z-index: 100;
        right: 5px;
        height: auto;
        padding-left: 0;
    }
   a.facebook {
        background-image: url('/Content/images/FacebookBTNmobile.png');
        margin-top: 3px;
    }
    a.facebook:hover {
        background-image: url('/Content/images/FacebookBTNOmobile.png');
        background-repeat: no-repeat;
    }
    a.linkdin {
        background-image: url('/Content/images/LinkdinBTNmobile.png');
        margin-top: 3px;
    }
    a.linkdin:hover {
        background-image: url('/Content/images/LinkdinBTNOmobile.png');
        background-repeat: no-repeat;
    }
    a.mailtab{
        background-image: url('/Content/images/MailBTNmobile.png');
        margin-top: 8px;
    }
    a.mailtab:hover{
        background-image: url('/Content/images/MailBTNOmobile.png');
        background-repeat: no-repeat;
    }
    a.facebook, a.linkdin, a.mailtab {
        width: 33%;
        height: 50px;
        display: inline-block;
        background-position: center;
        padding: 0;
        background-size: 50%;

    }

    /*** _SplashNav ***/
    #splash {
        background-image: url('/Content/images/Rogue_Dog_Training_Homepage_640.jpg');
        background-position: top center;
        margin-top: 40px;
    }
    #splashwrapper {
        background-image: url('/Content/images/Header640.jpg');
        height: 600px;
        background-position: center;
        padding-top: 70px;
    }

    ul.Splashbuttonnav li {
        width: 50%;
    }
    ul.Splashbuttonnav li a.oneline, #Splashbuttonnav_groupClassesButton a{
        padding: 3% 10%;
        margin: 2%;
    }

    ul.Splashbuttonnav li#Splashbuttonnav_groupClassesButton {
        margin-left: 25%;
    }

    .im_a_block {
        display: inline-block;
    }
    #calloutwrapper {
        padding: 5%;
        padding-bottom: 0px;
    }
    #positionedOverlay, #backgroundOverlay, #videoContainer {
        display: none;
    }
    #buttonNav {
        bottom: 0;
        top: 500px;
    }

    /*** _Slider ***/


    #rotatorwrapper_img1 {
        background-image: url('/Content/images/640/obedience640.jpg');
    }
     #rotatorwrapper_img2 {
        background-image: url('/Content/images/640/group640.jpg');
    }
     #rotatorwrapper_img3 {
        background-image: url('/Content/images/640/shy640.jpg');
    }
     #rotatorwrapper_img4 {
        background-image: url('/Content/images/640/potty640.jpg');
    }
     #rotatorwrapper_img5 {
        background-image: url('/Content/images/640/aggression640.jpg');
    }

    /*** _Main **/
    #calloutwrapper {
        height: auto;
    }
    .HomeBoxLeft {
        width: 96%;
    }
    #Home .titlewrapper {
        margin-top: 20px;
    }
    /*** _Footer ***/
    ul#FLowerNav {
        font-family: 'oswaldregular';
    }
    ul#FLowerNav li a {
        font-size:1em;
    }
}
@media screen and (max-width: 639px) {
    /*** _Header **/
    a.LogoHeader {
        left: 10px;
        max-width: 95%;
    }
    a.LogoHeader img {
        width: 79%;
    }
    a.calltoaction, a.calltoactionSub {
        letter-spacing: normal;
    }
    a.calltoactionSub {
        float: none;
        margin: auto;
        width: auto;
    }
    #socialmedia, #socialmedia a, #SocialSubpages a.facebook, #SocialSubpages a.linkdin, #SocialSubpages a.mailtab {
        display: none;
    }
    #SocialSubpagesWrapper {
        width: 100%;
        float: none;
    }
    ul#menu {
        width: 100%;
    }
    /*** _Splash ***/

    #splash {
        margin-top: 0px;
    }
    #splashwrapper {
        background-image: url('/Content/images/Header320.jpg');
        background-position: center;
        height: 700px;
        overflow: hidden;
        padding-top: 0;
    }
    #buttonNav {
        top: 400px;
    }
    ul.Splashbuttonnav li {
        width: 100%;
    }
    ul.Splashbuttonnav li#Splashbuttonnav_groupClassesButton {
        margin-left: 0;
    }
    ul.Splashbuttonnav li a.oneline, #Splashbuttonnav_groupClassesButton a {
        margin: 5px 3%;
        padding: 10px 5%;
    }
    .featured_button_content {
        padding: 2px 0;
    }

    /*** _Callout ***/
    .brandLogos
    {
        margin-top: 3%;
    }
    #calloutwrapper h2 {
        letter-spacing: normal;
    }
     /*Rotator*/
     #rotatorwrapper {
         width: 90%;
     }


    #features1, #features2, #features3, #features4, #features5 {
        padding: 46%;
    }

    #features1 {
        background-image: url("/Content/images/320/basic.jpg");
    }
    #features2 {
        background-image: url("/Content/images/320/group.jpg");
    }
    #features3 {
        background-image: url("/Content/images/320/shy.jpg");
    }
    #features4 {
        background-image: url("/Content/images/320/pottytraining.jpg");
    }
    #features5 {
        background-image: url("/Content/images/320/aggression.jpg");
    }
     /*** _Main ***/
    #ContactFormCaptcha img {
        width: 100% !important;
        height: 100% !important;
    }
    #mainwrapper {
        padding: 5%;
    }
    #mainwrapper img {
        width: 50%;
        height: 50%;
    }
    #mainwrapper h3 img {
        width: auto;
    }
    #Home #mainwrapper {
        padding: 3% 6% 3.5%;
    }
    #Home h1 {
        letter-spacing: normal;
        font-size: 1.8em;
        line-height: 1.2em;
        padding-top: 20px;
        word-spacing: .2em;
    }
    #Home .titlewrapper {
        margin-bottom: 0;
    }
    #Home h2.redtitle {
        font-size: 2.3em;
        font-weight: lighter;
    }
    .HomeBoxLeft h3 {
        font-weight: lighter;
        font-size: 1.4em;
    }
    .HomeBoxLeft h5 {
       line-height: 1.2em;
       padding: 20px 10px;
       font-size: 1.2em;
    }
    /*** _Table and BrandLogo fix***/
    #Home table {
        display: none;
    }
    .brandLogos {
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        padding-top: 2%;
    }
    .halfWidth {
        width: 50%;
        float: left;
        box-sizing: border-box;
        display: block;
        min-height: 120px;
    }
    .brandLogos img {
        display: block;
        padding: 3%;
        margin: 0 auto;
    }
    /*** _Footer ***/
    ul#FTopNav {
        margin: 1.5% 0;
    }
    ul#FTopNav li {
        display: inline-block;
        float: none;
        width: auto;
        margin: 1em;
    }
    ul#FTopNav li a {
        line-height: 2em;
    }
    ul#FLowerNav {
        padding: 1% 0;
    }
    ul#FLowerNav li {
        float: none;
    }
    ul#FLowerNav li a {
        line-height: 1.7em;
    }
    #LowerContent {
        position: relative;
    }
    #FooterLogoholder {
        min-height: 340px;
    }
    .FooterLogoholderMiddle {
        width: 96%;
        position: absolute;
        display: block;
        top: 20px;
    }
    .FooterLogoholderLeft, .FooterLogoholderRight {
        width: 50%;
        float: left;
        position: relative;
    }
    .FooterLogoholderLeft {
        top: 220px;
        text-align: right;
    }
    a.FooterLogoholderLeft img {
        padding-right: 8px;
    }
    .FooterLogoholderRight {
        top: 200px;
        text-align: left;
    }
    a.FooterLogoholderLeft img {
        padding-left: 8px;
    }
     #recaptcha_table{
            display: block;
            width: 100%;
            box-sizing: border-box;
        }
        #recaptcha_table tbody {
            display: block;
            width: 100%;
        }
        #recaptcha_table tbody td,
        #recaptcha_table tbody tr {
            box-sizing: border-box;
            display: block;
            width: 100%;
        }
        .recaptchatable #recaptcha_image {
            width: 100% !important;
            height: auto !important;
        }
        .recaptchatable .recaptcha_image_cell{
            background-color: transparent !important;
            box-sizing: border-box;
            display: block;
            width: 100%;
        }
        .recaptchatable #recaptcha_image{
            border: 0px !important;
            box-sizing: border-box;
        }
        .recaptchatable .recaptcha_image_cell img {
            box-sizing: border-box;
            display: block;
            width: 100%;
            padding: 5px;
        }
        #recaptcha_table tbody tr:first-of-type td:last-of-type{
            box-sizing: border-box;
            display: none !important;
        }
        #recaptcha_table tbody tr:first-of-type td:nth-child(2) {
            box-sizing: border-box;
            text-align: center;
            margin-top: 8% !important;
        }
        #recaptcha_table tbody tr:first-of-type td:nth-child(2) a{
            box-sizing: border-box;
            display: inline-block;
        }

        #recaptcha_table tbody .recaptcha_input_area {
            box-sizing: border-box;
            display: block;
            width: 100%;
        }
        #recaptcha_table tbody .recaptcha_input_area input{
            width: 100% !important;
            box-sizing: border-box;
            display: block;
        }
        .recaptchatable {
            min-height: 185px;
        }
        #recaptcha_response_field {
            margin-top: 55px;
        }
}
.newsItem, .blogItem {
	margin-block: 15px;
}
.contact-btn {
	padding: 15px 30px;
	color: #ffffff !important;
	background: #e29529;
	text-transform: uppercase;
	text-decoration: none !important;
	display: inline-block;
	margin-top: 10px;
	font-family: 'oswaldregular';
	border-radius:5px;
	transition:.3s all ease;
}
	.contact-btn:hover, .contact-btn:focus, .contact-btn:active {
		background: #CB7B2A;
	}


.ServiceAreasClass .newAlertBanner, .mainTrainerClass .newAlertBanner, .ObedienceClassesClass .newAlertBanner {
	display: block;
}

.newAlertBanner {
	background: #9b2a2a;
	background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(255, 0, 0, 1) 100%);
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-family: 'oswaldregular';
	display: none;
}

	.newAlertBanner p {
		font-family: 'oswaldregular';
		line-height: 50px;
	}

.newAlertBanner img {
	max-width: 18px;
	height: auto;
	margin-right: 15px;
}