a, .textWrapper, ul.products .image-overlay, footer .widget_recent_entries ul li img, footer .widget_recent_entries ul li, input[type="submit"], .entry-thumb, input[type=submit], .dt-sc-ico-content.type2 .icon span, .dt-sc-ico-content.type1 .infolayer, .dt-sc-team .team-details h4, h5.dt-sc-toggle, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type3 .icon span, button[type=submit], .dt-sc-tb-header-img img, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle, h5.dt-sc-toggle, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5 span:before, .dt-sc-toggle-frame h5 span:after, .dt-sc-toggle-frame h5 span, .front-portfolio .image-overlay, .dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 a:after, .dt-sc-toggle-frame, h5.dt-sc-toggle-accordion, h5.dt-sc-toggle, header ul.dt-sc-social-icons li a:after{-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;}

a, .dt-sc-ico-content:hover h4 a, footer .widget ul li:before, footer .widget.widget_text ul li a:hover, footer .widget_recent_entries ul li:hover h6 a, ul.tweet_list li a, footer .dt-sc-contact-info a:hover, footer .dt-sc-contact-info span, .mailchimp-form p span, .dt-sc-ico-content.type1:hover h4 a, .fullwidth_banner h1, .audio-list h5 a:hover, .author-description h5 a:hover, .events-list h2 a:hover, h5.dt-sc-toggle-accordion a:hover, h5.dt-sc-toggle-accordion.active a, .dt-sc-team:hover .team-details h4, .portfolio-detail h5 a:hover, .highlighter, ul.dt-sc-tabs-frame li a.current, ul.dt-sc-tabs li a.current, .entry-title h3, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .summary p.price span, ul.dt-sc-tabs-vertical-frame li a.current, .dt-sc-toggle-frame h5 a:hover, .dt-sc-toggle-frame h5.active a, h5.dt-sc-toggle a:hover, h5.dt-sc-toggle.active a, ul.dt-sc-social-icons li a:hover, #main-menu .megamenu-child-container .widget ul.product_list_widget li a:hover, #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount{color:#008c99;}

