/*=======================================================================
						  _           _         
						 / `_   _/_  /_)/  _  /_
						/_,/_//_//_'/_)/|//_ /\ 
                       								
*** WEBSITE DESIGNED AND DEVELOPED BY HASAN ALI - http://www.codeblvck.com ***
========================================================================*/
/* ==

### CONTENT ###

BASE
	PADDING CLASSES
	MARGIN CLASSES
	PAGE STYLES CLASSES
	TEXT STYLES CLASSES

AESHTETICS
	BUTTONS (* MOVE UNDER AESTHETICS *)
	BORDER-IMG (* MOVE UNDER AESTHETICS *)
	SKILLS
	ICONS
	TABS

HEADER/NAVBAR
PORTFOLIO
TEAM
SERVICES
CONTACT/FOOTER

AJAX
BLOG

PLUGINS
	SUPERSIZED
	TWITTER
	FLEXSLIDER
	FONT AWESOME
	HTML5 DEVICES

== */

/* 
' BASE  
*/

body{
overflow-x:hidden !important;
}

.container {
height: 100%;
}

.valign > div.half {
width: 50%;
}

.image img{
width:100%;
}

a:hover , input.submit:hover{
color:#374152;
-webkit-transition-duration:0.2s;
-moz-transition-duration:0.2s;
-ms-transition-duration:0.2s;
-o-transition-duration:0.2s;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#ddd; /* change if the mask should have another color then #ddd */
    z-index:9999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}



/*
' PADDING CLASSES
*/

.nopadding {
padding: 0 !important;
margin:0 auto;
}

.smallpadding {
padding-top: 10px !important;
padding-bottom: 10px !important;
}

.smallsidepadding {
padding-left: 10px !important;
padding-right: 10px !important;
}

.smalltoppadding {
padding-top: 10px !important;
}

.smallbottompadding {
padding-bottom: 10px !important;
}

.leftpadding {
padding-left: 20px !important;
}

.rightpadding {
padding-right: 20px !important;
}

.midpadding {
padding-top: 20px !important;
padding-bottom: 20px !important;
}

.midtoppadding {
padding-top: 20px !important;
}

.midbottompadding {
padding-bottom: 20px !important;
}

.bigpadding {
padding-top: 50px !important;
padding-bottom: 50px !important;
}

.bigsidepadding {
padding-left: 50px !important;
padding-right: 50px !important;
}

.bigtoppadding {
padding-top: 50px !important;
}

.bigbottompadding {
padding-bottom: 50px !important;
}

.largepadding {
padding-top: 100px !important;
padding-bottom: 100px !important;
}

.largebottompadding {
padding-bottom: 100px !important;
}

.largetoppadding {
padding-top: 100px !important;
}

/*
' MARGIN CLASSES
*/

.nomargin {
margin: 0 !important;
}

.smallmargin {
margin-top: 10px !important;
margin-bottom: 10px !important;
}

.smalltopmargin {
margin-top: 10px !important;
}

.smallbottommargin {
margin-bottom: 10px !important;
}

.midmargin {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

.midtopmargin {
margin-top: 20px !important;
}

.midbottommargin {
margin-bottom: 20px !important;
}

.bigmargin {
margin-top: 50px !important;
margin-bottom: 50px !important;
}

.bigtopmargin {
margin-top: 50px !important;
}

.bigbottommargin {
margin-bottom: 50px !important;
}

.largemargin {
margin-top: 100px !important;
margin-bottom: 100px !important;
}

.largebottommargin {
margin-bottom: 100px !important;
}

.largetopmargin {
margin-top: 100px !important;
}


/* 
' PAGE STYLES
*/


.slideshow{
min-height:100%;
position:relative;
padding:25px 0px;
background:url(../img/stripes.png);
}

.white{
background:#fff;
padding:50px 0px;
}

footer .white, footer .black{
padding:50px 0px;
}

.black{
background:rgba(48, 48, 48, 1);
background:#303030;
padding:50px 0px;
}

.grey{
background:#f5f5f5;
padding:50px 0px;
}

.red{
background:rgba(255, 19, 57, 1);
background:#FF1339;
padding:50px 0px;
}

.blue{
background:#2c5379;
padding:50px 0px;
}

.columns.grey, .columns.red, .columns.blue, .columns.black, .columns.white{
padding:12px;
}


.black-tint{
background:rgba(34, 34, 34, 0.8);
border-top:1px solid #222;
border-bottom:1px solid #222;
padding:75px 0px;
}

.blue-tint{
background:rgba(0, 153, 255, 0.84);
padding:75px 0px;
}

.red-tint{
background:rgba(246, 12, 49, 0.88);
padding:75px 0px;
}


.white-tint{
background:rgba(255, 255, 255,0.8);
padding:75px 0px;
}


/* 
' TEXT STLYES 
*/


h1{
font-size:52px;
font-size:3.25rem;
font-weight:400;
}

h1.large{
font-weight:800;
font-size:70px;
font-size:4.375rem;
padding-bottom:0px;
}

h2{
font-size: 44px;
font-size:2.75rem;
font-weight:400; 
}

h3{
font-size:36px;
font-size:2.25rem;
font-weight:400;
}

h4{
font-size:30px;
font-size:1.875rem;
font-weight:400;
}

h5{
font-size:21px;
font-size:1.313rem;
font-weight:400;
line-height:32px;
}

h6{
font-size:16px;
font-size:1rem;
font-weight:400;
line-height: 24px;
}

.black-tint h1, .black-tint h2, .black-tint h3, .black-tint h4, .black-tint h5, .black-tint h6, 
.blue-tint h1, .blue-tint h2, .blue-tint h3, .blue-tint h4, .blue-tint h5, .blue-tint h6,
.red-tint h1, .red-tint h2, .red-tint h3, .red-tint h4, .red-tint h5, .red-tint h6,
.black h1, .black h2, .black h3, .black h4, .black h5, .black h6,
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6,
.blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6{
color:#fff;
}

p{
line-height: 1.575em;
font-size:14px;
}

p.dropcaps:first-letter {
font-size: 65px;
float: left;
line-height: 50px;
padding-right: 10px;
font-family: inherit;
font-weight: 700;
}

.post-content p, #ajaxpage p {
font-size: 18px;
font-size: 1.125rem;
margin: 20px 0px;
line-height: 1.575rem;
}

