/* =============================================================================
   Fonts
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800|Dosis:200,300,400,500,600,700,800);

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

*{
    -webkit-backface-visibility: hidden;
}


/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
/* Custom Selection Styles */
::selection {background:#D31245;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}

/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
    abbr[title]:after {content:" (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
    pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
    thead {display:table-header-group;}
    tr,img {page-break-inside:avoid;}
    img {max-width:100% !important;}
    @page {margin:0.5cm;}
    p,h2,h3 {orphans:3;widows:3;}
    h2,h3 {page-break-after:avoid;}
}

/* ==========================================================================
   Globals
   ========================================================================== */

body{
	font-family: 'Open Sans', 'Arial', sans-serif;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-align: left;
}

hr{
	 width: 100%;
	 float: left;
	 display: block;
	 height: 1px;
	 background: #e6e6e6;
	 margin: 0 0 10px 0;
	 padding: 0;
	 border: 0;
}

h1,h2,h3,h4,h5,h6{
	 text-transform: uppercase;
	 color: #505462;
	 font-weight: 700px;
	 clear: both;
	 margin-bottom: 10px;
}

h1{
    font-size: 14px;
}

h2{
    font-size: 13px;
    line-height: 21px;
}

h3{
    font-size: 11px;
}

h4{
    font-size: 10px;
}

h5{
    font-size: 9px;
}

h6{
    font-size: 8px;
}

label{
    color: #757575;
    font-size: 13px;
    line-height: 30px;
    font-weight: 600;
}

label > span{
    font-weight: normal;
}

input[type=text], textarea{
    color: #9F9F9F;
    border: 1px solid #d3d3d3;
    padding: 10px;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
}

input[type=text]:focus, textarea:focus{
    border-color: #b3b3b3;
}

p{
    color: #757575;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 15px;
}

	
/* ==========================================================================
   Top Nav styles
   ========================================================================== */	

#top_nav{
	 background-color: #252832;
	 height: 60px;
	 line-height: 60px;
}

#top_nav .call{
	line-height: inherit;
	color: #FFCC00;
	text-shadow: 1px 1px #121319;
	font-size: 14px;
	font-weight: bold;
}

#top_nav .social{
	 text-align: right;
}

#top_nav .social a{
	 font-family: 'socialico';
	 color: #828389;
	 text-shadow: 1px 1px #0e1015;
	 text-decoration: none;
	 font-size: 38px;
}

/* Top Nav Patterns */
.tnp_stripes{
	 background-image: url('../img/top_nav_patterns/stripes.png');
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

header{
	 height: 100px;
	 line-height: 100px;
}

/* Logo And Subtitle */
header .logo{
	 line-height: inherit;
}

header .logo img{
	 vertical-align: middle;
}

header .logo small{
	 font-size: 12px;
	 color: #757575;
	 padding-left: 10px;
}

/* Menu */

header .menu > ul{
	 list-style-type: none;
	 width: 100%;
	 height: 100%;
	 text-align: right;
}

header .menu > ul > li{
	 display: inline-block;
	 margin-left: 30px;
	 position: relative;
	 top: -1px;
}

header .menu > ul > li > a{
	 display: block;
	 text-decoration: none;
	 color: #505462;
	 font-weight: bold;
	 font-size: 14px;
	 line-height: inherit;
	 transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
	 background-image: url('../img/nav_hover.png');
	 background-repeat: no-repeat;
	 background-position: 200px 0;
}

header .menu > ul > li > a img{
    margin-left: 4px;
}

header .menu > ul > li > a.active, header .menu ul li a:hover{
	background-position: top center;
	color: #669933;
}

/* Submenu */

header .menu > ul > li > ul {
    display: none;
    z-index: 10000;
     position: absolute;
    top: 80px;
    left: 0;
    border: 1px solid #e0dfdf;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    background: #fff;
    list-style-type: none;
    text-align: left;
}

header .menu > ul > li:hover ul{
    display: block;
}

header .menu > ul > li ul li{
    display: block;
    width: 100%;
    line-height: 12px;
    border-bottom: 1px solid #ededed;
}

header .menu > ul > li ul li:last-of-type{
    border-bottom: none;
}

header .menu > ul > li ul li a{
    display: block;
    line-height: 40px;
    padding: 0 15px;
    background-color: #fff;
    color: #737782;
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
    white-space:nowrap;
}

header .menu > ul > li ul li a:hover, header .menu > ul > li ul li a.active{
    background: #f6f6f6;
    color: #60646d;
}

/* ==========================================================================
   Sub-Header Styles
   ========================================================================== */

#sub_header{
    width: 100%;
    float: left;
    background: #fafafa;
    border-width: 1px 0;
    border-color: #f1f1f1;
    border-style: solid;
    height: 110px;
    line-height: 110px;
    margin: 0;
    padding: 0;
    margin-bottom: 40px;
}

