/*reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,a, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr,iframe {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
	text-decoration:none;
	list-style:none;
	
}

a,a:active,a:hover {outline: none;}
img{max-width:100%;}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}



*::-moz-selection {
    background: #ffffff;
    color: #00b686;
}


iframe {
border: 0;
width: 100%;
}



body{
	
	font:12px 'Roboto', Arial, sans-serif;
	font-weight:normal;
	font-style:normal;
	position:relative;
	line-height:20px;
	background:#efefef;
	color:#ffffff;
	margin:0;
	padding:0;
	
}



/*Shared css rules*/

#teaser a,#socials li, #socials a,.pic img,.teamSocial li, .teamSocial a, .process a, ul#category li a, .postImage img, .postMeta li,
.postContent a, #latest .slides img, .related img, .respondForm input[type="text"],.respondForm input[type="email"],input[type="number"], .respondForm textarea,
  .respondForm input#submit , .contactForm input[type="text"], .contactForm input[type="email"], .contactForm textarea,
.contactForm input#submit, #socialsFooter li, #socialsFooter a, #socialsProject li, #socialsProject a, .postPagination .prev a, .postPagination .next a, .postPagination li a, ul#navi ul li a, #toTop i, 
.tagsList li a, .catList li a, .comments a, a span.relTitle, .tags a , .pricingtbl ul li:last-child a, #quote a, #request a, .otherPr i,.icon i, .info a,
.smaller a, .small a, .medium a, .large a, .btnSubmit input[type="submit"], .postTitle h1 a, #innerCrump a, .socialFact a, .tagFooter li a, .flickr a {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}



.contactForm input[type="text"], .contactForm input[type="email"], .contactForm textarea, .contactForm textarea, .contactForm input#submit,
#request a, ul#navi li a, ul#naviRegular li a, select#mobileNav, #mainNavRegular select, #navi select, select#mainNavRegular, .titleInner h1, .serviceSingle h2 span, .otherService h2, .otherPr h2, .icon h2, #slideDesc h1, .testimoniaContainer h3, .btnSubmit input[type="submit"], .countdown_show4 .countdown_section , .desc h1, .info h1, .info a, .postTitle h1 , .postTitle h1 a, .commentscountTitle h1, .respondTitle h1, .respondForm input[type="text"], .respondForm input[type="email"], input[type="number"], .respondForm textarea, .respondForm input#submit , a.close, .tiptool a, .tiptool a + a, .tooltip .tip-inner, table th, .address, #success h2{
font-family: 'robotobold';
}


#breadCrump p, #intro p , .skillIntro h3, span.price span.dollar, .processDesc p, #ourProcess p, .postContent p, .widget, .postContent blockquote, ul#navi ul li a, .footerWidget h2,  .footerTweets .tweet_list, .footerWidget p,  .tagFooter li {
font-family: 'robotoregular';
}


.teaserTitle h1 span, .flex-caption-right h1 span, .flex-caption-left h1 span, #teaser a, #innerAnota h1, #breadCrump h1, .profile h3, .skillIntro h1, .skillbarTitle, .pricingtbl ul li:first-child, .pricingtbl ul li.signupBtn a, .pricingtbl ul li.signupBtn.style2 a, span.price, .process a.prLink, ul#category li a, .link .hgroup h3, .postContent a.more, .postPagination, .slides p.expert, .comments a, .respondForm label, .alertBoxe , .smaller a, .medium a, .small a, .large a   {
font-family: 'robotomedium';
}


.teamInfo p, .profile span, .skillIntro p, .testimoniaContainer h3 span, .widgetTweets .tweet_list, 
.comments .reply-btn a, #request p , .tweet_list {
font-family: 'robotolight';
}




.arrowinnerTitle, .arrowPricing, #otherServices .arrowinnerTitle, #ourProcess .arrowinnerTitle, #ourClient .arrowinnerTitle,
#testimonial .testimoniaContainer .arrowinnerProfile, ul#category .current a:after,
.arrowpostTitle, .arrowcommentscountTitle, .arrowRespond, .arrowFooter, .arrowMain, .arrowAnota, .arrowCrump, .arrowProfile, .arrDivider{
	
	position: absolute;
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-ms-transform-origin:20% 40%; /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	-webkit-transform-origin:20% 40%; /* Safari and Chrome */

}



select#mobileNav, #naviRegular select,
.respondForm input[type="text"],.respondForm input[type="email"],input[type="number"], .respondForm textarea,
#breadCrump p, .contactForm input[type="text"], .contactForm input[type="email"], .contactForm textarea{
font-size: 12px;

}



.pricingtbl ul li:last-child a, ul#category li a, .postContent a, .postPagination, .widget, .respondForm label,
.respondForm input#submit, .contactForm input#submit, #footer p, .footerBottom p,  #intro p {
font-size: 14px;
 }




.tagsList li a, .respondForm input#submit, #toTop i, .pricingtbl ul, .pricingtbl ul li:last-child a, #request a, .info a, 
.postPagination .prev a, .postPagination .next a, .postPagination li a, .skillbarHolder, .percentage, .alertBoxe,.bq2, .small a, 
.smaller a, .large a, .medium a, .tooltip, .ui-accordion .ui-accordion-content, .ui-tabs .ui-tabs-panel , .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-accordion .ui-accordion-header , #accordion .ui-state-active a, #accordion .ui-state-active a:link, #accordion .ui-state-active a:visited {

border-radius:3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;

}



#postSlider .icon-right-open-mini:before, #postSlider .icon-left-open-mini:before ,#latest .icon-right-open-mini:before,.singleProject .icon-right-open-mini:before, #latest .icon-left-open-mini:before, #slideCase .icon-right-open-mini:before, 
#slideCase .icon-left-open-mini:before, .singleProject .icon-left-open-mini:before{ color: #ffffff; }


/*End shared css rules*/




/*Wrapper*/

#wrapper{
	width:100%;
	position:relative;
	
}

/*End wrapper*/



/*Header*/

#header {
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:2000;
	background:#ffffff;
	box-shadow:0 0 3px rgba(0,0,0,.6);
	box-shadow:0 0 3px rgba(0,0,0,.6);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.6);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.6);
	padding:20px 0 5px 0;
	display:block;
	height:95px;
}





#teaser, #homeSlider{
	position:relative;
	text-align:center;
}


#teaser.videoHeader{
	margin-top:70px;
}



#homeSlider{
	height:100%;
	width:100%;
	overflow:hidden !important;
}


#homeSlider ul.slides li{
	position:relative;
	margin-top:10px;

}


#homeSlider ul.slides li img{
	max-width:109%;
}


.flex-caption-left {
    margin-left: -230px;
    
}


.flex-caption-right {
    margin-right: -220px;
}


.flex-caption-right, .flex-caption-left {
    margin-top: -85px;
    padding: 10px;
    position: absolute;
    top: 50%;
    z-index: 1;
}