.black-tint p, .black p{
color:#ccc;
}

.blue-tint p, .blue p{
color:#CADBE7;
}

.red-tint p, .red p{
color:#FFE8E8;
}

.heading h1{
font-size:140px;
font-weight:800;
padding-bottom:20px;
}

.heading h1 span{
font-size:70px;
line-height:20px;
display:block;
font-weight:400;
}

.heading h2 {
font-weight: 300;
font-size: 55px;
padding-bottom: 0px;
line-height: 55px;
}

.heading h2 span{
font-weight:800;
}

.heading h1:after {
content: '';
width: 100px;
height: 3px;
display: block;
background: #0099ff;
margin: 10px 0px 0px;
}

.right-text.heading h1:after{
float:right;
}

.center.heading h1:after{
margin:10px auto 0px;
}

.red-tint .heading h1:after, .blue-tint .heading h1:after, .red .heading h1:after{
background:#fff;
}

.heading h3{
font-weight:700;
}

.heading h4{
font-weight:700;
}

.black-tint .heading h4, .blue-tint .heading h4, .red-tint .heading h4{
font-weight:300;
line-height:46px;
}

.heading h5{
font-weight:400;
}

.meta{
font-size:12px !important;
font-size:0.75rem !important;
}

.smallfont{
font-size:11px !important;
font-size: 0.6875rem !important;
font-weight:300;
letter-spacing:1px;
line-height:5px;
}

