/* Home
----------------------------------------------------------------------------- */
/* Section Title */
h3.section-title{ position:relative; margin:0 0 20px 0; padding:2px 0 2px 20px; font-size:20px; font-weight:100; color:#666;}
h3.section-title:before { background:#003333; content:""; height:100%; width:3px; position:absolute; left:0; top:0; z-index:8;}
h3.section-title span{ position:relative; display:inline-block; background:#fff; height:100%; padding-right:10px; z-index:9;}

/* Demo Icons */
.demo-icon{ padding:10px 0 20px 0; margin-bottom:10px; text-align:center; color:#666;}
.icon-effect{ display:block; position:relative; border:1px solid #eee; border-radius:50%; height:100px; width:100px; margin:auto; transition:color 0.3s ease 0s; -webkit-transition:color 0.3s ease 0s; -moz-transition:color 0.3s ease 0s; z-index:1;}
.icon-effect em{ font-size:40px; font-weight:bold; color:#003333; line-height:110px;}
.icon-effect:after{ position:absolute; left:-2px; top:-2px; background:#003333; height:100%; width:100%; border-radius:50%; padding:2px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; content:""; pointer-events:none; opacity:0; z-index:-1; -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3); -webkit-transition:-webkit-transform 0.2s ease 0s, opacity 0.3s ease 0s; -moz-transition:-moz-transform 0.2s ease 0s, opacity 0.3s ease 0s; transition:transform 0.2s ease 0s, opacity 0.3s ease 0s;}
.demo-icon:hover .icon-effect:after { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.demo-icon:hover .icon-effect em{ color:#fff;}
.demo-icon h3{ margin:20px 0 20px 0; padding:0; color:#555; font-size:20px; font-weight:200;}
.demo-icon p{ margin:0; padding:0; font-size:16px; font-weight:100; color:#666; line-height:1.6em;}

/* Our Works */
.our-work{ margin-top:20px; text-align:center;}
.our-work h3{ font-size:32px; font-weight:100; color:#666; margin:0 0 20px 0;}
.our-work p{ font-size:16px; font-weight:100; color:#666;}

/* Footer Social */
.footer-social{ padding:10px 0 30px; text-align:center;}
.footer-social ul li{ display:inline-block; margin:0 10px 10px 0;}
.footer-social ul li a { display:inline-block; width:70px; height:70px; background:#fff; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.footer-social ul li a span { display: inline-block;margin: 0;color: #55606a;font-size:36px;line-height: 70px;	opacity: 0.45;filter: alpha(opacity=30);	-webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s;-o-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s; -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.footer-social ul li:hover a {background-color: #003333; -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);}
.footer-social ul li:hover a span{color: #fff;opacity: 1;filter: alpha(opacity=100); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);}

/* About
----------------------------------------------------------------------------- */
.about-img{ border:1px solid #eee; padding:10px; text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.about-img:hover{ border-color:#003333;}
.about-img img{ width:100%;}

.about-desp{ color:#666;}
.about-desp h3{ margin:0; font-weight:100; font-size:20px;}
.about-desp p{ margin:15px 0 0 0; padding:0; font-size:13px; line-height:1.8em; font-weight:100;}
.about-desp a{ display:inline-block; background:#003333; padding:10px 22px; margin-top:20px; color:#fff; text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.about-desp a:hover{ background:#444;}

.about-skill h3{ margin:0 0 16px; font-weight:100; font-size:20px;}
.skill-name{ display:block; font-size:14px; font-weight:100;}
.skill .skill-bar { background: #e5e5e5; height: 30px; margin:6px 0; width: 100%;position: relative;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.skill .skill-bar .skill-active { background: #003333;height: 100%;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.skill .skill-bar span { color: #ffffff;position: absolute;top: 2px;left: 10px;line-height: 25px;}

.our-team{ margin-top:20px;}
.team-member-img{ position:relative; width:90%; margin:0 auto 15px auto; z-index:9;}
.team-member-img img{ width:100%; border-radius:50%;}
.team-member-links { position:absolute; top:0; right:0; height:100%; width:100%; min-height:1px; text-align:center; z-index:10; border-radius: 50%; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.25) inset; transition: all 0.25s ease 0s;}
.team-member-links-list { display:inline-block; margin-top:40%; opacity: 0; transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s; -moz-transition: opacity 0.25s ease 0s;}
.team-member:hover .team-member-links-list { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1;}
.team-member:hover .team-member-links { box-shadow: 0 0 0 175px rgba(50,50,50,0.75) inset;}
.team-member-links-list a { display:inline-block; background:#fff; border-radius:50%; width:40px; height:40px; line-height:40px; font-size:20px; color:#555; margin:5px; text-decoration:none;}
.team-member-links-list a:hover{ background:#003333; color:#fff;}
.team-member-desp{ color:#666; text-align:center;}
.team-member-desp h4, .team-member-desp h5{ font-weight:100;}

/* Services
----------------------------------------------------------------------------- */
.services-info p{ margin:0 0 30px; font-size:14px; font-weight:100; line-height:22px; color:#666;}
.services-info p.em{ margin:0 0 10px; font-size:20px; font-weight:200; line-height:26px; color:#666;}
.services-info a.services-btn{ background:#003333; padding:14px 20px; color:#fff; text-decoration:none; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.services-info a.services-btn:hover{ background:#444;}

.services-works h3.section-title{ margin:0;}
.services-works ul li { border-bottom: 1px dotted #DDDDDD;list-style: none outside none;padding: 10px 5px 10px 2px; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
.services-works ul li:hover { padding-left:15px; color:#003333;}
.services-works ul li em { display: inline-block;padding: 0 25px 0 0;}
.services-works ul li a { font-size: 13px;text-decoration: none; color:#666; font-weight:100;}
.services-works ul li:hover a{ color:#003333;}

.services-item { padding: 0 0 20px 80px; position: relative;}
.services-item img { display:inline-block; position:absolute; left:0; top:5px; width:60px; height:60px;}
.services-item h3 { color: #666;font-size: 20px;font-weight:200;margin: 0 0 8px;}
.services-item p {color: #999999;font-size: 12px;}

/* Shop
----------------------------------------------------------------------------- */
.product-item{ margin:0 0 30px 0;}
.product-img{ position:relative; border:1px solid #f3f3f3; padding:5px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.product-item:hover .product-img{ border:1px solid #003333;}
.product-img img{ width:100%; height:auto;}
.product-img .product-price{ position:absolute; right:-1px; top:-1px; background:#003333; color:#fff; padding:10px; font-size:16px;}
.product-desp{ position:relative; background:#fafafa; margin:10px 0 0 0; padding:15px; text-align:center;}
.product-desp h3{ font-size:17px; color:#666; font-weight:100;}
.product-desp h4{ font-weight:100; color:#003333; font-weight:100;}

.product-pages a{ display:inline-block; border:1px solid #f1f1f1; padding:6px 15px; margin:0 5px 0 0; color:#888; text-decoration:none; font-size:13px;}
.product-pages a.active, .product-pages a:hover{ border:1px solid #003333;}

.product-sale{ margin:0 0 20px;}
.shop-title h3{ font-size:18px; font-weight:100; color:#444;}
.product-sale ul li{ padding:15px 0; border-bottom:1px dotted #eee; list-style:none;}
.product-sale ul li:last-child{ border-bottom:none; padding-bottom:0;}
.product-sale ul li img{ float:left; margin-right:12px; width:50px; height:50px; border:1px solid #f5f5f5; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.product-sale ul li:hover img{ border:1px solid #003333;}
.product-sale ul li h4{ font-size:14px; font-weight:100;}
.product-sale ul li h4 a{ text-decoration:none;}
.product-sale ul li h4 span{ display:block; margin-top:10px; color:#003333; font-weight:100;}

/* Contact Us
----------------------------------------------------------------------------- */
.feed-back{ padding:20px 0 20px; font-size:12px; color:#797979;}
.feed-back span.em{ color:#ff0000;}
.feed-back .fb_line{ margin-bottom:10px;}
.feed-back label{ display:block; margin-bottom:6px; color:#666; font-size:16px; font-weight:100;}
.fb-message label, .fb-line label{ vertical-align:top;}
.fb-line input{ width:95%; max-width:95%; height:42px; line-height:32px; background:#f5f5f5; border:1px solid #d9d9d9; box-shadow:none; border-radius:0; font-size:14px; color:#797979; padding:0 10px; margin-bottom:15px;}
.fb-message textarea{ width:95%; max-width:95%; height:110px; background:#f5f5f5; padding:5px; border:1px solid #d9d9d9; box-shadow:none; border-radius:0; font-size:14px; color:#797979;}
.fb-submit input{ margin-top:20px; background:#003333; border:none; width:100px; height:40px; line-height:40px; font-size:14px; text-decoration:none; color:#fff; text-align:center; cursor:pointer; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.fb-submit input:hover{ background:#444;}

.contact-desp{ padding-top:40px;}
.contact-row{ padding-bottom:30px; border-bottom:1px solid #ddd;}
.contact-row p{ margin-bottom:15px; font-size:16px; line-height:1.8em; font-weight:100; color:#444;}
.contact-row a{ display:inline-block; background:#003333; color:#fff; text-align:center; padding:13px 30px; font-size:14px; text-decoration:none; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.contact-row a:hover{ background:#444;}
.contact-list{ margin-top:30px;}
.contact-list p{ color:#777;font-size:16px; line-height:1.8em; font-weight:100;}
.contact-list em{ display:inline-block; padding-right:8px;}
.contact-list a{ text-decoration:none; color:#003333;}

/* 404 Page
----------------------------------------------------------------------------- */
.error-page-wrapper{ position:fixed; background:url(../images/error-bg.jpg) no-repeat scroll center top / cover rgba(0, 0, 0, 0); width:100%; height:100%;}
.error-text{ position:relative; background:url(../images/error-bg2.png) no-repeat; width:516px; height:146px; line-height:150px; margin:0 auto; margin-top:25%; text-align:center; color:#ccc; font-size:24px; font-weight:200; font-style:italic;}

/* Portfolio
----------------------------------------------------------------------------- */
.da-thumbs { position:relative; margin:20px auto; padding:0;}
.da-thumbs li {
	background: #fff;
	margin:15px 0;
	position: relative;
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width:100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: rgba(0,51,51,0.6);
	width: 100%;
	height: 100%;
	padding:50px 30px;
}
.da-thumbs li a div span.fa-search {
	position:relative;
	top:45%;
	color:#fff;
	font-size:20px;
}
.da-thumbs li a div h3 {
	position:relative;
	font-weight: 100;
	font-size:24px;
	color: #fff;
	line-height:1.5em;
}
.da-thumbs li.col-md-6 a div h3{ width:50%;}
.da-thumbs li.col-md-4 a div h3{ width:100%;}
.da-thumbs li.col-md-3 a div{ padding:30px 20px;}
.da-thumbs li.col-md-3 a div h3{ width:100%; font-size:18px;}
.da-thumbs li a div h5 {
	position:relative;
	width:100%;
	font-weight: 100;
	font-size:12px;
	color: #f5f5f5;
	line-height:1.5em;
}
.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}

/* Leftside Page
----------------------------------------------------------------------------- */
.post-section {
        margin: -15px 0 30px 0;
}
.post-section h2 {
	font-size: 26px;
	line-height: 1.4;
	margin: 0;
	padding:0;
	font-weight:100;
	text-transform: capitalize;
}
.post-meta .author {
	color: #959595;
	border-bottom: 1px dotted #e5e5e5;
	padding: 5px 0;
}
.post-meta .author a {
	color: #003333;
	text-decoration:none;
}
.post-meta .author a:hover {
	color: #444;
}
.post-meta .date, .post-meta .tags, .post-meta .comments {
	color: #959595;
	display: inline-block;
	margin-right: 15px;
	padding: 12px 0 27px 0;
}
.post-meta .date a, .post-meta .tags a, .post-meta .comments a {
	color: #959595;
}
.post-meta .date a:hover, .post-meta .tags a:hover, .post-meta .comments a:hover {
	color: #003333;
}
.post-meta .date {
	padding-left: 15px;
	background: url(../images/blog_icon_date.png) no-repeat 0 16px;
}
.post-meta .tags {
	padding-left: 17px;
	background: url(../images/blog_icon_tags.png) no-repeat 0 16px;
}
.post-meta .comments {
	padding-left: 17px;
	background: url(../images/blog_icon_comments.png) no-repeat 0 15px;
}
.post-entry {
	display: block;
	position: relative;
}
.post-entry .image, .post-entry .slider, .post-entry .video {
	display: block;
	margin: 0 auto 23px;
	max-width: 100%;
}
.post-entry p {
	display: block;
	font-size: 14px;
	font-weight:100;
}
.post-entry a {
	color: #003333;
	text-decoration:none;
}
.post-entry a:hover {
	color: #444;
}
	

/*--------------------------------------------------------------------------- */
/* Responsive Staff */
/*--------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
/* Home
----------------------------------------------------------------------------- */
/* Footer Items */
.footer-item{ padding:15px 0 30px 0; color:#999;}

.footer-contact{ background:url(../images/footer-map.png) no-repeat center left;}

/* Portfolio
----------------------------------------------------------------------------- */
#PortfolioIsotope { margin-left:0;}

#PortfolioIsotope li.col2{ width:300px; margin:0 20px 20px 0;}
#PortfolioIsotope li.col2 .PorImg{ height:260px;}
#PortfolioIsotope li.col3{ width:300px; margin:0 20px 20px 20px;}
#PortfolioIsotope li.col3 .PorImg{ height:260px;}
#PortfolioIsotope li.col4{ width:300px; margin:0 20px 20px 20px;}
#PortfolioIsotope li.col4 .PorImg{ height:260px;}
}

@media only screen and (max-width: 768px) {
/* Home
----------------------------------------------------------------------------- */
/* Footer Social */
.footer-social{ padding:50px 0 10px; text-align:center;}
.footer-social ul li{ display:inline-block; margin:0 10px 10px 0;}
.footer-social ul li a { display:inline-block; width:55px; height:55px; background:#fff; -webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.footer-social ul li a span { display: inline-block;margin: 0;color: #55606a;font-size:30px;line-height: 55px;	opacity: 0.45;filter: alpha(opacity=30);	-webkit-transition: all 400ms ease-out 0s; -moz-transition: all 400ms

/* About Us
----------------------------------------------------------------------------- */
.AUInfo h3{ margin:25px 0 15px; font-size:20px;}
.AUInfo p{ margin:0 0 10px;}
.AUInfo ul li{ margin:10px 10px 0 0;}
.AUInfo ul li h4{ font-size:30px;}

.AUChoose p{ font-size:12px;}
.AUChoose a.AUBtn{ margin-top:10px; padding:9px 16px;}

.TeamMember{ margin:5px 0 10px;}

/* Our Services
----------------------------------------------------------------------------- */
.Margin0{ margin-bottom:30px;}

/* Pricing Tables
----------------------------------------------------------------------------- */
.PricingList{ padding-bottom:20px;}
.PricingList .price h1 { font-size:26px;}
.PricingList .price h1 span { font-size:12px;}
.PricingList .price h1 span.sub{ font-size:16px;}
.PricingList .options li { font-size:12px;}

/* 404 Page
----------------------------------------------------------------------------- */
.Wrapper404 h1 { font-size:160px;}
.Wrapper404 p { font-size:16px;}
}