.flex-caption-left h1, .flex-caption-right h1{
	font-size:30px;
	margin-bottom:1px;
	text-transform:uppercase;
	font-family: 'robotothin';
	letter-spacing:1px;
	background:#000;
	filter:alpha(opacity = 80);
	background:rgba(0, 0, 0, 0.5);
	padding:16px;
	color:#ffffff;
	
	
}

.flex-caption-left h3, .flex-caption-right h3{
	
	background:#000;
	filter:alpha(opacity = 80);
	background:rgba(0, 0, 0, 0.5);
	font-size:13px;
	padding:10px 20px;
	display:inline-block;
}





#teaser img{
	width:100%;
	height:auto;
}



.teaserTitle {
    left: 50%;
    margin-left: -260px;
    position: absolute;
    top: 40%;
}


.teaserTitle h1{
	font-size:40px;
	margin-bottom:40px;
	text-transform:uppercase;
	font-family: 'robotothin';
	color:#00b686;
	
}


#teaser a {

	color:#00b686;
	background:#ffffff;
	filter:alpha(opacity = 40);
	background:rgba(255,255,255,0.4);
	font-size:14px;
	border:1px solid #00b686;
	border-radius:40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	width:80%;
	padding:6px 35px;
	text-transform:uppercase;
	
	
}

#teaser a:hover {
	
	
	background:#ffffff;
	filter:alpha(opacity = 0);
	background:rgba(255,255,255,0);
}


.holder960,#feed{
	
	width:960px;
	margin: 0 auto;
	position:relative;
	padding-left:20px;
	padding-right:20px;
}



#logo {
	float:left;
	line-height:30px;
	
}

#logo h1 a{
	color:#0F2B37;
	text-transform:uppercase;
	font-weight:700;
	font-size:22px;
	font-family:'Open Sans';
	letter-spacing: 0;
}

#logo h1 span{
	color:#00b686;
	font-weight:400;
}

#navigation{
	position:absolute;
	right:120px;
	top:-14px;
}


#mainNav li, #mainNavRegular li {
	
	display:inline-block;
	margin-right:28px;
	padding-bottom:7px;
	float:left;
	
}


ul#navi li a, ul#naviRegular li a {
    color: #04425b;
    display: block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: bold;
    height: 29px;
    padding: 29px 6px 9px 6px;
    position: relative;
}


#navi .active, #naviRegular .active{
	border-bottom: 2px solid #00b686 ;
}


ul#navi .active:after, ul#naviRegular .active:after {
    border-bottom: 4px solid #00b686;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    bottom: -1px;
    content: "";
    height: 0;
    left: 45%;
    position: absolute;
    width: 0;
}

.navArrow {
    color: #00b686;
    font-size: 26px;
    left: -49%;
    position: relative;
    top: 28px;
}



ul#navi ul{
	width:200px;
	opacity:0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 25px
	left:0;
	z-index:9999;
	margin-top:3px;
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	background:#ffffff;
	display:none;
	

	

}

ul#navi ul li{
	
	width:200px;
	float: none;
	display:block;
	margin-right:0;
	background:#ffffff;
	padding-bottom:0px;
	position:relative;
	
}


 
									  
ul#navi ul li a{
	
	display:block;
	color:#999999;
	padding:10px 0 2px 24px;
} 

ul#navi ul li a:hover{
	color:#444444;
	background:#f8f8f8;	
}


ul#navi ul ul{
	left: 100%;
	top: -3px;
}

.subActive{background:#f8f8f8; color:#666666 !important;}

select#mobileNav, #mainNavRegular select, #navi select, select#mainNavRegular {
	height:38px;
	width:200px;
	padding:10px;
	background: #FAFAFA;
	border: 1px solid #efefef;
	color: #444444;
	outline-width: 0;
	display:none;
}


#socials {
    bottom: -26px;
    left: 780px;
    position: absolute;
}



#socials li, #socials a {
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 26px;
    margin: 0 1px 0 0;
    width: 28px;
	text-align: center;
    vertical-align: middle;
	line-height:28px;
	background:#00b686;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	font-size:12px;
	
}


#socials li:hover, #socials a:hover{
	background:  #0f2b37;
	
}


/*End header*/



/*Main content*/


#mainContent{
	
	
	position:relative;
}


#mainContent .arrowMain {
    background:#00b686;
 	height: 10px;
	width: 10px;
	top: -3px;

}



/*End main content*/


/*Anota*/

#anota {
    
    margin-top: -90px !important;
	background:#0f2b37;
	padding-top:50px;
	padding-bottom:40px;
	text-align:center;
	position:relative;
}



#anota.videoHeader {
    
    margin-top: -6px !important;
}


#breadCrump {
    background: none repeat scroll 0 0 #0F2B37;
    margin-top: -7px;
    padding-bottom: 30px;
    padding-top: 45px;
    position: relative;
    text-align: center;
}


#anota:after, #breadCrump:after{
    	background:#00b686;
	    content: "";
	    height: 2px;
	    left: 39%;
	    position: absolute;
	    top: 0;
	    width: 300px;
}



#innerAnota h1, #breadCrump h1{
	
	font-size: 26px;
	text-transform:uppercase;
	margin-bottom:10px;
	letter-spacing:1px;
	
}

#innerAnota p{
	
	font-size: 15px;
	font-family: 'robotothin';
	line-height:26px;
}


#breadCrump p{
	
	line-height:26px;
}


#breadCrump p span{
	color:#00b686;
}


#innerCrump a{
	color:#ffffff;
}

#innerCrump a:hover{
	color:#00b686;
}


.title h1:before{
	content:"[";
	margin-right:20px;
	position:relative;
	top:-2px;
	
}

.title h1:after{
	margin-left:20px;
	position:relative;
	top:-2px;
	content:"]";
	
}


.title{
	position:relative;
	text-align:center;
	margin-bottom:50px;
}


.title h1{
	text-transform:uppercase;
	font-size:45px;
	font-family: 'robotothin';
	letter-spacing:1px;
	margin-bottom:15px;
}

.title h4{
	
	font-size:11px;
}


/*End anota*/



/*About */

#about{
	
	background:#ffffff;
	padding-top:40px;
	padding-bottom:20px;
	position:relative;
}


#about .arrDivider {
    background:#ffffff;

}

#about .title {
	
	color:#ffffff;
}

#intro, .titleInner, #team, #servicessingleHolder, #skills{
	margin-bottom:55px;
}


#intro p {
	
    line-height: 26px;
}

#teamHolder{
	margin-top:80px;
	margin-left:5px;
}

.fourth_Columns{
	width:230px;
	float:left;
	margin-right:10px;
}



.pic{
	position:relative;
}


.pic img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.teamSocial {
    bottom: -4px;
    left: 56px;
    position: absolute;
}