.blue-text{
color:#0099ff !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.grey-text{
color:#707479 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.black-text{
color:rgb(0, 0, 0)!important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.white-text{
color:#fff !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.red-text{
color:#ff0000 !important;
-webkit-transition-duration:0.3s;
-moz-transition-duration:0.3s;
-ms-transition-duration:0.3s;
-o-transition-duration:0.3s;
}

.center{
text-align:center !important;
}

.right-text{
text-align:right !important;
}

.left-text{
text-align:left !important;
}

.light{
font-weight:300;
}

.bold{
font-weight:700;
}

.x-bold{
font-weight:800;
}

.italic{
font-weight: 600;
font-style: italic;
}

.underline{
text-decoration:underline !important;
}

.serif{
font-family: 'Droid Serif', serif;
font-weight:400;
font-style:italic;
}

blockquote {
line-height: 28px;
color: #5C6472;
margin: 0 0 18px;
padding: 9px 20px 18px 19px;
border-left: 5px solid #0099ff;
font-size: 18px;
background: #eee;
}

.red blockquote {
line-height: 28px;
color: #FFFFFF;
margin: 0 0 18px;
padding: 9px 20px 18px 19px;
border-left: 5px solid #FFFFFF;
font-size: 18px;
background: #F30F3D;
}

.black blockquote {
line-height: 28px;
color: #FFFFFF;
margin: 0 0 18px;
padding: 9px 20px 18px 19px;
border-left: 5px solid #0099ff;
font-size: 18px;
background: #272727;
}

/*
' AESTHETICS
*/


/*
' BUTTONS
*/

.btn, .drawer{
margin-bottom:10px;
}

.btn.large a, .skiplink.large a {
font-size:1.25rem;
font-size: 20px;
z-index:7;
}
.btn.xlarge a, .skiplink.xlarge a {
font-size:1.5rem;
font-size: 24px;
}

.btn.medium a, .skiplink.medium a {
font-size:1rem;
font-size: 16px;
}

.btn.small a, .skiplink.small a {
font-size:0.75rem;
font-size: 12px;
}

.field.prepend .btn a, .field.prepend .btn input, .field.prepend .btn button, .field.append .btn a, .field.append .btn input, .field.append .btn button {
padding: 18px 12px;
}

.field.prepend .adjoined, .field.prepend .btn {
height: 70px;
}

.field.append .adjoined, .field.append .btn {
height:70px;
}

.field.prepend .adjoined, .field.append .adjoined {
padding: 18px 10px 0 10px;
}

.field.warning:after{
font-family: FontAwesome;
content:"\f071";
}

/*
' TABS
*/

.blue .tabs .tab-nav > li > a:hover{
background:#0099ff;
color:#fff;
}

.blue .tabs.vertical .tab-nav, .black .tabs.vertical .tab-nav, .red .tabs.vertical .tab-nav{
border-bottom: 0px solid #53779B;
}

.blue .tabs .tab-nav{
border-bottom: 1px solid #53779B;
}

.blue .tabs .tab-nav > li{
-webkit-box-shadow: 0 1px 0 #53779B;
-moz-box-shadow: 0 1px 0 #53779B;
-ms-box-shadow: 0 1px 0 #53779B;
-o-box-shadow: 0 1px 0 #53779B;
}

.blue .tabs .tab-nav > li > a{
border: 1px solid #53779B;
background: #5984AF;
text-shadow:0px 0px;
color: #fff;
}

.blue .tabs .tab-nav > li.active > a, .black .tabs .tab-nav > li.active > a{
background:#0099ff;
}

.blue .tabs.pill .tab-nav, .red .tabs.pill .tab-nav, .black .tabs.pill .tab-nav{
border:0px;
}

.blue .tabs.pill .tab-nav > li.active a, .black .tabs.pill .tab-nav > li.active a  {
background: #0099ff;
}

.blue .tabs.vertical .tab-content{
border-left:1px solid #53779B !important;
}

.blue .tabs.vertical .tab-nav > li{
-webkit-box-shadow: 0 0px 0 #53779B !important;
-moz-box-shadow: 0 0px 0 #53779B !important;
-ms-box-shadow: 0 0px 0 #53779B !important;
-o-box-shadow: 0 0px 0 #53779B !important;
}

.blue .tabs.vertical .tab-nav > li.active > a, .black .tabs.vertical .tab-nav > li.active > a {
border-right: 0px solid white;
background: #0099ff;
}


/* black tabs */

.black .tabs .tab-nav > li > a {
border: 1px solid #444;
background: #4E4E4E;
text-shadow: 0px 0px;
color: #fff;
}

.black .tabs .tab-nav {
border-bottom: 1px solid #444;
}

.black .tabs .tab-nav > li {
-webkit-box-shadow: 0 1px 0 #444;
-moz-box-shadow: 0 1px 0 #444;
-o-box-shadow: 0 1px 0 #444;
-ms-box-shadow: 0 1px 0 #444;
}

.black .vertical.tabs .tab-nav > li {
-webkit-box-shadow: 0 0px 0 #444;
-moz-box-shadow: 0 0px 0 #444;
-o-box-shadow: 0 0px 0 #444;
-ms-box-shadow: 0 0px 0 #444;
}

.black .tabs.vertical .tab-content{
border-left:1px solid #444 !important;
}



/* red tabs */

.red .tabs .tab-nav > li > a:hover{
background:#fff;
color:#ce0029;
}

.red .tabs .tab-nav > li.active > a {
background: #fff;
color: #ce0029;
border: 1px solid rgba(255, 19, 57, 1);
}

.red .tabs .tab-nav > li > a {
border: 1px solid #ce0029;
background: #ce0029;
text-shadow: 0px 0px;
color: #fff;
}

.red .tabs .tab-nav {
border-bottom: 1px solid #ce0029;
}

.red .tabs .tab-nav > li {
-webkit-box-shadow: 0 1px 0 #ce0029;
-moz-box-shadow: 0 1px 0 #ce0029;
-o-box-shadow: 0 1px 0 #ce0029;
-ms-box-shadow: 0 1px 0 #ce0029;
}

.red .vertical.tabs .tab-nav > li {
-webkit-box-shadow: 0 0px 0 #ce0029;
-moz-box-shadow: 0 0px 0 #ce0029;
-o-box-shadow: 0 0px 0 #ce0029;
-ms-box-shadow: 0 0px 0 #ce0029;
}

.red .tabs.vertical .tab-content{
border-left:1px solid #ce0029 !important;
}


/* 
' ICONS
*/

.arrow-link i {
padding: 18px;
font-size: 50px;
color: #fff;
background: transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}


.arrow-link{
text-align:center;
display:inline-block;
-webkit-animation-name: hop;
    -webkit-animation-duration:.5s;
     -webkit-animation-direction:alternate;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name: hop;
    -moz-animation-duration:.5s;
     -moz-animation-direction:alternate;
    -moz-animation-timing-function:linear;
    -moz-animation-delay:0s;
    -moz-animation-iteration-count:infinite;
position:relative;
top:125px;
}

@-webkit-keyframes hop {
       from{
        -webkit-transform: translate(0px,0px);
        }


         to {
        -webkit-transform: translate(0px,-10px);
        }  
      }

@-moz-keyframes hop {
       from{
        -moz-transform: translate(0px,0px);
        }


         to {
        -moz-transform: translate(0px,-10px);
        }  
      }


.main-icon {
width: 160px;
height: 160px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 2px dotted rgba(255,255,255,1);
text-align: center;
background: rgba(231, 255, 251,0);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

.main-icon:hover{
border: 0px dotted #fff;
text-align: center;
padding: 10px;
background: transparent;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.main-icon i {
font-size: 80px;
color: rgb(255, 255, 255);
background: rgba(0, 0, 0,0);
padding: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
border: 10px solid rgba(24, 24, 24,0);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}


.main-icon:hover i{
border: 10px solid #fff;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
background: transparent;
font-size: 60px;
}

.second-icon i {
border: 10px solid #fff;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
background: transparent;
font-size: 80px;
padding: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
color: #fff;
}

.second-icon{
width: 160px;
height: 160px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 0px dotted rgba(255,255,255,1);
text-align: center;
background: rgba(231, 255, 251,0);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

#twitter:hover .second-icon{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}


/* 
' SKILLS 
*/

.skill-box {
background: #d8d8d8;
padding: 0px;
border-radius:4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
display: block;
margin-bottom: 18px;
border: 0px solid #eee;
}

.white .skill-box, .grey .skill-box{
background:#d8d8d8;
}

.red .skill-box{
background:#CC0029;
}

.black .skill-box{
background:#575757;
}

.skill {
padding: 6px 20px;
font-weight: 700;
font-size: 13px;
font-size:0.8125rem;
color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
display: block;
letter-spacing: 0px;
width: 100%;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
margin-bottom:-7px;
}

.white .skill, .grey .skill , .blue .skill, .black .skill{
background:#0099ff;
}

.red .skill{
background:#fff;
color:#CC0029;
}



.skill span{
float:right;
}

.skill:hover{
background:#222;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

/* border-img */

.border-img {
margin-left: auto;
margin-right: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
margin-bottom: 10px;
width: 210px;
height: 210px;
border: 10px solid #ddd;
overflow:hidden;
}

.white .border-img, .grey .border-img{
border:10px solid #ddd;
}

.red .border-img{
border:10px solid #CC0029;
}

.blue .border-img{
border:10px solid #53779B;
}

.black .border-img{
border:10px solid #222;
}


.border-img:hover{
border:10px solid #f3f3f3;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.border-img img{
border-radius:50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.border-img:hover img {
-webkit-transform: scale(0.98);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}



/* 
' NAVBAR
*/

.navbar{
background:none;
padding:5px 0px;
}

.is-sticky header.navbar , header.navbar.is-sticky {
width: 100%;
z-index: 100;
background:rgba(15, 15, 15, 0.9);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.38s;
}

.ie8 .is-sticky header.navbar , header.navbar.is-sticky {
background:#222 !important;
}

h1.logo {
font-size: 32px;
font-size:2rem;
font-weight: 800;
padding-top: 0px;
line-height: 20px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
width: auto;
color:#fff;
}

h1.logo a{
color:#fff;
padding-left:0px !important;
}

.navbar ul li{
text-align:center;
}

.navbar ul li > a{
font-size:13px;
font-size:0.8125rem;
font-weight:800;
text-shadow:0px 0px;
padding: 0px 0px 0px 16px;
}

.is-sticky header.navbar ul li > a{
color:#c7c7c7;
}

.is-sticky header.navbar ul li.active > a{
color:#fff
}

.is-sticky header.navbar ul li > a:hover{
color:#0099ff;
}

/*
' PORTFOLIO
*/

.grid {
display: block;
overflow: hidden;
width:100%;
zoom:1;
}

.grid li{
display:block;
height:auto;
float:left;
overflow:hidden;
margin-bottom:0px;
width:33.33%;
padding-bottom:0px;
zoom:1;
}

.grid li.three-four{
width:75%;
}

.grid li.one-two{
width:50%;
}

width:li.one-three{
width:33.33%;
}

.grid li.one-four{
width:25%;
}

.grid-project{
position:relative;
}

.project-info{
position:absolute;
bottom:-90px;
opacity:0;
height:100px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
width:100%;
padding:15px;
background:#eee;
}

.grid-project:hover .project-info{
bottom:0px;
opacity:1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.project-info h1{
font-size: 1.375rem;
font-size:22px;
font-weight: 700;
padding-top:0px;
color:#222;
}

.project-info h1 span {
float: right;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.project-info h1 span:hover{
color:#0099ff;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-ms-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}

.project-info h6{
font-size:0.875rem;
padding-top:0px;
color:#444;
}

.project-info h6:after {
content: '';
display: block;
width: 2px;
height: 3px;
background: #0099ff;
margin-top: 10px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.grid-project:hover .project-info h6:after{
transition-delay: .2s;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
width:50px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.black .project-info{
background:#252525 !important;
}

.blue .project-info{
background: #294057 !important;
}

.red .project-info{
background: #E21839 !important;
}

.black .project-info h1, .blue .project-info h1{
color:#fff !important;
}

.black .project-info h6{
color:#666 !important;
}

.blue .project-info h6{
color: #7E9CC9 !important;
}

.red .project-info h1{
color:#fff
}

.red .project-info h6{
color:rgb(255, 153, 170);
}

.red .project-info h6:after{
background:#fff;
}

.img-box{
top:0;
position:relative;
overflow:hidden;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.img-box img{
display:block;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
width:100%;
}


.grid-project:hover .img-box{
top:-100px;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.grid-project:hover img{
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3);
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

.img-hover{
width:100%;
height:100%;
position:absolute;
top:0;
display:block;
background:rgba(0, 153, 255, 0.84);
opacity:0;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}

.grid-project:hover .img-hover{
opacity:1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.img-box i {
color: #fff;
font-size: 42px;
display: block;
margin: auto auto;
position: absolute;
padding-top: 0px;
width: 50px;
height: 50px;
top: -150px;
bottom: 0;
left: 0;
right: 0;
opacity:0;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.grid-project:hover i{
top:0px;
opacity:1;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

ul#filters {
margin-top: 20px;
}

ul#filters li {
margin-right:5px;
display: inline;
}

ul#filters li a {
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
padding: 5px 10px;
}

.white ul#filters li a , .grey ul#filters li a {
color:#55616B;
background:#eee;
}

.black ul#filters li a{
background:#222;
color:#fff;
}

.red ul#filters li a{
background:#CC0029;
}

.red ul#filters li a.selected{
background:#fff;
color:#ff0000;
}

.blue ul#filters li a{
background:#53779B;
color:#fff;
}

ul#filters li a.selected {
color: #FFFFFF;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
font-weight: 600;
background: #0099ff;
padding: 5px 10px;
cursor: default;
font-style: italic;
}

ul#filters li a:hover{
background:#e7e7e7;
color:#ff0000;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}

ul#filters li a.selected:hover {
color: #FFFFFF;
background: #0099ff;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.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;
}



/*
' TEAM
*/

.member-info{
padding: 0px 10px 15px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
text-align: center;
}

.member-info a i {
display: inline-block;
width: 30px;
height: 30px;
padding: 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
margin:0px 3px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}

.white .member-info a i, .grey .member-info a i{
background: #e6e6e6;
color:#55616B;
}

.black .member-info a i{
color:#fff;
background:#444;
}

.blue .member-info a i{
background:#53779B;
color:#fff;
}

.red .member-info a i{
background:#CC0029;
color:#fff;
}

.member-info a i:hover{
color:#fff;
background:#0099ff;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-ms-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
}

/* 
' SERVICES 
*/


.service-icon {
width: 50px;
height: 50px;
margin-right:15px;
float:left;
text-align: center;
padding-top: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
position: relative;
overflow: hidden;
border: 0px solid #d3d3d3;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

.white .service-icon, .grey .service-icon, .blue .service-icon, .black .service-icon{
background: #0099ff;
}
.red .service-icon{
background:#CC0029;
}


.service-icon:hover{
border: 0px solid rgb(210, 210, 210);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
background: #eee;
padding-top: 10px;
}

.service-icon i {
font-size: 1.875rem;
font-size:30px;
color: #fff;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
}

.service-icon:hover i{
color: #0099ff;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.service-box h5 {
font-weight: 600;
}

.services {
margin-top: 20px;
}

ul ul.services li{
margin-left: -24px;
}

.services li {
font-size: 14px;
margin-top: 5px;
font-weight: 600;
}

.white .services li, .grey .services li {
color:#222;
}

.blue .services li{
color:#44BCFF;
}

.red .services li{
color:#fff;
}

.black .services li{
color:#ddd;
}

.services li:before {
content: '';
width: 10px;
height: 3px;
background: #0099ff;
margin-right: 10px;
display: inline-block;
vertical-align:4px;
}

.red .services li:before{
background:#CC0029;
}

/* 
' METHOD 
*/

ul.method {
margin-left: 30px;
}

.grey ul.method, .white ul.method{
border-left: 3px solid #ddd;
}

.black ul.method{
border-left: 3px solid #424242;
}

.blue ul.method {
border-left: 3px solid #36485A;
}

.red ul.method {
border-left: 3px solid rgba(252, 86, 113, 1);
}

ul.method li {
margin-left: -27px;
font-weight: 600;
margin-bottom: 10px;
}

.black ul.method li{
color:#fff;
} 

.blue ul.method li{
color:#fff;
} 

.red ul.method li{
color:#fff;
}

ul.method li span {
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
text-align: center;
padding-top: 8px;
font-size: 20px;
font-weight: 600;
margin-right: 5px;
}

.grey ul.method li span, .white ul.method li span{
background: #f5f5f5;
border: 3px solid #ddd;
color: #ccc;
}

.black ul.method li span{
background: #333;
border: 3px solid #4B4B4B;
color: #666;
}

.blue ul.method li span {
background: #36485A;
border: 3px solid #53779B;
color: #FFFFFF;
}

.red ul.method li span {
background: rgba(192, 30, 56, 1);
border: 3px solid rgba(255, 131, 151, 1);
color: #FFFFFF;
}

/* 
' CONTACT/FOOTER 
*/


.field .input.search{
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
padding-right: 5px;
font-size: 16px;
}

.field .input {
height: 70px;
background: #ececec;
font-size: 20px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border: 1px solid #d3d3d3;
font-weight: 400;
}

.field .input.textarea {
height: auto;
min-height: 240px;
padding-top: 10px;
}

.contact-info {
padding-bottom: 50px;
margin-bottom:25px;
}

.contact-info h6 {
color: #9E9E9E;
font-weight: 700;
}

.red .contact-info h6{
color:#A70021;
}

.red .contact-info h6:after{
background:#CC0029;
}

.contact-info h6:after {
width: 20px;
height: 2px;
display: block;
background: #0099ff;
content: '';
margin-top: 10px;
}

.contact-info h5 {
color: #C5C5C5;
font-size: 18px;
font-weight: 600;
}

footer ul.links {
text-align: right;
}

footer ul.links li {
display: inline;
padding: 0px 15px 0px 0px;
}

footer ul li a {
font-size: 13px;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
}

footer a i {
color: #fff;
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
font-size: 20px;
background: #444;
width: 40px !important;
height: 40px !important;
display: inline-block !important;
text-align: center;
padding-top: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}

footer .blue a i{
background:#53779B;
color:#fff;
}

footer .white a i, footer .grey a i{
background: #b4b4b4;
color:#fff;
}

footer .red a i{
background:#CC0029;
color:#fff;
}

footer a i:hover{
background:#0099ff;
color:#fff;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

/*
' AJAX
*/

#loader{
display: none;
background: #ddd url(../img/loader.gif) no-repeat center 250px;
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
}

#ajax-section {
position: relative;
background-color:#e6e6e6;
}

#ajax-nav {
position: absolute;
z-index: 5;
right: 0;
}

#ajax-nav ul{
padding:30px 0px 0px;
text-align: right;
}

#ajax-nav ul li{
display:inline-block;
}

#ajax-nav ul li:first-child{
margin-right:10px;
}

#ajax-nav ul li:last-child{
margin-left:10px;
}

#ajax-nav ul li a i{
font-size: 26px;
color: #fff;
float: right;
display: block;
width: 40px;
height: 40px;
background:rgba(51, 51, 51, 0.2);
text-align: center;
padding-top: 8px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

#ajax-nav ul li a i.icon-remove{
margin-right:20px;
padding-top: 6px;
font-size: 28px;
}