#sub_header h1{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: #6d7287;
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 110px;
    float: left;
}

#sub_header p{
    display: inline-block;
    font-size: 12px;
    color: #757575;
    margin: 0;
    padding: 0;
    margin-left: 12px;
    line-height: 110px;
    float: left;
}

#sub_header form {
    float: right;
    display: inline-block;
}

#sub_header form .search{
    display: inline-block;
    color: #757575;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 30px 10px 10px;
    width: 185px;
    background: #fff url(../img/magnify_glass.png) 195px 10px no-repeat;
}

#sub_header form button{
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e0dfdf;
    background: #f1f1f1;
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #e5e5e5 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(99%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -o-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: linear-gradient(to bottom,  #f1f1f1 0%,#e5e5e5 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e5e5e5',GradientType=0 );
}

#sub_header form button span{
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	font-family: 'Open Sans', sans-serif;
	display: block;
	z-index: 300;
	color: #767676;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 1px 0 #fff inset;
	cursor: pointer;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
}

#sub_header form button:hover span{
    color: #444;
}

#sub_header form button:active{
    background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 );
}

#sort_categories{
    width: 100%;
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
    visibility: hidden;
    position: absolute;
    left: -1px;
    top: -40px;
    z-index: 30;
    opacity: 0;
    -webkit-transform: scale(0);
     -moz-transform: scale(0);
      -ms-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
    list-style-type: none;
    background: #fff;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border: 1px solid #e0dfdf;
}

#sort_categories.open{
    top: 35px;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

#sort_categories li{
    display: block;
    width: 100%;
}

#sort_categories li a{
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
    display: block;
    width: 100%;
    border-top: 1px solid #e0dfdf;
    text-align: left;
    font-size: 12px;
    color: #737782;
    text-decoration: none;
    line-height: 30px;
    text-indent: 10px;
    background: #fff;
}

#sort_categories li a:hover{
    color: #585d69;
}

#sort_categories li a:active{
    background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 );
}

#sort_categories li a.selected{
    background: #f1f1f1;
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #e5e5e5 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(99%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -o-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: linear-gradient(to bottom,  #f1f1f1 0%,#e5e5e5 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e5e5e5',GradientType=0 );
}

#sort_categories li:first-of-type a{
    border-top: none;
}

/* ==========================================================================
   Typography Styles
   ========================================================================== */

.dropcap {
    padding: 0 20px 0 0;
}

.dropcap span:first-of-type {
    float: left;
    display: inline-block;
    padding: 14px 20px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    background: #555;
    color: white;
    margin-right: 15px;
    margin-top: 5px;
}

/* ==========================================================================
   Sidebar Styles
   ========================================================================== */

#wrapper .side > ul, #wrapper .side > p, #wrapper .side > div{
    display: block;
    width: 100%;
    margin-bottom: 40px;
    float: left;
    color: #757575;
    font-size: 12px;
    line-height: 21px;
}

#wrapper .side ul{
    list-style-type: none;
}

#wrapper .side ul li{
    font-size: 12px;
    color: #6d7287;
    background-image: url(../img/li_arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
    line-height: 25px;
}

#wrapper .side ul li:hover{
    background-position: 5px center;
}

#wrapper .side ul li a{
    color: #6d7287;
    text-decoration: none;
    text-transform: none;
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}

#wrapper .side ul li a:hover{
    color: #5a5a5a;
}

/* ==========================================================================
   Post Styles
   ========================================================================== */