.teamSocial li, .teamSocial a {
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 26px;
    margin: 0 1px 0 0;
    width: 28px;
	text-align: center;
    vertical-align: middle;
	line-height:28px;
	background:#00b686;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	font-size:12px;
	
}

.teamSocial li:hover, .teamSocial a:hover{
	background:  #0f2b37;
	
}

.teamInfo{
	text-align:center;
	background:#ffffff;
	margin-top:-3px;
	color:#0f2b37;
	padding:30px 20px;

}

.profile{
	position:relative;
}

.profile h3{
	font-size:18px;
}

.profile span{
	font-size:12px;
}

.teamInfo p{
	padding-top:30px;
	color:#999999;
	font-size:13px;
	line-height:23px;
}


.titleInner{
	position:relative;
}

.titleInner h1{
	font-size:22px;
	text-transform:uppercase;
	text-align:center;
}


.titleInner2 h1{
	font-size:22px;
	text-transform:uppercase;

}


.titleInner:after {
    background:#FFFFFF;
    bottom: -20px;
    content: "";
    height: 1px;
    left: 438px;
    position: absolute;
    width: 90px;
}


.arrowinnerTitle {
    background:#ffffff;
	top: 37px;
	left: 50%;

}


.profile:after {
    background:#efefef;
    bottom: -12px;
    content: "";
    height: 1px;
    left: 37px;
    position: absolute;
    width: 110px;
}

.arrowProfile {
    background:#efefef;
	top: 51px;
	left: 48%;
}


.arrDivider {
    left: 50%;
    position: absolute;
    top: -3px;
}



.two_Columns{
	float:left;
	width:400px;
	margin-right:35px;
}

#innerSkill{
	margin-top:80px;
}

.skillIntro h1{
	font-size:30px;
	text-transform:uppercase;
	margin-bottom:10px;
}


.skillIntro h3{
	font-size:14px;
	text-transform:uppercase;
}

.skillIntro p{
	margin-top:10px;
	font-size:14px;
	text-transform:normal !important;
}


.skillsHolder{
	width:520px;
}
.skillBar{
	margin-bottom:5px;
}


.skillbarHolder {
    background-color: #009e74;
	height:31px;
	position:relative;
}

.percentage{
	background: #70c9b1;
	height: 31px;
	left: 0;
	position: absolute;
	top: 0;
	
}

.skillbarTitle{
	position:absolute;
	top:7px;
	left:15px;
	z-index:10;
	color:#ffffff;
	font-size:14px;
}


#pricingContainer {
    margin-top: 130px;
	margin-left:35px;
	margin-right:20px;
}


#pricingContainer.border {
    margin-top: 100px;
}


.pricingtbl ul {
    
    float: left;
    margin-right: 18px;
    text-align: center;
    width: 280px;
	background:#ffffff;
	color:#555555;
}


.pricingtbl ul.border li, .pricingtbl ul.border li.signupBtn {
    
  border-left:1px solid #efefef;
 border-right:1px solid #efefef;
 
}


.pricingtbl ul.border li.signupBtn{
	 border-bottom:1px solid #efefef
}

.pricingtbl ul.border li:first-child{
    
  border:none
}


#pricingContainer ul:last-child{
	margin-right:0;
}


.pricingtbl li.pricing {
    border-bottom: 1px dashed #EFEFEF;
    padding: 42px 20px 25px;
}


.pricingtbl ul li {
    padding: 10px;
	border-bottom:1px solid #efefef;
}


.pricingtbl ul li:nth-child(2n+1) {
    background-color: #fafafa;
}


.pricingtbl ul li:first-child {
    background:#0F2B37;
    color: #00B686;
    font-size: 22px;
    padding:40px 20px;
	text-transform:uppercase;
	border:none;
	position:relative;
	border-radius:3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	
}


#pricingContainer .pricing-big li:first-child{
	padding:60px 20px;
	font-size:24px;
}


#pricingContainer .pricing-big  li:first-child:after {
    background:#00B686;
    bottom: 40px;
    content: "";
    height: 1px;
    left: 98px;
    position: absolute;
    width: 90px;
}


#pricingContainer .pricing-big  li .arrowPricing {
    background:#00B686;
    height: 5px;
    left: 50%;
    position: absolute;
    top: 97px;
    width: 5px;
}


.pricingtbl ul li.signupBtn {
    background:#ffffff;
    padding: 30px;
	border:none;
	border-radius:0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius:0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
}


.pricingtbl ul li.signupBtn a {
    background-color: #0F2B37;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 23px;
    width: auto;

}

.pricingtbl ul li.signupBtn.style2 a {
    background-color: #00B686;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 23px;
    width: auto;
}

.pricingtbl ul li.signupBtn a:hover {
    color: #00B686;
}

.pricingtbl ul li.signupBtn.style2  a:hover {
    background-color: #0F2B37;
	color: #FFFFFF;
}


.pricingtbl ul small{
	font-size:12px;
	margin-left:20px;
	margin-top:2px;
	color:#999999;
}


span.price {
    color: #00B686;
    font-size: 48px;

}


span.price span.dollar {
    color: #666666;
    font-size: 20px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    top: -18px;
}


.pricing-big {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: relative;
    top: -22px;
    width: 220px;
    z-index: 20;
}


.pricing-big.style2 {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

}



/*End about*/



/*Services*/

#services{
	
	padding-top:70px;
	position:relative;
	background:#ffffff;
	padding-bottom:40px;
}



#services .arrowMain{
	background:#ffffff;
}


#servicesContent{
	
	padding-bottom:40px;
	position:relative;
}


#servicesContent.regular{
	
	padding-bottom:0px;
}

#services .title {

	color:#0f2b37;
}

#services .title h4 {

	color:#999999;
}

#services .arrDivider {
    background:#efefef;

}


.columns_Three {
    float: left;
    margin-right: 75px;
	margin-left: 20px;
    text-align: center;
    width: 260px;
	position:relative;
}

#servicessingleHolder{
	margin-top:60px;
}


.serviceSingle h2{
	color:#0f2b37;
	margin-bottom:20px;
}

.serviceSingle h2 span{
	background:#ffffff;
	font-size:18px;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;

	
}

.serviceSingle h2:before {
    border-bottom: 1px solid #EFEFEF;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 48%;
    width: 100%;
    z-index: 0;
}


.serviceSingle p{
	margin-top:10px;
	color:#999999;
	font-size:13px;
	line-height:23px;
}


.icon {
	
    font-size:70px;
	margin-bottom:30px;
	color:#00b686;
}


#otherServices .titleInner h1, #ourProcess .titleInner h1, #showCase .titleInner h1, .elementSec .titleInner h1, #relatedItem .titleInner h1,  #slideDesc h1,  #processSingle .titleInner h1, #ourClient .titleInner h1{
	
	color:#0f2b37;
}