#ajax-nav ul li a i:hover
{
background:#0099ff;
color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}

#ajax-outside {
width: 100%;
overflow: hidden;
position: relative;
}

#ajax-inside {
float: left;
height: 0;
opacity: 0;
width:100%;
overflow:hidden;
}

#ajaxpage{
padding:0px 0px 50px 0px;
display:block;
width:100%;
height:auto;
background:#e6e6e6;
}

#ajaxpage p{
color:#576470;
}

#ajaxpage h2{
color:#222;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}


/*
' BLOG 
*/

#blog .black-tint, #blog .blue-tint, #blog .red-tint, #blog .white-tint, #features .black-tint{
padding:50px 0px;
}

#blog-page{
border-top:10px solid #eee;
}

.dotted{
background:url(../img/dot.png);
background-repeat:repeat;
padding:50px 0px;
}


.post-content {
padding: 0px 30px 40px 0px;
border-bottom:3px solid #eee;
margin-bottom:40px;
}

.author {
width: 80px;
height: 80px;
display: block;
margin: 10px auto 0px;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border: 5px solid #f3f3f3;
}

.author img {
display: block;
height: 100%;
}

.valign .post-meta {
color: #0099ff;
}

.post-meta {
display: block;
font-size: 11px;
color: #727272;
font-weight: 400;
letter-spacing: 1px;
padding-top: 10px;
}