a.highlighter:hover, .portfolio-title p a:hover{border-bottom:1px dotted #008c99;}

.copyright, .widget .mailchimp-form input[type="submit"], .dt-sc-music-audio, .dt-sc-testimonial blockquote, .fullwidth-background.turquoise-plain-bg, h5.dt-sc-toggle-accordion.active:before, .dt-sc-testimonial-carousel-wrapper .carousel-arrows a:hover, .dt-sc-ico-content.type1 .infolayer a, .date, .comments, .entry_format, .dt-sc-ico-content.type3 .icon, .pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover, form.cart input[type="button"], th, h5.dt-sc-toggle.active:before, .dt-sc-pr-tb-col.selected .dt-sc-tb-header .dt-sc-price, .class_hours h2, .dt-sc-titled-box h4.dt-sc-titled-box-title, .mean-container a.meanmenu-reveal, .mean-nav, header ul.dt-sc-social-icons li a:after, .dt-menu-toggle{background:#2d2b5e;color:#fff}

a:hover, ul.tweet_list li a:hover, .copyright p a:hover, .breadcrumb-section .breadcrumb a:hover, .sorting-container a, .portfolio-detail h5 a, .fullwidth-background.orange-bg a:hover, .dt-sc-ico-content.type3:hover h4 a{color:#434343;}

p{margin:0px 0px 10px; padding:0px;}

img{border:none; max-width:100%;}

ul{list-style:none; margin:0px; padding:0px;}

ol{margin:0px; padding:0px; list-style-position:outside; padding-left:20px;}


/*--------------------------------------------------------------
2.0 - Font Family
--------------------------------------------------------------*/

.dt-sc-toggle-frame h5 a, .course h5.dt-sc-toggle-accordion:before, .course h5.dt-sc-toggle-accordion.active:before, h5.dt-sc-toggle a, h5.dt-sc-toggle-accordion a, .product-details h5 a, .front-portfolio .image-overlay h5 a{font-family: 'Signika', sans-serif;}

#main-menu .megamenu-child-container .widget ul.product_list_widget li a, #main-menu .megamenu-child-container .widget ul.product_list_widget li span.amount{font-family:'Open Sans', sans-serif;}



footer .widget.widget_text ul li:before, .portfolio-detail p:before, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .entry-meta .entry_format, .dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before, .dt-sc-toggle-frame h5 a:before, .dt-sc-toggle-frame h5 a:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:after, .dt-sc-toggle-frame-set .dt-sc-toggle-frame h5.dt-sc-toggle:after, ul.dt-sc-fancy-list li:before, header ul.dt-sc-social-icons li a:before{font-family:FontAwesome; font-style:normal; font-weight:normal;}


.portfolio-content{
/*	background-image:url(../images/hexagon.png);*/

	background-repeat:no-repeat; background-size:contain; display:inline-block; width:381px; height:330px; position:relative; overflow:hidden; z-index:9;}

.portfolio-content1{margin:auto; display:block; right:0px; left:0px;}

.portfolio-content2{margin:-168px 0 0 114px; float:left;}

.portfolio-content3{margin:-168px 0px 0px 182px; float:left;}

.portfolio-content4{margin:-6px 0px 0px 114px; float:left;}

.portfolio-content5{margin:-168px 0px 0px -100px; float:left;}

.portfolio-content6{margin:-6px 0px 0px -100px; float:left;}

.portfolio-content7{margin:-168px 0px 0px 395px; float:left;}

.front-portfolio{overflow:hidden; position:absolute; display:inline-block; height:318px; left:0; top:0; transform:rotate(120deg); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); right:0; bottom:0;
margin:auto;}

.portfolio-outer{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg);  -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb{overflow:hidden; width:100%; height:100%; transform:rotate(-60deg); -moz-transform:rotate(-60deg);  -ms-transform:rotate(-60deg); -webkit-transform:rotate(-60deg);}

.front-portfolio .portfolio-thumb img{}
	
.front-portfolio .image-overlay{position:absolute; visibility:hidden; opacity:0; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:rgba(0,140,153,0.9);}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome,.front-portfolio .image-overlay{visibility:visible; opacity:1; display:none;}
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome,.front-portfolio:hover .image-overlay{display:block;}
	}


.portfolio-content1 .front-portfolio .image-overlay{background:rgba(230,188,107,0.9);}

.portfolio-content2 .front-portfolio .image-overlay{background:rgba(243,166,189,0.9);}

.portfolio-content3 .front-portfolio .image-overlay{background:rgba(230,107,114,0.9);}

.portfolio-content4 .front-portfolio .image-overlay{background:rgba(233,186,11,0.9);}

.portfolio-content5 .front-portfolio .image-overlay{background:rgba(47,134,206,0.9);}

.portfolio-content6 .front-portfolio .image-overlay{background:rgba(229,104,84,0.9);}

.portfolio-content7 .front-portfolio .image-overlay{background:rgba(103,156,187,0.9);}

.portfolio-content .front-portfolio .image-overlay h5 a{color:inherit;}

.portfolio-content1 .front-portfolio .image-overlay a{color:#ddaa0c;}

.portfolio-content2 .front-portfolio .image-overlay a{color:#fa8cba;}

.portfolio-content3 .front-portfolio .image-overlay a{color:#ef7b80;}

.portfolio-content4 .front-portfolio .image-overlay a{color:#ebb50d;}

.portfolio-content5 .front-portfolio .image-overlay a{color:#6996cf;}

.portfolio-content6 .front-portfolio .image-overlay a{color:#ec6d5a;}

.portfolio-content7 .front-portfolio .image-overlay a{color:#6a9eba;}

.portfolio-content .front-portfolio .image-overlay a:hover{color:#333338;}
				
.portfolio-thumb:hover .image-overlay{visibility:visible; opacity:1;}

.front-portfolio.even{margin-top:102px;}
				
.front-portfolio-container{float:left; clear:both; width:100%; margin:0px auto; padding:0px; position:relative;}

.front-portfolio-container .front-portfolio.center.top{top:0px; left:0px; right:0px; margin:5px auto 0px;}

.front-portfolio.top.left{top:105px; left:295px;}

.front-portfolio.bottom.left{top:310px; left:295px;}

.front-portfolio.center.center{top:205px; left:470px;}

.front-portfolio.center.bottom{top:410px; left:475px;}

.front-portfolio.top.right{top:100px; right:345px;}

.front-portfolio.bottom.right{top:305px; right:340px;}

.front-portfolio .image-overlay h5{top:35%; left:0px; right:0px; margin:auto; text-align:center; position:absolute; text-transform:uppercase; color:#FFF; font-weight:700; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0);}

.front-portfolio .image-overlay h5 a{color:#FFFFFF;}

.front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom{background:#fff; cursor:pointer; display:inline-block; font-size:18px; height:42px; line-height:42px; width:25px; text-align:center; position:absolute; z-index:9999;}

.front-portfolio .image-overlay .link{top:55%; margin:-23px 0px 0px; left:0px;}

.front-portfolio .image-overlay .zoom{top:55%; margin:-23px 0px 0px; right:0px;}

.front-portfolio:hover .link{left:35%;}

.front-portfolio:hover .zoom{right:35%;}

.front-portfolio:hover .image-overlay h5{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}

.front-portfolio a.link, .front-portfolio a.zoom{width:25px; height:42px; background:#FFFFFF; position:absolute;}

.front-portfolio a.link:before, .front-portfolio a.zoom:before{content:""; position:absolute; left:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-right:14px solid #FFFFFF;}

.front-portfolio a.link:after, .front-portfolio a.zoom:after{content:""; position:absolute; right:-14px; width:0px; height:0px; border-top:21px solid transparent; border-bottom:21px solid transparent; border-left:14px solid #FFFFFF;}

.front-portfolio-container .carousel-arrows{width:100%; display:inline-block; text-align:center; margin:50px auto 0;}

.front-portfolio-container .carousel-arrows a{font-size:24px; color:#898b8c; width:50px; height:50px; line-height:44px; margin:0px 14px; display:inline-block; border:2px solid #898b8c; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%;}

.front-portfolio-container .carousel-arrows a:hover{border:2px solid #000000;}

.front-portfolio-container .carousel-arrows a.front-portfolio-prev span{margin-left:-1px;}

/**activity styles**/

.activity{float:left; width:100%; padding:20px 0px 10px; background:#efc043; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-top:5px solid #df9b00;  border-bottom:5px solid #df9b00;}

.activity h4{text-align:center;}

.activity p{padding:0px 20px;}

.activity.box1{background:#efc043; border-color:#df9b00;}

.activity.box2{background:#d5c651; border-color:#c2b130;}

.activity.box3{background:#f5bbd1; border-color:#de81b8;}

.activity.box4{background:#a9e1f9; border-color:#5fa9c9;}

.activity img{display:block; margin-bottom:15px;}

/**sorting-container**/

.dt-sc-sorting-container{clear:both; display:inline-block; text-align:center; margin:0px auto 45px; padding:0px; width:100%;}

.dt-sc-sorting-container a{background:#df9b00; padding:8px 12px; display:inline-block; margin:0px 5px 0px 0px; border-bottom:3px solid #ca8e06; border-radius:8px 0px 8px 0px; -webkit-border-radius:8px 0px 8px 0px; -moz-border-radius:8px 0px 8px 0px; color:#FFFFFF;}

.dt-sc-sorting-container a:hover, .dt-sc-sorting-container .active-sort{color:#FFFFFF; background:#cf571b; border-bottom:3px solid #b54913;}

.portfolio-detail{display:block;}

.isotope-hidden{display:none !important;}
		
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

.dt-sc-portfolio-container{clear:both;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-fourth{width:280px;}

#primary.content-full-width .dt-sc-portfolio-container .portfolio.dt-sc-one-third{width:379px; text-align:center;}

.portfolio.dt-sc-one-fourth{text-align:center;}

.dt-sc-portfolio-container .portfolio{margin:0px 0px 30px 0px;}

.portfolio.dt-sc-one-third{width:292px; margin:0px 0px 30px 0px; text-align:center;}

.portfolio-thumb{width:100%; position:relative; display:inline-block; float:none; margin:0px 0px 20px; overflow:hidden;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.content-full-width .portfolio.dt-sc-one-third .portfolio-thumb{max-height:328px;}

.portfolio.dt-sc-one-third .portfolio-thumb{max-height:251px;}

.portfolio.dt-sc-one-fourth .portfolio-thumb img, .portfolio.dt-sc-one-third .portfolio-thumb img{height:auto;}

.portfolio.dt-sc-one-fourth .portfolio-thumb{max-height:242px;}

.portfolio-detail h5{margin:0px 0px 10px;}

.portfolio-detail p:before{content:"\f06b"; display:inline-block; margin:0px 5px 0px 0px;}

/**portfolio detail styles**/

.portfolio-single{float:left; width:100%; padding:0px; margin:0px;}

.portfolio-sliderr-container{float:left; width:100%; margin:0px; padding:0px; position:relative;}

.portfolio-sliderr-container .bx-controls-direction a{position:absolute; z-index:9; top:0; bottom:0; margin:auto; text-indent:-9999px; width:40px; height:60px;}

.portfolio-sliderr-container .bx-controls-direction a:hover{opacity:0.8;}

.portfolio-sliderr-container .bx-controls-direction a.bx-prev{background:url(../images/portfolio-sliderr-arrow-left.png) center center no-repeat #008c99; left:0px;}

.portfolio-sliderr-container .bx-controls-direction a.bx-next{background:url(../images/portfolio-sliderr-arrow-right.png) center center no-repeat #008c99; right:0px;}

.portfolio-sliderr-container .bx-pager.bx-default-pager .bx-pager-item a{display:none;}

.project-details{float:left; clear:both; width:100%; margin:25px 0px 0px; padding:30px 0px 0px; border-top:1px dotted #a2a2a2;}

.project-details p{margin:0px 0px 15px;}

.project-details p span{float:left; display:inline-block; margin:0px 5px 0px 0px; line-height:inherit;}
.pagination  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.pagination ul li {
	float: left;
    margin-right: 5px;
    border: 1px solid #dddddd;
    line-height: 20px;
}

.pagination li a {
    display: block;
    padding: 8px;
    background-color: #dddddd;
}
.pagination ul li a:hover{
	color: #fff;
}
}

@media only screen and (min-width: 1200px) {
.grid a {
    float: left!important;
    max-width: 250px;
    width: 21%!important;
    color: #333;
    border: 1px solid #999;
    margin: 33px;
}
.portfolio-content {
    background-image: url(../images/hexagon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 336px;
    height: 330px;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
}