#otherServices .titleInner:after, #ourProcess .titleInner:after, .elementSec .titleInner:after, #showCase .titleInner:after, #relatedItem .titleInner:after, #processSingle .titleInner:after,#ourClient .titleInner:after, .nameProfile:after {
    background:#efefef;
    bottom: -20px;
    content: "";
    height: 1px;
    left: 438px;
    position: absolute;
    width: 90px;
}


#otherServices .arrowinnerTitle, #ourProcess .arrowinnerTitle, .elementSec .arrowinnerTitle, #processSingle .arrowinnerTitle, #showCase .arrowinnerTitle, #relatedItem .arrowinnerTitle, #ourClient .arrowinnerTitle {
    background:#efefef;
	top: 37px;
	left: 50%;
}

#otherHolder {
    margin-top: 80px;
	margin-bottom:80px;
}

#otherProcess{
	margin-bottom:40px;
}



.otherPr i, .icon i {
    background:#00B686;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius:100px;
	-o-border-radius: 100px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 27px;
    height: 50px;
    line-height: 50px;
    padding: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    width: 50px;
	margin-bottom:20px;
}


.otherPr i:hover, .icon i:hover{
	background: #0F2B37;
}


.otherService h2, .otherPr h2, .icon h2{
	color:#0f2b37;
	margin-bottom:10px;
	font-size:14px;
}


.otherService p, .otherPr p, .icon p {
    color: #999999;
    font-size: 13px;
    line-height: 23px;
    margin-top: 10px;
}



.process {
	text-align:center;
	width:200px;
	float:left;
	margin-right:15px;
	margin-left:56px;
	
	
}

.innerProcess, .innerprocessSingle {
    background: #00B686;
    border: 4px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    box-shadow: 0 0 0 3px #00B686;
	-webkit-box-shadow: 0 0 0 3px #00B686;
	-moz-box-shadow: 0 0 0 3px #00B686;
	-ms-box-shadow: 0 0 0 3px #00B686;
	-o-box-shadow: 0 0 0 3px #00B686;
    height: 100px;
    line-height: 92px;
    padding: 10px;
    width: 100px;
	position:relative;
	margin:0 auto 40px auto;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	cursor:pointer;
}



.innerProcess:hover {
    background: #0F2B37;
    box-shadow: 0 0 0 5px #0F2B37;
	-webkit-box-shadow: 0 0 0 5px #0F2B37;
	-moz-box-shadow: 0 0 0 5px #0F2B37;
	-ms-box-shadow: 0 0 0 5px #0F2B37;
	-o-box-shadow: 0 0 0 5px #0F2B37;

}

.innerprocessActive {
    background: #0F2B37;
    box-shadow: 0 0 0 5px #0F2B37;
	-webkit-box-shadow: 0 0 0 5px #0F2B37;
	-moz-box-shadow: 0 0 0 5px #0F2B37;
	-ms-box-shadow: 0 0 0 5px #0F2B37;
	-o-box-shadow: 0 0 0 5px #0F2B37;

}



.innerProcess i, .innerprocessSingle i {
    font-size: 55px;
    left: 20px;
    position: absolute;
    top: 12px;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.1)
}

.process a{
	color:#ffffff;
}

.process a.prLink {

	color:#999999;
	font-size:14px;
	border:1px solid #efefef;
	border-radius:40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	padding:6px 35px;
	
}

.process a:hover {
	
	background:#fafafa;
}


.innerprocessSingle {
    float: left;
    margin-left: 20px;
    margin-right:40px;
	margin-top:10px;
	
}

.singleP{
	width:120px;
}

.processDesc{
	float:left;
	width:730px;
}


.processDesc p{

	text-align:left;
	color:#999999;
	font-size:14px;
	line-height:26px;
}


.processDesc p + p{
	color:#666666;
	margin-top:5px;
}



#ourProcess{
	margin-bottom:8px;
}


#processSingle{
	margin-bottom:40px;
}


#processSingle{
	
	margin-top:80px;
}

#ourProcess p{
	
	margin-top:50px;
	text-align:center;
	color:#0F2B37;
	font-size:14px;
	line-height:26px;
	padding-left:50px;
	padding-right:50px;

}


.column {
    display: inline;
    float: left;
    margin-left: 30px !important;
    margin-right: 10px !important;
}


#slideCase{
	width:620px;
	float: left;
}

#slideDesc{
	width:300px;
}

#slideDesc h1{
	font-size:20px;

}


#slideDesc ul{
	color:#999999;
	font-size:14px;
	margin-top:20px;
}

#slideDesc ul li{
	padding-bottom:10px;
}

#slideDesc li:before {
    color: #00B686;
    content:'\e82b';
    font-family: "fontello";
    font-size: 15px;
    padding-right: 10px;
}


#ourClient{
	margin-bottom:20px;
}



#clientHolder .slides li {
    margin-right: 5px;
    width: 230px;
	text-align:center;

}


#clientHolder .slides li a{
	
	color:#555555;
	display:inline-block;
	font-size:100px;
}

#clientHolder .icon-left-open-mini:before, #clientHolder .icon-right-open-mini:before {
	
	top: 1px;
}


#testimonial{

	position:relative;
	color:#0f2b37;
}


#testimonial blockquote{
	font-size:14px; 
	line-height:26px;
	
}

.testimoniaContainer{
	
	text-align:center;
}

.testimoniaContainer h3{
	margin-top:9px;
	font-size:14px;
}




#testimonial .testimoniaContainer  {
		height:225px;
		display:none;
		margin-top:30px;
		z-index:1;
}

#testimonial .testimoniaContainer div {
		width:960px;
		display:block;
}

.testiProfile{
	margin-top:30px;
}

#testimonial .testimoniaContainer .imgProfile{
	background:#ffffff;
	border:1px solid #efefef;
	color:#efefef;
	border-radius:70px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	-ms-border-radius: 70px;
	-o-border-radius: 70px;
	width:60px;
	height:60px;
	margin:0 auto;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.imgProfile i {
    font-size: 30px;
    line-height: 58px;
	
}

.nameProfile{
	position:relative;
}


#testimonial .testimoniaContainer .arrowinnerProfile {
    background:#efefef;
	top: 37px;
	left: 50%;

}


.pagination {
	display:none;
}



/*End services*/




/*Coming soon*/


.subscribe{
	margin-bottom:40px;
	position:relative;
}

.subscribe p{
	
	color:#666666;
	text-align:center;
	font-size:14px;
	line-height:23px;
	margin-bottom:40px;
}


.notForm{
	position:relative;
	text-align:center;
	padding-bottom:12px;
}


.notForm input[type="email"] {
    background: #FAFAFA;
    border: 1px dashed #EFEFEF;
    color: #999999;
    font-size: 11px;
    height: 48px;
    outline-width: 0;
    padding-left: 15px;
    width: 420px;
}



.notForm input[type="email"]:focus{
	outline-width: 0;
	border: 1px dashed #00B686;
		
}