.valign .post-meta span {
color: #727272;
font-weight: 700;
margin-left: 10px;
background: #eee;
padding: 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}

.post-link {
text-align: right;
padding-top: 15px;
}

.post-link a{
color: #fff;
padding: 4px 10px;
background: #0099ff;
border: 2px solid #0099ff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
font-size: 14px;
font-weight: 400;
}

.post-link a:hover{
background:#444;
color:#fff;
border:2px solid #444;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}


.post-img {
padding: 5px;
border: 1px solid #e6e6e6;
}

.post-content img{
width:100%;
}

.categories li {
font-size: 14px;
margin-top: 5px;
font-weight: 400;
color: #727272;
border-bottom: 1px solid #eee;
}

.categories li:last-child{
border-bottom:0px;
}

.categories li:before {
content: '>';
margin-right: 10px;
display: inline-block;
}

.sidebar {
padding:25px 15px 30px 5px;
}

.widget{
margin-bottom:50px;
}

.tag-list {
margin-top: 8px;
}

.tag-list li {
display: inline-block;
font-size: 12px;
margin: 5px 5px 5px 0px;
letter-spacing: 1px;
}

.tag-list li a{
background: #f7f7f7;
color:#576470;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
border: 1px solid #ddd;
padding: 5px 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}

.tag-list li a:hover{
background:#0099ff;
color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}

ul.pagination{
text-align:center;
margin-top:25px;
}

ul.pagination li{
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
background:#eee;
font-size:20px;
padding-top:13px;
margin:0px 10px;
font-weight:700;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}

ul.pagination li a{
color:#0099ff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}

ul.pagination li:hover a{
color:#fff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}

ul.pagination li:hover{
background:#0099ff;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
}


/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto !important; height:auto; position:relative; display:none; outline:none; border:none; max-width:inherit; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


/* shutter fixes */


ul#slide-list{
margin-right:10px;
}

ul#slide-list li{
background:rgba(0,0,0,0) !important;
border:2px solid #fff;
}

ul#slide-list li:hover {
list-style: none;
float: none;
background: #00ff99;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}

ul#slide-list li.current-slide {
list-style: none;
float: none;
background: #fff !important;
border:2px solid #fff;
}