.content blockquote{
    padding: 14px;
    font-size: 12px;
    font-style: italic;
    color: #797979;
    line-height: 24px;
    background: #f8f8f8;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 15px;
    text-align: justify;
}

.posts h2, .post h2{
    text-transform: uppercase;
    margin-bottom: 10px;
}

.posts h2 a, .post h2 a{
    text-decoration: none;
    text-transform: none;
    color: inherit;
}

.posts h2 a:hover, .post h2 a:hover{
    color: #31343f;
}

.posts p, .post p{
    color: #757575;
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 15px;
}

/* 2 column */
.posts.half{
	height: auto;
}

img.featured{
    display: block;
    width: 97.5%;
    padding: 2px;
    border: 1px solid #DDD;
    margin-bottom: 15px;
    transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
    opacity: 1;
    cursor: pointer;
}

.post img.featured{
    width: 99%;
}

.posts.half > img:hover{
    opacity: 0.6;
}

/* Tools style */

.posts .tools, .post .tools{
    margin-bottom: 10px;
    
}
.posts .tools a span, .post .tools a span{
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: 25px;
}

.posts .tools a img, .post .tools a img{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.posts .tools a, .post .tools a{
    color: #a0a0a0;
    font-style: italic;
    font-size: 11px;
    text-decoration: none;
    display: inline-block;
    margin-right: 15px;
}

.posts .tools a:hover, .post .tools a:hover{
    color: #757575;
}

/* ==========================================================================
   Comments Styles
   ========================================================================== */

.content .comments{
    margin-top: 15px;
}

.comments .avatar{
    float: left;
    width: 60px;
    margin-right: 15px;
}

.comments .avatar img{
    width: 100%;
}

.comments .comment{
    float: right;
    width: 537px;
}

.comments .lvl2 .comment{
    float: right;
    width: 436px;
}

.comments .comment_wrapper{
    margin: 10px 0;
    padding-bottom: 15px;
    float: left;
}

.comments .comment_wrapper.lvl2{
    margin-left: 74px;
}

.comments .name{
    color: #505462;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

.comments .time{
    color: #a0a0a0;
    font-size: 11px;
    display: inline-block;
    font-style: italic;
    margin-bottom: 10px;
}

.comments .comment > a {
	color: #669933;
	font-size: 12px;
	text-decoration: none;
}

.comments .comment > a:hover {
    text-decoration: underline;
}

.comments .comment_wrapper{
    border-bottom: 1px dotted #e6e6e6;
}

.comments .comment_wrapper:last-of-type{
    border-bottom: none;
}

/* Comment (and Contact Us) Form */

.comments form{
    margin-bottom: 30px;
}

.comments form textarea, #contact_form textarea{
    display: block;
    width: 591px;
    margin-bottom: 15px;
    height: 120px;
}

.comments form input, #contact_form input{
    width: 149px;
}

.comments form .middle, #contact_form .middle{
    margin-left: 50px;
}


/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer{
	 background: #252832;
	 padding-top: 5px;
	 width: 100%;
	 float: left;
	 font-size: 12px;
	 line-height: 21px;
	 color: #828389;
}

footer .copyright {
	height: 55px;
	line-height: 13px;
	background: #1c1f27;
	border-top: 1px solid #3b3f4e;
	box-shadow: 0 -1px #17191f;
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 11px;
}

footer a{
	color: #669933;
	text-decoration: none;
}

footer a:hover{
	 text-decoration: underline;
}

footer .copyright .right{
	 text-align: right;
	 float: right;
}

footer h3{
	 color: #fff;
	 text-transform: uppercase;
	 font-weight: 700;
	 border-bottom: 1px solid #3b3f4e;
	 margin-bottom: 10px;
	 font-size: 13px;
	 box-shadow: 0 -1px #17191f inset;
	 padding-bottom: 10px;
}

footer .c3eq:nth-of-type(2) > div {
	 margin: 0 20px;
}

/* ==========================================================================
   Nivo Slider
   ========================================================================== */

a.nivo-nextNav {
	left: 50% !important;
	margin-left: 440px !important;
}
a.nivo-prevNav {
	left: 50% !important;
	margin-left: -480px !important;
}

