html, body, 
.scroll-contain,
.scroll,
.scroll section { 
	height: 100%; 
}
body { background:#333; background-attachment: fixed; color: #2b2b2b; font-family: 'Open Sans', sans-serif, Times, serif; }
p{	font-size: 13px; line-height: 22px;	letter-spacing: 0px; margin: 0 0 10px; }
h1{	font-weight: 800; font-family: 'Open Sans', sans-serif;	font-size: 50px; text-align: center; text-transform: uppercase;	line-height: 60px; }
 h2, h3, h4, h5, h6 {	font-weight: 400; }
/* ==================================================================
#FFF
================================================================== */
a:hover,
h1,
.sub-social li,
.sub-social .fa,
.name,
.progress .bar,
.progress:hover .bar,
.feature-box .box-content:hover,
.feature-box .box-content:hover .fa,.feature-box .box-content:hover h4,.box-content:hover a,
#services .accordion-heading .accordion-toggle,
.feature-box .feature-icon .fa,
.accordion-heading .accordion-toggle,
.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span,
.accordion-toggle:hover span.fa,
.title,
.primary li a:hover,
.primary li.active a,
.hovercontent,
.icons,
.pagination li a:hover,
.pagination li a,
.pagination li.active a,
ul.ul-social li,
ul.ul-social li:hover,
.hovercontent h1,
.primary li a,
.color-3,
.parallax-content h1.fa{ color: #fff}

.scroll > nav a.cbp-fbcurrent,
.navbar,
.sub-social li:hover,
.accordion-inner,
.primary li,
.pagination li,
ul.ul-social li:hover,
.feature-box .box-content{ background: #fff }


.scroll > nav a,
.camera_thumbs_cont ul li > img,
.background,
.feature-box .box-content:hover .fa,.feature-box .box-content:hover h4,.box-content:hover a,
.accordion-inner { border-color: #fff }

a { outline:none; text-decoration: none; }
a:hover { outline:none; text-decoration: none; }
h4 {font-size: 18px; line-height: 30px;}
/* ==================================================================
Forms
================================================================== */
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 {
	*background: rgba(0, 0, 0, 0.5);
	-webkit-appearance: none;
	color: #959595 !important;
	border: none !important;
	width: 100%;
	font-size: 14px;
	height: auto;
	padding: 7px;
	margin: 0px !important;
	font-style: italic;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	margin-bottom: 6px !important;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	-webkit-transition: background-color .3s ease, color .3s ease !important;
	   -moz-transition: background-color .3s ease, color .3s ease !important;
	    -ms-transition: background-color .3s ease, color .3s ease !important;
	     -o-transition: background-color .3s ease, color .3s ease !important;
	        transition: background-color .3s ease, color .3s ease !important;
}
textarea { width: 100%; padding: 7px;	resize: both; margin-top: 0px; font-style: italic; }
input:hover, textarea:hover, select:hover {	-webkit-box-shadow: none !important; -moz-box-shadow: none !important;	box-shadow: none !important; border: none !important;}
input:focus, textarea:focus, select:focus {
	color: #ffffff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
}
input[type="submit"], button, a.button {
	text-transform: none;
	width: auto;
	color: #ffffff !important;
	cursor: pointer;
	border: 1px;
	font-size: 14px;
	font-weight: 300;
	padding: 16px 40px;
}
input[type="submit"] { font-size: 14px; font-weight: 500;	padding: 16px 40px; }
ul { list-style: none;margin: 0; }
li{	font-size: 13px;line-height: 22px;letter-spacing: 0px;}
/* ==================================================================
Scroll
================================================================== */
.scroll > nav {
	position: fixed;
	z-index: 9999;
	right: 100px;
	top: 50%;
	width: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.scroll > nav a {
	display: block;
	position: relative;
	z-index: 9999;
	color: transparent;
	width: 26px;
	height: 26px;
	outline: none;
	margin: 25px 0;
	border-radius: 50%;
	border: 4px solid;
}
.no-touch .scroll > nav a:hover {	background: rgba(255,255,255,0.6);}
.scroll section {position: relative;background-position: top center;background-repeat: no-repeat;	background-size: cover;}
.no-touch .scroll section {background-attachment: fixed;}
/* Navbar */
.navbar .btn-navbar {margin: 22px;background: rgba(0, 0, 0, 0.4);border:none;padding: 9px 10px;}
.navbar .btn-navbar:hover {background: rgba(0, 0, 0, 0.4);}
.navbar { border-top:4px solid ; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);}
.navbar-inner {	min-height: 40px; background-color: transparent; background-image:none;	filter: none; padding: 0 50px; border:none; -webkit-border-radius:0; -moz-box-shadow:none; box-shadow:none; }
.navbar .brand { color: #2b2b2b; text-shadow: none; width: 175px; padding: 17px 10px 18px; font-size: 50px; margin-left: 0px;font-weight: 800; font-family: 'Open Sans', sans-serif;font-size: 50px;}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {color:#2b2b2b; background:#ecf0f1; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;font-weight: 500;}
.navbar .nav>li>a {padding: 27px 30px 27px;color:#2b2b2b;border:none; font-weight: 500; text-shadow:none; -webkit-box-shadow:none; font-size:16px;}
.navbar .nav>li>a:hover{color:#2b2b2b;background:#ecf0f1;}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none}

/* add class */
.margin{margin-top:2.564102564102564%;margin-bottom:2.564102564102564%;}
.margin-bottom{margin-bottom:2.564102564102564%;}
.margin-2{margin-top:65px;margin-bottom:2.564102564102564%;}
#shop .margin-2{	margin-top:90px;margin-bottom:2.564102564102564%;}
blockquote{ padding:0; }
/* About */
#about .fa{ font-size: 75px; padding: 15px 0; }
#about .parallax-content .fa{ font-size: 75px; padding: 0; }
#about h4{ margin: 0 }
#about blockquote h4{ margin-bottom: 35px }
#about .flexslider{ margin-bottom: 30px; }
.team_photo{position: relative;	overflow: hidden; border-radius: 10px 10px 0 0;	}
.team_photo img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.span3:hover img{
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-o-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
}
.team_photo img,.span3:hover img,.span3:hover .team_photo{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#about .object .sub-social{	padding: 5px 10px 5px 10px;	margin:25% auto }
.sub-social{ margin:auto; padding: 5px 0 0 0; width: 100%;	position: relative;	bottom:3%; }
.sub-social li{
	width: 18px;
	list-style: none;
	border-radius: 50%;
	display: inline-block;
	font-size: 15px;
	padding: 8px 10px;
	transition: all 0.5s linear 0s;
	margin: 0 -37px;
}
.info{ border-radius: 0 0 10px 10px;}
.info h3,.item blockquote h3{text-transform: none;}
.name{
	padding: 5px 10px 5px 10px;
	margin: 0px;
	border-radius: 0 0 10px 10px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.name h4,.name p{ margin:0}
.info small:after {
	display: block;
	content: "";
	height: 1px;
	width: 50%;
	margin: 5px auto 5px;
}
/* About */
#team .span2 img{ border-radius: 10px 10px 0 0 }
.background{ padding:10px;}
.carousel-indicators { position: absolute; bottom: 25px;	left: 50%; z-index: 5;	margin: auto; list-style: none;	margin-left:-55px;}
.carousel-indicators li {cursor: pointer; border-radius: 50%; width: 18px; height: 18px; border: 2px solid #fff; opacity: 1}
.carousel-control {z-index: 5; background-image: url(assets/img/sprite.png); opacity: 1; top: 50%;}
.carousel-control.right {background-position: 16px -39px;}
.carousel-control.left {background-position: 12px 1px;}
.carousel{margin:0}
/* ==================================================================
Progress Bar
================================================================== */
.progress {
	height: 38px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 4px;
}
.progress .bar {
	line-height: 40px;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	padding: 0 0 0 15px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	-webkit-transition: background-color .3s ease;
	   -moz-transition: background-color .3s ease;
	    -ms-transition: background-color .3s ease;
	     -o-transition: background-color .3s ease;
	        transition: background-color .3s ease;
}
.accordion-inner blockquote{ margin: 0; border-left: 0;}
.accordion-inner blockquote p{ font-weight: 400;font-size: 13px;line-height: 22px;}
/* Flexslider */
.testimonial blockquote,.item blockquote {margin: 0;  border-bottom: 1px solid #ccc; border-left: 0;}
.item blockquote{ border:none }
.testimonial blockquote p { font-size: 16px; line-height: 22px; margin: 0 0 20px; font-style: italic; font-weight: Bold;}
.testimonial blockquote p:before,.testimonial blockquote p:after{ content: '"'; margin: 0 3px;}
.testimonial .fa:after,.item .fa:after{
	display: block;
	content: "";
	height: 1px;
	width: 200px;
	background-color: #ccc;
	margin: 20px auto 20px;
}
.testimonial .flex-direction-nav,.portfolio .flex-direction-nav {
	float: none;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.portfolio .flex-control-nav{ display:block; position: relative;}
.testimonial .flex-direction-nav a { border-radius: 50%; top: 50%; border: 3px solid #fff;margin: -25px auto;}
.testi{ padding: 60px 0 60px 0; position: relative; }
/* Services */
.feature-box .box-content {
	padding: 20px;
	position: relative;
	text-align:center;
	border-radius: 5px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.box-content >.fa{font-size: 70px;}
/* animation */
.box-content p,.hovercontent p,.info p{
    -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.box-content:hover p,.hovercontent:hover p{
    -webkit-animation: moveFromBottom 1000ms ease;
    -moz-animation: moveFromBottom 1000ms ease;
    -ms-animation: moveFromBottom 1000ms ease;
}
.box-content:hover h4,.hovercontent:hover h3{
	-webkit-animation: smallToBig 1000ms ease;
    -moz-animation: smallToBig 1000ms ease;
    -ms-animation: smallToBig 1000ms ease;
}
.box-content:hover .fa{
	-webkit-animation: smallToBig 900ms alternate infinite ease;
    -moz-animation: smallToBig 900ms alternate infinite ease;
    -ms-animation: smallToBig 900ms alternate infinite ease;
}
@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
.box-content:hover:after {
	content: "";
	position: absolute;
	bottom: 1%;
	left: 50%;
	z-index: 1000;
	border-bottom: 8px solid ;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	margin-left: -8px;
}
.box-content h4{ line-height: 30px;}
.box-content p{margin: 0 0 20px}
.box-content a{
	padding:4px 7px 4px 7px;
	border: 1px solid;
}
.feature-box .box-content:hover,	.feature-box .box-content:hover .fa,.feature-box .box-content:hover h4,.box-content:hover:after,.box-content:hover a{
	transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
}
/* ==================================================================
Services
================================================================== */
.feature-box .box-content h4 {margin-bottom: 10px;color: #111111;}
.feature-box .feature-icon {	float: left;margin: 15px 14px 0 0;}
.feature-box .feature-icon{margin: 0px 15px 0 0; padding: 10px 12px 10px 12px; width: 30px; text-align: center; }
.feature-box .feature-icon .fa {font-size: 30px;}
.feature-box .feature-text {padding-left: 48px;}
.feature-box .feature-text h4 {line-height: 30px; margin: 0 }
.feature-box .feature-icon,.sub-social li,.caption .icons,ul.ul-social li,
.box-price .price-icon,.price-box .btn{
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.feature-box .feature-icon:hover,.sub-social li:hover,.caption .icons:hover,ul.ul-social li:hover,
.box-price:hover .price-icon,.price-box:hover .btn {
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
.testimonial{ position: relative; z-index: 2; }
/* ==================================================
   Accordion & Toggle
================================================== */
.accordion-group {
  	margin-bottom: 4px;
  	border: none;
  	-webkit-border-radius: 0;
       -moz-border-radius: 0;
          	border-radius: 0;
}
.accordion-heading { border-bottom: 0 none; }
.accordion-heading .accordion-toggle {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 300;
	border: 1px solid ;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
	}
.accordion-toggle { cursor: pointer; }
.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    font-size: 18px;
	-webkit-transition: all 0.1s linear 0s;
	-moz-transition: all 0.1s linear 0s;
	-ms-transition: all 0.1s linear 0s;
	-o-transition: all 0.1s linear 0s;
	transition: all 0.1s linear 0s;
}
.accordion-heading.togglize .accordion-toggle span {
	margin: -8px 0 0 0;
	font-size: 18px;
}
.accordion-inner {
  	padding: 16px 20px;
	border: none;
	border: 1px solid #fff;
	border-top: 0;
	font-weight: 400;
	font-size: 13px;
	line-height: 22px;
}
/* Portfolio */
.title{position: relative;*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);*-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);*-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)}
.primary{ list-style: none; text-align: center;	margin: 30px 0 45px 0;	border-bottom: 3px double; height: 8px; }
.primary li{ display:inline-block; padding:0 5px; margin-right:-8px; }
.primary li{ display:inline; margin-right:-5px; }
.primary li a{padding:7px 12px; }
.primary li a:hover{ text-decoration:none; }
.primary li a{  letter-spacing: 0.1em; font-weight: 300; *text-transform:uppercase;}
.inner-filters li:after {	content:none; margin-left: 10px; }
.hovercontent h3:after{
	display: block;
	content: "";
	height: 1px;
	width: 200px;
	background-color: #ccc;
	margin: 20px auto 20px;
}
.hovercontent h3 {  margin: 30px auto ;  font-weight: 200;  text-transform: none;}
.hoveritem {  font-size: 12px;  position: relative;  overflow: hidden;  line-height: 0;}
.hoveritem img {
	position: relative;
	z-index: 4;
	max-width: 100%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.hoveritem .link { display: block; }
.hovercontent {
	position: absolute;
	z-index: 5;
	line-height: 24px;
	width:100%;
	height:100%;
	text-align:center;
	opacity: 0;
	transition: opacity 1s;
}
.hoveritem .link:hover .hovercontent { opacity: 1; }
.filterable-grid li:hover .hoveritem { 
	top: -20px;
	box-shadow: 0 23px 20px -13px #222;
	-webkit-box-shadow: 0 23px 20px -13px #222;
	-moz-box-shadow: 0 23px 20px -13px #222;
}
.hoveritem .link:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.hoveritem img,.hoveritem .link:hover img,.hoveritem,.filterable-grid li:hover .hoveritem,ul.ul-social li{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.caption{ margin: 30px auto 0px; padding: 0 0 0px; width: 100%;}
.icons {	color: rgba(255, 255, 255, 0.8);background: transparent;background: rgba(255, 255, 255, 0.20);display: inline;font-size: 20px; padding: 15px 20px;transition: all 0.5s linear 0s;}
.icons:hover{color:rgba(255,255,255, 0.8); text-decoration:none;outline:none;}
a.icons:hover {	text-decoration:none;}
/* price */
.price-box .box-price {
	background: #0071c5;
	padding: 20px;
	position: relative;
	margin-top: 90px;
}
.price-box .box-price .price-icon {
	background: #0071c5;
	font-size: 70px;
	text-align: center;
	color: #fff;
	padding: 20px;
	display: inline-block;
	width: 70px;
	height: 70px;
	border: 4px solid #002050;
	border-radius: 50%;
	top: -85px;
	position: relative;
	margin: 0 auto -150px;
}
.box-price h1{ margin-top:-40px; }
.box-price p { margin: 0 0 20px; color: #fff;}
.box-price li {
	color: #fff;
	font-weight: 300;
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #002050;
	font-size: 14px;
}
.box-price ul li:last-child {
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
.box-price h1{
	margin-bottom:0;
	color: #002050;
	line-height: 60px;
	text-transform: none;
	letter-spacing: 0.1em;
	font-weight: 300;
}
.buy{ padding: 0px 0 15px 0; background: #0071c5; margin-bottom: 60px;}
.buy p{ margin:10px 0 0px; padding: 12px 0 0 0; color: #fff;}
.buy h3{font-weight:300; margin:0;  color: #fff; background: #002050;}
.btn{ background: #002050; color: #fff; padding: 10px 20px 10px 20px; margin: 10px 0 0px 0; text-shadow: none; border:none; border-radius: 0; box-shadow: none }
.btn:hover{ background: #fff; color: #fff;  box-shadow:none; border: none; border-left:none; border-color: none; background: rgba(0, 0, 0, 0.5);}
hr.hr-slogan{
	height: 1px;
	margin: 20px 0;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	border: 0;
}
hr.hr-price{ border-top:2px dashed #eeeeee; border-bottom: 0;}
/* contact */
#map { position: absolute; top: 0; left: 0;	width: 100%; height: 100%; z-index: 0; display: none;}
#map img {max-width: none;}
#contact .relative { position: relative;z-index: 2;}
#contact h3{	font-weight: 300; margin: 0 0 30px 0;}
#contact p{margin: 0 0 5px 0}
.address{ padding: 50px 0 50px 0; height:250px; }
.address .fa{ font-size: 80px; color: #fff; }
.contact-info {position: relative;	z-index: 100; margin-bottom: 30px; }
ul .adress{margin:20px 0 0 0;}
.social .fancy-hr {margin-top: 10px;margin-bottom: 20px;}
.social ul { display: inline-block;}
.social ul li {	float: left;margin-right: 7px; margin-bottom: 7px;}
ul.ul-social{list-style: none; margin: auto ;}
ul.ul-social li {
	width: 95px;
	border: 1px solid ;
	list-style: none;
	display: inline-block;
	font-size: 60px;
	text-align: center;
	padding: 25px 10px;
	margin: 3px 1px;
}
ul.ul-social li:hover a{text-decoration:none;outline:none;}
form.contact-form textarea {height: 80px !important;}
#contact ul.custom-icon-list{margin: 0 0 10px 20%;}
.custom-icon-list li i {float: left;font-size: 30px;margin-top: 5px;width: 50px; }
#contact ul.custom-icon-list li { font-size: 18px; line-height: 45px; letter-spacing: 0px; }
/* footer */
.footer{background: #32363E;padding: 40px 0 0px 0;color: #ccc;}
.accent-col > div:first-child{background-color: #1bc4de;}
.input-search{margin-top:10px;}
.footer p,.subfooter p{margin:0}
.widget {margin-bottom: 40px;}
.widget ul {list-style: none; margin: 0;}
.widget_recent_post li {border-bottom: solid 1px #25272D;padding-bottom: 7px;margin-bottom: 5px;}
.widget_tags li { display: inline-block;margin-right: 2px; margin-bottom: 13px;}
.widget_tags li a {text-decoration: none;margin-bottom: 5px;border-radius: 1px; -moz-border-radius: 1px;-webkit-border-radius: 1px;color: #ccc;padding: 5px 8px 5px 8px;}
ul.contact {margin:0;}
ul.contact li { text-align: left; list-style-type: none; line-height: 2em;}
.footer .fa{	margin-right: 10px;	font-size: 15px;}
.footer span {font-weight: bold; width:25px; display: inline-block;}
.subfooter { background: #25272D; padding: 20px 0 20px 0; color: #ccc}
.subfooter ul {float: right;margin: 0;padding: 0;}
.subfooter li {display: inline;padding: 0 15px 0 15px;border-left: solid 1px #404040;}
.subfooter a { color: #646464 !important;}
.footer a{ color: #ccc}
.footer a:hover{outline: 0; color: #ecf0f1;}
/* responsive */
@media (max-width:979px) {
.navbar-fixed-top, .navbar-fixed-bottom {position:fixed;}
.navbar-fixed-top .navbar-inner{padding:0}
h3{margin:0}
}
@media (min-width: 768px) and (max-width: 979px) { 
.portfolio-hover-bottom {
border-left: 182px solid transparent;
border-right: 182px solid transparent;
}
body {padding-right:0; padding-left:0;}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin:0}
.container {margin-right: 15px;margin-left: 15px;}
}
@media (max-width: 767px){
body {padding-right: 0px;padding-left: 0px;}
.container {margin-right: 15px;margin-left: 15px;}
.span3{width: 50%;}
.primary{margin: 90px 0 90px 0;}
.filterable-grid li {margin-bottom:0}
h3{line-height: 27px;}
.footer,ul.contact li,.subfooter{text-align: center;}
h1{font-size: 40px;}
h3,h4 {margin: 0 0 10px;text-align: center;}
.feature-box .feature-text h4{ text-align: left }
h4 {font-size: 15px;line-height: 25px;}
.footer p, .subfooter p {line-height: 30px;}
.subfooter ul {display:none}
}
@media (max-width: 480px) { 
.portfolio-hover-bottom{display:none}
.primary{border:none;}
.primary li a {line-height: 40px;}
#services::before, #about::before, #team::before, #portfolio::before, #contact::before{background: transparent;}
.hovercontent p,.subfooter ul,.flex-caption p {display:none}
.carousel-indicators{ bottom: 15px; }
}
.relative{position: relative;}
/* loading */
.doc-loader {background-color: #25272D; 
/*
background: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, #414141), color-stop(100%, #111111));
background: -webkit-radial-gradient(center, #414141, #111111);
background: -moz-radial-gradient(center, #414141, #111111);
background: -o-radial-gradient(center, #414141, #111111);
background: radial-gradient(center, #414141, #111111);*/
position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999; }
.wrapperloading {
	position: absolute;
	height: 200px;
	width: 210px;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -100px; 
}
.wrapperloading {
	position: absolute;
	height: 200px;
	width: 210px;
	top: 50%;
	margin-top: -100px;
	left: 50%;
	margin-left: -100px; 
}
.wrapperloading .text { 
	position: absolute;
	top: 70px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:2em;
	font-weight: bold;
	-webkit-transform: rotateX(20deg);
	-moz-transform: rotateX(20deg);
	transform: rotateX(20deg);
  
	-webkit-animation: hide 1s linear infinite;
	-moz-animation: hide 1s linear infinite;
	-o-animation: hide 1s linear infinite;
	animation: hide 1s linear infinite;
}
.address .fa{
	/*-webkit-animation: hide 3s linear infinite;
	-moz-animation: hide 3s linear infinite;
	-o-animation: hide 3s linear infinite;
	animation: hide 3s linear infinite;*/
}
@keyframes hide {
  0% {
    color: #0071c5;
	text-shadow: 0px 0px 30px #0071c5;
  }
  50% {
    color: #16A085;
	text-shadow: 0px 0px 30px #16A085;
	
  }
  75% {
    color: #f63180;
	text-shadow: 0px 0px 30px #f63180;
  }
  100% {
    color: #8E44AD;
	text-shadow: 0px 0px 30px #8E44AD;
  }
}
@-webkit-keyframes hide {
  0% {
    color: #0071c5;
	text-shadow: 0px 0px 30px #0071c5;
  }
  50% {
    color: #16A085;
	text-shadow: 0px 0px 30px #16A085;
	
  }
  75% {
    color: #f63180;
	text-shadow: 0px 0px 30px #f63180;
  }
  100% {
    color: #8E44AD;
	text-shadow: 0px 0px 30px #8E44AD;
  }
}
@-moz-keyframes hide {
  0% {
    color: #0071c5;
	text-shadow: 0px 0px 30px #0071c5;
  }
  50% {
    color: #16A085;
	text-shadow: 0px 0px 30px #16A085;
	
  }
  75% {
    color: #f63180;
	text-shadow: 0px 0px 30px #f63180;
  }
  100% {
    color: #8E44AD;
	text-shadow: 0px 0px 30px #8E44AD;
  }
}
@-o-keyframes hide {
  0% {
    color: #0071c5;
	text-shadow: 0px 0px 30px #0071c5;
  }
  50% {
    color: #16A085;
	text-shadow: 0px 0px 30px #16A085;
	
  }
  75% {
    color: #f63180;
	text-shadow: 0px 0px 30px #f63180;
  }
  100% {
    color: #8E44AD;
	text-shadow: 0px 0px 30px #8E44AD;
  }
}
.spinner {
	height: 150px;
	width: 150px;
	margin: 0 auto;
	position:relative;
	-webkit-animation: rotation .8s infinite linear;
	-moz-animation: rotation .8s infinite linear;
	-o-animation: rotation .8s infinite linear;
	animation: rotation .8s infinite linear;
	border:6px solid rgba(255, 255, 255, 0.15);
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.spinner:before {
	content:"";
	display:block;
	position:absolute;
	left:-6px;
	top:-6px;
	height:100%;
	width:100%;
	border-width: 6px;  
	border-style: solid;
	border-top-color: #0071c5; 
	border-left-color: #16A085; 
	border-right-color: #f63180; 
	border-bottom-color: #8E44AD; 
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}