.slider-base{
position: absolute;
width: 100%;
bottom: 0px;
padding-bottom:50px;
}

#slidecaption h2 {
font-weight:800;
color:#fff;
font-size:70px;
padding-bottom:0px;
line-height:70px;
}

#slidecaption h6{
color:#fff;
font-weight:700;
}

#slidecaption p{
color:#fff;
}


.slider-nav{
position:absolute;
top:40%;
width:100%;
}

/* twitter  */


#twitter{
text-align:center;
}

.tweetList li p {
font-size: 22px;
color: #fff;
font-weight: 400;
line-height: 32px;
}

p.timestamp {
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase;
letter-spacing: 1px;
}

.timestamp:before {
content: '';
display: block;
width: 70px;
height: 2px;
background: rgb(117, 117, 117);
margin: 0 auto;
margin-bottom: 10px;
margin-top: 30px;
}

.tweetList li p a{
font-weight:600;
font-style:italic;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}



/* Direction Nav */
.flex-direction-nav {height: 0;}
.flex-direction-nav a {padding:15px 18px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; background: none; position: absolute; z-index: 10; cursor: pointer; -webkit-transition: all .3s ease; bottom: 10px;}

.flex-direction-nav a{
right:10px;
}

.flex-direction-nav .flex-next {}
.flex-direction-nav .flex-prev {left:10px;}
.flexslider:hover .flex-next {opacity: 1;}
.flexslider:hover .flex-prev {opacity: 1;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 35px; text-align: center; z-index:6;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #555; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left:0}
  .flex-direction-nav .flex-next {opacity: 1;right:0}
}

.flexslider {
border: 0px !important;
padding-bottom:0px !important;
margin-bottom:0px !important;
}


.flexslider li{
padding-bottom:0px !important;
margin-bottom:0px !important;
}

.flexslider .img-box{
margin-bottom:0px;
}

.flexslider .img-box img{
display:block;
}

.flexslider .img-hover {
width: 100%;
height: 100%;
position: absolute;
top: 0;
display: block;
background: rgba(255,255,255,0.4);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0;
}

.flexslider .img-box:hover img{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
}

.flexslider .img-box i {
color: #fff;
font-size: 34px;
display: block;
margin: auto auto;
position: absolute;
padding-top: 20px !important;
width: 80px;
height: 80px;
bottom: 0;
right: 0;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.76);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}

.flexslider .img-hover{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
opacity:0;
}

.flexslider .img-box i:hover {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}


.flex-control-paging li a {
width: 12px;
height: 12px;
display: block;
background: rgba(255,255,255,0);
cursor: pointer;
border:2px solid #fff;
text-indent: -9999px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0;
}

.flex-direction-nav a {
padding: 16px;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-o-border-radius: 0px !important;
z-index: 10;
cursor: pointer;
-webkit-transition: all .3s ease;
top: 0;
bottom: 0;
display: block;
height: 50px;
width: 50px;
margin: auto 0;
text-align: center;
font-size: 30px;
color: #ADADAD;
}

.flex-direction-nav a:hover{
color:#0099ff;
}


.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}

/*!
 *  Font Awesome 3.1.0
 *  the iconic font designed for Bootstrap
 *  -------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation
 *  can be found at: http://fontawesome.io
 *
 *  License
 *  -------------------------------------------------------
 *  - The Font Awesome font is licensed under the SIL Open Font License v1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 License -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"

 *  Contact
 *  -------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/fortaweso_me
 *  Work: Lead Product Designer @ http://kyruus.com
 */@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}

