/*

 *

 * Template Name: Andia

 * Template URI: http://azmind.com

 * Description: Andia - Responsive Agency Template

 * Author: Anli Zaimi

 * Author URI: http://azmind.com

 *

 */





body {

    background: #333333;

    text-align: center;

    font-family: 'Open Sans', Helvetica, Arial, sans-serif;

    color: #888;

    font-size: 12px;

}

body.custom-background {
	background-position: 0 100px !important;
}

.container {
	max-width: none !important;
}

#fullwrap {

	background:url(../img/body_bg.jpg) repeat-x top;

}

#fullwrap .container {

	background:#FFF;

}

.green { color: #00b285 !important; }



.center {

	text-align:center;

}

a {

    color: #00b285;

    text-decoration: none;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    -ms-transition: all .3s;

}



a:hover { color: #000; text-decoration: none; }



strong { font-weight: bold; }



.phone_wrap {

	background:url(../img/phone_bg.png) no-repeat top;

	height: 33px;

    margin-top: 25px;

    padding: 0 30px;

    text-align: center;

}

.phone_wrap p {

	color: #7fffd4;

    font-size: 21px !important;

    font-weight: bold;

    margin-bottom: 0;

    padding: 4px 0 0 !important;

}

#sidebar {

	padding-bottom:0 !important;

}



#footernav {

	background: #242424;

}



/* ----- Header ----- */



.header .navbar {

    margin-bottom: 0;

}



.header .navbar-inner {

    background: #333;

    border: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.header h1 {

    float: left;

    margin: 0;
	
	padding: 0;

    text-align: left;

}



.header a.brand {
	position: relative;
	z-index: 100;
	box-sizing: content-box;
	display: inline-block;
	text-indent: -9999px;
	width: 280px;
	height: 80px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	background: url(../img/logo-2.png) 20px 37px no-repeat;


}



@media screen and (min-width: 768px) {
	
	ul.nav li:hover > ul.dropdown-menu {
    	display: block;
  	}
	
	.navbar ul.nav li > ul.dropdown-menu,
	.nav li ul {
		background-color: #333;
		text-align: left;
		left: 0;
		right: auto;
		margin-top: -3px;
		margin-left: 0;
		padding: 0;
		border-radius: 0;
		border: none;
		width: auto;
		list-style: none;
	}
	
	.nav li li {
		padding: 0;
	}
	
	.navbar ul.nav li > ul.dropdown-menu:before,
	.navbar ul.nav li > ul.dropdown-menu:after {
		display: none;
	}
	
	ul.nav li > ul.dropdown-menu a,
	.header ul.nav li ul a {
		color: #fff;
		padding: 10px 18px;
		display: block;
		clear: both;
		font-weight: normal;
		line-height: 20px;
		white-space: nowrap;
	}

}



.header ul.nav {

    font-size: 14px;

    text-transform: uppercase;

}

@media screen and (max-width: 768px) {
	.header ul.nav, .header ul.nav li li { padding: 0; }
	.header ul.nav li li a { display: block; }

	.nav li:hover > ul,
	.nav li:focus > ul,
	.nav li:active > ul {
		position: relative;
		width: 100%;
		list-style: none;
		margin: 0;
		background: transparent;
		display: block;
	}
}

.header ul.nav li a {

    color: #77ffd4;

    font-size: 11px;

    padding: 30px 18px 10px;

    text-shadow: none;
	
	line-height: 20px;

}

.header ul.nav li.current-page > a,
.header ul.nav li.current_page_item > a {

    padding-top: 25px;

    border-top: 5px solid #000;

    background: #1c1c1c;

}

.header ul.nav li:hover > a,
.header ul.nav li a:hover {

    background: #535252;

    color: #fff;

}

.header ul.nav li a i {

    line-height: 35px;

    color: #aaa;

}

.header ul.nav li a:hover i { color: #fff; }

.nav-collapse.collapse.in {
	border-top: 1px solid #999998;
}


/* ------ Menu Icons ------- */

.menu-icon { display: block; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: 50%; margin: 0 auto 6px; }

.menu-icon.menu-fish 	{ background-image: url(../../images/nav_fishingtrips.png); width: 45px; }
.menu-icon.menu-rates 	{ background-image: url(../../images/nav_rates.png); width: 32px; }
.menu-icon.menu-boat 	{ background-image: url(../../images/nav_ourboats.png); width: 45px; }
.menu-icon.menu-about 	{ background-image: url(../../images/nav_aboutus.png); width: 34px; }
.menu-icon.menu-report 	{ background-image: url(../../images/nav_fishingreports.png); width: 30px; }
.menu-icon.menu-photos 	{ background-image: url(../../images/nav_photos.png); width: 30px; }
.menu-icon.menu-faqs 	{ background-image: url(../../images/nav_faqs.png); width: 28px; }
.menu-icon.menu-destin 	{ background-image: url(../../images/nav_destin.png); width: 28px; }
.menu-icon.menu-booking { background-image: url(../../images/nav_booking.png); width: 24px; }

@media screen and (max-width: 768px) {
	.menu-icon { display: none; }
}


/* ----- Slider ----- */

.slider {

    margin: 0 auto;

    background: #f8f8f8 url(../img/headerbg.jpg) left top repeat;

    -moz-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

}



.flexslider {

    margin-bottom: 0;

    border: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05),

        0 -5px 15px 0 rgba(0,0,0,.05);

    -webkit-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05),

        0 -5px 15px 0 rgba(0,0,0,.05);

    box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05),

        0 -5px 15px 0 rgba(0,0,0,.05);

}



