/* Vetira Stylesheet */

@font-face {
	font-family:'Eras';
	src: url('../fonts/eraslght.eot'); /* IE9 Compat Modes */
	src: url("../fonts/eraslght.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/eraslght.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/eraslght.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/eraslght.svg#eraslght') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family:'ErasMD';
	src: url('../fonts/erasmd.eot'); /* IE9 Compat Modes */
	src: url("../fonts/erasmd.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/erasmd.woff') format('woff'), /* Modern Browsers */
	     url('../fonts/erasmd.ttf') format('truetype'), /* Safari, Android, iOS */
	     url('../fonts/erasmd.svg#erasmd') format('svg'); /* Legacy iOS */
	}
	
html{height:100%;background:#f8f8f8 url(../images/bg/bg-page.png) no-repeat center bottom fixed;}
body {
	font-family:arial, verdana, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	height:100%;
	color:#4b4b4c;
	position:relative;
	/*background:#f8f8f8 url(../images/bg/bg-page.png) no-repeat center bottom fixed;*/
	}

a {text-decoration: none;}
img { border: none; }
p, span {font-size:1.0em;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6 {margin:0;}
ul,li {list-style:none;}

.clearfix {display: block;}
.clearfix:after {display: block;clear: both;content:'';}
.clear {display: block;height: 0;clear: both;visibility: hidden;overflow:hidden;}

ul, tr, td {margin:0; padding:0;}
input {border:#CCCCCC 1px solid; height:1.5em; padding:3px 0 0 2px;font-size:1em;}
.float-left{float:left;}
.float-right{float:right;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline{ text-decoration:underline;}
.no-margin{margin:0;}
.light-blue{color:#3990ce;}
.dark-blue{color:#00199f;}
.dark-gray{color:#4b4b4c;}
.align-center{text-align:center;}


/* ------ container styling ----- */
#wrapper {width:960px;position:relative;margin:0 auto;padding:0 10px 0 10px;}
.content{margin:40px 0 40px 0;position:relative;}
.general-pg .content{margin:-7px 0 40px 0;position:relative;z-index:0;font-family:'Eras';}
.general-pg .content p{margin:0 0 28px 0;}

#header{height:156px;background:url(../images/bg/bg-content-top.png) no-repeat bottom;z-index:99;position:relative;}
a.vetira-logo{width:307px;height:106px;display:block;float:left;padding:18px 0 0 0;}
.menu-social-media{margin:0 0 0 72px;float:left;}
#menu-nav{width:580px;height:41px;padding:15px 0 0 0;text-indent:-9999px;}
#menu-nav ul li{float:left;margin-right:10px;}
#menu-nav ul li:last-child {margin-right:0px;}
#menu-nav ul li.contact-us {margin-right:0px;}
#menu-nav ul li a{display:block;height:41px;}
#menu-nav ul li.about-us a{width:98px;background:url(../images/menu/bg-menu-about-us.png) no-repeat 0 0;}
#menu-nav ul li.about-us a:hover, #menu-nav ul li.about-us.active a{background:url(../images/menu/bg-menu-about-us.png) no-repeat 0 -41px;}
#menu-nav ul li.gallery a{width:92px;background:url(../images/menu/bg-menu-gallery.png) no-repeat 0 0;}
#menu-nav ul li.gallery a:hover, #menu-nav ul li.gallery.active a{background:url(../images/menu/bg-menu-gallery.png) no-repeat 0 -41px;}
#menu-nav ul li.career a{width:82px;background:url(../images/menu/bg-menu-career.png) no-repeat 0 0;}
#menu-nav ul li.career a:hover, #menu-nav ul li.client.active a{background:url(../images/menu/bg-menu-career.png) no-repeat 0 -41px;}
#menu-nav ul li.services a{width:95px;background:url(../images/menu/bg-menu-services.png) no-repeat 0 0;}
#menu-nav ul li.services a:hover, #menu-nav ul li.client.active a{background:url(../images/menu/bg-menu-services.png) no-repeat 0 -41px;}
#menu-nav ul li.client a{width:74px;background:url(../images/menu/bg-menu-client.png) no-repeat 0 0;}
#menu-nav ul li.client a:hover, #menu-nav ul li.client.active a{background:url(../images/menu/bg-menu-client.png) no-repeat 0 -41px;}
#menu-nav ul li.contact-us a{width:88px;background:url(../images/menu/bg-menu-contact.png) no-repeat 0 0;}
#menu-nav ul li.contact-us a:hover, #menu-nav ul li.contact-us.active a{background:url(../images/menu/bg-menu-contact.png) no-repeat 0 -41px;}

#soc-media{width:66px;float:right;padding:19px 0 0 0;margin-right:10px;}
#soc-media ul li{float:left;margin-right:10px;}
#soc-media ul li:last-child {margin-right:0px;}
#soc-media ul li.instagram {margin-right:0px;}
#soc-media ul li a {width:28px;height:28px;display:block;}
#soc-media ul li.fb a{background:url(../images/icons/bg-social-media-facebook.png) no-repeat 0 0;}
#soc-media ul li.fb a:hover{background:url(../images/icons/bg-social-media-facebook.png) no-repeat 0 -29px;}
#soc-media ul li.instagram a{background:url(../images/icons/bg-social-media-instagram.png) no-repeat 0 0;}
#soc-media ul li.instagram a:hover{background:url(../images/icons/bg-social-media-instagram.png) no-repeat 0 -29px;}
/*#soc-media ul li.twitter a{background:url(../images/icons/bg-social-media-twitter.png) no-repeat 0 0;}*/
/*#soc-media ul li.twitter a:hover{background:url(../images/icons/bg-social-media-twitter.png) no-repeat 0 -29px;}*/
#soc-media ul li a span {text-indent:-9999px;display:block;}

#tagline{font-family:'Eras';font-size:1.2em;text-align:center;margin:0 0 48px 0;}
#tagline h2 {font-size:1.7em;font-weight:lighter;}
#tagline span.fmedium{font-family:'ErasMD';}

#slider {width:960px;}
#slider-container {width:746px;height:475px;float:left;margin:0 0 45px 16px;position:relative;}
#slider-container .bx-wrapper .bx-pager{text-align:left;left:-9px;}
#slider-container .bx-wrapper .bx-pager.bx-default-pager a{
	width:15px;
	height:15px;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(../PIE/PIE.htc);
	}
#slider-container .bx-wrapper .bx-pager.bx-default-pager a{width:16px;height:17px;background:url(../images/bg/slide-pager-idle.png) no-repeat;}
#slider-container .bx-wrapper .bx-pager.bx-default-pager a.active{background:#585858;width:15px;height:15px;}
#slider-container .bx-wrapper .bx-viewport {border:solid #fff 8px;}
#slider-container .bx-wrapper .bx-viewport{height:470px !important;}
	
#slidercaption{
	position:absolute;
	display:block;
	top:292px;
	left:-204px;
	z-index:50;
	background:url(../images/bg/bg-home-slider-caption.png) repeat;
	width:312px;
	height:52px;
	font-size:1em;
	padding:24px 10px 24px 10px;
	}
#slidercaption span{font-size:1.8em;}
.link-more{width:228px;position:absolute;bottom:-45px;right:-10px;font-family:verdana;font-size:0.9em;}
.link-more span{padding:3px 0 0 0;}
.link-more a{
	background:url(../images/buttons/bg-link-more.png) no-repeat 0 0;
	width:24px;
	height:23px;
	display:block;
	float:left;
	margin-left:10px;
	}
.link-more a:hover{background:url(../images/buttons/bg-link-more.png) no-repeat 0 -23px;}
	
/* inner pages */	
#section-top{height:197px;margin:0 0 50px 0;}
#page-heading{width:375px;height:120px;background:#8c8c8d;z-index:0;padding:77px 0 0 0;float:left;}

#page-heading h1{display:block;margin:0 auto;text-indent:-9999px;}
#page-heading h1#about-us{width:297px;height:35px;background:url(../images/section-heading/heading-about-us.png) no-repeat;}
#page-heading h1#gallery{width:148px;height:46px;background:url(../images/section-heading/heading-gallery.png) no-repeat;}
#page-heading h1#project{width:148px;height:47px;background:url(../images/section-heading/heading-project.png) no-repeat;}
#page-heading h1#client{width:119px;height:35px;background:url(../images/section-heading/heading-client.png) no-repeat;}
#page-heading h1#career{width:148px;height:41px;background:url(../images/section-heading/heading-career.png) no-repeat;}
#page-heading h1#services{width:163px;height:36px;background:url(../images/section-heading/heading-services.png) no-repeat;}
#page-heading h1#contact-us{width:230px;height:36px;background:url(../images/section-heading/heading-contact-us.png) no-repeat;}

#page-illustration{width:585px;height:197px;z-index:0;float:left;background:#fff;}
#page-illustration h2 {color:#3990ce;padding:16px 20px 0px 18px;font-size:1.3em;font-family:'ErasMD';}
#page-illustration p {color:#3990ce;padding:16px 20px 0px 18px;font-size:1.1em;line-height:1.6em;font-family:'ErasMD';}
.project-details #gallery #page-illustration p{color:#4b4b4c;line-height:1.4em;}
#breadcrumb{margin:0 0 10px 0;}
#breadcrumb a{color:#3990ce;}
#section-bottom .box-left{float:left;width:501px;padding:12px 23px 0 0;}
#section-bottom .box-left p{font-size:1.1em;font-family:'ErasMD';line-height:1.5em;}
#section-bottom .box-right{
	float:left;
	width:413px;
	height:244px;
	padding:6px 0 20px 23px;
	background:url(../images/bg/bg-shadow-side-about-us.png) no-repeat 0 0;
	}
#section-bottom .box-right h2{color:#3990ce;font-size:2.2em;margin:0 0 12px 0;}
#about-us h2{text-align:center;margin:10px 0 10px 0;}

/* Gallery / portfolio */
.portfolio-entry-thumbs, .overview-works .portfolio-entry-thumbs{
	width:230px;
	height:186px;
	float:left;
	/*background:url(../images/bg/img-bg-thumb-gallery.png) no-repeat;*/
	/*border:1px solid #ececec;*/
	margin:0 10px 10px 0;
	/*padding:9px 10px 9px 11px;*/
	}

.portfolio-entry-thumbs.no-margin, .overview-works .portfolio-entry-thumbs.no-margin{margin:0 0px 10px 0;}
.fancybox-overlay.fancybox-overlay-fixed .fancybox-title-over-wrap{background:#3990ce;color:#fff;}

.overview-works .portfolio-entry-thumbs{height:183px;}
img.main-photo{border-radius:8px;behavior: url(../PIE/PIE.htc);}
	
#port-filter{height:50px;}
#port-filter a{border-radius:5px;padding:10px;color:#4b4b4c;behavior: url(../PIE/PIE.htc);}
#port-filter a:hover, #port-filter a.active {background:#3990ce;color:#fff;}

#testimonial-area{
	padding:20px;
	background:#fff;
	width:920px;
	margin:0 0 40px 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);
	behavior: url(../PIE/PIE.htc);
	}
#testimonial-area h2{font-style:italic;font-size:2em;color:#3990ce;margin:0 0 15px 0;}
#testimonial-area p{margin-bottom:20px;font-family:ErasMD;line-height:1.4em;}
#testimonial-area #author{margin:0;padding:0;font-family:ErasMD;font-style:italic;float:right;}
	
	
/* Career */
#career .career-entry{
	height:143px;
	width:412px;
	background:url(../images/bg/career-entry-box.png) no-repeat;
	padding:2px;
	float:left;
	margin:0 120px 35px 0;
	position:relative;
	}
#career .career-entry.no-margin{margin:0;}
#career .career-entry .float-right{width:209px;font-size:1.2em;padding:10px 0 0 0;}
#career .career-entry .float-right h3{color:#fff;text-align:center;}
#career .career-entry a.button-apply{
	border-radius:5px;
	behavior: url(../PIE/PIE.htc);
	padding:6px 15px 6px 15px;
	color:#3990ce;
	background:#fff;
	font-size:1.2em;
	position:absolute;
	bottom:25px;
	right:60px;
}
#career .career-entry a.button-apply:hover{background:#00199f;color:#fff;}
	
/* client */
table.client-list {padding:10px;width:100%;float:left;}
table.client-list td {width:320px;;line-height:1.5em;}
a.link-to-project{color:#3990ce;}
a.link-to-project:hover{text-decoration:underline;}
.bx-controls-direction{display:none;}
#bx-pager{margin:0 0 20px 0;font-size:1.2em;}
#bx-pager .tabs{
	margin:0 20px 0px 0;
	border-radius:5px;
	background:#8c8c8d;
	color:#fff;
	height:35px;
	width:80px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
	float:left;
	behavior: url(../PIE/PIE.htc);
	}
#bx-pager .tabs.active{background:#3990ce;}
	
#footer{
	color:#4b4b4c;
	height:50px;
	font-size:12px;
	line-height:1.4em;
	padding:40px 0 20px 0;
	background:url(../images/bg/bg-content-bottom.png) no-repeat top;
	}
#footer a {color:#4b4b4c;}
#footer a:hover{color:#3990ce;text-decoration:underline;}
#footer .footer-left{float:left;}
#footer .footer-right{float:right;}
#footer .footer-right span{text-align:right;}
#footer .footer-left li{float:left;}

/* Services */
#services .services-entry{
	width:204px;
	height:216px;
	background:url(../images/bg/img-bg-servies.png) no-repeat 0px 0px;
	padding:4px 2px 2px 4px;
	float:left;
	margin:0 40px 10px 0;
	}
#services .services-entry.no-margin{margin-right:0;}
#services .services-entry h3{
	font-size:1.1em;
	text-align:center;
	margin-top:8px;
	color:#4b4b4c;
	font-family:'ErasMD';
	font-weight:lighter;
	}