/*
 *	HTML5 Device Mockups
 *
 *	By:
 *		Tomi Hiltunen
 *		tomi@mitakuuluu.fi
 *		http://fi.linkedin.com/in/tomihiltunen/
 *		
 *		Angelos Arnis
 *		http://fi.linkedin.com/in/angelosarnis/
 *
 *	Inluded in this package:
 *		- iPhone5 (black-device/white-device, portrait/landscape)
 *		- iPad2 (black-device/white-device, portrait/landscape)
 *		- iMac
 *		- MacBook Pro (retina model)
 *		- Nexus 7
 *		- Lumia 920
 *		- Microsoft Surface
 *		- Galaxy S3
 */

 /* GENERAL STYLE */

.device-mockup {
	position: relative;
	width: 100%;
	padding-bottom: 61.775701%;
}

	.device-mockup > .device {
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		width: 100%; height: 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url("../img/macbook.png");
	}

.ie8 > .device-mockup > .device {
background:none !important;
}

		.device-mockup > .device > .screen {
			position: absolute;
			top:    11.0438729%;
			bottom: 14.6747352%;
			left:   13.364486%;
			right:  13.364486%;
			overflow: hidden;
		}

		.device-mockup > .device > .button {
			position: absolute;
			top: 0; left: 0;
			display: none;
			overflow: hidden;
			border-radius: 100%;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			cursor: pointer;
		}
                

/* DEVICES */


/* iMac */
.device-mockup.imac {
	padding-bottom: 81.230769%;
}

.device-mockup.imac > .device {
	background-image: url("../img/imac.png");
}

.ie8 .device-mockup.imac > .device {
	background: none;
}


.device-mockup.imac > .device > .screen {
	top: 8.20707071%; bottom: 31.6919192%; left: 6.61538462%; right: 6.61538462%;
}


/* MacBook Pro */
.device-mockup.macbook {
	padding-bottom: 61.775701%;
}

.device-mockup.macbook > .device {
	background-image: url("../img/macbook.png");
}

.ie8 .device-mockup.macbook > .device {
	background: none !important;
}

.device-mockup.macbook > .device > .screen {
	top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%;
}


/* iPhone5 */
.device-mockup.iphone5,
.device-mockup.iphone5.portrait {
	padding-bottom: 200.477897%;
}

.device-mockup.iphone5.landscape {
	padding-bottom: 49.9701136%;
}

.device-mockup.iphone5 > .device,
.device-mockup.iphone5.black-device > .device,
.device-mockup.iphone5.portrait.black-device > .device {
	background-image: url("../img/iphone5_port_black.png");
}

.ie8 .device-mockup.iphone5 > .device,
.ie8 .device-mockup.iphone5.black-device > .device,
.ie8 .device-mockup.iphone5.portrait.black-device > .device {
	background: none !important;
}


.device-mockup.iphone5.landscape > .device,
.device-mockup.iphone5.landscape.black-device > .device {
	background-image: url("../img/iphone5_land_black.png");
}

.ie8 .device-mockup.iphone5.landscape > .device,
.ie8 .device-mockup.iphone5.landscape.black-device > .device {
	background: none !important;
}

.device-mockup.iphone5.white-device > .device,
.device-mockup.iphone5.portrait.white-device > .device {
	background-image: url("../img/iphone5_port_white.png");
}

.ie8 .device-mockup.iphone5.white-device > .device,
.ie8 .device-mockup.iphone5.portrait.white-device > .device {
	background: none !important;
}

.device-mockup.iphone5.landscape.white-device > .device {
	background-image: url("../img/iphone5_land_white.png");
}

.ie8 .device-mockup.iphone5.landscape.white-device > .device {
	background:none;
}

.device-mockup.iphone5 > .device > .screen,
.device-mockup.iphone5.portrait > .device > .screen {
	top: 16.28%; bottom: 16.28%; left: 11.77%; right: 11.77%;
}

.device-mockup.iphone5.landscape > .device > .screen {
	top: 11.722488%; bottom: 11.722488%; left: 16.0191273%; right: 16.0191273%;
}

.device-mockup.iphone5 > .device > .button,
.device-mockup.iphone5.portrait > .device > .button {
	display: block;
	top: 86.3%; bottom: 5.5%; left:  42%; right: 42%;
}

.device-mockup.iphone5.landscape > .device > .button {
	display: block;
	top: 42%; bottom: 42%; left:  86.4%; right: 5.1%;
}


/* iPad */
.device-mockup.ipad,
.device-mockup.ipad.portrait {
	padding-bottom: 128.406276%;
}

.device-mockup.ipad.landscape {
	padding-bottom: 79.9086758%;
}

.device-mockup.ipad > .device,
.device-mockup.ipad.black-device > .device,
.device-mockup.ipad.portrait.black-device > .device {
	background-image: url("../img/ipad_port_black.png");
}

.device-mockup.ipad.white-device > .device,
.device-mockup.ipad.portrait.white-device > .device {
	background-image: url("../img/ipad_port_white.png");
}

.device-mockup.ipad.landscape > .device,
.device-mockup.ipad.landscape.black-device > .device {
	background-image: url("../img/ipad_land_black.png");
}

.device-mockup.ipad.landscape.white-device > .device {
	background-image: url("../img/ipad_land_white.png");
}


.ie8 .device-mockup.ipad > .device,
.ie8 .device-mockup.ipad.black-device > .device,
.ie8 .device-mockup.ipad.portrait.black-device > .device {
	background:none !important;
}

