#active-bar, .slides-navigation a.prev:hover, .flex-direction-nav .flex-prev:hover, .slides-navigation a.next:hover,  .flex-direction-nav .flex-next:hover, 
    .mfp-close:hover, .mfp-arrow-left:hover, .mfp-arrow-right:hover, button, input[type=submit], .barbase, .bar > div, .skilllevel, .button.colored.solid, 
    .button.colored.outline:hover{
        background-color:#e64124;
    }
    /*1.1.2*/
    ::selection{ background:#e64124;}
    ::-moz-selection{ background:#e64124;}
    .mainnav a:hover, .colored, a:hover, #secondary aside a:hover, input[type=submit]:hover, .button.colored.outline, .button.colored.solid:hover,
    .icon-top.dark .icon [class^="li_"]:before, .icon-top.dark .icon[class*=" li_"]:before, #nav-above a:hover, #crumbs a:hover, .minimal.portfolio-nav li:hover, .minimal.tabs li a:hover{
        color:#e64124;
    }
    .minimal .active{color:#e64124 !important;}     
    
    input[type=submit]:hover, button, input[type=submit], blockquote, .bypostauthor > article .avatar, .barwrapper, .button.colored.solid, .button.colored.outline, 
    .button.colored.solid:hover, .button.colored.outline:hover{
        border-color:#e64124;
    }
    
    .skilllevel:after{
        border-color:#e64124 transparent;
    }

    .mainnav, .sub-menu, .mainnav .children{ background-color:#ffffff;}
        #portfolioinner li figcaption{ background-color:#000000;}
    .footer, #scroll-top{ background-color:#332c73;}
    .loadernav{background-color:#ffffff;}
    .mfp-container{background-color:#efefef;}
       
    body{background-color:#ffffff;font-size: 14px; color:#333333;}
    .mainnav ul > li > a{ font-size: 11px; }
    .tabs li a, .portfolio-nav li{ font-size: 11px; color:#333333;}
    #nav-above a, #crumbs a, #crumbs .current{ font-size: 11px; }
    .pageheading p{ font-size: 24px; }
    h1, .alpha, .pricing-table .cost { font-size: 48px; }
    h1, .pricing-header h3{ letter-spacing: -2px; text-transform:uppercase;}
    h2, .beta, .day { font-size: 28px; }
    .day{line-height: 28px; }
    h3, .gamma { font-size: 18px; }
    h4, .delta { font-size: 14px; }
    h5, .epsilon { font-size: 14px; }
    #recent-posts .entry-title, #recent-posts .day{ font-size: 18px; line-height: 18px; }
    h6, .zeta { font-size: 14px; }
    .mega { font-size: 72px; letter-spacing:-0.1em;}
    .giga { font-size: 90px; letter-spacing:-0.1em;}
    .tera { font-size: 120px; letter-spacing:-0.1em;}
    .accent{ letter-spacing: 0px; }

    h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.pricing-header,.day {color:#332c73;}
    .subheading, .pageheading p{color:#aaaaaa;}
    a{color:#2e2e2e;}
    .mainnav a{color:#444444;}
    .nav-active > a{color: #000000 !important;}
    .footer small{color:#747474;}
            .site-content{ width: 75%;float: left;}
             #main > div:first-child .tp-bannertimer{top: 70px !important;}
    .mainLogo{max-width:50%}

#site-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  position: relative;
  letter-spacing: 1px;
}

#site-navigation ul > li > a {
  font-size: 12px;
}
	@media screen and (min-width:769px){
		#site-navigation ul>li{
			height:100px;
			line-height:100px
		}
		#site-navigation ul.sub-menu > li {
  		padding: 0px 15px;
  		text-align: left;
			height:75px;
			line-height:75px
		}
		ul.nav-menu li:hover:nth-child(1){border-bottom:#e64124 5px solid}
		ul.nav-menu li:hover:nth-child(2){border-bottom:#ffe300 5px solid}
		ul.nav-menu li:hover:nth-child(3){border-bottom:#6ea11a 5px solid}
		ul.nav-menu li:hover:nth-child(4){border-bottom:#03b1db 5px solid}
		ul.nav-menu li:hover:nth-child(5){border-bottom:#332c73 5px solid}
		ul.nav-menu li:hover:nth-child(6){border-bottom:#332c73 5px solid}
		ul.nav-menu li:hover:nth-child(7){border-bottom:#e64124 5px solid}
		ul.nav-menu li:nth-child(1) a:hover{color:#e64124!important}
		ul.nav-menu li:nth-child(2) a:hover{color:#ffe300!important}
		ul.nav-menu li:nth-child(3) a:hover{color:#6ea11a!important}
		ul.nav-menu li:nth-child(4) a:hover{color:#03b1db!important}
		ul.nav-menu li:nth-child(5) a:hover{color:#332c73!important}
	  ul.nav-menu li:nth-child(6) a:hover{color:#332c73!important}
		ul.nav-menu li:nth-child(7) a:hover{color:#e64124!important}
}
	.mainnav{border-bottom:none}

@media handheld,only screen and (max-width:768px),only screen and (max-device-width:768px) and (orientation:portrait){
		.mainnav .mainLogo a{border-bottom:none}
}
.page-template-default #main{padding-top:0}.page-template-default #main div.page:first-child{padding:90px 0 30px;margin:0}
div.page{padding:30px 0}
.blog-bottom-bar,a.author{display:none}
.entry-details .entry-meta{padding-left:0;min-height:36px}
.entry-details .entry-meta::after,.entry-details .postdate{content:none;display:none}
h4{line-height:1.65}

input[type=tel]{width:100%;height:40px;padding:0 10px;border:1px solid #D0D0D0;background:#FEFEFE;font-size:12px;border-radius:3px}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
        .tera, .mega, .giga { font-size: 48px; }
        .counter-count.giga{ font-size: 90px; }
}
@media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){
		h1{ font-size: 28px; }
		h2{ font-size: 18px; }
    .day{ font-size: 18px; line-height:18px; }
}
h1,h2,h3 {
	letter-spacing: -2px;
  text-transform: uppercase;
}
h4,h5,h6 {
	letter-spacing: -1px;
  text-transform: uppercase;
}
/*-----------------------------------------------------------------------------------*/
/*	Portfolio Styles
/*-----------------------------------------------------------------------------------*/
#portfolio li.filter a:focus {outline: none;}
#portfolio li.filter {text-transform: uppercase;}
#portfolio li.filter{
	width: 100%;
	padding: 0;
	list-style: none;
	margin:0px; 
	position: relative;
	z-index:9;
}
#portfolio li.filter{
	display: inline-block;
	margin: 1px;
}
#portfolio li.filter{
	display: inline-block;
	top: 0;
	text-decoration: none;
	letter-spacing: 2px;
	padding: 7px 40px 6px 40px;
	margin-right: 10px;
	position: relative;
	text-transform: uppercase;
	border:1px solid #000;
	border-radius: 2px;
}
#portfolio li:hover{
	background: #000;
	color: #e64124;
}
#portfolio li.filter{cursor: pointer;}
#portfolio li.active{
	background: #000;
	color: #e64124; 
}
#portfolio li.filter {
	text-align: center;
	border-top: 1px solid #d0d0d0;
}
#portfolio li.filter{
	padding: 0px 25px;
	height: 48px;
	line-height: 48px;
	border: none;
	margin-right:0px;
  display: inline-block;
  position: relative;
  width: auto;
}	
#portfolio li.active, #portfolio li:hover{
	background: none !important;
}
#portfolio li.filter:after{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	border-right: 1px solid #d0d0d0;
	position: absolute;
	margin-top: -6px;
	top:50%;
	right: 0;
}
#portfolio li.filter:first-child:before{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	border-right:1px solid #d0d0d0;
	position: absolute;
	margin-top: -6px;
	top:50%;
	left: 0;
}
#portfolioinner .mix{
	opacity: 0;
	display: none;
}
.no-js #portfolioinner .mix{
	opacity: 1;
	display: inline-block;
}
#portfolioinner{ 
	text-align: left;
	margin: 0;
	padding: 8px 1px 0px 1px; 
}
#portfolioinner li{
	margin: 5px 5px 0px 0px;
	padding: 0;
	list-style: none;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
#portfolioinner li{
	width: 19.45%;
}
#portfolioinner.p5 li{
	width: 19.995%;
}
#portfolioinner.p4 li{
	width: 25%;
}
#portfolioinner.p3 li{
	width: 33.33%;
}
#portfolioinner.p2 li{
	width: 50%;
}
.portfoliofull{
	margin-bottom: -98px;
	text-align: center;
}
#portfolioinner li a{
	display: block;
	width: 100%;
	line-height: 0;
}