/* GENERIC STYLES AND TYPOGRAPHY */
* {
  z-index: 9;
}
body {
  font-family: 'Droid Serif', serif; color: #fff; line-height: 24px;
}
h1, h2, h3, blockquote span, nav a, .resp-tabs-list li, .nolink {
  font-family: 'Montserrat', sans-serif; text-transform: ; color: #fff; word-wrap: normal; -webkit-hyphens: manual; hyphens: manual;
}
h4, h5, h6 {
  font-family: 'Droid Serif', serif; color: #fff; font-style: italic;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 {
  color: #333;
}
body .light, .light a, h3.delta a, .light blockquote, .light p, .light blockquote span {
  color: #555;
}
.light a{color: #b53b3b;}
body.curtains-enabled .light, body.curtains-enabled .light a, 
body.curtains-enabled .light blockquote, body.curtains-enabled .light p, 
body.curtains-enabled .light blockquote span,body.curtains-enabled .light h1, 
body.curtains-enabled .light h2, body.curtains-enabled .light h3, 
body.curtains-enabled .light h4, body.curtains-enabled .light h5, 
body.curtains-enabled .light h6{
  color: #FFF;
}
article ol, article ul, aside ul, aside ol, footer ul, footer ol {
  padding: 20px 20px 20px 40px;
}
aside ul, aside ol, footer ul, footer ol {
  padding: 0 0 20px 10px;
}
article li, aside li, footer li {
  margin-bottom: 8px;
}
article ul {
  list-style-type: disc;
}
aside li, footer li {
  border-bottom: 1px solid #bdc3c7; padding-bottom: 6px;
}
article ol, aside ol, footer ol {
  list-style-type: decimal;
}
aside, footer, .subfooter {
  font-size: 80%;
}
aside i, footer i {
  left: -10px;
}
aside .block h2, footer h2 {
  padding-top: 10px;
}
aside .block h2 {
  border-bottom: 1px solid #444; padding-bottom: 10px; display: inline-block;
}
aside .block h2:after {
  position: absolute; bottom: -3px; left: 0; content: ''; width: 50px; height: 2px; background: url(../rgba.php?r=0&g=0&b=0&a=30) repeat; background: rgba(0,0,0,0.3);
}
footer{
	margin-top: 20px;
}
footer h2 {
  border-bottom: 1px solid #bdc3c7; padding-bottom: 10px; display: inline-block;
}
footer h2:after {
  position: absolute; bottom: -3px; left: 0; content: ''; width: 50px; height: 2px; background: url(../rgba.php?r=255&g=255&b=255&a=30) repeat; background: rgba(255,255,255,0.3);
}
pre {
  background: #ecf0f1; padding: 15px 30px; margin-bottom: 20px;
}
pre:before {
  font-family: 'FontAwesome'; content: '\f15c'; position: absolute; bottom: 35px; right: 10px; font-size: 90px; color: url(../rgba.php?r=0&g=0&b=0&a=10) repeat; color: rgba(0,0,0,0.1); font-style: normal; z-index: -1;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
a {
  color: #ecf0f1; text-decoration: none;
}
.breadcrumbs a {
  border-bottom: 1px solid #ecf0f1;
}
.light a:hover {
  color: #000;
}
a:hover {
  color: #fff;
}
blockquote {
  padding: 10px 40px 30px; font-style: italic; font-size: 120%; margin-top: 30px; line-height: 28px;
}
blockquote p {
  margin-bottom: 0;
}
blockquote:before {
  font-family: 'FontAwesome'; content: '\f10d'; position: absolute; top: 20px; left: 0; font-size: 90px; color: url(../rgba.php?r=0&g=0&b=0&a=10) repeat; color: rgba(0,0,0,0.1); font-style: normal; z-index: -1;
}
blockquote span {
  display: block; letter-spacing: 3px; font-size: 70%; font-style: normal; padding-top: 10px;
}
.button {
  display: inline-block; background: url(../rgba.php?r=0&g=0&b=0&a=20) repeat; background: rgba(0,0,0,0.2); padding: 1px 10px; font-style: italic; margin: 0 10px;
}
.button:hover {
  background: url(../rgba.php?r=0&g=0&b=0&a=35) repeat; background: rgba(0,0,0,0.35);
}
.light .button {
  color: #fff;
}
.light .button:hover {
  color: #fff;
}
input, textarea {
  border: 0; background: url(../rgba.php?r=0&g=0&b=0&a=35) repeat; background: rgba(0,0,0,0.35); height: 26px; font-size: 15px; padding: 0 20px; color: #fff;
}
.icons-ul li {
  margin-bottom: 14px;
}
hr {
  width: 100%; height: 1px; background: #e5e5e5; border: none; margin: 5px 0 25px;
}
.col1-1 hr {
  margin-bottom: 5px;
}
#user-login .fb_user-login-button-wrapper{
	padding: 30px 0 20px;
}
footer .wrapper{
	padding-top: 20px;
}

.messages a{
	color: #e0b50e;
}
/* END GENERIC STYLES AND TYPOGRAPHY */

/* NAV STYLES */

section.social {
  background: url(../rgba.php?r=0&g=0&b=0&a=70) repeat; background: rgba(0,0,0,0.5);
}
nav {
  position: fixed; left: 0; width: 100%; height: 60px; background: url(../rgba.php?r=224&g=181&b=14&a=50) repeat; background: rgba(224,181,14,0.5); z-index: 999;box-shadow: 0px 0px 10px #1a1a1a;
}
nav * {
  z-index: 999;
}
nav .wrapper {
  padding: 13px 0 0 0;
}
nav .menu {
  float: right; margin-top: -1px;
}
nav li {
  float: left;
}
nav li a, nav .menu li span.nolink {
  padding: 7px 10px 6px; display: block; background: url(../rgba.php?r=0&g=0&b=0&a=50) repeat; background: rgba(0,0,0,0.5); margin-left: 6px; font-size: 12px;
}
nav li a.active, nav li a:hover {
  background: url(../rgba.php?r=0&g=0&b=0&a=40) repeat; background: rgba(0,0,0,0.4); color: #fff;
}
#nav-toggle {
  float: right; font-size: 24px; padding-top: 4px;
}
nav ul ul {
  display: none; padding-top: 11px;
}
nav li ul li {
  display: block; float: none;
}
.curtains li .wrapper {
  padding-top: 155px;
}
.curtains li .center-block .wrapper {
  padding-top: 0;
}

