/**
	Standalone Creative Portfolio HTML Template
 	Copyright (c) 2014, Subramanian 

	Author: Subramanian
    Profile: themeforest.net/user/FMedia/
	
    Version: 1.0.0
	Release Date: September 2014
	
**/



.fullScreenSlider{
	position:relative;

	display:block;

	z-index:15;

	margin:0 auto
	}

.fullScreenSlider.fullWidth{
	width:100%
	}

.sliderStyle1,.sliderStyle2,.sliderStyle3,.sliderStyle4,.sliderStyle5{
	display:block;

	position:absolute;

	width:100%;

	-webkit-backface-visibility:hidden;

	-webkit-perspective:1000;

	-webkit-transform:translateZ(0);

	-webkit-transition:translate3d(0,0,0)
	}

	.flexslider .sliderStyle1{
		position:relative!important;

		bottom:0!important;

		top:0!important
	}

.fullScreenSlider .flexslider{
	top:250px
	}

.fullScreenSlider .flexslider ul.slides li{
	display:block!important
	}

.sliderStyle1{
	bottom:120px}

.sliderStyle2{
	top:25%
	}

.sliderStyle1.textAlignCenter{
	width:100%;

	top:31%;

	text-align:center
	}

.sliderStyle4 span{
	position:absolute;

	max-width:550px;

	bottom:150px;

	right:50px;

	display:block
	}

.sliderStyle5 .slider5_text{
	top:200px;

	display:block;

	position:absolute
	}

.supersized_gallery{
	position:relative;

	display:block;

	width:100%;

	height:100%
	}

.home_logo{
	width:100%;

	display:block;

	margin:0 auto
	}

.home_logo img{
	width:auto;

	height:auto;

	max-height:120px;

	display:block;

	margin:0 auto}

.home_img{
	max-height:350px}

.home_img_large{
	max-height:550px
	}

.home_img img,.home_img_large img{
	width:auto;

	height:
	auto;
max-width:
	none;
max-height:100%;

	margin:0 auto!important;

	display:block
	}

.contentWrapper.homeSlider{
	overflow-y:hidden!important
	}

.homeslider_topheading{
	padding-top:7%;

	display:block;

	position:relative;

	z-index:85
	}

.bottom_txt,.mid_txt,.top_txt{
	display:block;
	position:relative;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-transition-delay:.3s;
	-moz-transition-delay:.3s;
	-o-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s
	}
	
.show_title{
	z-index:50
	}