.flexslider .slides img {

	display: block;

    /*height: 400px;*/

    width: 100%;

}



.flex-caption {

	bottom: 279px;

    color: #eaeaea;

    font-size: 17px;

    font-style: italic;

    font-weight: bold;

    line-height: 24px;

    margin: 0 0 0 848px;

    max-width: 920px;

    padding: 10px 20px;

    position: absolute;

    text-align: right;

    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);

}



.title-flex {

	font-size:24px;

	color: #ffff99;

	font-weight: bold;

}





/* ----- Presentation ----- */



.presentation {

	padding-bottom:30px;

	text-align:left;  

}



.presentation h2 {

    font-size: 18px;

    color: #000;

	margin:0;

}



 p {

    font-size: 14px;

	color:#333333;

}

.entry-content .full {
	width: auto;
}

.et_pb_row {
	width: auto;
}

.et_pb_post {
	margin-bottom: 40px;
}

.et_pb_posts a.more-link {
	clear: none;
	text-transform: capitalize;
}

@media screen and (min-width: 981px) {
	#left-area {
		width: 64.833%;
		margin-right: 5.5%;
	}
	
	#sidebar {
		width: 29.666%;
		padding-left: 30px;
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	.et_pb_section .ssocial {
		margin-top: -80px;
		margin-bottom: 60px;
	}
	
	.textwidget .ssocial {
		margin-bottom: 60px;
	}
}

@media screen and (max-width: 768px) {
	.et_pb_section {
		padding-top: 0;
	}
}

.single .main_wrapper {
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../../images/bg.jpg);
	background-color: #343434;
}

#content-area {
    width: 980px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
}

#main-content {
    background-color: transparent;
}

#main-content .container {
    padding: 0;
}

.blogwrap {

	padding:30px 0;

}

.blogimg {

	margin-left:21px;

}

.blogwrap h4 {

	margin:0 !important ;

}



/* ----- Footer ----- */



footer {

    margin: 0 auto;

    padding-bottom: 10px;

    background: #000;

    -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;

    box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset;

}


footer h4 { color: rgb(204,204,204); }



footer .widget {

    margin-top: 20px;

    text-align: left;

}



footer .widget h4 {

    margin-top: 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 14px;

    color: #5d5d5d;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



footer .widget p {

    line-height: 24px;

}



footer .widget i {

    padding-right: 7px;

}







footer .footer-border {

    margin-top: 30px;

    border-top: 1px dashed #ddd;

}



footer .copyright {

    margin-top: 15px;

    text-align: left;

}

footer .copyright p,

footer .copyright p a {

	color:#999;

}

footer .copyright p a:hover {

	color:#FFFF99;

}

footer .social {

    margin-top: 26px;

    text-align: right;

}



footer .social a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 8px; vertical-align: middle; }



footer .social a.twitter { background: url(../img/social-icons/twitter.png) left bottom no-repeat; }

footer .social a.dribbble { background: url(../img/social-icons/dribbble.png) left bottom no-repeat; }

footer .social a.rss { background: url(../img/social-icons/rss.png) left bottom no-repeat; }

footer .social a.pinterest { background: url(../img/social-icons/pinterest.png) left bottom no-repeat; }