.content table { border: 1px solid #ccc; border-top-color: #2980b9; margin: 20px 0; width: 100%;
}
.content table a:link, table a:visited, table a:active { color: #e0b50e; 
}
.content table a:hover { color: gray; }
.content th, .content th a{ background: #8e44ad; padding: 5px 10px; text-align: left; color: white;
}
.content tr { background: #fafafa; border-bottom: 1px solid #ccc; }
.content tr.alt { background: #f9f9f9; }
.content td { padding: 8px;vertical-align: top; }

.content ul, .content ol{
	padding-bottom: 25px;
}
.content ul li{
	margin-left: 25px;
	list-style: disc;
}
.content ol li{
	margin-left: 35px;
	list-style: decimal;
}
ol.curtains li{
	margin-left: 0;
}

/* END NAV STYLES */

/* HOME */

.front #section-1 { 
  background: url('../img/home.jpg') 50% 0 no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.social {
  position: fixed; left: 0; width: 100%; top: 0; z-index: 99;
}
.social .wrapper, .subfooter .wrapper {
  padding: 10px 0 11px;
}
.subfooter.wrapper {
  margin-bottom: 0;
}
.subfooter p {
  margin: 0;color: black;
}
.social .col1-2, .subfooter .col1-2 {
  margin-bottom: 0;
}
.social li, .subfooter li {
  display: inline-block;
}
.social li a.button, .subfooter li a.button {
  background: url(../rgba.php?r=0&g=0&b=0&a=35) repeat; background: rgba(0,0,0,0.35); font-style: normal; min-width: 20px; text-align: center;
}
.social li a.button:hover, .subfooter li a.button:hover {
  background: url(../rgba.php?r=0&g=0&b=0&a=50) repeat; background: rgba(0,0,0,0.5);
}
.social li:last-child a.button, .subfooter li:last-child a.button {
  margin-right: 0;
}
.social .form-item{
	float: right;
	margin: 0px;
}
footer pre {
  padding: 0; background: none;
}
footer pre:before {
  display: none;
}
.breadcrumbs * {
  letter-spacing: 2px;
}
.breadcrumbs span {
  font-style: italic;
}
.cover {
  text-align: center;
}
.team .cover {
  text-align: left;
}
.front .cover i, #preloader i, .curtains span.icon-anchor {
  color: url(../rgba.php?r=0&g=0&b=0&a=50) repeat; color: rgba(0,0,0,0.5); font-size: 400px; position: absolute; left: 0; right: 0; top: -120px; z-index: 1;
}
.icon-huge {
  color: url(../rgba.php?r=0&g=0&b=0&a=20) repeat; color: rgba(0,0,0,0.2); font-size: 400px;	
}
.front .cover h3 {
  position: absolute; bottom: 0; margin: 0 auto; left: 50%; margin-left: -68px; padding-bottom: 20px;
}
.front .cover h3 a {
  padding: 20px; background: url(../rgba.php?r=0&g=0&b=0&a=50) repeat; background: rgba(0,0,0,0.5);
}
.front .cover h3 a:hover {
  background: url(../rgba.php?r=0&g=0&b=0&a=70) repeat; background: rgba(0,0,0,0.7);
}
.center-block {
  position: relative;
}
.hgroup {
  display: inline-block; padding: 14px 24px 19px; border-top: 1px solid rgba(0,0,0,0.8); border-bottom: 1px solid rgba(0,0,0,0.8);background: url(../rgba.php?r=0&g=0&b=0&a=70) repeat; background: rgba(0,0,0,0.7);width: 100%;
}
#overflow-animate {
  overflow: hidden; height: 70px;
}
#animate-container {
  position: relative;
}
iframe{
	background-color: white;
	border:none; overflow:hidden; width:100%; height:630px;
}

