@charset utf-8;


/* ===================================*/
/* TABLE OF CONTENTS: */
/* ===================================*/
/* 01 - LAYOUT INITIALIZATION */
/* 02 - HEADER & NAVIGATION */
/* 03 - COMMON ELEMENTS & STYLES */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/
/* 06 - FOOTER*/
/* 07 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/



/* ===================================*/
/* CONTENTS: */
/* ===================================*/

/* 01 - LAYOUT INITIALIZATION */
@import 'https://fonts.googleapis.com/css?family=Caveat+Brush';
@import 'https://fonts.googleapis.com/css?family=Caveat+Brush|Kavoon';
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';
@import 'https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300';
@import 'https://fonts.googleapis.com/css?family=Mogra';
@media (min-width: 1200px) {
    .span12,.container
    {
        width:960px;
    }
    
    .container-fluid
    {
        padding-left:100px!important;
        padding-right:100px!important;
    }
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
body {
    margin: 0;
    background-color: transparent; !important;
    overflow-x: hidden; 
        padding-left:0px!important;
        padding-right:0px!important;
    }






/* 02 - HEADER & NAVIGATION */

/*Desktop Only NAVIGATION*/
#navigation {
    bottom: 0;
    width: 100%;
    position: absolute;
    height: 70px;
    z-index: 1000;
    background: rgba(0,0,0,0.4);
}
.moveTop{
    position: fixed !important;
    top: 0 !important;
    background: #000 !important;
}
#navigation ul {
    margin-top: 25px;
}
#navigation ul li {
    display: inline;
    font-family: helvetica,"Muli",sans-serif,arial;
    padding: 3px;
}
#menu{
    margin-right: 20px !important;
}
#navigation a, #navigation a:active, #navigation a:visited {
font-family:"Open_Sans_R";
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 3px;
    text-decoration: none;
    text-transform: uppercase;
}
#navigation ul li a.lighted{
    color: #F48C2D !important;
}
.logo{
    /*width: 150px;
    height: 70px;*/
}

/*Mobile Only Navigation - Responsive Menu*/
.mobile-header{
    margin:0px;
    padding: 7px 0px;
    list-style: none;
    width: 100%;
    background: #000;
    position: fixed !important;
    min-height: 40px;
    text-align: center;
    z-index: 100 !important;
}
.dropmenu{
    margin-top: 5px;
}

@media (max-width:640px) {
	.logoMob {
		background-color:#7a7355;
		padding:4px;
		}
	}




/* 03 - COMMON ELEMENTS & STYLES */

/*Headings, Buttons & Typography - Common Rules*/
p, ul{
    color: #555;
    font-family:"Open_Sans_R";
    font-size: 14px;
    line-height: 20px;
}
.welcome{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media (max-width:600px) {
	.welcome{
		padding-top: 0;
		padding-bottom: 0;
		font-size:18px
	}
}
.welcome img {max-width:320px}
.promo-caps{
    font-size: 44px;
    color: #ffe92f;
	font-family: 'Caveat Brush', cursive;
    font-family: 'Kavoon', cursive
}
@media (max-width:600px) {
.promo-caps{ font-size:30px; line-height:normal;}
}
.promo-text{
    padding-bottom: 20px;
    font-size: 24px;
    color: #000;
    line-height: 32px;
font-family:"Open_Sans_L";
    border-bottom: solid 10px #F48C2D;
}
.promo-text h2 {
	color:#750013;
	}
@media (max-width:600px) {
	.promo-text{ font-size:18px; line-height:normal;}
}
.promo-text > span{
font-family:"Open_Sans_B";
}
.promo-caps-inv{
    font-size: 72px;
    color: #fff;
font-family:"Carto_Sans_Bold";
}
.promo-text-inv{
    padding-bottom: 20px;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
font-family:"Open_Sans_L";
    border-bottom: solid 10px #F48C2D;
}
.promo-text-inv > span{
font-family:"Open_Sans_B";
}
.btn-amaze{
    background: none repeat scroll 0 0 #F48C2D;;
    border: 0 solid #ADADAD;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow:none;
    font-weight: normal;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    transition: all 0.2s ease 0s;
}
.btn-amaze:hover{
    background: none repeat scroll 0 0 #000;;
    border: 0 solid #ADADAD;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow:none;
    font-weight: normal;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    transition: all 0.2s ease 0s;
}





/* 04 - PAGES & SECTIONS SETUP*/

/*Page Layout Setup*/
.page{
  height: 100%;
  min-height: 1000px;
    /*padding-bottom: 150px;*/
}
#intro{
  height: 100%;
    width: 100%;
  background: url(../images/dinosaur2.png) 1200px 0px no-repeat;
}
.top-space{
    padding-top: 100px;
}

