/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

body {
	background:gray;
}

ul {
        margin:0 !important;
}

.ss-logoc2Con {
   width:300px !important;
}

#logoc2 {
   width: 300px;
   position: absolute;
   top:10px;
   left:15px;
   transition:1s;
   -webkit-transition:1s;
   -moz-transition:1s;
}


.nav-submenu > li {
  background: rgb(240, 240, 240);
  color: gray;
  display: block;
  padding: 20px;
  text-align: center;
  width: 220px;
  position: relative;
  left: -35px;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;    
}

.nav-listyle {
    padding:0 !important;
}

.styleMe {
    left:0 !important;
}

.nav-listyleB {
    padding:0 !important;
}

.hidethis {
    display:none;
    left: 15px;
    position: relative;
    top: 20px;    
}

.nav-submenu > li:hover {
    pointer:cursor;
}

.nav-submenu > li:hover > .hidethis {
    display: block;
}


.ccteam:hover {
    cursor:pointer !important;
}

a,
a:hover {
	text-decoration:none;
}
ul,
ol {
	list-style:none;
}
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.main {
	width:100%;
	margin:50px 0;
	text-align:center;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/

.nav {
        margin:0 !important;
	position:relative;
	display:inline-block;
	font-size:13px;
        width:100%;
        background:white;
        height: 88px;
        border-bottom: 1px solid rgb(238, 238, 238);
        position:fixed;
}
.nav-list {
        float:right;
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s;
}

.nav-list > li > a {
        padding: 10px 15px !important;
}

.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
        width:8%;
        min-width: 150px;
        padding: 50px 0 0;
        text-align:center;
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s;
}
.nav-item a {
	display:block;
	color:#FFF;
	padding:15px 10px;
        color:gray;
}
.nav-item > a:hover {
        color:rgb(0, 60, 126);
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:-20px;
	width:100%;
        top:89px;
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s;
}
.nav-submenu>ul>li {
        margin:0;
}
.nav-submenu-item a {
        background: rgb(240, 240, 240);
        color: gray;
        display: block;
        padding: 20px;
        text-align: center;
        width: 220px;
        position: relative;
        left: -20px;
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s;
}
.nav-submenu-item a:hover {
        color:white;
        background:rgba(112, 207, 236, 1);
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:25px;
	right:10px;
	background:url(../img/responsive_menu_icon.png) no-repeat center center;
	background-size:35px;
	height:50px;
	width:50px;
        transition:.5s;
        -webkit-transition:.5s;
        -moz-transition:.5s;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	height:40px;
	width:50px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:40px;
	width:48px;
	background:url(../img/drop.svg) no-repeat center center;
	background-size:20px;
        background-color: rgb(221, 221, 221);
}
.nav-click:hover {

}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

.teamdivspacing {
    height:30px;
    background: rgb(250, 250, 250);
    width: 60%;
    margin: auto;    
}

.customCssHeaderMenu {
    max-height:500px;
    width:118%;
    left:-20px !important;
    overflow:hidden;
    overflow-y:scroll;
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (max-width: 1245px) {
	.nav-mobile {
		display:block;
                top: 15px;
                right:0;
	}
	.nav {
		width:100%;
		height:80px;
        min-width:295px;
        position:absolute;
	}
	.nav-list {
                float: right;
                width: 25%;
                min-width:320px;
                background: white;
                position: relative;
                top: 81px;
                display:none;
                padding:0 !important;
                border-bottom: 1px solid rgb(219, 219, 219);
	}

        .nav-list>li>a {
                margin-bottom:0 !important;
                padding: 10px 0px !important;
        }
	.nav-item {
		width:100%;
		float:none;
                padding:0;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
	}
        .nav-submenu-item a {
                width:100%;
                left:0px;
                background:whitesmoke;
                padding:15px 0;
        }

        .nav-list > li > a, .nav-list .nav-header {
                margin-left:0 !important;
                margin-right:0 !important;
        }


        li.socialRes {
                display:block;
        }

        .socialWrap {
                display:none;
        }


}

@media only screen and (max-width: 1250px) {

        #logoc2 {
                width:195px;
                padding-top:8px;
        }

        .nav-submenu > li {
            width: 280px;
        }

        .nav-submenu-item a {
            width: 320px;
            left: -20px;
        }

        .ccteam {
                left: 0 !important;
        }

        .nav-listyleB {
          padding: 0 !important;
          left: 0 !important;
          width: 100% !important;
        }

        .nav-listyleB > a {
            left: 0;
        }

}

@media only screen and (max-width: 500px) {

	.nav {
	}
	
	.teamdivspacing {
	    height:30px;
	    width:90%;
	}

    .nav-listyle {
        padding:0;
        width:100%;
        left:0;
    }

    .nav-listyleB {
        padding:0;
        width:100%;
        left:0;
    }    

}

.fa-google-plus-square:hover {
    color:rgb(255, 55, 55);
}

.fa-yelp:hover {
    color:white;
}