.hide_title{
z-index:4
}
.sliderStyle1.show_title .top_txt{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
.sliderStyle1.show_title .bottom_txt{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
.sliderStyle1.show_title .mid_txt{
webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
.sliderStyle1.hide_title .top_txt{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
.sliderStyle1.hide_title .bottom_txt{
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
.sliderStyle1.hide_title .mid_txt{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
.sliderStyle2.show_title .top_txt{
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
.sliderStyle2.show_title .mid_txt{
webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
.sliderStyle2.show_title .bottom_txt{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
.sliderStyle2.hide_title .top_txt{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
.sliderStyle2.hide_title .bottom_txt{
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
.sliderStyle2.hide_title .mid_txt{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
.sliderStyle1.textAlignCenter.show_title .top_txt{
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
.sliderStyle1.textAlignCenter.show_title .mid_txt{
webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
.sliderStyle1.textAlignCenter.show_title .bottom_txt{
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
.sliderStyle3.hide_title .top_txt{
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
.sliderStyle3.hide_title .bottom_txt{
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
.sliderStyle3.hide_title .mid_txt{
-webkit-animation-name:fadeOutBottom;
animation-name:fadeOutBottom
}
.bottomLeftAlign{
position:absolute;
bottom:0;
left:0
}
.topCenterAlign{
position:absolute;
top:200px
}
.setMiddleAlign{
margin-top:110px!important;
position:relative;
bottom:auto!important
}
.bottomLeftSlide{
padding-left:40px
}
.hideForLoad{
height:10px;
overflow:hidden
}
.tp-banner-container .slideshow_cycle.textAlignCenter{
top:25%
}
.tp-dottedoverlay{
z-index:15
}i.identity_icon{
padding:10px;
margin-right:20px;
top:5px
}
.icon{
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
@media screen and (max-width:767px){
.home_logo img{
max-height:90px
}
.sliderStyle1{
width:90%;
left:0;
top:120px
}
.sliderStyle2{
width:90%;
left:5%;
top:120px
}
.sliderStyle3{
width:100%;
bottom:100px;
left:10px
}
.sliderStyle4 span{
max-width:100%;
bottom:120px;
left:10px
}
.sliderStyle5{
position:absolute!important;
width:80%;
left:10px
},.homeSlider h1,.homeSlider .fmSlider_animate i,.homeSlider h2,.homeSlider h3,.homeSlider h4,.homeSlider h5,.homeSlider h6,.homeSlider p{
font-size:11px!important
}
.homeSlider hr{
margin:10px 0 0
}i.identity_icon{
padding:5px;
margin-right:7px;
font-size:1.5em!important
}
.home_img{
max-height:150px
}
.home_img_large{
max-height:300px
}
.bottomLeftAlign{
bottom:50px;
left:0
}
.bottomLeftSlide{
padding-left:10px;
padding-right:10px
}
.bottomLeftSlide hr{
padding:0!important;
margin:0!important
}
.bottomLeftSlide h1{
padding:0!important;
margin-top:0!important;
font-size:15px!important
}
.bottomLeftSlide h1.fittext2{
font-size:20px!important
}
.topCenterAlign{
top:75px
}
.topCenterAlign h1{
padding:0!important;
margin-top:0!important;
font-size:15px!important
}
.topCenterAlign h1.fittext2{
font-size:20px!important
}
.tp-banner-container .slideshow_cycle{
top:20px;
width:90%;
left:10px
}
.tp-banner-container .slideshow_cycle.textAlignCenter{
-moz-transform:scale(0.65)!important;
-webkit-transform:scale(0.65)!important;
-o-transform:scale(0.65)!important;
-ms-transform:scale(0.65)!important;
transform:scale(0.65)!important;
top:-20px;
padding-top:0!important;
padding-bottom:0!important
}
.video_overText{
-moz-transform:scale(0.5)!important;
-webkit-transform:scale(0.5)!important;
-o-transform:scale(0.5)!important;
-ms-transform:scale(0.5)!important;
transform:scale(0.5)!important;
top:-65px;
padding-top:0!important;
padding-bottom:0!important
}
}
@media only screen and (min-width:768px) and (max-width:1199px){
.home_img_large{
max-height:400px
}
.fullScreenSlider .flexslider{
top:150px
}
}
@media only screen and (max-width:991px){
.sliderStyle1{
margin-top:0
}
.homeslider_topheading{
padding-top:130px
}
.fullScreenSlider{
width:99%
}
.sliderStyle1 .mid_txt{
padding:0 25px;
margin:0 auto 20px
}
}
@media only screen and (max-width:479px){
.sliderStyle1 h1,.sliderStyle2 h1{
font-size:24px!important;
line-height:1.2!important
}
.sliderStyle1 h2,.sliderStyle2 h2{
font-size:22px!important;
line-height:1.2!important
}
.sliderStyle1 h3,.sliderStyle2 h3{
font-size:20px!important;
line-height:1.2!important
}
.sliderStyle1 h4,.sliderStyle2 h4{
font-size:13px
}
.largeText_boxed{
font-size:15px!important
}
.largeText_boxed.mini{
font-size:10px!important;
padding:10px!important
}
.sliderStyle1{
margin-top:0
}
.homeslider_topheading{
padding-top:20px
}
.fullScreenSlider{
width:99%
}
.sliderStyle1 .mid_txt{
padding:0 25px;
margin:0 auto 20px
}
.sliderStyle2{
left:0
}
.sliderStyle1 h2.fittext1{
font-size:30px!important
}
.homeSlider .fxButton{
width:140px;
height:40px
}
.homeSlider .fxButton .btn_icon{
padding-top:11px
}
.homeSlider .fxButton .btn_icon h5:nth-child(1){
font-size:11px
}
.homeSlider .fxButton .fa-2x{
font-size:1.5em
}
}
@media only screen and (max-width:991px){
.fittext2 .textBackground,.fittext2 .textBackground_black,.fittext2 .textBackground_black_transparent,.fittext2 .textBackground_white,.fittext2 .textBackground_white_transparent,.textBackground,.textBackground_black,.textBackground_black_transparent,.textBackground_white,.textBackground_white_transparent{
padding:5px 10px!important
}
.flexslider .separator_max{
padding-top:40px
}
}
@media only screen and (min-width:768px) and (max-width:991px){
.fullScreenSlider .flexslider{
top:250px
}
}
@media only screen and (max-width:767px){
.fullScreenSlider .flexslider{
top:100px
}
}
.diamond_container.fullWid{
position:relative;
width:300px;
height:300px;
top:20px;
text-align:center;
margin:0 auto;
z-index:1
}
.diamond_content{
position:relative;
margin:0 auto;
width:95%;
padding-top:20px
}
.diamond{
width:100%;
height:100%;
position:absolute!important;
border:5px solid #ef3d42;
left:50%;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:0 100%;
-moz-transform-origin:0 100%;
-ms-transform-origin:0 100%;
-o-transform-origin:0 100%;
transform-origin:0 100%
}
.diamond:after{
content:"";
display:block;
width:96%;
height:96%;
margin:2%;
background-color:#000;
zoom:1;
-ms-filter:"alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
opacity:.7
}
.posDiamond{
position:absolute!important;
left:50%;
top:300px
}
.fixTransform .posDiamond{
left:45%!important
}
.invert_rotate{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg)
}
.fixTransform .diamond{
left:0
}
.fixTransform .diamond_content{
top:20%!important
}
@media screen and (max-width:767px){
.diamond_content{
width:90%;
padding-top:0
}
.diamond_content h2{
font-size:20px
}
.diamond_content .mini_heading{
padding-top:0;
padding-bottom:0;
margin-bottom:20px;
font-size:12px
}
.diamond_content h4{
font-size:12px;
font-weight:400
}
}
.dotted-nav{
position:fixed;
z-index:12520;
width:36px;
height:auto;
top:50%;
right:5px;
margin:-90px auto;
padding:0;
list-style:none;
text-align:center;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.dotted-nav li{
display:inline-block;
zoom:1
}
.dotted-nav li a{
width:20px;
height:20px;
background-color:transparent;
display:block;
position:relative;
padding:12px 15px 12px 0;
margin:0;
cursor:pointer;
letter-spacing:1.8px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.dotted-nav li a span{
width:12px;
height:12px;
top:-5px;
left:5px;
display:block;
position:relative;
background-color:transparent;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.dotted-nav li a span:before{
content:"";
display:block;
position:relative;
width:0;
height:0;
top:6px;
left:5px;
-moz-border-radius:100%;
-webkit-border-radius:100%;
border-radius:100%;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.dotted-nav li a.active span{
width:12px;
height:12px
}
.dotted-nav li a.active span:before,.dotted-nav li a:hover span:before{
width:6px;
height:6px;
top:2px;
left:2px
}
.masonry_container{
overflow:hidden;
margin:0;
padding:0
}
.masonry_items{
width:100%;
position:relative;
display:block
}
.fullDetails{
height:0;
width:0;
overflow-y:hidden;
padding:0 0 50px
}
.fullDetails .container{
margin:0 auto;
padding:0
}
.detail_spacing{
margin-right:20px;
display:block
}
.item{
width:33%;
float:left;
min-height:140px;
margin-bottom:0;
overflow:hidden;
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
-webkit-transform:translateZ(0);
-webkit-transition:translate3d(0,0,0)
}
.detail_btn{
cursor:pointer
}
.portfolioPage{
overflow:hidden
}
.portfolio_items .mix{
display:none;
opacity:0
}
.item img{
display:block;
width:100.5%;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
-webkit-filter:grayscale(1)
}
.item.active img,.item.hover_enable:hover img{
-webkit-filter:grayscale(0)
}
.removeImgGrayFilter .item img{
-webkit-filter:none
}
.item.active .overlay,.item.active .overlay_img{
-ms-filter:"alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.popup_center .inner_cont h4,.popup_center .inner_cont p{
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.catFilterEffect_1 .item.hideItem .overlay_img{
-ms-filter:"alpha(Opacity=90)";
filter:alpha(opacity=90);
-moz-opacity:.9;
-khtml-opacity:.9;
opacity:.9
}
.catFilterEffect_1 .hideItem img{
-webkit-filter:grayscale(1)
}
.catFilterEffect_1 .item.hideItem .text_field{
-ms-filter:"alpha(Opacity=10)";
filter:alpha(opacity=10);
-moz-opacity:.1;
-khtml-opacity:.1;
opacity:.1
}
.catFilterEffect_2 .item.hideItem{
display:none!important
}
.catFilterffect{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:bounceIn_2;
animation-name:bounceIn_2
}@-webkit-keyframes bounceIn_2{
0%{
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}50%{
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}70%{
-webkit-transform:scale(.9);
transform:scale(.9)
}100%{
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}@keyframes bounceIn_2{
0%{
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}50%{
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}70%{
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}100%{
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}@-webkit-keyframes bounceOut_2{
0%{
-webkit-transform:scale(1);
transform:scale(1)
}25%{
-webkit-transform:scale(.95);
transform:scale(.95)
}50%{
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}100%{
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}@keyframes bounceOut_2{
0%{
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}25%{
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}50%{
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}100%{
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.masonry_container img{
position:relative;
cursor:pointer
}
.item .text_field{
padding-top:7px;
text-align:center;
font-weight:700
}
.item .text_field h5{
margin:0;
padding:14px 0 5px;
font-size:16px
}
.item .text_field h6{
font-size:12px;
line-height:12px;
margin-top:0;
padding-top:0
}a.info{
display:inline-block;
text-decoration:none;
padding:7px 14px;
position:relative;
margin-top:50px;
text-transform:uppercase;
visibility:hidden;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.porImgOver{
position:relative;
height:auto
}
.porImgOver figure{
margin-bottom:0
}
.overlay_img{
left:0;
top:0;
position:absolute;
display:block;
width:100%;
height:100%;
z-index:10;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
zoom:1;
-ms-filter:"alpha(Opacity=40)";
filter:alpha(opacity=40);
-moz-opacity:.4;
-khtml-opacity:.4;
opacity:.4
}
.item.hover_enable:hover .overlay_img{
-ms-filter:"alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
webkit-transition:all .4s ease-out-in;
-moz-transition:all .4s ease-out-in;
-o-transition:all .4s ease-out-in;
-ms-transition:all .4s ease-out-in;
transition:all .4s ease-out-in
}
.img_place{
position:relative;
display:block;
line-height:0
}
.thumbnail.img_place{
margin:0 2px 0 0
}
.img_place:hover .overlay.social{
-ms-filter:"alpha(Opacity=80)";
filter:alpha(opacity=80);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.img_place:hover .overlay.social .font_awesome,.img_place:hover .overlay.social .social_bookmarks{
top:70px
}
.porImgOver{
overflow:hidden
}
.detail_btn .porImgOver img{
webkit-transition:all .4s ease-out-in;
-moz-transition:all .4s ease-out-in;
-o-transition:all .4s ease-out-in;
-ms-transition:all .4s ease-out-in;
transition:all .4s ease-out-in
}
.detail_btn.addHover .porImgOver img{
-moz-transform:scale(1.25);
-webkit-transform:scale(1.25);
-o-transform:scale(1.25);
-ms-transform:scale(1.25);
transform:scale(1.25)
}
.overlay.content{
display:block;
height:0;
zoom:1
}
.item.hover_enable:hover .overlay .imageText{
bottom:0
}
.item.hover_enable:hover:hover .imageText .overlay.content{
height:102%;
top:0
}
.item.hover_enable .imageText .overlay{
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.imageText{
height:95px;
display:block
}
.imageText .overlay.content{
height:0;
overflow:hidden
}
.imageText,.imageText .overlay{
width:100%;
bottom:1px;
left:0;
position:relative;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.imageText .overlay{
z-index:2563
}
.imageText .pad{
padding:10px;
display:block
}
.overlay .navs{
width:100%;
height:100%;
left:0;
position:absolute
}
.overlay .navs .pad{
padding:10px;
display:block
}
.overlay .navs .font_awesome_2x{
top:auto!important;
bottom:-60px!important
}
.overlay .navs .font_awesome_2x.alignRight li i:after{
content:"";
position:absolute;
left:-18px;
top:-11px;
width:45px;
height:45px;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.overlay .navs .font_awesome,.overlay .navs .font_awesome_2x{
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
top:-60px
}
.linkText{
width:50%;
height:100%;
font-weight:700;
padding:40px 15px 5px;
display:block;
position:relative;
text-align:center;
text-transform:uppercase;
font-size:14px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.infoText{
padding:20px;
width:50%;
text-align:center;
cursor:pointer
}
.infoText li i.detail_icon{
font-size:1.5em;
left:0;
top:1px
}
.infoText:hover .fxEmbossBtn .btn_hover{
width:88%;
width:calc(100% - 4px);
width:-moz-calc(100% - 4px);
width:-webkit-calc(100% - 4px);
height:88%;
height:calc(100% - 4px);
height:-moz-calc(100% - 4px);
height:-webkit-calc(100% - 4px);
top:2px;
left:2px
}
.retinaDevice .infoText:hover .fxEmbossBtn .btn_hover{
width:90%;
height:90%;
top:7%;
left:7%
}
.item.hover_enable .text_field{
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.item.hover_enable:hover .overlay .navs .font_awesome{
top:0;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-delay:.25s;
-moz-transition-delay:.25s;
-o-transition-delay:.25s;
-ms-transition-delay:.25s;
transition-delay:.25s
}
.item.hover_enable:hover .overlay .navs .font_awesome_2x{
top:auto!important;
bottom:0!important;
-webkit-transition-property:bottom;
-moz-transition-property:bottom;
-o-transition-property:bottom;
-ms-transition-property:bottom;
transition-property:bottom;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
-o-transition-delay:.2s;
-ms-transition-delay:.2s;
transition-delay:.2s
}
.view{
text-align:center;
cursor:default
}
.view .mask{
position:absolute;
height:100%;
width:100%;
top:0;
left:0;
overflow:hidden;
background:url(../images/overlay_zoom.png) no-repeat center center;
zoom:1;
-ms-filter:"alpha(Opacity=0)";
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.view h2{
text-align:center;
position:relative;
font-size:15px;
font-weight:700;
padding:30px 0 10px;
height:0;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.view:hover a.info{
visibility:visible
}
.view:hover h2{
height:40px
}
.view:hover .mask{
zoom:1;
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}@media only screen and (min-width:481px) and (max-width:1150px){
.img_place:hover .overlay.social .font_awesome{
top:50px
}
}@media screen and (min-width:992px) and (max-width:1200px){
.view h2{
padding:15px 0 10px
}
.view:hover h2{
height:30px
}a.info{
margin-top:10px
}
}@media screen and (min-width:481px) and (max-width:991px){
.view h2,.view:hover h2{
padding:20px 0;
height:auto
}a.info{
margin-top:15px;
padding:7px 14px;
font-size:12px
}
}@media screen and (max-width:480px){
.img_place:hover .overlay.social .font_awesome{
top:100px
}
.view h2,.view:hover h2{
padding:20px 0;
height:auto
}a.info{
margin-top:15px;
padding:7px 14px;
font-size:12px
}
}
.controls{
float:right
}
.controls.alignLeft{
float:none
}
.controls{
text-align:center;
list-style:none;
position:relative;
margin:0 auto 0 0
}
.controls li{
font-weight:700;
line-height:25px;
letter-spacing:.5px;
position:relative;
float:left;
margin-right:20px;
margin-top:5px;
margin-bottom:10px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.controls.alignCenter{
width:100%;
float:none!important;
display:table;
margin:0 auto 0 0;
text-align:center
}
.controls.alignCenter li{
float:none!important;
display:inline-block!important
}
.controls li.last{
padding-right:0
}
.controls ul{
margin-left:0;
margin-bottom:35px;
display:block
}
.controls ul.normal_over li a .catName{
min-width:inherit
}
.controls ul.normal_over li a{
font-size:14px
}
.controls ul.normal_over li{
padding:0
}
.controls li a{
font-size:11px;
font-weight:700;
display:block;
left:0;
text-decoration:none;
margin:0;
padding:0;
text-align:center
}
.catName span{
display:block;
text-transform:uppercase
}
.options_title,.options_title h6{
font-size:16px;
font-weight:700;
text-transform:uppercase;
padding:4px 5px 0 0;
margin:0
}
.controls ul.normal_over .options_title,.options_title h6{
font-size:14px;
padding-right:5px
}
.controls li a .catName{
position:relative;
bottom:0;
width:auto;
min-width:75px;
overflow:visible;
zoom:1
}
.catName.fxEmbossBtn .c_text{
z-index:256;
display:block;
position:relative;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.catName.fxEmbossBtn:hover .btn_hover,.controls li.active a .catName.fxEmbossBtn .btn_hover{
width:100%!important;
height:100%;
top:0;
left:0
}
.isotope_items .item a{
position:relative;
visibility:visible;
display:block
}
.isotope_items{
display:block
}
.isotope_items .item{
overflow:hidden
}
.projDetailLoad{
position:relative;
width:100%;
overflow:hidden;
clear:both
}
.projDetailLoad .loading_x{
margin-bottom:25px;
margin-top:25px;
position:relative
}
.projSpace_nav{
margin:0 0 30px;
padding:0!important
}@media only screen and (max-width:1519px){
.projSpace_nav{
margin:0 0 65px
}
}@media only screen and (max-width:991px){
.controls ul{
margin-bottom:5px
}
.controls li{
padding-right:10px
}
}@media only screen and (max-width:767px){
.projSpace_nav{
margin:0
}
.controls ul{
margin-bottom:5px
}
.controls li:first-child{
text-align:left
}
}
.itemNav{
position:absolute;
display:block;
right:0;
z-index:416
}a.close_button_pro,a.next_button_pro,a.previous_button_pro{
font-size:14px;
font-weight:700;
width:50px;
height:50px;
text-align:center;
margin:0;
padding:0;
border:none!important
}a.close_button_pro .btn_hover,a.next_button_pro .btn_hover,a.previous_button_pro .btn_hover{
width:0;
height:46px;
top:0;
right:0;
border-width:0;
-moz-transform:none;
-webkit-transform:none;
-o-transform:none;
-ms-transform:none
}a.close_button_pro .btn_icon,a.next_button_pro .btn_icon,a.previous_button_pro .btn_icon{
padding-top:15px
}a.close_button_pro.fxEmbossBtn:hover .btn_hover,a.next_button_pro.fxEmbossBtn:hover .btn_hover,a.previous_button_pro.fxEmbossBtn:hover .btn_hover{
width:100%;
height:100%;
top:0;
right:0
}
.sliderNumber_pro{
font-size:14px;
font-weight:400;
text-align:right;
position:relative;
z-index:999;
top:12px;
right:0;
width:50px;
padding-right:10px
}a.next_button_pro{
overflow:visible;
cursor:pointer;
z-index:1002;
display:block;
position:relative
}a.previous_button_pro{
overflow:visible;
cursor:pointer;
z-index:1000;
display:block;
position:relative
}a.close_button_pro{
overflow:visible;
cursor:pointer;
z-index:1002;
display:block;
position:relative
}
.flexSlideshow.fixedSize{
height:350px;
overflow:hidden
}
.flexSlideshow.fixedSize .slides img{
max-width:100%;
height:auto
}
.flexSlideshow .slides img{
max-height:100%;
margin:0 auto!important
}@media only screen and (min-width:992px) and (max-width:1200px){
.flexSlideshow.fixedSize{
height:290px
}
}@media only screen and (min-width:481px) and (max-width:991px){
.flexSlideshow.fixedSize{
height:160px
}
.flexSlideshow .slides img{
max-width:100%;
height:auto
}
}@media only screen and (max-width:479px){
.flexSlideshow.fixedSize{
height:210px
}
}
.diamond_holder{
position:relative;
width:160px;
overflow:hidden;
margin:0 auto
}
.diamond_mask{
width:100%;
height:160px;
position:relative;
float:left;
margin:0 auto;
overflow:hidden
}
.diamond_mask_img{
-webkit-mask-box-image:url(../images/diamond_mask.png);
-moz-mask-box-image:url(../images/diamond_mask.png);
-o-mask-box-image:url(../images/diamond_mask.png);
-ms-mask-box-image:url(../images/diamond_mask.png)
}
.clients_logo{
width:100%;
text-align:center;
float:left
}
.clients_logo.grid_mode a{
width:23%;
display:table;
float:left;
padding:2% 0;
margin:0 0 2% 2%
}
.clients_logo a{
margin:10px;
paddimg:25px;
display:inline-block
}
.clients_logo img{
max-width:245px;
height:auto
}@media only screen and (max-width:479px){
.clients_logo.grid_mode a{
width:47%;
padding:4% 0
}
.clients_logo.grid_mode a img{
max-width:60px
}
}@media only screen and (min-width:481px) and (max-width:991px){
.clients_logo.grid_mode a{
width:47%;
padding:4% 0
}
.clients_logo.grid_mode a img{
max-width:100px
}
}
.col-1by3{
position:relative;
float:left;
display:block;
width:33.3%
}
.col-2by3{
position:relative;
float:left;
display:block;
width:66.6%
}
.col-2by3 .services_list .desc{
padding-left:0!important
}
.col-2by3 .services_list .circular_icon,.services_list .icon{
float:none!important
}
.projDetailLoad .col-1by3{
padding:40px 60px 40px 30px
}
.projDetailLoad .col-2by3{
padding:40px 30px 40px 40px
}@media only screen and (min-width:992px) and (max-width:1519px){
.fitToLowDevice{
padding:0!important
}
.col-1by3,.col-2by3{
width:100%
}
}@media only screen and (min-width:481px) and (max-width:991px){
.fitToLowDevice{
padding:0!important
}
.col-1by3,.col-2by3{
width:100%
}
}@media only screen and (max-width:479px){
.fitToLowDevice{
padding:0!important
}
.col-1by3,.col-2by3{
width:100%
}
}@media only screen and (max-width:1519px){
a.close_button_pro,a.next_button_pro,a.previous_button_pro{
font-size:10px;
height:45px;
width:45px;
float:right
}
.itemNav .fxEmbossBtn .btn_icon i{
top:-2px
}
.itemNav a.fxEmbossBtn .left_spacing,.itemNav a.fxEmbossBtn .right_spacing{
margin-left:5px;
margin-right:5px
}
.itemNav{
top:10px;
right:10px
}
.sliderNumber_pro{
position:absolute;
top:15px;
right:145px
}
}@media only screen and (min-width:768px) and (max-width:1519px){
.projDetailLoad .col-1by3,.projDetailLoad .col-2by3{
padding:10px 50px
}
}@media only screen and (max-width:767px){
.projDetailLoad{
padding-top:60px
}
.projDetailLoad .col-1by3,.projDetailLoad .col-2by3{
padding:10px
}
}
.pricing-table{
position:relative;
display:block;
margin:0 auto;
text-align:center
}
.pricing-table .plan{
position:relative;
padding:0 20px 20px;
margin-bottom:20px;
top:0
}
.pricing-table .most-popular{
z-index:25;
top:-14px;
padding:30px 20px
}
.pricing-table h2{
font-size:34px;
font-weight:400;
padding:40px 20px;
margin:-20px -20px 50px
}
.pricing-table h2 .title{
font-weight:700;
color:#000
}
.pricing-table .most-popular h2{
margin-top:-30px;
padding-top:30px
}
.pricing-table h2 .price_circle{
display:block;
padding-top:30px;
height:100px;
width:100px;
margin:10px auto -65px;
border-radius:100px
}
.pricing-table h2 .price_circle span{
position:relative
}
.pricing-table h2 .price_circle .currency{
font-size:13px;
font-weight:400;
top:-15px;
left:0
}
.pricing-table h2 .price_circle .price{
font-size:32px;
font-weight:800
}
.pricing-table h2 .price_circle .decimal{
font-size:13px;
font-weight:400;
bottom:-5px;
left:-2px
}
.pricing-table ul{
margin:20px 0 0;
padding:0;
list-style:none
}
.pricing-table li{
padding:5px 0 15px
}
.pricing-table .plan:hover{
z-index:24;
top:-14px
}
.pricing-table .most-popular{
-webkit-box-shadow:0 0 0 5px rgba(0,0,0,.25);
-moz-box-shadow:0 0 0 5px rgba(0,0,0,.25);
box-shadow:0 0 0 5px rgba(0,0,0,.25)
}
.pricing-table .plan,.pricing-table .plan h2{
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}a.signup{
position:relative;
margin:20px 0 0;
text-transform:uppercase!important;
text-align:center;
display:inline-block
}
.pricing-table .most-popular,.pricing-table h2 .price_circle{
border:1px solid #ddd
}
.pricing-table h2{
background-color:#ddd
}
.pricing-table .most-popular.blue_color,.pricing-table .plan.blue_color h2 .price_circle{
border:1px solid #2d96c8
}
.pricing-table .plan.blue_color h2{
background-color:#2d96c8
}
.pricing-table .most-popular.organge_color,.pricing-table .plan.organge_color h2 .price_circle{
border:1px solid #f97433
}
.pricing-table .plan.organge_color h2{
background-color:#f97433
}
.pricing-table .most-popular.green_color,.pricing-table .plan.green_color h2 .price_circle{
border:1px solid #9c6
}
.pricing-table .plan.green_color h2{
background-color:#9c6
}
.pricing-table .colored .fxButton .btn_icon,.pricing-table .colored li{
color:#444
}
.pricing-table .colored .fxButton{
border:1px solid #000
}
.pricing-table .colored .fxButton.emboss,.pricing-table .fxEmbossBtn.emboss{
box-shadow:0 1px 0 #000,0 2px 0 #000!important
}
.pricing-table .fxButton.emboss:hover,.pricing-table .fxEmbossBtn.emboss:hover{
box-shadow:0 0 0 #000,0 0 0 #000!important
}ul.tools{
margin:0 0 15px;
text-align:left;
display:block;
position:relative
}ul.tools.alignLeft,ul.tools.alignLeft li{
float:none
}ul.tools li:first-child{
margin:0
}ul.tools li{
float:right;
width:auto;
margin:0 0 0 20px;
display:inline;
font-size:13px
}
.post-list ul.tools li{
float:left;
margin:0 20 0 0
}ul.tools li i{
padding-right:7px
}ul.tools li.date{
float:left;
margin:0
}
.thumb_desc .tools{
padding:10px 0 20px
}
.text_icons i{
position:relative;
top:1px
}
.text_icons.left i{
margin-left:5px
}
.text_icons.right i{
margin-right:5px
}
.readMore{
width:auto!important;
position:relative;
font-size:12px;
padding-bottom:3px;
float:right
}
.readMore.large{
font-size:13px;
font-weight:400
}
.readMore.alignLeft{
float:none
}
.readMore:after{
content:"\f101";
margin-left:5px;
top:1px;
position:relative;
font-family:FontAwesome;
font-size:12px
}
.readMore.large:after{
font-size:16px
}
.readMore:before{
content:"";
width:0;
bottom:0;
left:50%;
position:absolute;
-ms-filter:"alpha(Opacity=50)";
filter:alpha(opacity=50);
-moz-opacity:.5;
-khtml-opacity:.5;
opacity:.5;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.readMore:hover:before{
width:100%;
left:0
}
.circular_icon{
position:relative;
display:block;
padding:20px;
height:104px;
width:104px;
margin:10px auto 30px;
-webkit-transition:all .15s ease-in-out;
-moz-transition:all .15s ease-in-out;
-o-transition:all .15s ease-in-out;
-ms-transition:all .15s ease-in-out;
transition:all .15s ease-in-out
}
.circular_icon img{
position:relative;
max-width:auto;
height:100%;
margin:0 auto!important;
display:block
}
.blue_color{
background:#82d2f5!important
}
.organge_color{
background:#eb9664!important
}
.green_color{
background:#b4eb82!important
}
.red_color{
background:#f08282!important
}
.rectangle_icon.blue_color:after{
border-top:20px solid #82d2f5
}
.rectangle_icon.organge_color:after{
border-top:20px solid #eb9664
}
.rectangle_icon.green_color:after{
border-top:20px solid #b4eb82
}
.rectangle_icon.red_color:after{
border-top:20px solid #f08282
}
.circular_icon i{
padding-top:5px
}
.animated_bounce,.animated_flip,.animated_rubberBand,.animated_swing,.animated_tada,.makeAnimate .animated_bounce,.makeAnimate .animated_flip,.makeAnimate .animated_rubberBand,.makeAnimate .animated_swing,.makeAnimate .animated_tada{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:pulse;
animation-name:pulse
}
.animated_bounce:hover,.makeAnimate:hover .animated_bounce{
-webkit-animation-name:bounce;
animation-name:bounce
}
.animated_flip:hover,.makeAnimate:hover .animated_flip{
-webkit-animation-name:flip;
animation-name:flip
}
.animated_rubberBand:hover,.makeAnimate:hover .animated_rubberBand{
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
.animated_swing:hover,.makeAnimate:hover .animated_swing{
-webkit-animation-name:swing;
animation-name:swing
}
.animated_tada:hover,.makeAnimate:hover .animated_tada{
-webkit-animation-name:tada;
animation-name:tada
}
.itemOver{
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.itemOver .overlay{
width:10%;
height:10%;
margin:0 auto;
left:50%;
top:50%;
text-align:center;
visibility:hidden;
overflow:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.itemOver .overlay.flatHover{
width:100%;
height:100%;
left:0;
top:0;
z-index:1000
}
.itemOver.addHover .overlay{
width:100%;
height:100%;
left:0;
top:0;
visibility:visible;
-ms-filter:"alpha(Opacity=100)";
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity:1
}
.itemOver .overlay .popup_overlay{
width:100%!important;
max-width:100%!important;
height:100%;
z-index:100
}
.itemOver.addHover .overlay .popup_overlay,.notTouchDevice .itemOver.addHover .overlay .popup_overlay{
display:block
}
.notTouchDevice .itemOver .overlay .popup_overlay{
display:none
}
.itemOver .popup_overlay .magnificPopup{
position:inherit
}
.itemOver .overlay .popup_overlay .popup_links{
position:relavite!important;
margin:50% auto;
display:block;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out
}
.itemOver .overlay .popup_overlay .popup_head.default{
width:auto;
max-height:none;
left:0;
top:0;
position:absolute;
padding-bottom:5px;
margin:10px 15px 15px
}
.itemOver .popup_overlay .popup_head.default h4{
width:100%;
font-size:13px;
font-weight:400;
margin-bottom:15px;
padding-bottom:15px;
font-family:body_font,sans-serif;
line-height:22px
}
.itemOver .overlay .popup_overlay .popup_foot.default{
width:100%;
min-width:inherit;
top:auto;
bottom:30px;
position:absolute;
left:20px;
margin-left:auto;
margin-top:auto
}figure.itemOver .overlay .popup_overlay .popup_links{
margin:30% auto
}
.single_post figure.itemOver .overlay .popup_overlay .popup_links{
margin:25% auto
}
.post-list figure.itemOver .overlay .popup_overlay .popup_links{
margin:46% auto
}
.itemOver .large_image .overlay .popup_overlay .popup_links{
margin:36% auto
}
.itemOver .overlay .popup_overlay .popup_links>a{
width:40px;
height:40px;
top:50%;
margin-top:-20px;
margin-right:2px;
padding:2px;
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
-ms-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%;
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
.itemOver .overlay .popup_links>a{
position:relative;
display:inline-table;
width:40px
}
.itemOver .overlay .popup_links>a:hover{
background-color:rgba(0,0,0,.5)
}
.itemOver .overlay .popup_links>a:nth-child(1){
animation-delay:.2s;
-webkit-animation-delay:.2s
}
.itemOver .overlay .popup_links>a:nth-child(2){
animation-delay:.4s;
-webkit-animation-delay:.4s
}
.itemOver .overlay .popup_links>a:nth-child(3){
animation-delay:.6s;
-webkit-animation-delay:.6s
}
.itemOver .overlay .popup_links>a:nth-child(4){
animation-delay:.8s;
-webkit-animation-delay:.8s
}
.itemOver .overlay .popup_links>a:nth-child(5){
animation-delay:1s;
-webkit-animation-delay:1s
}
.itemOver .overlay .popup_links>a:nth-child(6){
animation-delay:1.2s;
-webkit-animation-delay:1.2s
}
.itemOver .overlay .popup_links>a:nth-child(7){
animation-delay:1.4s;
-webkit-animation-delay:1.4s
}
.itemOver .overlay .popup_links img,.itemOver .overlay .popup_overlay .popup_links img{
max-width:100%;
height:auto;
margin:0 auto!important;
display:block
}
.itemOver.addHover .overlay .popup_overlay .popup_links>a{
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
.itemOver .popup_links>a span{
width:40px;
height:40px;
display:block;
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.itemOver .popup_links .link_audio{
background-image:url(../images/hover_icons/icon_audio.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_audio.png) 1x,url(../images/hover_icons/icon_audio%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_image{
background-image:url(../images/hover_icons/icon_image.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_image.png) 1x,url(../images/hover_icons/icon_image%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_link{
background-image:url(../images/hover_icons/icon_link.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_link.png) 1x,url(../images/hover_icons/icon_link%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_video{
background-image:url(../images/hover_icons/icon_video.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_video.png) 1x,url(../images/hover_icons/icon_video%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_desc{
background-image:url(../images/hover_icons/icon_desc.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_desc.png) 1x,url(../images/hover_icons/icon_desc%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_gallery{
background-image:url(../images/hover_icons/icon_gallery.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_gallery.png) 1x,url(../images/hover_icons/icon_gallery%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links .link_portfolio{
background-image:url(../images/hover_icons/icon_portfolio.png);
background-image:-Webkit-image-set(url(../images/hover_icons/icon_portfolio.png) 1x,url(../images/hover_icons/icon_portfolio%402x.png) 2x);
background-position:center center;
background-repeat:no-repeat
}
.itemOver .popup_links>a:hover span{
-webkit-animation-name:swing;
animation-name:swing
}
.itemOver .medium_image{
margin-bottom:28px
}
.itemOver .overlay .popup_overlay .popup_head{
display:none;
width:70%;
max-height:70px;
left:15%;
top:50%;
position:absolute;
text-align:center;
padding-bottom:5px;
margin-top:-105px;
animation-delay:.3s;
-webkit-animation-delay:.3s;
-webkit-animation-duration:.4s;
animation-duration:.4s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.itemOver.addHover .overlay .popup_overlay .popup_head{
display:block;
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
.itemOver .popup_overlay .popup_head h4{
width:100%;
font-size:15px;
font-weight:700;
padding-bottom:5px;
margin-bottom:0;
font-family:'Trebuchet MS',sans-serif
}
.itemOver .overlay .popup_overlay .popup_head hr{
margin:0 0 2px
}
.itemOver .popup_overlay .popup_head h4 a{
width:auto;
padding-left:2px
}
.itemOver .popup_overlay .popup_center{
width:100%;
position:absolute;
display:block;
top:50%;
font-size:15px;
font-weight:700;
margin-top:-30px;
margin-bottom:0;
font-family:'Trebuchet MS',sans-serif
}
.itemOver .popup_overlay{
display:block!important
}
.itemOver .popup_overlay .popup_center .inner_cont{
position:relative;
-moz-transform:scale(1.5) rotate(45deg);
-webkit-transform:scale(1.5) rotate(45deg);
-o-transform:scale(1.5) rotate(45deg);
-ms-transform:scale(1.5) rotate(45deg);
transform:scale(1.5) rotate(45deg);
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.itemOver.addHover .popup_overlay .popup_center .inner_cont{
-moz-transform:scale(1) rotate(0deg);
-webkit-transform:scale(1) rotate(0deg);
-o-transform:scale(1) rotate(0deg);
-ms-transform:scale(1) rotate(0deg);
transform:scale(1) rotate(0deg)
}
.itemOver .overlay .popup_overlay .popup_center hr{
margin:0 0 2px
}
.itemOver .popup_overlay .popup_center h4 a{
width:auto;
padding-left:2px
}@media only screen and (min-width:992px) and (max-width:1199px){
.itemOver .overlay .popup_overlay .popup_head{
width:90%;
left:5%;
max-height:50px;
margin-top:-85px
}
}@media only screen and (min-width:768px) and (max-width:991px){
.itemOver .overlay .popup_overlay .popup_head{
margin-top:-125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head{
margin-top:-100px
}
}@media only screen and (min-width:321px) and and (max-width:600px){
.itemOver .overlay .popup_overlay .popup_head{
margin-top:-125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head{
margin-top:-105px
}
}@media only screen and (max-width:320px){
.itemOver .overlay .popup_overlay .popup_head{
margin-top:-125px
}
.large_size .itemOver .overlay .popup_overlay .popup_head{
margin-top:-95px
}
}
.itemOver .overlay .popup_overlay .popup_foot{
display:none;
width:240px;
min-width:210px;
top:50%;
position:absolute;
left:50%;
margin-left:-120px;
margin-top:46px;
animation-delay:.3s;
-webkit-animation-delay:.3s;
-webkit-animation-duration:.4s;
animation-duration:.4s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.itemOver .overlay .popup_overlay .popup_foot h4{
font-size:15px;
font-weight:700
}
.itemOver.addHover .overlay .popup_overlay .popup_foot{
display:block;
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}@media only screen and (max-width:991px){
.itemOver .overlay .popup_overlay .popup_foot{
margin-top:70px
}
.large_size .itemOver .overlay .popup_overlay .popup_foot{
margin-top:46px
}
}
.item_feature>li .title{
font-size:14px;
font-weight:800;
line-height:1.6;
padding-right:15px
}
.item_feature>li{
padding-bottom:10px;
padding-top:10px
}
.item_feature.font_awesome>li{
padding-bottom:3px!important
}
.item_feature.no_border>li,.item_feature>li.last{
border-bottom:none
}
.item_feature>li .meta{
font-weight:400;
padding-right:10px
}
.item_feature>li .meta a{
padding-right:10px
}
.item_feature>li>ul{
display:inline-block
}
.item_feature>li .title.s2x{
top:5px;
position:relative
}
.tst,.tst2,.tst3,.tst4{
z-index:10000000;
width:75px;
height:25px;
position:fixed!important;
padding:3px 0 0 7px;
top:10px;
left:10px;
color:#000;
background-color:#999!important;
olor:#ccc!important;
border-color:#00000;
display:none!important
}
.tst2{
left:110px!important
}
.tst3{
left:220px!important
}
.tst4{
left:360px!important
}