.ie8 .device-mockup.ipad.white-device > .device,
.ie8 .device-mockup.ipad.portrait.white-device > .device {
	background:none !important;
}

.ie8 .device-mockup.ipad.landscape > .device,
.ie8 .device-mockup.ipad.landscape.black-device > .device {
	background:none !important;
}

.ie8 .device-mockup.ipad.landscape.white-device > .device {
	background:none !important;
}


.device-mockup.ipad > .device > .screen,
.device-mockup.ipad.portrait > .device > .screen {
	top: 12.025723%; bottom: 12.154341%; left: 13.45995%; right: 13.45995%;
}

.device-mockup.ipad.landscape > .device > .screen {
	top: 13.87755102%; bottom: 13.87755102%; left: 11.5459883%; right: 11.5459883%;
}

.device-mockup.ipad > .device > .button,
.device-mockup.ipad.portrait > .device > .button {
	display: block;
	top: 90.2%; bottom: 5.5%; left: 47.3%; right: 47.3%;
}

.device-mockup.ipad.landscape > .device > .button {
	display: block;
	top: 47.3%; bottom: 47.3%; left: 90.8%; right: 4.9%;
}


/* Galaxy S3 */
.device-mockup.s3,
.device-mockup.s3.portrait {
	padding-bottom: 178.787879%;
}

.device-mockup.s3.landscape {
	padding-bottom: 55.9322034%;
}

.device-mockup.s3 > .device,
.device-mockup.s3.black-device > .device,
.device-mockup.s3.portrait.black-device > .device {
	background-image: url("../img/s3_port_black.png");
}

.device-mockup.s3.landscape > .device,
.device-mockup.s3.landscape.black-device > .device {
	background-image: url("../img/s3_land_black.png");
}

.device-mockup.s3.white-device > .device,
.device-mockup.s3.portrait.white-device > .device {
	background-image: url("../img/s3_port_white.png");
}

.device-mockup.s3.landscape.white-device > .device {
	background-image: url("../img/s3_land_white.png");
}

.ie8 .device-mockup.s3 > .device,
.ie8 .device-mockup.s3.black-device > .device,
.ie8 .device-mockup.s3.portrait.black-device > .device {
	background:none !important;
}

.ie8 .device-mockup.s3.landscape > .device,
.ie8 .device-mockup.s3.landscape.black-device > .device {
	background:none !important;
}

.ie8 .device-mockup.s3.white-device > .device,
.ie8 .device-mockup.s3.portrait.white-device > .device {
	background:none !important;
}

.ie8 .device-mockup.s3.landscape.white-device > .device {
	background:none !important;
}


.device-mockup.s3 > .device > .screen,
.device-mockup.s3.portrait > .device > .screen {
	top: 12.3728814%; bottom: 15.5367232%; left: 13.8383838%; right: 13.8383838%;
}

.device-mockup.s3.landscape > .device > .screen {
	top: 13.8383838%; bottom: 13.8383838%; left: 12.3728814%; right: 15.5367232%;
}


/* Lumia 920 */
.device-mockup.lumia920,
.device-mockup.lumia920.portrait {
	padding-bottom: 172.796353%;
}

.device-mockup.lumia920.landscape {
	padding-bottom: 56.3330381%;
}

.device-mockup.lumia920 > .device,
.device-mockup.lumia920.portrait > .device {
	background-image: url("../img/lumia920_port.png");
}

.device-mockup.lumia920.landscape > .device {
	background-image: url("../img/lumia920_land.png");
}

.ie8 .device-mockup.lumia920 > .device,
.ie8 .device-mockup.lumia920.portrait > .device {
	background:none !important;
}

.ie8 .device-mockup.lumia920.landscape > .device {
	background:none !important;
}


.device-mockup.lumia920 > .device > .screen,
.device-mockup.lumia920.portrait > .device > .screen {
	top: 10.6420405%; bottom: 18.9973615%; left: 13.5258359%; right: 13.5258359%;
}

.device-mockup.lumia920.landscape > .device > .screen {
	top: 12.2641509%; bottom: 12.2641509%; left: 10.5403012%; right: 18.6005314%;
}


/* Nexus 7 */
.device-mockup.nexus7,
.device-mockup.nexus7.portrait {
	padding-bottom: 156.521739%;
}

.device-mockup.nexus7.landscape {
	padding-bottom: 63.6678201%;
}

.device-mockup.nexus7 > .device,
.device-mockup.nexus7.portrait > .device {
	background-image: url("../img/nexus7_port.png");
}

.device-mockup.nexus7.landscape > .device {
	background-image: url("../img/nexus7_land.png");
}

.ie8 .device-mockup.nexus7 > .device,
.ie8 .device-mockup.nexus7.portrait > .device {
	background:none;
}

.ie8 .device-mockup.nexus7.landscape > .device {
	background:none;
}


.device-mockup.nexus7 > .device > .screen,
.device-mockup.nexus7.portrait > .device > .screen {
	top: 13.1365741%; bottom: 12.7893519%; left: 13.7681159%; right: 13.7681159%;
}

.device-mockup.nexus7.landscape > .device > .screen {
	top: 13.7681159%; bottom: 13.7681159%; left: 13.0911188%; right: 13.0911188%;
}


/* Microsoft Surface */
.device-mockup.surface,
.device-mockup.surface.landscape {
	padding-bottom: 64.7584973%;
}

.device-mockup.surface > .device,
.device-mockup.surface.landscape > .device {
	background-image: url("../img/surface.png");
}

.ie8 .device-mockup.surface > .device,
.ie8 .device-mockup.surface.landscape > .device {
	background:none;
}

.device-mockup.surface > .device > .screen,
.device-mockup.surface.landscape > .device > .screen {
	top: 14.5488029%; bottom: 14.9171271%; left: 9.36195587%; right: 9.36195587%;
}