div.nivo_slider{
	 float: left;
	 clear: both;
	 width: 100%;
}

div.slider-wrapper{
	 margin: 0 auto;
	 position: relative;
}

div.nivo_slider, div.slider-wrapper{
	/*height: 400px !important;*/
}

.nivoSlider{
	 border-bottom: 1px solid #d2d2d2;
	 border-top: 1px solid #d2d2d2;
}

.nivo-controlNav{
	 position: absolute;
	 bottom: 0px;
	 width: 300px;
	 left: 50%;
	 margin-left: -150px;
	 text-align: center;
	 z-index: 1000;
}

/* ==========================================================================
   Commons
   ========================================================================== */

.clrfl{
	 width: 100%;
	 float: left;
	 clear: both;
}

.mg{
    margin-top: 40px;
}

.fr{
    float: right;
}

.normal{
    text-transform: none !important;
}

.spacer15{
    height: 15px;
}

.spacer30{
    height: 30px;
}

/* ==========================================================================
   Call to action styles
   ========================================================================== */

.call2action > div{
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.call2action h1{
	 font-family: 'Dosis', sans-serif;
	 font-size: 22px;
	 color: #6d7287;
	 font-weight: 700;
	 text-transform: uppercase;
}

.call2action p{
	 font-size: 13px;
	 color: #757575;
	 margin-top: 10px;
}

.call2action .btn{
	 margin-left: 20px;
}

.call2action .btn:first-of-type{
	 margin-left: 0;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.btn{
	 display: inline-block;
	 text-transform: uppercase;
	 border-width: 1px;
	 border-style: solid;
	 box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset;
	 border-radius: 3px;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 color: #fff;
	 font-weight: 700;
	 cursor: pointer;
	 transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
	 font-family: 'Open Sans', sans-serif;
	 z-index: 300;
	 text-decoration: none;
}

.btn:hover{
	 box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset, -1px -1px 1px rgba(0,0,0,0.3) inset;
}

.btn:active{
	 -webkit-transform: scale(0.9);  /* Safari 3.1+, Chrome */
	      -moz-transform: scale(0.9);  /* Firefox 3.5+ */
	       -ms-transform: scale(0.9);  /* IE9+ */
		-o-transform: scale(0.9);  /* Opera 10.50+ */
		   transform: scale(0.9);
}

.btn.medium{
	 font-size: 14px;
	 height: 42px;
	 padding: 0 21px;
}

.btn.small{
	 font-size: 13px;
	 height: 22px;
	 padding: 0 10px;
}

.btn.red{
	border-color: #666633;
	background: #e72f4a;
	text-shadow: 0 1px #b1253a;
}	.btn.green{
	border-color: #666633;
	background: #80ac2f;
	text-shadow: 0 1px #586d33;
}




/* Silver Style */
.btn.silver{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e0dfdf;
    padding: 10px 13px;
    color: #767676;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 1px 0 #fff inset;
    background: #f1f1f1;
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #e5e5e5 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(99%,#e5e5e5));
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -o-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#e5e5e5 99%);
    background: linear-gradient(to bottom,  #f1f1f1 0%,#e5e5e5 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e5e5e5',GradientType=0 );
}

.btn.silver:hover{
    color: #444;
}

.btn.silver:active{
    background: #e5e5e5;
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f1f1f1',GradientType=0 );
}

/* Support for icons with span */.btn span{
    padding: 0 20px 0 0;
    display: block;
}

/* ==========================================================================
   IconCaps
   ========================================================================== */

.iconcap{
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 50px;
}

/* Icons */

.iconcap.desingIdea {
background-image: url('../img/iconcaps/ic-design.png');
}
.iconcap.development {
background-image: url('../img/iconcaps/ic-development.png');
}
.iconcap.ourTeam {
background-image: url('../img/iconcaps/ic-team.png');
}

.iconcap h2{
	 color: #505462;
	 font-weight: 700;
	 font-size: 14px;
	 margin-bottom: 10px;
	 text-transform: none;
}

.iconcap p{
	 line-height: 21px;
	 font-size: 11px;
	 padding: 0;
	 margin: 0;
	 color: #757575;
}

/* ==========================================================================
   Contact Widget
   ========================================================================== */

.contact-widget p.data.address{
	 background: transparent url('../img/widget_contact/ic-location.png') no-repeat;
	 padding-left: 30px;
	 margin-left: 5px;
	 display: block;
	 margin-top: 10px;
	 height: 22px;
	 line-height: 22px;
}

.contact-widget p.data.email{
	 background: transparent url('../img/widget_contact/ic-mail.png') no-repeat;
	 padding-left: 35px;
	 display: block;
	 margin-top: 15px;
	 height: 14px;
	 line-height: 14px;
}


/* ==========================================================================
   Brankic Photostream Widget
   ========================================================================== */

.bra-photostream-widget .photostream a, .bra-photostream-widget .photostream img{
	 width: 80px !important;
	 height: 60px !important;
	 /*padding: 3px !important;*/
}

.bra-photostream-widget .photostream img{
	 opacity: 1 !important;
}

.bra-photostream-widget .photostream a {
	 padding: 3px !important;
	 border: 1px solid #1b1d26 !important;
	 background: #20222b !important;
}

.bra-photostream-widget .photostream li a:hover {
	border-color: #666633 !important;
}

.bra-photostream-widget .photostream ul li {
	 margin: 0 0 10px 8px !important;
}

/* ==========================================================================
   Ext-Scroller
   ========================================================================== */

.scroller{
	 width: 100%;
	 float: left;
	 overflow: hidden;
	 position: relative;
	 margin-top: 5px;
}

.scroller .wrap{
	 width: 20000em;
	 height: 100%;
	 position: absolute;
	 left: 0;
	 top: 0;
	 transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}

.scroller .outer, .portfolio .outer{
	 float: left;
	 height: 100%;
	 cursor: pointer;
	 position: relative;
	 overflow: hidden;
}

.scroller .outer img, .portfolio .outer img{
	 width: 100%;
}

.scroller .outer > img:hover {
    opacity: 0.6;
}
.scroller .inner, .portfolio .inner{
	 position: relative;
	 z-index: 10;
}

.scroller .outer > a, .portfolio .outer > a{
	 display: block;
	 position: absolute;
	 z-index: 1;
	 top: -300px;
	 width: 100%;
	 transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;
	 background-color: #000;
	 background-color: rgba(0,0,0,0.6);
	 text-indent: -1000px;
	 background-image: url('../img/link.png');
	 background-repeat: no-repeat;
	 background-position: center -1000px;
	 overflow: hidden;
}

.scroller .outer:hover > a{
	 top: 0px;
	 background-position: center center;
}

/* Scroller navigation */

.scroller_nav{
	 margin: 40px 0 0 0;
	 font-size: 13px;
	 height: 30px;
	 line-height: 25px;
}

.scroller_nav span{
	 float: right;
	 display: block;
	 width: 23px;
	 height: 19px;
	 background-color: #dddddd;
	 margin-left: 4px;
	 background-image: url('../img/scroller/arrows.png');
	 background-repeat: no-repeat;
	 cursor: pointer;
	 transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;
}

.scroller_nav span.next{
	 background-position: -34px 6px;
}

.scroller_nav span.prev{
	 background-position: 7px 6px;
}

.scroller_nav span:hover{
	 background-color: #bbb;
}

.scroller_nav span.no_more{
	 opacity: 0.6;
}

.scroller_nav span.no_more:hover{
	 background-color: #dddddd;
}

/* Portfolio template */

.portfolio .excerpt, .portfolio .date {
	 display: none;
}

.portfolio .outer, #members .outer{
	 background: #f0f0f0;
	 box-shadow: 0 0 0 1px #ddd inset;
}

.portfolio img, #members img{
	 margin: 0;
	 padding: 0;
	 display: block;
}

.portfolio .inner, #members .inner{
	 padding: 15px 0;
}