/*Defining Pages or Section Container*/
#about{
    background: #fff;
}
#services{
    background: transparent;
}
/*#showcase{
    background: #fff url('../images/bg/w03.png') no-repeat top right;
}*/
#portfolio{
    background: transparent;
}
#contact{
    background: #fff;
}







/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/

/*INTRO*/
.promo-one{
    margin-bottom: 20px;
}
.promo-one h1{
    font-size: 122px;
    color: #e0f52d;
    font-weight: normal;
	font-family: 'Caveat Brush', cursive;
    font-family: 'Kavoon', cursive;
line-height: 112px;
text-align: left;
text-shadow: rgb(65, 73, 13) 0px 1px 0px,
  rgb(100, 147, 0) 0px 2px 0px,
  rgb(91, 134, 0) 0px 3px 0px,
  rgb(81, 118, 0) 0px 4px 0px,
  rgb(63, 93, 0) 0px 5px 0px,
  rgb(51, 81, 0) 0px 6px 0px,
  rgba(0, 0, 0, 0.199219) 0px 7px 1px,
  rgba(0, 0, 0, 0.296875) 0px 8px 6px;
}
.promo-one h1>span{
    color: #ffda2f;
    font-size:122px;
	font-family: 'Caveat Brush', cursive;
}
.promo-one .promo-text {
	color:#fff;
	}
@media (max-width:767px) {
	.promo-one {
		margin-top:50px !important 
		}
	.promo-one h1 {
		font-size: 66px;
	}
	.promo-one h1>span{
		font-size:55px;
		}
}

.promo-one h3{
    margin-left: 10px;
    font-size: 24px;
    color: #F48C2D;
font-family:"Open_Sans_L";
line-height: 24px;
}
#ticker{
    margin-top: 30px;
}