.btnSubmit input[type="submit"]::-moz-focus-inner {border:0;}
.btnSubmit input[type="submit"]::-webkit-focus-inner {border:0;}
.btnSubmit input[type="submit"]::-oz-focus-inner {border:0;}


.btnSubmit{position: relative;text-align:center;}


.btnSubmit input[type="submit"] {
    background-color: #00B686;
    border: medium none;
    border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    left: 561px;
    position: absolute;
    top: -51px;
    width: 138px;
	text-transform:uppercase;
}


.btnSubmit input[type="submit"]:hover{
	background-color: #0F2B37;
}

.counter{
	padding-top:20px;
	position:relative;
	margin-top:20px;
	border-top:1px solid #efefef;
	
}

.counter .arrDivider {
    background:#efefef;

}


.counting {
    font-size: 12px;
    padding: 35px 0 35px;
    position: relative;
}

.display{
	margin-top:30px;
}
.innerCounting {
	text-align:center;
}


.innerCounting .icon-twitter-bird-footer  {
    padding-top: 25px;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
}


.countdown_show4 {
	margin-left:25px;
	margin-right:25px;
}

.countdown_show4 .countdown_section {
	
   
	position:relative;
	display:inline-block;
	color:#0F2B37;
	font-size:12px;
	margin-top:70px;
	padding-right:60px;
	text-align:center;
	
	
}

.countdown_amount {
	color: #efefef;
	font-size: 130px;
	text-align:center;
	font-family: 'robotothin_italic';
	font-style:italic;
	margin:0 auto;
	display:block;
	padding-bottom:20px;

}


/*End coming soon*/


/*404 error*/

.error{
	text-align:center;
}


.error h1{
	text-transform:uppercase;
	color:#00B686;
	font-size:40px;
	margin-top:40px;
	margin-bottom:40px;
	font-family: 'robotoblack';
}

.error p{
	color:#666666;
	font-size:16px;
	line-height:25px;
}

.error p b{
	color:#444444;
	text-transform:uppercase;

}

.error a{
	margin-top:30px;
	display:inline-block;
}


/*End 404 error*/




/*Portfolio*/

#portfolio, #latestWork{
	padding-top:60px;
	padding-bottom:60px;
	background:#ffffff;
	position:relative;
}


#latestWork{
	background:#f6f6f6;
}


#portfolio .arrowMain {
	background:#ffffff;
}


#latestWork .arrowMain {
	background:#f6f6f6;
}


#portfolio .title{
	color:#0F2B37;
}

#portfolio .title h4{
	color:#999999;
}


#latestWork .title{
	color:#444444;
}

#catContainer {
    margin-bottom: 40px;
    margin-top: 80px;
    text-align: center;
}

ul#category {
	
    margin-bottom: 20px;
    margin-top: 30px;
    position: relative;
}

ul#category li {
	
    display: inline-block;
    height: 40px;
	border-bottom: 1px solid #ffffff;
}

ul#category li a {
	
    color: #0F2B37;
    display: inline-block;
	padding: 5px 15px 10px 15px;
	margin-right:3px;
	position:relative;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
	-ms-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
	transition: color 0.5s ease 0s

}
ul#category li a:hover{
	
	color:#00b686;
}


ul#category .current a{
	border-bottom:1px solid #00b686;
	color:#00b686;
}


ul#category .current a:after {
	
	background:#00b686;
    height: 4px;
    top: 33px;
    width: 4px;
	content: "";
    left: 47%;
}


#works{
	margin-left:20px;
}

#works .portfolio{
	
	margin-right:-20px;
}

#works .item{
	
	float:left;
	margin-right:20px;
	margin-bottom:15px;
	position:relative;
	width: 293px;
	height: 234px;
}


#works .item.four{
	
	width:220px;
	height:176px;
}


.link {
	
    background:#00B686;
    display: block;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 1000;
	width: 294px;
	height: 100%;
}


.lightbox .link {
	

	width: 440px;
	height: 98%;
}


.item.four .link{
	height: 176px;
	width:220px;
}

.link .hgroup {
    left: 20px;
    position: absolute;
    text-align: left;
    top: 10%;
    display:block;
}

.link .hgroup h3 {
    font-size: 20px;
}

.item.four  .link .hgroup h3 {
    font-size: 16px;
}


.link .hgroup h4 {
	
	font-size:14px;
	margin-top:5px;
}

.link i {
	
	line-height:252px;
	font-size:25px;
}

.item.four .link i{
	line-height:212px;
	font-size:25px;
}



ul li.item a {
    color: #ffffff;
    font-size: 23px;
	width: 293px;
	height: 98%;
	display: block;
}


/*Single project*/


#projectDesc{
	margin-bottom:50px;
}

.desc{
	width:620px;
	float: left;
}


.desc h1, .info h1{
	color:#0F2B37;
	font-size:20px;
	margin-bottom:15px;
}

.desc p{
	color:#999999;
	font-size:13px;
	line-height:22px;
}

.desc p b{
	color:#666666;
}

.info{
	width:300px;
}


.info ul{
	color:#999999;
	font-size:14px;
	margin-top:20px;
}


.info ul li{
	padding-bottom:10px;
	
}

.info li:before {
    color: #00B686;
    content:'\e82b';
    font-family: "fontello";
    font-size: 15px;
    padding-right: 10px;
}


.info a {
    background: #00B686;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    margin-top: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.info a:hover{
	background:#0F2B37;
}

#socialsProject li:hover, #socialsProject a:hover{
	color:  #0F2B37;
	
}



/*End portfolio*/




/*Blog*/

#blog{
	
	background:#00b686;
	padding-top:70px;
	padding-bottom:70px;
	position:relative;
}


#blog .arrDivider {
    background:#ffffff;

}

#blog .title {
	
	color:#ffffff;
}

#blogContent{
	margin-top:60px;
}


.container.blogPosts, .container.widgetAside{
	display: inline;
    float: left;
    margin-right: 10px;
	margin-left: 10px;
}


.container.blogPosts{
	width:640px;

}


.container.widgetAside{
	width:280px;

}


.post{
	margin-bottom:30px;
}



.postImage{
	position:relative;
}


.postImage img:hover{
	opacity:0.8;
	opacity:0.8;filter:alpha(opacity=80);
}


.postMeta {
    bottom: -10px;
    left: 9%;
    position: absolute;
	z-index:1;
}

.postMeta li{
	background:#00b686;
	padding:3px 12px;
}

.postMeta li i{
	font-size:10px;
	margin-right:3px;
}

.postMeta li, .postMeta a {
    color: #FFFFFF;
    display: inline;
    float: left;
    height: 26px;
    margin: 0 1px 0 0;
	text-align: center;
    vertical-align: middle;
	line-height:28px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	font-size:12px;
	
}


.postMeta li:hover{
	background:  #0f2b37;
	
}