/* END HOME */

/* SECTION 3 */

.popup-link {
  display: block;
}
.popup-link i {
  position: absolute; top: 20px; left: 20px; color: #333; font-size: 38px; width: 60px; height: 60px; background: #fff; text-align: center; line-height: 62px;
}

/* HELPER CLASSES */
.remove-bottom {
  margin-bottom: 0;
}
.subtitle {
  opacity: 0.7;
}
.centered {
  text-align: center;
}
.largetoppadding {
  padding-top: 120px;
  box-shadow: 0px 0px 10px #1a1a1a;
}
.floatright {
  float: right; margin-right: 0; margin-left: 4%;
}
.floatleft {
  float: left;
}
.padding {
  padding: 12px 0;
}
/* END HELPER CLASSES */

/* Tabs */
ul.tabs{
	height: 28px;
}
ul.tabs li a{
	padding: 8px;
}

/* End Tabs */

/* ANIMATION MENU */
.c-menu {
  position: fixed; bottom: 0; margin-left: 50%; left: -90px;
}
.front .c-menu {
  bottom: -30px;
}
.c-menu.normal {
  left: auto; right: 30px; margin: 0; position: absolute; bottom: auto; top: 0;
}
.c-menu li {
  float: left; margin: 0; padding: 0;
}
.c-menu li a, .pagination a {
  background: url(../rgba.php?r=0&g=0&b=0&a=50) repeat; background: rgba(0,0,0,0.5); color: #fff; width: 60px; height: 30px; display: block; text-align: center; line-height: 30px;
}
.c-menu li a:hover, .pagination a:hover, .pagination a.active {
  background: url(../rgba.php?r=0&g=0&b=0&a=70) repeat; background: rgba(0,0,0,0.7); color: #fff;
}

/* BLOG */