/*ABOUT*/
.about-info{
    margin-top: 30px;
    font-size: 36px;
    line-height: 42px;
    color: #444;
}
.about-feat{
    padding: 20px;
    color: #fff;
    border-left: solid 10px #F48C2D;
}
.about-feat:hover{
    padding: 20px;
    color: #000;
    border-left: solid 10px #F48C2D;
    transition: all 0.7s ease-in-out 0s;
   transform: scale(1.1);
   z-index: 99 !important;
}
.about-feat h2{
    margin-top: 0px;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
font-family:"Carto_Sans_Bold";
}
.about-feat:hover h2{
    font-size: 24px;
    line-height: 30px;
    color: #F48C2D;
    font-weight: normal;
font-family:"Carto_Sans_Bold";
}
.about-feat h2 > span{
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    color:#F48C2D;
    font-weight: normal;
font-family:"Open_Sans_R";
}
.about-feat h2 > span:before{
    content: ' / ';
    margin-top: 0px;
    font-size: 18px;
    line-height: 24px;
    color:#777;
    font-weight: normal;
font-family:"Open_Sans_R";
}
.about-feat > .team-thumb{
    width: 150px;
    height: 150px;
}
.about-feat > nav{
    padding: 6px;
}
.about-feat > nav > a > img{
    width: 25px;
    height: 25px;
}
.about-feat-01{
    background: #121212 url('../images/icons/a01.png') no-repeat top right; 
}
.about-feat-02{
    background: #121212 url('../images/icons/a02.png') no-repeat top right; 
}
.about-feat-03{
    background: #121212 url('../images/icons/a03.png') no-repeat top right; 
}
.about-feat-04{
    background: #121212 url('../images/icons/a04.png') no-repeat top right; 
}
.about-feat-01:hover{
    background: #eee url('../images/icons/a01h.png') no-repeat top right; 
}
.about-feat-02:hover{
    background: #eee url('../images/icons/a02h.png') no-repeat top right; 
}
.about-feat-03:hover{
    background: #eee url('../images/icons/a03h.png') no-repeat top right; 
}
.about-feat-04:hover{
    background: #eee url('../images/icons/a04h.png') no-repeat top right; 
}
.progress {
    border-radius: 0 0 0 0 !important;
    height: 35px;
}
.progress01 {
    background: none repeat scroll 0 0 #F48C2D !important;
}
.progress02 {
    background: none repeat scroll 0 0 #EA9D59 !important;
}
.progress03 {
    background: none repeat scroll 0 0 #F4BB89 !important;
}
.bar > h5 {
    font-size: 16px !important;
    font-weight: 400;
    margin-left: 10px;
    margin-top: 7px !important;
    text-align: left !important;
    text-shadow: none;
}