/* CONTACT AREA*/
#contact-us {font-family:'ErasMD';}
.input-title, .input-field{display:block;font-family:'ErasMD';}
.input-title{font-size:1.4em;font-family:'ErasMD';margin:0 0 2px 0;}
.input-field{margin:0 0 35px 0;padding:5px;height:27px;font-size:1.4em;width:376px;color:#4b4b4c;}
#contact-us form{padding:0 0 30px 0;width:392px;}
#contact-us textarea {width:386px;font-size:1.4em;font-family:'ErasMD';border:1px solid #CCCCCC ;}
#contact-us input.submit-button{
	width:132px;
	height:42px;
	background:#3990ce;
	border:1px solid #3990ce;
	display:block;
	font-family:'ErasMD';
	color:#fff;
	float:right;
	font-size:1.2em;
	border-radius:5px;
	}
#contact-us input.submit-button:hover{background:#00199f;color:#fff;bordeR:1px solid #00199f;}
#contact-us .box-left{width:430px;}
#contact-us .box-right{background:none;text-align:right;width:450px;height:auto;}
#contact-us .box-right #gmap{width:450px;height:350px;margin:0 0 40px 0;}
#contact-us .box-right #gmap iframe{width:428px;height:330px;padding:10px 10px;background:#fff;border:1px solid #CCCCCC;}
#contact-us .box-right p{line-height:1.3em;}

span.error-field {color:#d66464;margin:0 0 5px 0;display:block;}
.error-msg, .thx-msg{color:#fff;display:block;width:370px;padding:10px;font-size:1.1em;margin:0 0 20px 0;}
.error-msg{background:#d66464;}
.thx-msg{background:#3990ce;}


/* ETC */
#four-o-four-cont{
	width:914px;
	padding:120px 0 0 0;
	margin:0 auto; 
	color:#0db2db;
	}

#four-o-four-cont h3.left {float:left;font-size:4em;font-weight:normal;width:323px;padding:36px 0 0 132px;margin:0;}
#four-o-four-cont p.right {float:left;font-size:1em;width:404px;font-size:1.5em;padding:39px 0 0 55px;}
a.go-back{width:1em;font-size:1.5em;padding:4px 12px 6px 10px;display:inline;background:#0db2db;color:#ffffff;}

/* */
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope, .isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* */
.view {width: 229px;	height: 183px;overflow: hidden;position: relative;text-align: center;}
.view .mask{width: 229px;height: 183px;position: absolute;overflow: hidden;top: 0;left: 0;}

.view h2 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 17px;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	margin: 70px 0 0 0;
}
	
.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(102, 200, 255, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}