.postContent{
    background: #FFFFFF;
    margin-top: -3px;
    padding: 50px 20px;
}


.postTitle, .commentscountTitle, .respondTitle{
	position:relative;
	margin-bottom:40px;
}

.postTitle h1 , .postTitle h1 a, .commentscountTitle h1, .respondTitle h1{
	color:#0f2b37;
	font-size:22px;
	text-align:center;
	text-transform:uppercase;
}

.postTitle h1 a:hover{
	color:#00b686;
}


.postTitle:after, .commentscountTitle:after, .respondTitle:after {
    background: none repeat scroll 0 0 #EFEFEF;
    bottom: -18px;
    content: "";
    height: 1px;
    left: 250px;
    position: absolute;
    width: 110px;
}


.arrowpostTitle, .arrowcommentscountTitle, .arrowRespond {
    background: #EFEFEF;
    left: 50%;
    top: 35px;
}


.postContent {
    text-align:center;
}

.postContent p{
    color: #999999;
	font-size:13px;
	line-height:22px;
	text-align:left;
}


.postContent p > b{
	color:#555555;
}


.postContent a.more {
    border: 1px solid #00b686;
	background:#00b686;
    border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
    color: #ffffff;
    padding: 6px 40px;
	text-transform:uppercase;
	margin-top:30px;
	display:inline-block;
}

.postContent a:hover {
	background:#ffffff;
	color:#00b686;
}

#postSlider{
	margin:0 0 6px;
}

#postSlider .postMeta {
    bottom: -15px;

}


#postSlider .slides li {
    width: 640px;
	text-align:center;
}


.postPagination {
    margin-top: 50px;
}


.postPagination li, .postPagination .prev, .postPagination .next {
    float: left;
}

.postPagination .prev a, .postPagination .next a, .postPagination li a {
    color: #777777;
	display:inline-block;
	margin-right: 5px;
	padding: 5px 13px;
	background:#ffffff;
}
.postPagination .prev a:hover, .postPagination .next a:hover, .postPagination li a:hover {
    background:#0F2B37;
	color: #00B686;
}


.postPagination a.current {
    background:#0F2B37;
	color: #00B686;
}


.np .icon-left-open-mini-previous:before { content: '\e814';font-size: 12px;font-weight:bold;} 
.np .icon-right-open-mini-next:before { content: '\e815';font-size: 12px;font-weight:bold;}


.widget{
	background:#ffffff;
	padding:30px 20px;
	margin-bottom:30px;
}


.widget .titleInner {
	margin-bottom:40px;
}


.widget .titleInner h1{
	color:#0F2B37;
	font-size:20px;
}

.widget .titleInner2 h1{
	color:#0F2B37;
	font-size:20px;
}

.widget .titleInner:after{
	left:80px;
	background:#efefef;
}

.widget .arrowinnerTitle{
	background:#efefef;
}

.catList li {
    border-bottom: 1px dashed #EFEFEF;
    line-height: 35px;
	
}


.widget .catList li:before { 
	content: '\e815';
	font-family: "fontello";
	color:#0F2B37;
	padding-right:10px;
	font-size: 15px;
}


.widget .catList li:last-child {
    border-bottom: none;

}

.catList li a{
	
	color:#999999;
}

.catList li a:hover{
	
	color:#00B686;
}


.widget .tagsList {
	margin-top:50px;
}


.tagsList li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}


.tagsList li a {
	background:#fafafa;
	padding:10px;
	display:inline-block;
	color:#999999;
}


.tagsList li a:hover {
	background:#00B686;
	color:#ffffff;
}

.widget p{
	color:#999999;
	line-height: 23px;
	font-size:13px;
}

.widget p b{
	color:#666666;
}


.widgetTweets .tweet_list{height:200px;line-height:20px;color: #999999;font-size: 13px;text-align:left;margin-bottom:20px}
.widgetTweets .tweet_list li{margin-bottom:20px}
.widgetTweets .tweet_list a{color:#333333;}
.widgetTweets .tweet_list p{color:#999999}


.widgetTweets .tweet_list li:before, .footerTweets .tweet_list li:before { 
	content: '\e801';
	font-family: "fontello";
	color:#00B686;
	padding-right:10px;
	font-size: 15px;
}


#latest .slides{
	margin-top:5px;
}


#latest .slides img:hover, .related img:hover{
	opacity:0.8;
	opacity:0.8;filter:alpha(opacity=80);
}

.slides span.date{
	color:#0F2B37;
	margin-top:15px;
	display:inline-block;
	font-size:12px;
}

.slides span i, .related span i{
	margin-right:4px;
}

.slides p.expert{
	font-size:12px;
	margin-top:2px;
	color:#999999;
}


/*Single post*/


.singleContainer{
	background:#ffffff;
}


.single .postContent {
	padding-bottom:0;
	margin-bottom:20px;
}

.postContent blockquote {
    color: #666666;
	font-size:14px;
	line-height:20px;
	text-align:left;
	font-style:italic;
	margin-top:20px;
	margin-bottom:40px;
	position:relative;
}


.postContent blockquote:after {
    background:#00B686;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 72px;
    width: 300px;
}




.tags{
	
    padding: 15px 20px;
	color:#00B686;
	font-size:13px;
	margin-bottom:10px;
}

.tags i{
	margin-right:5px;
}


.tags a{
	
	color:#999999;
	font-size:13px;
	margin-right:5px;
}

.tags a:hover{

	color:#666666;

}


.relatedPost {
    margin-top: -27px;
    padding: 40px 20px;
	color:#999999;
	font-size:12px;
	line-height:20px;
	background:#ffffff;
	text-align:center;
}


.relatedPost .postTitle{
	margin-bottom:55px;
}


.related li {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    width: 185px;
	text-align:left;
}

.related li span{
	display:block;
	
}

span.relTitle{
	margin-top:10px;
	margin-bottom:2px;
	color:#0F2B37;
	font-size:15px;
}


a span.relTitle:hover{
	color:#00B686;
}


.entriesContainer{
	margin-bottom:80px;
}


.commentsEntry{
	margin-top:3px;
    padding: 50px 20px;
	color:#999999;
	font-size:13px;
	background:#ffffff;
}


.commentContent{
	margin-bottom:15px;
	margin-left:70px;
}


.commentContent p.expert{
	margin-top:10px;
	line-height:23px;
}



.comments .img {
    background:#efefef;
    border-radius: 100px ;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    height: 50px;
    line-height: 47px;
    margin-right: 10px;
    text-align: center;
    width: 50px;
}


.comment {
	border-bottom:1px dashed #efefef;
	padding-bottom:30px;
}



.comment.children{
	margin-top:30px;
}

.comments a {
    color: #0F2B37;
}

.comments .replys {
    margin-left: 37px;
}

.comments .reply-btn a {
	
    color: #999999;
    margin-left: 70px;
}


.comments a:hover {
    color:#00B686;
}
.commentContent span.date {
    color: #666666;
    font-size: 11px;
}


.respondForm label{
	display:block;
	margin-bottom:10px;
}


.respondForm label span{
	color:#00B686;
}

.respondForm input[type="text"],.respondForm input[type="email"],input[type="number"], .respondForm textarea{
	
	margin-bottom:10px;
	padding-left:10px;
	background: #FAFAFA;
	border: 1px solid #ffffff;
	color: #444444;
	outline-width: 0;
}


.respondForm input[type="text"]:focus, .respondForm textarea:focus, .respondForm input[type="email"]:focus{
	background: #FCFCFC;
	
}

.respondForm input[type="text"],.respondForm input[type="email"] {
	
	width: 450px;
	height: 40px;
}

.respondForm textarea {
	
	width: 585px;
	height: 170px;
	padding-top:10px;
	margin-bottom:-5px;
}

.respondForm input#submit {
	
	background:#00b686;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
	text-transform:uppercase;

}