/*SERVICES*/
.service-testimonial{
    margin-top: 30px;
    font-size: 22px;
    line-height: 28px;
    color: #ccc;
font-family:"Open_Sans_L";
padding-bottom: 20px;
border-bottom: solid 10px #000;
}
.testimonial-client{
    font-size: 24px;
    line-height: 30px;
    color: #F48C2D;
    margin-bottom: 0px;
}
.testimonial-firm{
    margin-top: 0px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.service-item{
    padding: 20px;
    color: #000;
    background: #fff;
}
.service-item:hover{
    padding: 20px;
    color: #000;
    transition: all 0.7s ease-in-out 0s;
   transform: scale(1.1);
   z-index: 99 !important;
}
.service-item p{
    color: #aaa;
}
.service-item:hover p{
    color: #000;
}
.service-item h2{
    font-size: 36px;
    color: #fff;
    font-weight: normal;
font-family:"Carto_Sans_Bold";
}
.service-item:hover h2{
    font-size: 36px;
    color: #F48C2D;
    font-weight: normal;
font-family:"Carto_Sans_Bold";
}
.service-margin{
    margin-top: 20px;
}
.service-01{
    background: #222 url('../images/icons/a01.png') no-repeat top right; 
}
.service-02{
    background: #222 url('../images/icons/a02.png') no-repeat top right; 
}
.service-03{
    background: #222 url('../images/icons/a03.png') no-repeat top right; 
}
.service-04{
    background: #222 url('../images/icons/a04.png') no-repeat top right; 
}
.service-01:hover{
    background: #eee url('../images/icons/a01h.png') no-repeat top right; 
}
.service-02:hover{
    background: #eee url('../images/icons/a02h.png') no-repeat top right; 
}
.service-03:hover{
    background: #eee url('../images/icons/a03h.png') no-repeat top right; 
}
.service-04:hover{
    background: #eee url('../images/icons/a04h.png') no-repeat top right; 
}


/*SHOWCASE*/
.show-item{
    padding-top: 50px;
    padding-bottom: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:6px;
	/*border-top: solid 2px #eb792c;
	border-left: solid 2px #eb792c;
	border-right: solid 4px #d87329;*/
    border-bottom: solid 4px #d87329;
}
.show-desc h2{
    color: #000;
    font-size: 84px;
    font-family:"Carto_Sans_Bold";
}
.show-desc h5{
    font-size: 14px;
    color: #F48C2D;
    font-weight: normal;
font-family:"Open_Sans_B";
text-transform: uppercase;
    margin-top: 20px;
margin-bottom: 20px;
}
.show-icon{
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}
.show-specs h6{
    margin: 5px 0px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 23px;
    color: #F48C2D;
    font-weight: normal;
    border-bottom: solid 1px #ddd;
}
.show-specs{
    margin-top: 20px;
}
.show-specs h6 > span{
    margin: 5px 0px;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    font-weight: normal;
}
.show-specs h6:last-child{
    border-bottom: none;
}
.show-specs h6 > span a{
    color: #000;
}
.show-specs h6 > span a:hover{
    color: #F48C2D;
    text-decoration: none;
}
.show-btn{
    margin-top: 10px;
    background: none repeat scroll 0 0 #F48C2D;;
    border: 0 solid #ADADAD;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow:none;
    font-weight: normal;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    transition: all 0.2s ease 0s;
}
.show-btn:hover{
    margin-top: 10px;
    background: none repeat scroll 0 0 #000;
    border: 0 solid #ADADAD;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    text-shadow:none;
    font-weight: normal;
    font-family: 'Open Sans',Arial,Sans-Serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    transition: all 0.2s ease 0s;
}
.remove-border{
    border: none !important;
    padding-bottom: 10px !important;
}
.show-item-mid{
    padding-top: 10px;
    padding-bottom: 50px;
    border-bottom: none;
}


/*PORTFOLIO*/
.element{
   background: #000; 
}
.element > img:hover{
    transition: all 0.7s ease-in-out 0s;
   transform: scale(4);
}
.remove-zoom{
     transition: all 0.7s ease-in-out 0s;
   transform: scale(1);
}
.image-view > .element:hover{
   background: #F48C2D url("../images/icons/folio-image.png") no-repeat right top;
   transition: all 0.7s ease-in-out 0s;
   transform: scale(10);
}
.project-view > .element:hover{
   background: #F48C2D url("../images/icons/folio-project.png") no-repeat right top;
   transition: all 0.7s ease-in-out 0s;
   transform: scale(10);
}
.folio-title{
    display: none;
font-family:"Carto_Sans_Bold";
    color: #000;
    font-size: 36px;
    position: absolute;
    bottom: 50px;
    left: 20px;
    transition: all 0.7s ease-in-out 0s;
    vertical-align: middle;
}
.folio-subtitle{
    display: none;
font-family:"Open_Sans_L";
    color: #000;
    font-size: 18px;
    position: absolute;
    bottom: 25px;
    left: 20px;
    transition: all 0.7s ease-in-out 0s;
    vertical-align: middle;
}
#filters li{
line-height: 43px;
}
#filters li a{
    border-radius: 3px;
  padding: 3px 6px;
  margin-right: 3px;
color: #fff;
text-decoration: none;
font-weight: normal;
font-family:"Open_Sans_B";
font-size: 16px;
}

.inner-link a.selected{
  background: #F48C2D !important;
  color: #FFF !important;
}


/*SINGLE PROJECT PAGE*/
.project_page
{
    background-color:#fff;
    width:960px;
}

.project_content
{
    padding:40px 40px 20px;
    width:auto;
}


/*CONTACT*/
input
{
    background:none repeat scroll 0 0 #FFF;
    border-radius:0!important;
    color:gray;
    font-family:Questrial;
    font-size:12px;
    margin-top:20px;
    padding:12px 3%;
    text-transform:uppercase;
    width:94%;
}

input:focus
{
    color:gray;
}

textarea
{
    background:none repeat scroll 0 0 #FFF;
    border-radius:0!important;
    color:gray;
    font-family:Questrial;
    font-size:14px;
    height:133px;
    margin-top:20px;
    padding:12px 3%;
    resize:none;
    text-transform:uppercase;
    width:94%;
}