.meta, .pagination {
  font-size: 14px; border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); display: inline-block; padding: 15px 0;
}
.light .meta, .light .pagination {
  border-color: rgba(0,0,0,0.3);
}
.blog #section-1 {
  background: url('../img/portfolio.png') repeat;
}
.pagination {
  margin-top: 70px;
}
.pagination li {
  display: inline-block;
}
.blog article, .portfolio article, .node-teaser {
  border-bottom: 1px solid #bdc3c7; margin-bottom: 45px; padding-bottom: 25px;
}
.blog.single article, .portfolio.single article {
  border-bottom: none; padding-bottom: 0; margin-bottom: 35px;
}
.comment-count {
  border-top: 1px solid #bdc3c7; padding-top: 30px;
}
#comments li, #comments .comment {
  border-top: 1px solid #bdc3c7; margin-bottom: 30px; padding-top: 30px;
}
.indented{
  margin-left: 0;
  position: relative;
}
#comments .indented .comment{
  border-top: 0 none;
}
#comments ul.children li ,.indented{
  border-top: none; padding-top: 0; padding-left: 5%; margin-left: 5%; border-left: 1px solid #bdc3c7;
}
#comments ul.children li:before,.indented .comment:before {
  content: ''; position: absolute; top: 45px; left: 0; width: 5%; height: 1px; background: #bdc3c7;
}
#commentform, #contactform {
  border-top: 1px solid #bdc3c7; padding: 35px 0;
}
#commentform div.floatleft {
  width: 30%;
}
#commentform input, #commentform textarea, #contactform input, #contactform textarea, #main .form-text, #main .form-submit, .form-textarea {
  background: #ecf0f1; color: #333;
}
#commentform input, #contactform input{
  float: left; display: block; clear: left; width: 100%; margin-bottom: 10px;
}
#commentform textarea {
  float: right; width: 68%; min-height: 153px; padding: 14px 60px 20px 20px;
}
#contactform textarea {
  width: 100%; min-height: 153px; padding: 14px 60px 20px 20px;
}
#commentform input.submit, #contactform input.submit {
  float: right; width: auto; padding: 0 30px;
}
#contactform input.submit {
  float: left; margin-top: 3px;
}
#commentform input.submit:hover, #contactform input.submit:hover , #main .form-submit:hover{
  background: #bdc3c7; cursor: pointer; color: #fff;
}
li .one_sixth {
  text-align: center;
}
.author {
  margin: 10px 0 35px; padding: 20px 30px 5px; background: #ecf0f1;
}
.author img {
  margin: 0 30px 20px 0;
}
ul.tagcloud {
  padding: 0;
}
ul.tagcloud li,a.tagclouds {
  padding: 0; margin: 0 6px 7px 0; border: 1px solid #ecf0f1; display: inline-block;
}
ul.tagcloud li a,a.tagclouds {
  padding: 3px 7px 2px; display: inline-block;
}
footer dl {
  border-bottom: 1px solid #ecf0f1; margin-bottom: 10px;
}
footer dt {
  float: left; margin: 3px 15px 0 0;
}
footer dd {
  vertical-align: top; line-height: 19px; margin-bottom: 6px;
}

/* END BLOG */


/* TEAM */

.team #section-1 {
  background: url('../img/team1.jpg') 50% 0 no-repeat; 
}
.team #section-2 {
  background: url('../img/team3.jpg') 50% 0 no-repeat; 
}
.team #section-3 {
  background: url('../img/team4.jpg') 50% 0 no-repeat; 
}
.team #section-4 {
  background: url('../img/team2.jpg') 50% 0 no-repeat; 
}

/* END TEAM */


/* PRICING */

.pricing #section-1 {
  background: url('../img/pricing.jpg') 50% 0 no-repeat; 
}

/* END PRICING */


/* ABOUT */

.team-block {
  margin-bottom: 10px;
}
.team-block h3 {
  position: absolute; bottom: 15px; left: 10px; color: #fff; z-index: 10; margin-bottom: 0; letter-spacing: 1px;
}

/* END ABOUT */


/* GALLERY */

.gallery-title {
  bottom: 0; left: 0; position: absolute;
}
.gallery-title h3 {
  margin-bottom: 5px;
}
.gallery-title h6 {
  font-size: 85%;
}
.gallery-title.right {
  left: auto; right: 0; text-align: right;
}

/* END GALLERY */


/* PORTFOLIO */
.cover {
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.portfolio .cover { 
  background: url('../img/blog.jpg') 50% 0 no-repeat; 
}
.recent-projects {
  padding-bottom: 50px;
}
.recent-title {
  background: url(../rgba.php?r=0&g=0&b=0&a=40) repeat; background: rgba(0,0,0,0.4); width: 100%; min-height: 72px; position: absolute; bottom: 7px; left: 0;
}
.recent-projects a h3, .recent-projects a h6 {
  position: absolute; bottom: 35px; left: 15px; color: #fff; margin-bottom: 0;
}
.recent-projects a h6 {
  bottom: 20px; font-size: 12px;
}

/* END PORTFOLIO */

/* CONTACT PAGE */

#map {
  position: absolute; width: 100%; height: 100%;
}
.contact .largetoppadding {
  padding-top: 360px;
}
.background-wrapper {
  background: url(../rgba.php?r=0&g=0&b=0&a=30) repeat; background: rgba(0,0,0,0.35); display: inline-block; float: left; clear: left; padding: 10px;
}
.background-wrapper * {
  color: #fff !important;
}
#map img {
  max-width: auto !important;
}
/* END CONTACT PAGE */


/* Colours */