.respondForm input#submit:hover{
	background:#0F2B37;
}



/*End single post*/

/*End blog*/




/*Shortcodes*/



.elements{
	
	padding-top:40px;
	position:relative;
	background:#ffffff;
	padding-bottom:40px;
}



#mainContent  .elements .arrowMain{
	background:#ffffff;
}



.elementsContent{
	
	padding-bottom:40px;
	position:relative;
}


.elements .title {

	color:#0f2b37;
	margin-bottom:60px;
}

.elements .title h4 {

	color:#999999;
}


.elementSec{
	margin-bottom:80px;
}

.elementSec.last, .icons.last{
	margin-bottom:0px;
}


.accordion, .tabs, .lightbox, .slider, .message, .button, .skills, .tiptool, .cap, .quote,.youtubeVideo,.vimeoVideo, .table{
	width:440px;
}

.item{
	position:relative;
	text-align:center;
}

.item .link a {
    color: #FFFFFF;
    display: block;
    height: 100%;
    width: 100%;
}

.lightbox i{
	font-size:35px;
}

.slider.flexslider{
	margin:0;
}


.alertBoxe {
    margin-bottom: 10px;
	position:relative;
	padding:20px;
	font-size:14px;


}

.alertBoxe p i{
	padding-right:15px;
	font-size:16px;
}


a.close {
    font-size: 14px;
    line-height: normal;
    padding: 5px;
    position: absolute;
    right: 25px;
    text-decoration: none;
    top: 20px;
	color: #B94A48;
}


.alert {
	background:  #F2DEDE;
    color: #B94A48;
}


.alert a.close {
	color: #B94A48;
}


.infos {
	background:  #D9EDF7;
    color: #3A87AD;
}


.infos a.close {
	color: #3A87AD;
}

.warning {
	background:  #FCF8E3;
    color: #C09853;
}


.warning a.close{
	color: #C09853;
}

.success {
	background:  #DFF0D8;
    color: #468847;
}


.success a.close {
	color: #468847;
}


.smaller, .small, .medium{
	margin-bottom:25px;
}




.smaller a {
    display: inline-block;
    padding: 10px 25px;
	margin-right:10px;
	font-size:12px;

}


.small a {
    display: inline-block;
    padding: 10px 25px;
	margin-right:10px;
	font-size:14px;

}


.medium a {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    padding: 15px 25px;
}


.large a {
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    padding: 20px 25px;
}

.smaller a.first, .small a.first, .medium a.first, .large a.first  {
    background:#00B686;
    color: #ffffff;
}

.smaller a.second, .small a.second , .medium a.second, .large a.second {
    background:#0F2B37;
    color: #ffffff;
}

.smaller a.third, .small a.third, .medium a.third, .large a.third {
    background:#fafafa;
    color: #666666;
}


.smaller a.first:hover, .small a.first:hover, .medium a.first:hover, .large a.first:hover{ background:#0F2B37;}
.smaller a.second:hover, .small a.second:hover , .medium a.second:hover, .large a.second:hover{ background:#00B686;} 
.smaller a.third:hover, .small a.third:hover, .medium a.third:hover, .large a.third:hover{ background:#00B686;color:#ffffff;}


.skills .skillbarHolder{
	background:#fafafa;
	height:35px;
}
.skills .percentage{
	background:#00B686;
	height:35px;
}

.tiptool, .cap, .quote{
	color:#666666;
	font-size:14px;
	line-height:23px;
}



.tiptool a{
	color:#0F2B37;
}

.tiptool a + a{
	color:#00B686;
}

.tooltip {
	z-index:1000;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#fff;
	background-color:#0F2B37;
	position:relative;
}
.tooltip .tip-inner {
	font-size:11px;

}

.tooltip:before{
	
    bottom: -11px;
   	content: '\e838';
	font-family: "fontello";
    left: 45%;
    position: absolute;
	color:#0F2B37;
}




.cap p i {
    border-radius: 100px ;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    display: inline-block;
    float: left;
    color: #FFFFFF;
    font-size: 17px;
    height: 30px;
    line-height: 33px;
    margin-right: 12px;
    padding: 4px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    width: 30px;
}

.cap p i.icon-pencil-4 {
    background:#00B686;

}


.cap p i.icon-warehouse {
    background:#0F2B37;

}

.quote blockquote{
	position:relative;
	font-style:italic;
}

.quote blockquote i{
	font-size:18px;
	padding:10px;
	color:#999999;
}

.quote .bq1:after {
    background:#00B686;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 80px;
    width: 300px;
}

.bq2{
	background:#fafafa;
	padding:15px;
	margin-top:15px;
}



table{
		border: 1px solid #efefef;
	    border-collapse: collapse;
	    font-size: 12px;
	    margin-bottom: 18px;
	    padding: 0;
		width:100%;
}

table th{
	color: #FFFFFF;
    font-size: 12px;
    text-align: left;
	padding:10px;
}


table.green th{
	background: #ffffff;
	background:#00B686;
	text-align:center;
}

table.navi th{
	background: #ffffff;
	background:#0F2B37;
	text-align:center;
}


table td{
 	border-bottom: 1px solid #e2e2e2;
	padding:10px;
	text-align: left;
}

table tr{
    border-right: 1px solid #e2e2e2;
 	border-bottom: 1px solid #e2e2e2;
	color:#999;

}


table tbody tr:nth-child(2n+1) td {
    background-color: #fafafa;
}


.icons{
	margin-bottom:40px;
}


/*End shortcodes*/


/*Contact*/


#contact{
	text-align:center;
	padding-top:60px;
	background:#F6F6F6;
	position:relative;
	padding-bottom:80px;
}


#contact .arrowMain {
	background:#F6F6F6;
}

#contact .title{
	color:#333333;
}

#contact .title h4{
	color:#999999;
}



.contactInfo{
	width:490px;
	display:inline-block;
	font-size:14px;
	margin-bottom:60px;
	
}