footer .social a.flickr { background: url(../img/social-icons/flickr.png) left bottom no-repeat; }

footer .social a.forrst { background: url(../img/social-icons/forrst.png) left bottom no-repeat; }

footer .social a.vimeo { background: url(../img/social-icons/vimeo.png) left bottom no-repeat; }

footer .social a.linkedin { background: url(../img/social-icons/linkedin.png) left bottom no-repeat; }

footer .social a.facebook { background: url(../img/social-icons/facebook.png) left bottom no-repeat; }

footer .social a.email { background: url(../img/social-icons/email.png) left bottom no-repeat; }

footer .social a.github { background: url(../img/social-icons/github.png) left bottom no-repeat; }

footer .social a.behance { background: url(../img/social-icons/behance.png) left bottom no-repeat; }

footer .social a.googleplus { background: url(../img/social-icons/googleplus.png) left bottom no-repeat; }

footer .social a.youtube { background: url(../img/social-icons/youtube.png) left bottom no-repeat; }

footer .social a.skype { background: url(../img/social-icons/skype.png) left bottom no-repeat; }

footer .social a.tumblr { background: url(../img/social-icons/tumblr.png) left bottom no-repeat; }



footer .social a:hover { background-position: left top; }





/* ----- Page title ----- */



.page-title {

    margin: 0 auto;

    padding: 30px 0 35px 0;

    background: #f8f8f8 url(../img/pattern.jpg) left top repeat;

    -moz-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05) inset,

        0 -5px 15px 0 rgba(0,0,0,.05) inset;

    text-align: left;

}



.page-title h2 {

    display: inline;

    margin-left: 10px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 24px;

    color: #5d5d5d;

    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);

    vertical-align: middle;

}



.page-title p {

    display: inline;

    margin-left: 5px;

    font-size: 14px;

    font-style: italic;

    vertical-align: middle;

}



.page-title-icon {

    margin-left: 20px;

    font-size: 46px;

    color: #ccc;

    vertical-align: middle;

}





/********** ----- ABOUT PAGE ----- **********/



/* ----- About us text ----- */



.about-us {

}



.about-us-text {

    padding: 10px 0;

    text-align: left;

}