textarea:focus
{
    color:gray;
}

input.send_message
{
    background:none repeat scroll 0 0 #EF4A4A;
    color:#FFF;
    cursor:pointer;
    float:left;
    font-size:12px;
    font-weight:400;
    margin:0;
    width:120px;
}

input.send_message:hover
{
    background:none repeat scroll 0 0 #262932;
}

.error_message
{
    background-color:#FFE9E9;
    border-color:#FBC4C4;
    border-image:none;
    border-style:solid;
    border-width:1px 1px 1px 5px;
    color:#DE5959;
    float:none;
    font-size:12px;
    line-height:18px;
    margin-bottom:15px;
    padding:15px 40px 15px 18px;
    position:relative;
    width:auto;
}

fieldset
{
    border:0 none;
    float:left;
    padding:0;
    position:relative;
    width:100%;
}

fieldset h1
{
    color:#000;
    font-size:24px;
}
#address-block{
    text-align: right;
}
#address-block > p{
    text-align: left;
    padding: 10px 200px;
}
#address-block > h2{
    color: #F48C2D;
font-family:"Open_Sans_B";
font-size: 64px;
line-height: 72px;
}
#address-block > h3{
font-family:"Open_Sans_L";
font-size: 18px;
line-height: 23px;
padding-bottom: 15px;
}
#address-block > h5 > span{
    padding: 5px 0px;
    border-top: solid 1px #ccc;
    font-weight: normal;
    font-family:"Open_Sans_L";
}
.footer-wrap{
    margin-top: 60px;
    padding: 60px 0px;
    background:#e7c28d url(../images/footer-bg.jpg)
}
.footer-wrap input[type=submit] {
	background-color: #c34e25;
    border: 2px solid #bb4e23;
    padding: 3px 15px;
    margin-top: 11px;
	color:#ffe19a
	}
.footer-wrap input[type=text] {
	max-width:50%;
	}
	
#link-block{
    text-align: left;
}
#link-block > ul{
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}
#link-block > ul > li{
    padding: 5px 0px;
    border-bottom: solid 1px #ccc;
}
#link-block > ul > li:last-child{
    border-bottom: none;
}
#link-block > ul > li > a{
    color: #666;
    text-decoration: none;
}
#link-block > ul > li > a:hover{
    color: #F48C2D;
    text-decoration: none;
}




/* 06 - FOOTER*/
#mastfoot{
    background: #000;
    padding: 20px 0px;
	color:#f4f4f4
}
#mastfoot p {color:#f4f4f4}
.foot-social{
    text-align: right;
    margin-top: 15px;
}
.foot-social a{
    margin-left: 20px;
}
.foot-social a > img{
    opacity: 0.2;
}
.foot-social a > img:hover{
    opacity: 1;
}
#foot-logo{
    width: 120px;
    height: 70px;
}
.twitter-user{
    color: #555;
    font-weight: normal;
font-family:"Open_Sans_B";
}
.twitter-user:hover{
    color: #F48C2D;
}