.address{
	color:#444444;
}

.contactInfo a{
	color:#666666;
	
}


.contactInfo p{
	line-height:26px;
}

.contactInfo p + p{
	color:#666666;
}

.contactInfo p + p > b{
	font-style:normal;
	border-bottom:1px dotted #444444;
	color:#444444;
}


#getinTouch .titleInner h1{
	
	color:#444444;
}


#getinTouch .titleInner:after{
	
	background:#e1e1e1;
}

#getinTouch .arrowinnerTitle {
    background:#e1e1e1;

}


#innerTouch{
	margin-top:90px;
}



.contactForm{
	
	width:470px;
	float:left;
	margin-right:18px;
	padding-right:10px;
	position:relative;
}




#success{
	
	display:none;
}

#success h2 {
    color: #00B686;
    font-size: 11px;
    left: 4px;
    position: absolute;
    top: -28px;
}

.errorForm {
  	
	border:1px solid #D3400C !important;
}


.contactForm input[type="text"], .contactForm input[type="email"], .contactForm textarea{
	
	margin-bottom:10px;
	padding-left:10px;
	background: #FAFAFA;
	border: 1px solid #efefef;
	color: #444444;
	outline-width: 0;
	font-size: 13px;
}


.contactForm input[type="text"]:focus, .contactForm input[type="email"]:focus, .contactForm textarea:focus{
	background: #FCFCFC;
	
}


.contactForm input[type="text"],  .contactForm input[type="email"]{
	
	width: 450px;
	height: 35px;
}

.contactForm textarea{
	
	width: 450px;
	height: 201px;
	padding-top:10px;
	margin-bottom:-5px;
	font-size: 13px;
	color: #444444;

}

.contactForm input#submit {
	
	background:#00b686;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
	width:460px;
	text-transform:uppercase;

}


.contactForm input#submit:hover{
	
	background:#0F2B37;
	

}


#map{
	
	width:450px;
	float:left;
	border:1px solid #e1e1e1;
	color:#444444;
	text-align:left;
}


#mapHolder{
	
	height:405px;
}



/*End contact*/


/*Twitter*/

#twitter{
	text-align:center;
	padding-top:100px;
	background:#f6f6f6;
	position:relative;
	padding-bottom:60px;
}



#request{
	padding:55px;
	position:relative;
}


#request, #request .arrowMain{
	background:#ffffff;
	text-align:center;
}

#request p {
    color: #999999;
    font-size: 26px;
    line-height: 45px;
    text-transform: uppercase;
	padding:30px 30px;
}


#request p span {
    color: #666666;
}


#request a {
    background: #00B686;
	border: medium none;
	color: #FFFFFF;
	display: inline-block;
	margin-top: 15px;
	padding: 15px 20px;
	text-transform: uppercase;
	font-size:16px;
}


#request a:hover{
	background:#0F2B37;
}



#twitter .arrowMain{
	background:#f6f6f6;
}



#twitter.regular{
	background:#ffffff;
}


#twitter.regular .arrowMain {
	background:#ffffff;
}


.tweet_list{height:65px;overflow:hidden;line-height:35px;color: #999999;font-size: 18px;text-align:center;}
.tweet_list a{color:#666666;}
.icon-twitter-bird-footer p{color:#999999;}

/*End twitter*/


/*Footer*/

#footer{
	
	background: #0f2b37;
	padding-bottom: 50px;
	padding-top: 50px;
	position:relative;
	text-align:center;
	
}

.footerBottom{
	background:#00B686;
	padding:20px;
}

.footerBottom p{
	float:left;
}

.footerBottom ul#socialsFooter{
	float:right;
	margin-top:0;
}

#footer:after{
    content: "";
    height: 2px;
    left: 39%;
    position: absolute;
    top: 0;
    width: 300px;
}

#footer:after{
    background:#00b686;
}



.footerWidget{
	width:220px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
}


.footerWidget h2{
	font-size:20px;
	margin-bottom:30px;
}

#footer .footerWidget p{
	font-size:12px;
}


.socialFact{
	margin-top:20px;
}

.socialFact a{
	color:#ffffff;
	display:inline-block;
	float:left;
}

.socialFact a:first-child{
	margin-right:10px;
}


.socialFact a:hover{
	color:#00b686;
}


.socialFact i{
	color:#00b686;
	font-size:20px;
	padding-right:8px;
}




.tagFooter, .flickr {
 
    /*margin-top: 18px;*/
}

.tagFooter li {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 2px;
}


.tagFooter li a {
	border:1px solid #fafafa;
	padding:5px 9px;
	display:inline-block;
	color:#ffffff;
	
}


.tagFooter li a:hover {
	color:#00B686;
	
}

.flickr li {
	width:50px;
	display:inline-block;
	margin-right:5px;
}


.flickr a:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}


.footerTweets .tweet_list{height:200px;line-height:20px;color: #ffffff;font-size: 13px;text-align:left;margin-bottom:20px}
.footerTweets .tweet_list li{margin-bottom:20px}
.footerTweets .tweet_list a{color:#ffffff;font-weight:bold;}
.footerTweets .tweet_list p{color:#00B686}


.arrowFooter, .arrowMain, .arrowAnota, .arrowCrump {
    left: 705px;
    
}

.arrowFooter, .arrowAnota , .arrowCrump{
    background:#00b686;
	height: 5px;
	width: 5px;
	top: -1px;
}


#footer p {
	
    color: #ffffff;
}


#socialsFooter, #socialsProject {

    margin-top: 20px;
	font-size:16px;
	
}

#socialsFooter li, #socialsFooter a, #socialsProject li, #socialsProject a{
	
	display:inline-block;
	width:34px;
	height:20px;
	color:#00b686;
}


.footerBottom #socialsFooter li, .footerBottom #socialsFooter a{
	color:#ffffff;
}


#socialsFooter li:hover, #socialsFooter a:hover{
	color:  #ffffff;
	
}


.footerBottom #socialsFooter li:hover, .footerBottom #socialsFooter a:hover{
	opacity:0.8;
	
}


/*End footer*/


/*Useful classes*/
.nomarginRight{margin-right:0;}
.nomarginLeft{margin-left:0;}
.noBorder{border:0;}


/*To the top*/


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:100px;
	right:20px;
	z-index:10000;

}


#toTop i{

	color:#999999;
	z-index:10000;
	font-size:16px;
	background:#fafafa;
	padding:10px;
}

#toTop i:hover {
	color:#00B686;
}

#toTop:active, #toTop:focus {
	outline:none;
}



/*Highlight*/

.highlight-1{border-bottom:1px dashed #cccccc;}
.highlight-2{background:#00B686;color:#ffffff;padding:2px 6px;}
.highlight-3{background:#444444;color:#ffffff;padding:2px 6px;}


/* Clear float style*/
.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}

.clearfix:after{
	clear:both;
}
/*End clear float style */