.turquoise {
  background: #1abc9c;
}
.emerald {
  background: #2ecc71;
}
.river {
  background: #3498db;
}
.amethyst {
  background: #9b59b6;
}
.asphalt {
  background: #34495e;
}
.sea {
  background: #16a085;
}
.nephritis {
  background: #27ae60;
}
.blue {
  background: #2980b9;
}
.wisteria {
  background: #8e44ad;
}
.midnight {
  background: #2c3e50;
}
.sunflower {
  background: #f1c40f;
}
.carrot {
  background: #e67e22;
}
.alizarin {
  background: #e74c3c;
}
.clouds {
  background: #ecf0f1;
}
.concrete {
  background: #95a5a6;
}
.orange {
  background: #f39c12;
}
.pumpkin {
  background: #d35400;
}
.pomegranate {
  background: #c0392b;
}
.silver {
  background: #bdc3c7;
}
.asbestos {
  background: #7f8c8d;
}

/* END COLOURS */

/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: white; z-index: 99999; text-align: center; }
#preloader img{
	margin-top: 100px;
}
#preloader h2 {
  position: absolute; left: 0; right: 0; top: 50%; margin-top: -25px; color: url(../rgba.php?r=0&g=0&b=0&a=30) repeat; color: rgba(0,0,0,0.3);
}
#preloader i {
  color: url(../rgba.php?r=0&g=0&b=0&a=10) repeat; color: rgba(0,0,0,0.1); top: 50%; margin-top: -242px;
}
#status { width: 32px; height: 32px; position: absolute; left: 42%; top: 50%; margin: -86px 0 0 -16px; }
.windows8 { position: relative; width: 32px; height: 32px; }
.windows8 .wBall { position: absolute; width: 30px; height: 30px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; z-index: 999999;}
.windows8 .wBall .wInnerBall { position: absolute; width: 4px; height: 4px; background: #fff; left: 0px; top: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.windows8 #wBall_1 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; }
.windows8 #wBall_2 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; }
.windows8 #wBall_3 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; }
.windows8 #wBall_4 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; }
.windows8 #wBall_5 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
@-moz-keyframes orbit { 
  0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }
30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }
39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }
70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }
75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }
76% { opacity: 0; -moz-transform: rotate(900deg); }
100% { opacity: 0; -moz-transform: rotate(900deg); }
}
@-webkit-keyframes orbit { 
  0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }
30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }
39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }
70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }
75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }
76% { opacity: 0; -webkit-transform: rotate(900deg); }
100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-ms-keyframes orbit { 
  0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }
30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }
39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }
70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }
75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }
76% { opacity: 0; -ms-transform: rotate(900deg); }
100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-o-keyframes orbit { 
  0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }
30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }
39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }
70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }
75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }
76% { opacity: 0; -o-transform: rotate(900deg); }
100% { opacity: 0; -o-transform: rotate(900deg); }
}
@keyframes orbit { 
  0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }
7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }
30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }
39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }
70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }
75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }
76% { opacity: 0; transform: rotate(900deg); }
100% { opacity: 0; transform: rotate(900deg); }
}
/* End Preloader*/

/* COD Profile*/
.profile{
	margin: 20px;
}
.profile .picture{
	border: 0;
	padding: 20px 0;
}
#main .field-label{
	padding: 16px 0 10px;
}
#main .field-item{
	padding-left: 10px;
}
.profile h3{
	padding-top: 20px;
}

/* End COD Profile*/