/* 07 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/

/*MOBILE OPTIMIZATION*/
@media only screen and (max-width: 960px) {
    .moveTop{
        display: none !important;
    }
    .project_page
    {
    width:760px;
    }
}
@media only screen and (max-width: 767px) {
    .moveTop{
        display: none !important;
    }
    body
    {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .container-fluid
    {
        padding-left:30px!important;
        padding-right:30px!important;
    }
    .text-left, .text-right, h1, h2, h3, h4, h5, h6, li, nav{
        text-align: center !important;
    }
   .project_page
    {
    width:600px;
    }
    .promo-one h1 {
    text-align: center;
    }
    .promo-text-inv, .promo-text{
        margin-top: 30px;
    }
    .about-feat{
        margin-top: 10px;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .about-feat p{
        text-align: left !important;
    }
    .team-thumb{
        width: 500px!important;
        height: 500px!important;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
    .about-feat:hover, .service-item:hover{
    transition: none;
   transform:  none;
    }
    .service-item{
        margin-bottom: 20px;
    }
    
    #ticker{
         margin-top:30px;
         background:none;
     }
     .tweet_list li {
         padding-left:0px;
        }
        .band{
            background-image: none !important;
        }
    .about-feat{
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 480px) {
    html, body{
        /*width: 480px !important;*/
        overflow-x:hidden !important;
    }
    .moveTop{
        display: none !important;
    }
    body
    {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .container-fluid
    {
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .text-left, .text-right, h1, h2, h3, h4, h5, h6, li, nav{
        text-align: center !important;
    }
   .project_page
    {
    width:400px;
    }
    .promo-one h1 {
    text-align: center;
    }
    .promo-text-inv, .promo-text{
        margin-top: 30px;
    }
    .about-feat{
        margin-top: 10px;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .about-feat p{
        text-align: left !important;
    }
    .team-thumb{
        width: 300px!important;
        height: 300px!important;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
    .about-feat:hover, .service-item:hover{
    transition: none;
   transform:  none;
    }
    .service-item{
        margin-bottom: 20px;
    }
    .promo-caps-inv {
    font-size: 56px;
    }
    .show-desc h2 {
    font-size: 48px;
    }
    #cboxTitle {
    font-size: 16px;
}
    #ticker{
         margin-top:30px;
         background:none;
     }
     .tweet_list li {
         padding-left:0px;
        }
        .band{
            background-image: none !important;
        }
    .about-feat{
        margin-left: 0px !important;
    }
}

/*Newly added MediaQuery on update v2.1*/
@media only screen and (max-width: 360px) {
    html, body{
        width: 360px !important;
        overflow-x:hidden !important;
    }
    .moveTop{
        display: none !important;
    }
    body
    {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .container-fluid
    {
        padding-left:20px!important;
        padding-right:20px!important;
    }
    .text-left, .text-right, h1, h2, h3, h4, h5, h6, li, nav{
        text-align: center !important;
    }
   .project_page
    {
    width:340px;
    }
    .promo-one h1 {
        font-size: 66px;
    text-align: center;
    }
	.promo-text-inv, .promo-text{
        margin-top: 30px;
    }
    .about-feat{
        margin-top: 10px;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .about-feat p{
        text-align: left !important;
    }
    .team-thumb{
        width: 240px!important;
        height: 240px!important;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
    .about-feat:hover, .service-item:hover{
    transition: none;
   transform:  none;
    }
    .service-item{
        margin-bottom: 20px;
    }
    
    #ticker{
         margin-top:30px;
         background:none;
     }
     .tweet_list li {
         padding-left:0px;
        }
        .band{
            background-image: none !important;
        }
    .about-feat{
        margin-left: 0px !important;
    }
}


@media only screen and (max-width: 320px) {
    html, body{
        width: 320px !important;
        overflow-x:hidden !important;
    }
    .moveTop{
        display: none !important;
    }
    body
    {
        padding-left:0px!important;
        padding-right:0px!important;
    }
    .container-fluid
    {
        padding-left:20px!important;
        padding-right:20px!important;
    }
    .text-left, .text-right, h1, h2, h3, h4, h5, h6, li, nav{
        text-align: center !important;
    }
   .project_page
    {
    width:300px;
    }
    .promo-one h1 {
        font-size: 72px;
    text-align: center;
    }
    .promo-text-inv, .promo-text{
        margin-top: 30px;
    }
    .about-feat{
        margin-top: 10px;
        margin-bottom: 30px !important;
        text-align: center;
    }
    .about-feat p{
        text-align: left !important;
    }
    .team-thumb{
        width: 240px!important;
        height: 240px!important;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }
    .about-feat:hover, .service-item:hover{
    transition: none;
   transform:  none;
    }
    .service-item{
        margin-bottom: 20px;
    }
    
    #ticker{
         margin-top:30px;
         background:none;
     }
     .tweet_list li {
         padding-left:0px;
        }
        .band{
            background-image: none !important;
        }

    .about-feat{
        margin-left: 0px !important;
    }
}




/*Helpers*/
.scrollpos-status{
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #000;
    color: #fff;
    font-size: 10px;
    padding: 2px;

}

/***** HOME PAGE **/
.navMain {
	margin-bottom:30px;
	}
.navWrap {
	overflow:hidden;
	}
.navWrap ul li {
	font-family: 'Mogra', cursive;
	font-size:32px;
	margin:20px 10px 20px 70px;
	line-height:normal;
	list-style-image:url(../images/bullet-green.png);
	border-bottom:1px dotted #999999;
	padding:5px 0
	}
	.navWrap ul li a {
		color:#62405b
		}
@media (max-width:640px) {
	.navWrap ul li {
		text-align:left !important;
		font-size:24px;
		margin:20px 10px 20px 40px;
		list-style-image:url(../images/bullet-green2.png);
		}
	}
/*** end of HOME PAGE **/
.contWrap {
	background-image: url(../images/cont-bg2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 50% center;
	background-size:cover;
	}
	
.contWrap h2 {
	color: #663366;
    font-family: "Roboto Slab",serif;
    font-size: 36px;
    line-height: 122%;
    margin:75px 2px 0;
	}
	@media (max-width:640px) {
		.contWrap h2 {
			margin:5px 10px;
			font-size: 30px;
			}
		}
.contWrap p.ansWrap, .contWrap ul.ansWrap {
	font-family: "Open Sans Condensed",sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 120%;
    margin: 16px 3px 3px;
	}
.contWrap ul li {
	font-family: "Open Sans Condensed",sans-serif;
	margin-left:34px;
	line-height: 120%;
	margin-bottom:10px;
	list-style:decimal
	}
	@media (max-width:640px) {
	.contWrap ul li {
		font-size:24px;
		text-align:left !important
		}
	}
@media (max-width:640px) {
	.contWrap p.ansWrap {
		font-size: 22px;
		}
	}
.Head-Banner {
	overflow:hidden;
	background: rgba(209, 103, 0, .30);
	padding:6px;
	border-bottom-right-radius:10px;
border-bottom-left-radius:10px; 
-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
	}
.footBannMain {
	clear:both;
	overflow:hidden;
	background-color:#ec752d;
	padding:10px 5px;
	background-image:url(../images/foot-bann-bg.jpg)
}
.Foot-Banner {
	border-top-right-radius:10px;
border-top-left-radius:10px; 
	overflow:hidden;
	background: rgba(209, 103, 0, .30);
	padding:6px;
	}
.Foot-Banner-sub {padding:2px;}
.ansPic, .ansPic2 {
	margin-top:75px;
	margin-bottom:6px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	border: 4px solid rgba(255, 255, 255, .5);
	-webkit-background-clip: padding-box; /* for Safari */
	background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
	}
	.ansPic {background: rgba(255, 255, 255, .20);}
	.ansPic2 {background:#fff}
	.ansPic p, .ansPic2 p {
		display:table;
		font-size:18px;
		padding:8px 25px;
		color:#637316;
		margin:10px auto 0;		
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		border:3px solid #fff;
		border-bottom:none;
		text-align:center
		}
		.ansPic p {background: rgba(255, 253, 95, .20);}
		.ansPic2 p {background: rgba(255, 253, 95, .50);}
		.ansPic img, .ansPic2 img {
			margin:0 auto;
			}
	@media (max-width:640px) {
	.ansPic {
		margin-top:20px;
		}
	}
.
ul.deci li {list-style:decimal; list-style-type:decimal}

.clear {clear:both; float:none}

.center-block {
	clear:both;
	margin:5px auto !important;
	float:none !important;
	}
.brdrNone {
	border:none !important;
	}