.portfolio .inner > div, #members .inner > div{
	 padding: 0 15px;
}

.portfolio .title, #members .title{
	 font-size: 13px;
	 font-weight: 700;
	 color: #505462;
	 margin-bottom: 10px;
}

.portfolio .outer:hover .title{
	 color: #252832;
}

.portfolio .cats, #members .cats{
	 font-size: 11px;
	 color: #a0a0a0;
	 font-style: italic;
}

.portfolio.full .wrap{
    width: 110%;
    float: left;
    margin: 10px 0 20px 0;
}

.portfolio.full .outer{
    margin: 0 30px 30px 0;
    width: 300px;
    cursor: normal;
    height: 270px;
}

.portfolio.full .outer img {
    opacity: 1;
    height: 200px;
}

.portfolio.full .outer img:hover {
    opacity: 0.6;
}

.portfolio.view img.featured, #members img{
    width: 99%;
    padding: 2px;
}

.portfolio.view > div{
    margin-top: 10px;
}

.portfolio.view .side p,
.portfolio.view .side ul{
    margin-bottom: 15px !important;
}

.portfolio.view .side .btn span{
    background: url(../img/btn_arrow_right.png) right center no-repeat;
}

/* Members */

#members > div{
    margin-bottom: 30px;
}

#members .inner{
    border-top: 1px solid #dddddd;
}