.about-us-text h4 {

    margin-top: 25px;

    padding: 0 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #5d5d5d;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



.about-us-text p {

    padding: 0 20px;

    line-height: 28px;

    font-size: 13px;

}



/* ----- Meet our team ----- */



.team {

    margin-top: 30px;

}



.team-title {

    background: url(../img/line.png) left center repeat-x;

}



.team-title h3 {

    width: 220px;

    margin: 0 auto;

    background: #fff;

    /*font-family: 'Lobster', cursive;*/

    font-size: 24px;

    color: #5d5d5d;

}



.team-text {

    margin-top: 40px;

    padding-bottom: 20px;

    background: #f8f8f8;

    border-bottom: 2px solid #9d426b;

}



.team-text:hover img {

    opacity: 0.7;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    -ms-transition: all .3s;

}



.team-text:hover {

    box-shadow:

        0 5px 15px 0 rgba(0,0,0,.05),

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -ms-transition: all .5s;

}



.team-text .social-links {

    margin-top: 15px;

}



.team-text .social-links a { display: inline-block; width: 24px; height: 24px; margin: 0 4px; vertical-align: middle; }



.team-text .social-links a.twitter { background: url(../img/social-icons/twitter.png) left top no-repeat; }

.team-text .social-links a.dribbble { background: url(../img/social-icons/dribbble.png) left top no-repeat; }

.team-text .social-links a.pinterest { background: url(../img/social-icons/pinterest.png) left top no-repeat; }

.team-text .social-links a.flickr { background: url(../img/social-icons/flickr.png) left top no-repeat; }

.team-text .social-links a.forrst { background: url(../img/social-icons/forrst.png) left top no-repeat; }

.team-text .social-links a.vimeo { background: url(../img/social-icons/vimeo.png) left top no-repeat; }

.team-text .social-links a.linkedin { background: url(../img/social-icons/linkedin.png) left top no-repeat; }

.team-text .social-links a.facebook { background: url(../img/social-icons/facebook.png) left top no-repeat; }

.team-text .social-links a.email { background: url(../img/social-icons/email.png) left top no-repeat; }

.team-text .social-links a.behance { background: url(../img/social-icons/behance.png) left top no-repeat; }

.team-text .social-links a.googleplus { background: url(../img/social-icons/googleplus.png) left top no-repeat; }

.team-text .social-links a.youtube { background: url(../img/social-icons/youtube.png) left top no-repeat; }

.team-text .social-links a.skype { background: url(../img/social-icons/skype.png) left top no-repeat; }

.team-text .social-links a.tumblr { background: url(../img/social-icons/tumblr.png) left top no-repeat; }



.team-text .social-links a:hover { background-position: left bottom; }



.team-text h4 {

    margin-top: 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 14px;

    color: #5d5d5d;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



.team-text p {

    line-height: 24px;

    font-style: italic;

}





/********** ----- CONTACT PAGE ----- **********/



/* ----- Form ----- */



.contact-us {

    margin-top: 20px;

    padding-bottom: 50px;

    text-align: left;

}



.contact-us h4 {

    margin-top: 25px;

    padding: 0 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #5d5d5d;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



.contact-us p {

    padding: 0 20px;

    line-height: 28px;

    font-size: 13px;

}



.contact-form {

    padding: 10px 0;

}



.contact-form p {

    margin-top: 15px;

}



.contact-us form {

    margin-top: 25px;

    padding: 0 20px;

}



.contact-us form input, .contact-us form textarea {

    width: 90%;

    height: 24px;

    border: 1px solid #ddd;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    font-family: 'Open Sans', Helvetica, Arial, sans-serif;

    color: #888;

    font-size: 13px;

    font-style: italic;

}



.contact-us form input:focus, .contact-us form textarea:focus {

    border: 1px solid #bbb;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.contact-us form textarea {

    height: 160px;

}



.contact-us form button {

    width: 120px;

    height: 30px;

    margin-top: 15px;

    background: #9d426b;

    border: 0;

    font-family: 'Open Sans', Helvetica, Arial, sans-serif;

    font-size: 13px;

    color: #fff;

    -moz-box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -o-transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    -ms-transition: all .3s;

}



.contact-us form button:hover {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.contact-us form button:active {

    -moz-box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

}



.contact-us form label {

    margin-top: 10px;

    font-size: 13px;

}



.contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder { color: #ccc; }

.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder { color: #ccc; }

.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder { color: #ccc; }



/* ----- Google maps ----- */



.map {

    margin: 20px 20px 40px 20px;

    height: 300px;

    border: 5px solid #f8f8f8;

}





/********** ----- SERVICES PAGE ----- **********/



/* ----- Services full width text ----- */



.services-full-width {

    margin-top: 20px;

}



.services-full-width-text {

    padding: 10px 0 0 0;

    text-align: left;

}



.services-full-width-text h4 {

    margin-top: 25px;

    padding: 0 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #5d5d5d;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



.services-full-width-text p {

    padding: 0 20px;

    line-height: 28px;

    font-size: 13px;

}



/* ----- Services half width text ----- */



.services-half-width {

    margin-top: 20px;

}



.services-half-width-text {

    padding: 10px 0;

    text-align: left;

}



.services-half-width-text .wrap {

	background: #fff none repeat scroll 0 0;

    margin: 0 25px 0 0;

    padding: 8px 0;

}



.services-half-width-text h4 {

    margin-top: 25px;

    padding: 0 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #5d5d5d;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



.services-half-width-text p {

    padding: 0 20px;

    line-height: 28px;

    font-size: 13px;

}



/* ----- Call to action ----- */



.call-to-action {

    margin-top: 20px;

    padding-bottom: 50px;

}



.call-to-action-text {

    padding: 25px 0 20px 0;

    text-align: left;

    background: #f8f8f8;

    overflow: hidden;

}



.call-to-action-text:hover {

    box-shadow:

        0 3px 10px 0 rgba(0,0,0,.05),

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    -ms-transition: all .5s;

}



.call-to-action-text .ca-text, .call-to-action-text .ca-button {

    float: left;

    padding: 0 0 0 35px;

    line-height: 30px;

    font-size: 18px;

    font-style: italic;

}



.call-to-action-text .ca-button {

    float: right;

    padding: 0 35px 0 0;

}



.call-to-action-text .ca-button a {

    padding: 5px 22px;

    background: #9d426b;

    color: #fff;

    text-decoration: none;

    -moz-box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 1px 25px 0 rgba(0,0,0,.05) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

}



.call-to-action-text .ca-button a:hover {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.call-to-action-text .ca-button a:active {

    -moz-box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    -webkit-box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

    box-shadow:

        0 5px 10px 0 rgba(0,0,0,.15) inset,

        0 -1px 25px 0 rgba(0,0,0,.05) inset;

}





/********** ----- PORTFOLIO PAGE ----- **********/



.portfolio-page {

    padding-bottom: 50px;

}



.portfolio-page h4.filter-portfolio {

    margin-top: 35px;

    padding: 0 20px;

    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #5d5d5d;

    text-align: left;

    text-transform: uppercase;

    text-shadow: 0 1px 0 rgba(255,255,255,.7);

}



ul.portfolio-img {

    margin: 0;

    overflow: hidden;

}



ul.portfolio-img li {

    list-style: none;

}



.filter-portfolio a { color: #5d5d5d; text-decoration: none; }

.filter-portfolio a:hover { color: #9d426b; text-decoration: none; }



.filter-portfolio a#active-imgs { color: #9d426b; }

.filter-portfolio a#active-imgs:hover { color: #5d5d5d; }









/* ----- Media queries ----- */



@media (min-width: 980px) and (max-width: 1200px) {

    .flex-caption {

        max-width: 700px;

    }



    .what-we-do .service p, .portfolio .work p {

        padding-left: 10px;

        padding-right: 10px;

    }



    .call-to-action-text {

        padding-bottom: 30px;

    }



    .call-to-action-text .ca-text {

        padding: 0 35px;

    }



    .call-to-action-text .ca-button {

        margin-top: 10px;

    }



}



@media (min-width: 768px) and (max-width: 979px) {



    .header ul.nav li a {

        padding: 17px 18px 10px;

        font-weight: normal;

        text-align: left;

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        border-radius: 0;

		font-size:14px;

    }



    .header ul.nav li.current-page a {

        padding-top: 15px;

    }



    .header ul.nav li a i, .header ul.nav li a br, .header ul.nav li a img {

        display: none;

    }



    .flex-caption {

        max-width: 500px;

    }



    .what-we-do .service p, .portfolio .work p {

        padding-left: 10px;

        padding-right: 10px;

    }

	.what-we-do .span3 {

		width:88.404255%;

		*width:88.404255%;

	}

    .call-to-action-text {

        padding-bottom: 30px;

    }



    .call-to-action-text .ca-text {

        padding: 0 35px;

    }



    .call-to-action-text .ca-button {

        margin-top: 10px;

    }

	.portfolio-title h3 {

		width: 88%;

	}

	.header a.brand {

		max-width: 100%;

	}



}



@media (max-width: 767px) {



    body {

        padding-left: 0;

        padding-right: 0;

    }



    .slider, .what-we-do, .portfolio {

        padding: 0 20px;

    }



    .what-we-do {

        margin-top: 30px;

    }



    .header ul.nav li a {

        padding: 17px 18px 10px;

        font-weight: normal;

        text-align: left;

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        border-radius: 0;

		font-size:14px;

    }

	.navbar .btn-navbar {

		float:left;

	}

    .header ul.nav li.current-page a,
	.header ul.nav li.current_page_item a {

        padding-top: 15px;

    }

	.header a.brand {

		max-width: 100%;

	}

    .header ul.nav li a i, .header ul.nav li a br, .header ul.nav li a img {

        display: none;

    }



    .flex-caption {

        display: none;

    }



    .presentation, footer, .testimonials {

        padding-left: 20px;

        padding-right: 20px;

    }



    .presentation p {

        line-height: 30px;

    }



    .what-we-do .service p, .portfolio .work p {

        padding-left: 10px;

        padding-right: 10px;

    }

	.what-we-do .span3 {

		width:88.404255%;

		*width:88.404255%;

	}    

	.what-we-do .service .icon-awesome {

        padding-top: 10px;

    }

	.portfolio-title h3 {

		width: 88%;

		font-size:100%;

	}

    .page-title p {

        display: block;

        margin-top: 10px;

        margin-left: 20px;

    }



    .call-to-action-text {

        padding-bottom: 30px;

    }



    .call-to-action-text .ca-text {

        padding: 0 35px;

    }



    .call-to-action-text .ca-button {

        margin-top: 10px;

    }



    .portfolio-page {

        padding-bottom: 50px;

    }



    .tweet_list {

        height: 6em;

    }



}



@media (max-width: 480px) {



    .tweet_list {

        height: 10em;

    }

	.navbar .btn-navbar {

		float:left;

	}



}









/* ----- Footer Navigation ----- */

.footwrap {

	background: #242424;

}

#footnav {

	list-style: none;

	display: block;

    margin: 0;

    padding: 0;

    text-align: center;

}

#footnav li {

	display: inline-block;

    list-style: outside none none;

}

	

#footnav li.current a {color: #9b9796;}

#footnav li.current a:hover {color: #111;}



#footnav a {

  color:#fff99;

  text-decoration: none;

  padding:0 5px;

  display: block;

}

#footnav a:hover,

footer a:hover {

  color: #ccc ;

}



footer a {

	color:#ffff99;

}



.pnumber {

	font-size:24px;

	color: #ffff99;

	font-weight:bold;

}

.whitetext {

	color:#FFF !important;

}

.yellowtext {

	color: #ffff99 !important;

}

.f18 {

	font-size:18px;

}

.f24 {

	font-size:24px;

}

.f28 {

	font-size:28px;

}

@media screen and (min-width: 42.5em) {

  #footnav {

    padding: 1.5em 0;

    border-bottom: 1px solid #878382;

    overflow: hidden;

  }

  #footnav li {

	  border: 0;

	  background:none;

	  display:inline;

	}

  #footnav a {

    padding: 0.75em 0 0.75em 5%;

    float: left;

    background-color: none;

    background-image: none;

    border-width: 0;

  }

		

  #footnav a:hover {

  }

}



@media screen and (min-width: 56em) {

  #footnav a {padding: 0.75em 1.5em 0.75em 5%;}

}



@media screen and (min-width: 64em) {

  footer .credit {

    padding: 0.75em 0;

  }

	

  #footnav {

    margin-right: 5%;

    background: transparent;

    border: 0;

    padding: 1em 0;

  }



  #footnav li {

	  display: inline;

	}

  #footnav a {

    padding: 0.5em 1.25em;

	background-color:none;

	background-image:none;

  }

  #footnav a:hover {

    color: #777

  }

		

  #footnav li.current a:hover {color: #777;}

  #footnav li:last-child a {padding-right: 0;}

}



@media screen and (min-width: 75em) {

  #footnav a {padding: 0.5em 1.75em;}

}

	

/* --- Additional Styles --- */

#socialwrap {

	background:url(../img/social_bg.png) right top no-repeat;

	height:43px;

	float:right

}

