@font-face {
    font-family: 'OpenSansLight';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('../font/texgyreadventor-bold-webfont.eot');
    src: url('../font/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../font/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../font/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ItaliannoRegular';
    src: url('../font/Italianno-Regular-OTF-webfont.eot');
    src: url('../font/Italianno-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Italianno-Regular-OTF-webfont.woff') format('woff'),
         url('../font/Italianno-Regular-OTF-webfont.ttf') format('truetype'),
         url('../font/Italianno-Regular-OTF-webfont.svg#ItaliannoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a{
	color:#666;
	text-decoration:underline;
	transition:ease-out .3s;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	-ms-transition:ease-out .3s;
}
a:focus,a:active{border:none;outline:none;}
a:hover{text-decoration:underline;}
body{background:#fff;font-family: 'OpenSansLight';color:#222;line-height:2;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-family:texgyreadventorbold;}
.big-title {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #AAAAAA;
    display: inline-block;
    font-size: 50px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    position: relative;
	text-transform: uppercase;
}
.center{text-align:center;}
.line{height:1px;width:100%;border-top:3px double #ccc;margin:-24px auto 20px;}
.inner-page{padding:40px 0;}
.inner-content{padding:40px 0;}
[class^="icon-"]:before, [class*=" icon-"]:before{text-decoration:none;}
.title {
    margin: 0 0 40px;
}
.small-title {
    color: #AAAAAA;
    font-size: 20px;
    letter-spacing: 5px;
    margin: 0;
    text-transform: uppercase;
	margin-bottom:20px;
}
.small-title i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid;
    border-radius: 50px 50px 50px 50px;
    color: #AAAAAA;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    letter-spacing: 0;
    line-height: 50px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
	border-bottom:none;
}
.center-title{
	font-size:25px;
	margin: 0 0 20px;
    text-transform: uppercase;
	text-align:center;
}
.title-text {
    color: #9B9B9B;
    margin: auto auto 40px;
    max-width: 600px;
    text-align: center;
}
.detail {
    font-family: 'TeXGyreAdventorBold';
    font-size: 15px;
    text-align: left;
}
.grey-bg{background:#F7F7F7;}
.opener-text{margin-bottom:40px;}
.spacing-40{height:40px;width:100%;}
.hover:hover .small-title{color:#222;}
.hover:hover .ani{color:#222;}
.small-title{
	transition:ease-out .3s;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	-ms-transition:ease-out .3s;
}
.img-bg {
background:url(../images/static.jpg) 50% 0 scroll;
height:100%;
position:absolute;
bottom:0;
right:0;
width:100%;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin:0;
    z-index: -999;
}
/*----------------------------home section----------------------------*/
.menu{background:#fff;border-top: 3px solid #fff;width:100%;z-index:999;}
.is-sticky .menu{box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.3);left:0;}
.menu-inner{width:90%;margin:auto;padding:20px 0;}
.logo{float:left;width:20%;}
.menu ul{float:right;list-style:none;margin:0;}
.navigation select{display:none;}
.menu li {
    border-left: 1px solid #CCCCCC;
    display: inline-block;
    margin-left: 40px;
    padding-left: 40px;
    position: relative;
}

.menu p {
    font-family: 'TeXGyreAdventorBold';
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 15px;
    margin: 5px 0;
    text-transform: uppercase;
}
.navi a{color:#6666;text-decoration:none;}
.navi .current a{color:#aaa8a5;}
.menu span{display:block;letter-spacing:normal;font-family: 'OpenSansLight';color:#999;}
.menu i{position:absolute;left:0;line-height:40px;font-size:20px;width:40px;}
.motto{text-align:center;padding:200px 0;}
.motto h2 {
    color: white;
    font-weight: normal;
    margin: 20px auto;
    text-align: center;
    text-transform: uppercase;
    width: 500px;
}
.motto-top{letter-spacing: 10px;font-family: 'OpenSansLight';}
.motto-bottom{letter-spacing:8px;font-family: 'OpenSansLight';}
.motto-bold {
    display: block;
    font-size: 100px;
    height: 100px;
    line-height: 80px;
	text-align: justify;
}
.motto-line{max-width:100px;height:1px;border-top:3px double #fff;margin:auto}
.white{background:#fff;}
.top-page{padding-top:100px;}
.bottom-page{padding-bottom:100px;}

/*------------------------------about section------------------------------*/
.caption-office{color:#222;border:1px solid;overflow:hidden;text-align:right;padding:10px;}
.caption-office h4{text-transform:uppercase;letter-spacing:1px;line-height:18px;}

.team-inner{position:relative;overflow:hidden;}
.team-caption {
    color: white;
    left: 0;
    padding:10px;
    position: absolute;
    top: 0;
	z-index:1;
}
.team-caption p {
    font-size: 25px;
    line-height: 25px;
	font-family: 'TeXGyreAdventorBold';
    margin: 0;
}
.team-mask {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 50px;
    position: absolute;
    bottom: -50px;
	left:0;
    width: 100%;
	opacity:0;
	z-index:1;
}
.team-mask,.team-mask li{
	transition:ease-out .3s;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	-ms-transition:ease-out .3s;
}
.team-inner img,.team-inner{
	transition:ease-out .5s;
	-webkit-transition:ease-out .5s;
	-moz-transition:ease-out .5s;
	-o-transition:ease-out .5s;
	-ms-transition:ease-out .5s;
}
.team-inner:hover {background:#222;}
.team-inner:hover img{opacity:0.7;}
.team-inner:hover .team-mask{opacity:1;bottom:0;}
.team-mask p{float:left;line-height:50px;margin-left:10px;}
.team-mask ul{list-style:none;margin:0 5px 0 0;text-align:right;float:right;}
.team-mask li {
    background: none repeat scroll 0 0 #333;
    border-radius: 50px 50px 50px 50px;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
	text-align:center;
    margin: 10px 5px;
    width: 30px;
}
.team-mask li:hover{background:#aaa;}
.team-mask a{color:#fff;display:inline-block;}
.team-mask a:hover{color:#fff;}
.team .span4{margin-bottom:20px;}
.skills{margin-top:20px;}
.skill-list{list-style:none;margin:0;color:#fff;}
.skill-list li p {
    display: inline-block;
    font-family: texgyreadventorbold;
	text-transform:uppercase;
}
.skill-list li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
}
.skill-bar{background:#666;height:30px;}

/*-----------modal team section------------------*/
.modal .pull-left {
    border: 5px solid;
    margin-right: 15px;
    width: 40%;
}
.modal p{font-size:12px;}
.modal blockquote {
    border-left: 5px solid #AAAAAA;
    color: #AAAAAA;
    font-family: texgyreadventorbold;
    font-size: 14px;
    line-height: 22px;
    margin: 40px 0;
    padding: 0 0 0 15px;
	clear:both;
}
.modal{border-radius:0;}
/*------------------------------parallax section section------------------------------*/
.para{width:100%;position:relative;}
.para .container{padding:150px 0;position:relative;z-index:1;text-align:center;}
.para h3 {
    color: #FFFFFF;
    font-family: 'ItaliannoRegular';
    font-size: 70px;
    line-height: 70px;
    margin: auto;
    max-width: 705px;
    text-align: center;
}
.para p {
    color: #FFFFFF;
    font-family: texgyreadventorbold;
    margin: auto;
    max-width: 705px;
    text-align: right;
    text-transform: uppercase;
}
.one-para {
background:url(../images/para.jpg) 50% 0 fixed;
height:100%;
position:absolute;
bottom:0;
right:0;
width:100%;
background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
margin:0;
}
.two-para {
background:url(../images/para-2.jpg) 50% 0 fixed;
height:100%;
position:absolute;
bottom:0;
right:0;
width:100%;
background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
margin:0;
}
.three-para {
background:url(../images/para-3.jpg) 50% 0 fixed;
height:100%;
position:absolute;
bottom:0;
right:0;
width:100%;
background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
margin:0;
}
/*------------------------------portfolio section------------------------------*/
.port-item{margin-bottom:20px;position:relative;overflow:hidden;}
.port-item i {
    border: 2px solid;
    border-radius: 100px 100px 100px 100px;
    color: #FFFFFF;
	border-bottom:none;
    font-size: 20px;
    height: 40px;
    left: 10px;
    line-height: 40px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 40px;
    z-index: 1;
}
.port-mask {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: -70px;
    min-height: 70px;
    left: 0;
	opacity:0;
    position: absolute;
    width: 100%;
	z-index:1;
}
.port-mask{
	transition:ease-out .3s;
	-webkit-transition:ease-out .3s;
	-moz-transition:ease-out .3s;
	-o-transition:ease-out .3s;
	-ms-transition:ease-out .3s;
}
.port-item,.port-item img,.port-hover{
	transition:ease-out .5s;
	-webkit-transition:ease-out .5s;
	-moz-transition:ease-out .5s;
	-o-transition:ease-out .5s;
	-ms-transition:ease-out .5s;
}
.port-item:hover .port-mask{bottom:0;color:#333;opacity:1;}
.port-item:hover img{opacity:0.7;}
.port-item:hover {background:#222;}
.port-mask-inner{padding:10px;}
.port-mask h3{display:inline-block;line-height:50px;margin:0;text-transform:uppercase;font-size:20px;}
.port-mask p{display:inline-block;text-transform:uppercase;line-height:50px;font-size: 12px;color:#aaa;}
.box-25 h3,.box-25 p{line-height:25px;}
.box-25 p {
    display: block;
    margin-top: -8px;
}
.accordion-group{border:none;border-radius:0;margin-bottom:0;}
.accordion-inner {
    border: medium none;
    padding: 0;
	margin-bottom: 20px;
	background:#fff;
}
.accordion-inner p{margin-right:30px;}
.accordion-inner h3{line-height:50px;margin:0 30px 20px 0;}
.explain{color:#888;}
.strong {
	color:#222;
    display: inline-block;
    font-family: 'TeXGyreAdventorBold';
    width: 100px;
}
.view {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    display: inline-block;
    font-family: texgyreadventorbold;
    letter-spacing: 5px;
    margin: 10px 0 40px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
	border:2px solid #333;
}
.view:hover{text-decoration:none;background:#fff;color:#222;}
.accordion-inner .span6{position:relative;}
.close-view {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 0;
    width: 50px;
}
.accordion-inner .span6:hover .close-view{right:0;color:#fff;}
.port-hover {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;}
.port-hover i {
    color: #FFFFFF;
    font-size: 40px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px;
}
.port-hover:hover {opacity:1;}
.port-slide{position:relative;}
.carousel-control {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    width: 40px;
    z-index: 1;
}
iframe{border:none;}
/*-----------------------GOOGLE MAP SECTION-------------------------------------*/
.map {
    border-bottom: 3px solid #AAAAAA;
    border-top: 3px solid #AAAAAA;
    height: 400px;
    width: 100%;
}

/*---------------------CONTACT SECTION-------------------*/
fieldset {
    color: #222;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #222222;
    border-radius: 0 0 0 0;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}
input, textarea, .uneditable-input {
    width: 80%;
	height:auto;
}
form p span{display:block;font-family: texgyreadventorbold;letter-spacing: 2px;}
form .error{font-family:'OpenSansLight';font-size:12px;font-style:italic;color:#aaa;letter-spacing: 0;}
.contact-btn{
    background: none repeat scroll 0 0 #222222;
    border: 2px solid #333333;
    color: #FFFFFF;
    display: inline-block;
    font-family: texgyreadventorbold;
    letter-spacing: 5px;
    margin: 10px 0 40px;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}
.contact-btn:hover,.contact-btn:active,.contact-btn:focus{
	background:#fff;
	color:#222;
	text-decoration: none;
	border: 2px solid #333333;
}
.contact-icon{list-style:none;margin:40px 0 0;}
.contact-icon li{position:relative;padding-left:50px;margin-bottom: 20px;}
.contact-icon li i {
    border: 1px solid #222222;
    border-radius: 50px 50px 50px 50px;
    font-size: 20px;
    height: 40px;
	border-bottom:none;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 40px;
}
.contact-icon li p {
    font-family: 'TeXGyreAdventorBold';
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 20px;
    margin: 5px 0;
    text-transform: uppercase;
}
.contact-icon li span{
	color: #999999;
    display: block;
    font-family: 'OpenSansLight';
    letter-spacing: normal;
}
.contact-strong{font-family: 'TeXGyreAdventorBold';color:#222;}

/*---------------------------------tweet section-----------------------------*/
#twitter ul{list-style:none;text-align:center;}
#twitter a{font-family:'TeXGyreAdventorBold';}
/*------------------------------footer section------------------------------*/
#footer{background:#222;font-size:12px;}
.footer{padding:20px 0;width:90%;}
.social{list-style:none;margin:0;float:right;}
.social li{display:inline-block;margin:0 10px;}
.footer a{text-decoration:none;}
.social li i{font-size:14px;}
.copyright{float:left;}
.copyright p{color:#999;margin:0;}


/*-----------------------------media queries-----------------------------------*/
@media (min-width:768px) and (max-width:979px){
	.logo{max-width:15%;}
	.menu li{margin-left:20px;}
}
@media (max-width: 767px) {
		.menu,#footer,.para,.white,.grey-bg,.motto,.map,#home{
	    margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		}
		.navi{display:none;}
		.motto{padding:100px 0;}
		.img-bg{background-position:top center !important;}
		#home{background:url("../images/static2.jpg") repeat scroll center center transparent;}
.motto h2 {
    font-size: 18px;
    width: 300px;
}		
.motto .motto-bold {
    font-size: 45px;
    height: 50px;
    line-height: 46px;
	letter-spacing:5px;
}
.motto-bottom {
    letter-spacing: 3px;
}
.motto-top {
    letter-spacing: 7px;
}
#clock li {
    height: 40px;
    margin: 10px;
    width: 40px;
}

#clock li span {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 0;
}
.circle:before {
    height: 5px;
    left: -12.5px;
    width: 5px;
}
.box-50{width:48%;margin:1%;float:left;}
.box-25{width:23%;margin:1%;float:left;}
.port-detail{padding-left:30px;margin-top:20px;}
.port-mask-inner p{display:none;}
.para{background:url(../images/para.jpg) center center;}
.one-para{display:none;}
.logo{width:50%;float:left;}
.navigation select {
    border: 1px solid #222222;
    border-radius: 0 0 0 0;
    color: #555555;
    display: block;
    float: right;
    font-size: 14px;
    height: 30px;
    line-height: 20px;
    margin: auto;
    padding: 5px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    z-index: 1;
}
}
@media (max-width:480px){
	.footer{text-align:center;}
	.copyright,.social{float:none;}
	.copyright{margin-bottom:10px;}
	.elegant{font-size:35px;}
	
.bold {
    font-size: 20px;
    line-height: 20px;
}
.port-mask,.port-item i{display:none;}
.big-title{font-size:30px;}
}

/*animated icon*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}