/* Error */
#error h2{
	font-family: 'Dosis', sans-serif;
	font-size: 29px;
	color: #FF9900;
	font-weight: 700;
	margin-top: 180px;
}

#error h3{
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
    color: #6c7592;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 210px;
}

/* Photostream */
.photostream ul {
	list-style-type: none!important;
	padding: 0!important;
	margin: 0!important;
	margin-left: -10px!important;
}
.photostream ul li {
	width: auto!important;
	float: left!important;
	margin: 0 0 10px 10px!important;
	background-image:none!important;
}
.photostream a, .photostream img{
	height: 60px!important;
	width: 76px!important;
	background-image:none!important;
}
.photostream a {
	padding: 4px!important;
	display: block!important;
	background-color: #1C1F27!important;
	border: 1px solid #17191F!important;
}
.photostream img {
	opacity:0.7!important;
	filter:alpha(opacity=70)!important;
	padding: 0px!important;
	margin: 0px!important;
	max-width: 100%!important;
}
.photostream a:hover img {
	opacity:1;
	filter:alpha(opacity=100)!important;
}

.photostream li a:hover{
    border: 1px solid #EA2E49!important;
}

/* Blog template */

.scroller.blog .outer > a {
	 display: none;
}

.scroller.blog img{
	 margin: 0;
	 padding: 0;
	 display: block;
	 width: 97.5%;
	 padding: 2px;
	 border: 1px solid #ddd;
	 opacity: 1;
}

.scroller.blog .inner{
	 padding: 15px 0;
}

.scroller.blog .title{
	 font-size: 13px;
	 font-weight: 700;
	 color: #505462;
	 margin-bottom: 5px;
}

.scroller.blog .outer:hover .title{
	 color: #252832;
}

.scroller.blog .date{
	 display: inline-block;
	 font-size: 11px;
	 color: #a0a0a0;
	 margin-bottom: 10px;
	 font-style: italic;
}

.scroller.blog .cats{
	 display: inline-block;
	 font-size: 11px;
	 color: #6d7287;
	 margin-bottom: 10px;
	 font-style: italic;
}

.scroller.blog .excerpt{
	 display: inline-block;
	 font-size: 12px;
	 line-height: 21px;
	 color: #757575;
	 width: 100%;
}

/* Twitter template */

.scroller.twitter .tweet{
	 font-size: 12px;
	 color: #757575;
	 line-height: 21px;
}

.scroller.twitter .tweet a{
	color: #669933;
	text-decoration: none;
}

.scroller.twitter .tweet a:hover{
	text-decoration: underline;
}

.scroller.twitter .date{
	 color: #a0a0a0;
	 font-size: 11px;
	 margin: 10px 0 20px 0;
}

/* ==========================================================================
   Isotope - Masonry Realted
   ========================================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

#grid_example > div > div {
    background: #eee;
    color: #666;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 10px;
}

#contact_map{
    width: 100%;
    height: 420px;
    float: left;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}



/* ==========================================================================
   DEV TOOLS
   ========================================================================== */

/*
transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;


*/