#socialwrap ul {

	float:right;

	margin: 10px 26px 0 0;

}

#socialwrap li {

	list-style:none;

	display:inline-block;

}

#socialwrap a.twitter { background: url(../img/social-icons/twitter_gray.png) left bottom no-repeat; }

#socialwrap a.facebook { background: url(../img/social-icons/facebook_gray.png) left bottom no-repeat; }

#socialwrap a.googleplus { background: url(../img/social-icons/googleplus_gray.png) left bottom no-repeat; }

#socialwrap a.youtube { background: url(../img/social-icons/youtube_gray.png) left bottom no-repeat; }

#socialwrap a:hover { background-position: left top; }

#socialwrap a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 8px; vertical-align: middle; }



a.btn_go {

	background:url(../img/btn_go.jpg) no-repeat center -32px;

	display: block;

}

a.btn_go:hover {

	background-position: center 0;

}

a.btn_go span {

	text-indent: -9999px;

	display: block;

}

.navbar .btn-navbar {

	margin-bottom:10px;

}

.navbar .nav > li > a:focus {

	color:#FFF;

}



.rightset12{margin-right:980px;}

.rightset11{margin-right:900px;}

.rightset10{margin-right:820px;}

.rightset9{margin-right:740px;}

.rightset8{margin-right:660px;}

.rightset7{margin-right:580px;}

.rightset6{margin-right:500px;}

.rightset5{margin-right:420px;}

.rightset4{margin-right:340px;}

.rightset3{margin-right:260px;}

.rightset2{margin-right:180px;}

.rightset1{margin-right:100px;}

.rightset0{margin-right:50px;}



.panel h3 {

	font-size: 20px;

    line-height: 20px;

    margin: 0;

    padding: 5px;

}

.panel h3 a {

	color: #333;

}

.panel h4 {

	font-size: 15px;

    font-weight: normal;

    line-height: 22px;

    margin: 5px 0;

    padding: 5px;

    text-transform: none;

}

.list-bullet {

	margin:30px 0 30px 30px;

}

.list-bullet li {

	font-size: 14px;

    list-style: outside none disc;

    padding: 7px 0;

}