/* Shopping Cart */
.cart-contents table{
	margin-top: 0;
}
.cart-contents .views-table tr { background: #242524;}

/* End Shopping Cart */
/*--------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1160px) {

  .wrapper { width:1160px; position:relative; margin:0px auto; }
  .col1-1 { width:1140px; margin:0px 10px 20px; }
  .col1-2 { width:550px; margin:0px 10px 20px; float:left; }
  .col1-3 { width:360px; margin:0px 10px 20px; float:left; }
  .col2-3 { width:740px; margin:0px 10px 20px; float:left; }
  .col1-4 { width:265px; margin:0px 10px 20px; float:left; }
  .col3-4 { width:835px; margin:0px 10px 20px; float:left; }

  .curtains li .wrapper { padding-top: 180px; }

}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

  .wrapper { width:768px; position:relative; margin:0px auto; }
  .col1-1, .col5-6, .one_third, .two_thirds, aside.col1-4 { width:748px; margin:0px 10px 20px; }
  .col1-2, .recent-projects .col1-4, footer .col1-4 { width:364px; margin:0px 10px 20px; float:left; }
  .col1-3 { width:236px; margin:0px 10px 20px; float:left; }
  .col2-3 { width:492px; margin:0px 10px 20px; float:left; }
  .col1-4 { width:172px; margin:0px 10px 20px; float:left; }
  .col3-4 { width:556px; margin:0px 10px 20px; float:left; }
  .one_third, .two_thirds { margin-left: 0; margin-right: 0; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .curtains-disabled section.social, .curtains-disabled nav {
    position: static;
  }
  .curtains-disabled .largetoppadding {
    padding-top: 0;
  }
  .curtains-enabled section.social {
    display: none;
  }
  nav{
    -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; background: url(../rgba.php?r=224&g=181&b=14&a=100) repeat; background: rgba(224,181,14,1); top: 0 !important;
  }
  nav {
    min-height: 60px; height: auto !important;
  }
  nav .col3-4, nav ul.menu {
    margin: 0; width: 100%;
  }
  nav ul.menu{
    padding-top: 15px;
    max-height: 250px;
    overflow: scroll;
  }
  nav * {
    margin-bottom: 0 !important;
  }
  nav .menu * {
    width: 100%;
    margin: 0; padding: 0; display: block !important;
  }
  nav .menu li a{
    background: none; text-indent: 20px; padding: 5px 0 4px; border-bottom: 1px solid rgba(0,0,0,0.1);
  }
  nav .menu li a:hover, nav .menu li a.active {
    background: url(../rgba.php?r=0&g=0&b=0&a=20) repeat; background: rgba(0,0,0,0.2); text-indent: 36px;
  }
  nav .menu li ul li a {
    text-indent: 36px;
  }
  nav .menu li ul li a:hover, nav .menu li ul li a.active {
    text-indent: 48px;
  }
  nav .menu li span.nolink {
    background: url(../rgba.php?r=224&g=181&b=14&a=100) repeat; background: rgba(224,181,14,1); padding: 7px 10px 0; display: block; color: gray; margin-left: 6px; font-size: 12px;
  }
  nav .col1-4 {
    margin-left: 20px;
  }
  .giga {
    font-size: 180%; line-height: 66px;
  }
  .giga2 {
    font-size: 180%; line-height: 66px;
  }
  .c-menu {
    display: none;
  }
  .mega {
    font-size: 140%;
  }
  .one_sixth {
    width: 100%; text-align: center;
  }
  #comments li {
    text-align: center;
  }
  #comments li p {
    text-align: left;
  }
  section.social .wrapper .col1-2:first-child {
    display: none;
  }
  section.social ul {
    text-align: center; width: 100%; float: none; margin: 0;
  }
  #commentform input, #commentform textarea, #commentform div.floatleft {
    width: 100%;
  }
  #commentform input.submit {
    margin-top: 10px;
  }
  .icon-huge {
    font-size: 200px;
  }
  .responsive-centered {
    text-align: center;
  }
  .social li a.button, .subfooter li a.button {
    padding: 5px; min-width: 20px;
  }
  .front .cover i {
    font-size: 240px;
    top: 100px;
  }
  #preloader i {
    font-size: 240px;
    margin-top: -140px;
  }
  .front .hgroup h1 {
    font-size: 34px;
  }
  .front .hgroup h4 {
    font-size: 16px !important; 
  }
  #overflow-animate {
    overflow: hidden;
    height: 60px;
  }
  .center-block {
    position: static;
    padding-top: 100px;
  }
  .front .center-block { padding-top: 170px; }
  #map {
    display: none;
  }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.front #section-1 { 
  background: url('../img/home_767.jpg') 50% 0 no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  .wrapper { width:440px; position:relative; overflow:visible !important}
  .col1-1, .col1-2, .col1-3, .col2-3, .col3-4, .col5-6, .one_third, .two_thirds, .col1-4 { width:420px; margin:0px 10px 20px; }
  .one_third, .two_thirds { margin-left: 0; margin-right: 0; }
  body.curtains-disabled { overflow-x: hidden; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.front #section-1 { 
  background: url('../img/home_479.jpg') 50% 0 no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
  .wrapper { width:320px; position:relative; overflow:visible !important}
  .col1-1, .col1-2, .col1-4, .col1-3, .col2-3, .col3-4, .col1-6, .col5-6, .one_third, .two_thirds { width:300px; margin:0px 10px 20px; }
  .one_third, .two_thirds { margin-left: 0; margin-right: 0; }
  .giga { font-size: 35px; }
  body.curtains-disabled { overflow-x: hidden; }
}