@charset utf-8;

/*
Theme Name: OVEX SOCIAL
Theme URI: http://www.designovastudio.com/wordpress/renova
Description: RTL Customised version
Author: Designova Studio
Author URI: http:http://www.designova.net
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.6
Tags: light,theme-options, translation-ready
*/


/* ===================================*/
/* 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 - RESETS : FRAMEWORK RESETS & PLUGIN RESETS*/
/* 08 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/



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

/* 01 - LAYOUT INITIALIZATION */
/*--wordpress default---*/
.wp-caption { }

.wp-caption-text { }

.sticky { }

.gallery-caption { }

.bypostauthor { }

/* Images */
.alignleft { float: left; margin-bottom: 10px; margin-right: 10px; }

.alignright { float: right; margin-bottom: 10px; margin-left: 10px; }

.aligncenter { display: block; margin: 10px auto; }

*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body,
html { font-size: 15px; padding: 0; margin: 0; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

p { font-size: 14px; line-height: 21px; font-family: "Open_Sans_R"; color: #444; }

.container { max-width: 1064px; padding-left: 30px; }

.main-wrapper { height: auto; min-height: 100%; position: relative; /*max-width:1350px;*/ width: 100%; height: 100%; }

.wrapper { width: 100%; float: left; }

#content { height: 100%; position: relative; z-index: 2; }

.overflowhide { overflow: hidden; }

.add-top-main { margin-top: 100px !important; }

.add-bottom-main { margin-bottom: 100px !important; }

/* 02 - HEADER & NAVIGATION */

/*Sticky Elements*/
#badge { position: fixed; top: 0px; height: 171px; width: 100%; text-align: center; z-index: 100 !important; }

#badge > img { z-index: 1001 !important; }

#scroll { position: fixed; bottom: 0px; height: 105px; width: 100%; /*background: url('images/scroll.png') no-repeat center top;*/ z-index: 90; }

/*** NAV ***/
.navigation { /*background: #FFC000;*/ position: absolute; z-index: 102 !important; width: 100%; display: none; height: 115px; bottom: 0px; overflow: visible !important; }

.sticky { position: fixed; width: 100%; height: 115px; top: 0px; z-index: 99; }

#main-nav { width: 100%; text-align: center; margin: 0px; }

#main-nav li { display: inline-block; width: 100px; text-align: center; margin-top: -40px; }

#main-nav li a { color: #000; font-size: 20px; font-family: "Open_Sans_L"; margin-left: 10px; margin-right: 10px; text-decoration: none !important; }

#main-nav li a:hover { color: #fff; text-decoration: none !important; }

#main-nav li a.lighted { color: #fff !important; border-top: solid 4px #fff; }

#main-nav li:hover > ul { display: block; opacity: 1; }

#main-nav li ul { list-style: none; opacity: 1; display: none; position: absolute; z-index: 99999; border-radius: 3px 0 0 3px !important; /*    border: solid 4px rgba(255,255,225,0.8);   */ border-right: none; margin: 0; margin-left: 20px; /*margin-top: 12px;*/ font-size: 10px; padding: 0; padding-top: 15px;/*	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;   */ }

#main-nav li ul:after { bottom: 100%; top: -1px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 99999; }

#main-nav li ul:after { border-color: rgba(68, 68, 68, 0); border-bottom-color: #111; border-width: 8px; left: 5.5%; margin-left: -8px; }

#main-nav li ul li { padding: 5px !important; text-align: left; background: #111111; width: 150px; display: block; margin-top: 0px; border-bottom: solid 1px #444; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

#main-nav li ul li:hover { background: #444; }

#main-nav li ul li:last-child { border-bottom: solid 0px #444; }

#main-nav li ul li a { color: #FFF !important; font-size: 14px !important; line-height: 21px; margin-bottom: 1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

#main-nav li ul li a:hover { margin-right: 10px !important; }

.logo-wrap { width: 150px !important; }

.logo-wrap img { margin-top: 40px; margin-left: -4px; }

.logo-wrap a { margin: 0 !important; }

.logo { text-align: center; min-width: 100%; text-transform: uppercase; font-size: 26px; font-weight: 700; z-index: 999 !important; }

.logo:hover { color: #E67E22; text-decoration: none; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5), -1px -1px 0px rgba(0, 0, 0, 1); }

/* 03 - COMMON ELEMENTS & STYLES */

/**Typography & Common Elements**/
.btn-renova { margin-top: 15px; padding: 12px 20px; background: #fff; color: #000; border: solid 3px #000; border-radius: 0px; text-shadow: none; font-size: 14px; font-family: "Open_Sans_B"; text-transform: uppercase; }

.btn-renova:hover { color: #000; /*background: #FFC000;*/ border: solid 3px #fff !important; }

.btn-renova-alt { margin-top: 5px; margin-bottom: 5px; padding: 12px 20px; background: #fff; color: #000; border: solid 3px #000; border-radius: 0px; text-shadow: none; font-size: 14px; font-family: "Open_Sans_B"; text-transform: uppercase; }

.btn-renova-alt:hover { border: solid 3px #fff !important; color: #fff; /*background: #FFC000;*/ border: solid 3px #000; }

.main-heading { font-size: 84px; line-height: 90px; text-align: center; font-weight: normal; font-family: "Open_Sans_L"; text-transform: uppercase; }

.main-heading span { color: #000; }

.main-heading-white span { color: #fff; }

.inner-heading { color: #000; font-size: 24px; line-height: 31px; font-family: "Open_Sans_B"; margin-bottom: 30px; }

.inner-heading span { /*border-bottom: double 4px #FFC000;*/ padding-bottom: 10px; }

.thumb-icon { text-align: center; }

.thumb-icon > img { width: 97px; height: 97px; }

.promo-text { padding-top: 26px; text-align: center; margin-bottom: 60px;/*background: url('images/slants/yellow-v.png') no-repeat center top;*/ }

/*CSS arrows*/
.promo-text > span { position: relative;/*background: #FFC000;*/ }

.promo-text > span:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.promo-text > span:after { border-color: rgba(255, 192, 0, 0); /*border-bottom-color: #FFC000;*/ border-width: 18px; left: 50%; margin-left: -18px; }

/*----------------*/



.promo-text > span { font-size: 24px; line-height: 31px; /*color: #fff;*/ font-weight: normal; font-family: "Open_Sans_L"; padding: 10px; /*background: #FFC000;*/ border-bottom: double 8px #fff; }

.promo-text-alt { padding-top: 26px; text-align: center; margin-bottom: 30px;/*	background: url('images/slants/white-v.png') no-repeat center top;*/ }

.promo-text-alt.darken > span { font-size: 24px; line-height: 31px; /*color: #000;*/ font-weight: normal; font-family: "Open_Sans_L"; padding: 10px; /*background: #fff;*/ border-bottom: double 8px #757584; }

/*CSS arrows*/
.promo-text-alt.darken > span { position: relative;/*background: #FFC000;*/ }

.promo-text-alt.darken > span:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.promo-text-alt.darken > span:after { border-color: rgba(255, 192, 0, 0); /*border-bottom-color: #FFC000;*/ border-width: 18px; left: 50%; margin-left: -18px; }

.promo-text-inv { padding-bottom: 26px; text-align: center; margin-bottom: 30px;/*background: url('images/slants/white-v-inv.png') no-repeat center bottom;*/ }

.promo-text-inv.darken > span { font-size: 24px; line-height: 31px; /*color: #000;*/ font-weight: normal; font-family: "Open_Sans_L"; padding: 10px; /*background: #fff;*/ border-top: double 8px #FFC000; }

.promo-text-inv.darken > span { position: relative;/*background: #FFC000;*/ }

.promo-text-inv.darken > span:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.promo-text-inv.darken > span:after { border-color: rgba(255, 192, 0, 0); /*border-top-color: #FFC000;*/ border-width: 25px; left: 50%; margin-left: -25px; }

.promo-text-inv-yellow { padding-bottom: 26px; text-align: center; margin-bottom: 30px;/*background: url('images/slants/dark-v-inv.png') no-repeat center bottom;*/ }

.promo-text-inv-yellow.darken > span { font-size: 24px; line-height: 31px; /*color: #fff;*/ font-weight: normal; font-family: "Open_Sans_L"; padding: 10px; /*background: #111;*/ border-top: double 8px #fff; }

.promo-text-inv-yellow.darken > span { position: relative;/*background: #FFC000;*/ }

.promo-text-inv-yellow.darken > span:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.promo-text-inv-yellow.darken > span:after { border-color: rgba(255, 192, 0, 0); /*border-top-color: #FFC000;*/ border-width: 25px; left: 50%; margin-left: -25px; }

.wrap-pad { padding: 10px; }

/* 04 - PAGES & SECTIONS SETUP*/

.intro { text-align: center; padding-top: 200px; }

.wide-section-showcase { padding: 10px 0px; /*background: #FFC000;*/ -moz-box-shadow: 1px -3px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 1px -3px 5px rgba(0,0,0,0.2); box-shadow: 1px -3px 5px rgba(0,0,0,0.2); }

.split-section { }

.single-page-normal { background: #fff; padding: 40px 0; }

/*#about{
	background: #fff url('images/slants/yellow.png') center top no-repeat;
}
#about-mid{
	padding-top: 50px;
	padding-bottom: 0px;
	background: rgba(255,192,0,0.8);
}
#about-end{
	background: #fff;
}
#about .inner{
	background: url('images/badges/01.png') no-repeat right top;
}


#services{
	background: #FFC000 url('images/slants/white.png') center top no-repeat;
}
#services .inner{
	background: url('images/badges/02.png') no-repeat left top;
}

#newsreel{
	background: #fff url('images/slants/yellow.png') center top no-repeat;
}
#newsreel .inner{
	background: url('images/badges/03.png')  no-repeat right top;
}


#portfolio{
	background: #FFC000 url('images/slants/white.png') center top no-repeat;
}
#portfolio .inner{
	background: url('images/badges/04.png') no-repeat left top;
}

#contact{
	background: #fff url('images/slants/yellow.png') center top no-repeat;
    padding-bottom: 0 !important;
}
#contact .inner{
	background: url('images/badges/05.png')  no-repeat right top;
}
*/

/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/

/**INTRO**/
.intro h1 { text-align: center; }

.intro h1 > span { padding: 10px 10px 5px 15px; font-size: 64px; line-height: 72px; font-family: "Ostrich_Sans_Black"; color: #fff; background: #FFC000; }

#intro-nav { margin-top: 30px; text-align: center; }

#intro-nav ul { margin: 0; padding: 0; }

#intro-nav ul li { margin-bottom: 5px; display: inline-block;/*background: #FFC000;*/ }

#intro-nav ul li:hover { margin-bottom: 5px; display: inline-block; background: #fff; }

.intro-nav-thumb { position: absolute; }

.intro-nav-info { background: #000; position: absolute; display: inline-block; font-size: 18px; font-weight: normal; color: #fff; }

/*** SHOWCASE ***/
.zoom-info { display: block; }

#container-folio { padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;/*background: #FFC000;*/ }

.folio-image-box { float: left; width: 25%; color: #fff; padding: 0px; margin: 0px; border: none; display: block; height: 200px; overflow: hidden; -moz-box-sizing: border-box; }

.folio-image-box > a { overflow: hidden; height: 200px; }

.folio-image-box a > img { max-width: auto; min-height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.og-loading omg { width: 100%; height: auto; }

.folio-image-box:hover { z-index: 11; }

.folio-image-box:hover .folio-image-box img { background: #FFC000; position: absolute; width: 100%; height: 100%; text-shadow: 1px 1px 0 rgba(75,75,75, .7); text-align: center; z-index: 10; left: 100%; }

.folio-image-info { background: #FFC000; position: absolute; text-align: center; width: 100%; height: 100%; top: 0px; left: -100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.folio-image-info h3 { padding-top: 20px; }

.folio-image-info span { color: #fff; text-decoration: none; position: relative; }

.folio-image-info span.plus { width: 40px; height: 40px; margin-top: 10px; cursor: pointer; background: url(img/plus.png) 0px 0px; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.folio-image-info span.plus:hover { background: url(img/plus.png) 0px -40px; width: 40px; height: 40px; }

.folio-image-box:hover .folio-image-info { background: #FFC000; position: absolute; width: 100%; height: 100%; text-shadow: 1px 1px 0 rgba(75,75,75, .7); text-align: center; z-index: 10; left: 0%; }

.folio-image-info .title { -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }

.image-info .description { padding: 11px 40px; }

.folio-link { position: absolute; }

/*ajax project view*/
.project_page { background-color: #fff; width: 960px; padding: 30px; }

.project_content { width: auto; }

.project_content h3 { margin-top: 20px; }

/**ABOUT**/
.shoutout { font-size: 24px; line-height: 31px; font-family: "Open_Sans_L"; padding-bottom: 10px; color: #000; /*border-left: solid 10px #FFC000;*/ padding-left: 20px; }

.shoutout h4 { margin-top: 20px; font-family: "Open_Sans_B"; }

.inner-sub-heading { padding: 5px; background: #eee; color: #000; font-family: "Open_Sans_B"; margin-bottom: 10px; }

.about-promo > p { margin-top: 30px; font-family: "Open_Sans_L"; font-size: 36px; line-height: 43px; color: #000; text-align: center; padding: 0px 120px; }

.about-promo > p > span { padding: 5px; background: rgba(255,255,255,0.8); line-height: 64px; }

.about-promo > h3 { padding-left: 80px; padding-right: 80px; margin-top: 30px; font-family: "Open_Sans_B"; font-size: 148px; line-height: 155px; color: #000; text-transform: uppercase; text-align: center; }

.banner-screen { margin-top: 40px; width: 800px; height: 400px; }

.banner-screen-inner { }

.testimonial-block { margin-bottom: 20px; background: #FFC000; }

.testimonial-content { /*background:#FFC000;*/ }

.tes-text { padding: 20px 15px 20px 25px; font-size: 16px; line-height: 23px; font-family: "Open_Sans_L"; color: #000; }

.tes-client { font-size: 18px; line-height: 25px; padding: 0px 15px 20px 25px; font-variant: normal; font-family: "Open_Sans_B"; color: #FFF; }

.tes-client > span { font-size: 14px; font-variant: normal; font-family: "Open_Sans_L"; color: #FFF; }

.team-block { padding: 13px; }

.team-block-inner { background: #FFC000; }

.team-block h3 { color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 0; margin-top: 40px; }

.team-block h6 { color: #000000; font-size: 13px; line-height: 16px; margin-top: 5px; padding-top: 5px; }

.team-block h6 > span { padding-top: 5px; }

.team-block p { color: #000000; }

.team-social { margin-top: 20px; padding-bottom: 40px; }

.team-social a > img { height: 36px; opacity: 1; width: 36px; }

.skillset h3 { font-size: 20px; line-height: 26px; font-family: "Open_Sans_B"; color: #000; }

.progress { height: 25px; border-radius: 0px !important; box-shadow: none !important;  }

.width80 { width: 80% !important; }

.width60 { width: 60% !important; }

.width78 { width: 78% !important; }

.width95 { width: 95% !important; }

.bar { background: #FFC000 !important; box-shadow: none !important; }

/*SERVICES*/
.service-block { padding: 50px 20px; background: #fff url('images/slants/dark-small.png') center top no-repeat; border-top: solid 3px #111; }

.service-thumb > img { width: 160px; height: 160px; }

.add-bottom-services { margin-bottom: 30px; }

.service-block:hover { padding: 50px 20px; background: #111 url('images/slants/white-small.png') center top no-repeat; border-top: solid 3px #fff; color: #fff !important; transition: all 0.9s ease 0s; }

.service-block:hover > .inner-heading,
.service-block:hover > p { color: #fff !important; }

/*NEWS*/

.news-block { }

.news-block-wrap { background: #FFC000; }

.news-pad { padding: 15px; }

.news-block-content { padding: 30px; background: #eee; border: solid 1px #E5E5E5; }

.news-block-content p { color: #444 !important; margin-bottom: 10px; }

.news-heading { font-size: 24px; line-height: 31px; color: #000; margin-top: 0px; margin-bottom: 10px; font-weight: normal; font-family: "Open_Sans_B"; }

.news-heading p { color: #444; }

.news-heading a { color: #000; }

.news-specs { padding: 30px; background: #FFC000; }

.news-specs nav a { text-decoration: none; margin-right: 10px; color: #000; }

.news-specs nav a > img { width: 28px; height: 28px; }

.news-specs-info { color: #000; font-family: "Open_Sans_L"; }

.news-btn { border: solid 2px #000; background: #fff; padding: 5px 10px; float: left; margin-top: 5px !important; margin-bottom: 5px !important; color: #fff; font-family: "Open_Sans_R"; text-transform: uppercase; }

.news-btn:hover { background: #fff; color: #000; text-decoration: none; }

.add-top-news { margin-top: 30px; }

.news-date { text-align: center; width: 100px; background: #FFC000; position: absolute; padding: 10px 15px; }

.news-date h2 { margin-top: 0px; color: #fff; font-size: 64px; line-height: 68px; margin-bottom: 0px; }

.news-date h5 { margin-top: 0px; color: #000; font-size: 24px; line-height: 28px; }

.news-date h4 { margin-top: 0px; color: #fff; background: #000; font-size: 20px; line-height: 20px; padding: 10px 0px; font-family: "Open_Sans_L"; }

/*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); }

.folio-item { background: #fff; }

.folio-title { display: none; font-family: "Open_Sans_B"; color: #000; font-size: 36px; position: absolute; bottom: 50px; left: 20px; transition: all 0.7s ease-in-out 0s; vertical-align: middle; }

.height-01 .folio-subtitle { display: none; font-family: "Open_Sans_B"; color: #000; font-size: 24px; position: absolute; top: 150px; transition: all 0.7s ease-in-out 0s; vertical-align: middle; text-align: center; width: 260px; }

.height-01 .icon-zoom-sosa { position: absolute; left: 70px; top: 70px; font-family: "sosa"; font-size: 36px; color: #fff; background: url('images/zoom.png') no-repeat center center; }

.height-01 .icon-link-sosa { position: absolute; left: 130px; top: 70px; font-family: "sosa"; font-size: 36px; color: #fff; background: url('images/info.png') no-repeat center center; }

.height-02 .folio-subtitle { display: none; font-family: "Open_Sans_B"; color: #000; font-size: 24px; position: absolute; top: 200px; transition: all 0.7s ease-in-out 0s; vertical-align: middle; text-align: center; width: 260px; }

.height-02 .icon-zoom-sosa { position: absolute; left: 70px; top: 120px; font-family: "sosa"; font-size: 36px; color: #fff; background: url('images/zoom.png') no-repeat center center; }

.height-02 .icon-link-sosa { position: absolute; left: 130px; top: 120px; font-family: "sosa"; font-size: 36px; color: #fff; background: url('images/info.png') no-repeat center center; }

.folio-trigger-icon { display: none; position: absolute; width: 60px; height: 60px; }

.folio-trigger-icon:hover { opacity: 0.7; }

#filters li { line-height: 43px; float: left; }

#filters li a { border-radius: 0px; padding: 6px 9px; margin-right: 3px; color: #fff; text-decoration: none; font-weight: normal; font-family: "Open_Sans_B"; font-size: 14px; text-transform: uppercase; }

.inner-link a.selected { background: #fff !important; color: #000 !important; border: solid 3px #000; }

/*CONTACT*/

#contactForm input { background: none repeat scroll 0 0 #fff !important; box-shadow: none !important; border: none !important; border-bottom: solid 1px #000 !important; border-radius: 0!important; color: #000 !important; font-family: "Open_Sans_R" !important; font-size: 22px !important; margin-bottom: 10px; padding: 12px 3%; width: 100%; height: 50px !important; }

#contactForm input:focus,
textarea:focus { color: #fff !important; background: #111 !important; }

#contactForm textarea { background: none repeat scroll 0 0 #fff !important; box-shadow: none !important; border: none !important; border-bottom: solid 1px #000 !important; border-radius: 0!important; color: #555 !important; font-family: "Open_Sans_R" !important; font-size: 22px !important; height: 180px; margin-top: 0px; padding: 12px 3%; resize: none; width: 100%; }

#contactForm textarea:focus { color: gray; }

#contactForm 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; }

#contactForm 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: center; }

#address-block > p { text-align: left; padding: 10px 200px; }

#address-block > h2 { color: #fff; font-family: "Open_Sans_B"; font-size: 64px; line-height: 72px; }

#address-block > h3 { color: #fff; font-family: "Open_Sans_L"; font-size: 18px; line-height: 23px; }

#address-block > h5 > span { color: #fff; padding: 5px 0px; font-weight: normal; font-family: "Open_Sans_L"; }

.address-wrap { margin-top: 60px; padding: 60px 0px; background: #050505; }

.footer { border-top: solid 4px #000; border-bottom: solid 1px #000; padding-top: 80px; background: #111111 url('images/dark-bg.png') repeat; }

.footer-social { background-color: #363942; border-radius: 50px; bottom: 20px; float: left; height: 50px; margin-right: 30px; width: 50px; }

.footer-social:hover { background-color: #FFC000; }

.footer-social img { opacity: 1; padding: 10px; }

.contactus .contactus article { color: #FFF; display: block; float: left; font-size: 32px; font-weight: 700; line-height: 35px; margin-right: 50px; }

.contactus article.mail:after { background: url(images/mail.png) no-repeat transparent; content: ""; height: 24px; left: 0; position: absolute; top: 7px; width: 36px; }

.contactus article.mail { padding-left: 50px; position: relative; }

.contactus article.phone:after { background: url(images/phone.png) no-repeat transparent; content: ""; height: 27px; left: 0; position: absolute; top: 5px; width: 10px; }

.contactus article.phone { color: #FFF; padding-left: 21px; position: relative; }

.copyright { width: 100%; }

.copyright p { color: #fff; opacity: 0.3; }

.copyright a { color: #fff; opacity: 1 !important; }

.copyright a:hover { color: #FFC000; opacity: 1 !important; text-decoration: none; }

.social-links { margin-bottom: 20px; margin-top: 30px; }

.social-links a { background: #181818; height: 30px !important; margin-left: 5px; margin-right: 5px; padding: 20px 15px; width: 20px !important; border-radius: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.social-links a:hover { background: #FFC000; height: 30px; margin-left: 5px; margin-right: 5px; padding: 20px 15px; width: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.social-links a.facebook:hover { background: #4470CF; }

.social-links a.twitter:hover { background: #5DAED5; }

.social-links a.google:hover { background: #DA2713; }

.social-links a.linkedin:hover { background: #4470CF; }

.social-links a.dribbble:hover { background: #D07EAD; }

.social-links a.pinterest:hover { background: #C53942; }

.social-links a.rss:hover { background: #FF8800; }

.contactus h1 { color: #fff!important; font-family: "Open_Sans_L"; font-size: 24px; line-height: 31px; margin-bottom: 20px; padding-bottom: 0px; text-decoration: none; }

.contactus h1 > span { color: #777!important; font-family: Ostrich_Sans_Regular; }

.contactus h2,
.contactus a { color: #fff; font-family: Open_Sans_R; font-size: 28px; font-weight: 400; line-height: 34px; text-decoration: none; }

.contactus a:hover { color: #FFC000; }

/* 06 - FOOTER*/

.tweet-wrap { /*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/ padding: 100px 0px 60px 0px; }

.footer-down { padding-top: 30px; padding-bottom: 20px; background: #000; }

.foot-soc { padding-bottom: 80px; }

/* 07 - FRAMEWORK RESET & PLUGIN RESETS*/

/*BOOTSTRAP RESETS & OVER-RIDES*/
.carousel-control { background: none; border: 3px solid #FFFFFF; border-radius: 60px 60px 60px 60px; color: #FFFFFF; font-size: 70px; font-weight: 100; height: 60px; left: 15px; line-height: 36px; margin-top: -20px; opacity: 0.5; position: absolute; text-align: center; top: 50%; width: 60px; }

.alert-danger,
.alert-error { background-color: #F44F2E; border-color: #EED3D7; padding: 15px 8px; color: #fff; border-radius: 0px; border: none; font-family: "Open_Sans_R" !important; font-size: 22px !important; text-shadow: none; }

/*PLUGINS CSS RESETS*/
div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: rgba(0,0,0,0.8); }

#fancybox-close { right: -35px; top: -10px; }

#fancybox-title-float-left { background: none; }

#fancybox-title-float-right { background: none; }

#fancybox-title-float-main { color: #FFFFFF; font-weight: bold; line-height: 40px; padding: 0 0 3px; font-size: 32px; font-family: "Open_Sans_L"; }

#fancybox-title-float-main { background: none !important; }

#cboxLoadingGraphic { background: #fff url('images/loader.gif') center center no-repeat; }

.flexslider { margin: 0 0 20px; background: none; border: 4px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1; }

/*Blog Types*/
.postformat { min-width: 42px; height: 42px; margin-top: -20px; float: right;/*background:#FFC000; */ }

.postformat img { background: none !important; padding: 0; }

/*1.5 Onwards*/
.pagebottom { padding-bottom: 50px; }

.pagetop { padding-top: 50px; }

.myurl { display: none !important; }

/* 08 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/

@media only screen and (max-width: 1570px) {

.folio-image-info .title { padding: 5px 7px 0; }

.folio-image-info .description p { padding: 2px 8px 0; line-height: 16px }
}

@media (min-width: 2000px) and (max-width: 3000px) {

body,
html { overflow-x: hidden !important; }

.da-thumbs { width: 100%; }

.folio-image-box { width: 10%; height: 200px; }
}

@media (min-width: 1382px) and (max-width: 2000px) {

body,
html { overflow-x: hidden !important; }

.da-thumbs { width: 100%; }

.folio-image-box { width: 20%; height: 200px; }
}

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

body,
html { max-width: 1366px !important; overflow-x: hidden !important; }

.da-thumbs { width: 100%; }

.folio-image-box { width: 25%; height: 200px; }
}

@media (max-width: 979px) {

body,
html { max-width: 979px !important; overflow-x: hidden !important; }

.da-thumbs { width: 960px; }

.folio-image-box { width: 320px; height: 200px; }
}

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

#badge { display: none; }

.project_page { width: 920px; }
}

@media (min-width: 640px) and (max-width: 960px) {

#badge { display: none; }

.project_page { width: 740px; }

#nav ul li a { font-size: 12px !important; }
}

@media (max-width: 767px) {

body,
html { max-width: 767px !important; overflow-x: hidden !important; }

.container { padding-left: 35px !important; padding-right: 35px !important; }

#badge,
#scroll { display: none; }

.intro { min-height: 650px; padding-top: 120px !important; }

#nav ul li a { font-size: 12px !important; }

.da-thumbs { width: 740px; }

.folio-image-box { width: 370px; height: 200px; }

.project_page { width: 740px; }

#cboxTitle { font-size: 24px; }

.testimonial-block { padding-top: 20px; text-align: center; }

.testimonial-block img { width: 155px; height: 200px; }

.testimonial-content { text-align: center; }

.news-block,
.news-heading { text-align: center; }

.team-block-inner { padding-top: 60px; padding-bottom: 20px; text-align: center; }

.mob-bg-remove { background: none !important; }

.service-block { margin-bottom: 20px; }

.add-bottom-services { margin-bottom: 0px; }

.news-block { margin-bottom: 20px; }

.news-img { /*background: #FFC000;*/ padding-top: 30px !important; }
}

@media (max-width: 640px) {

body,
html { max-width: 640px !important; overflow-x: hidden !important; }

.container { padding-left: 35px !important; padding-right: 35px !important; }

.da-thumbs { width: 620px; }

.folio-image-box { width: 310px; height: 200px; }

.intro { min-height: 750px; padding-top: 50px !important; }

#badge,
#scroll { display: none; }

.intro { min-height: 1000px; padding-top: 50px !important; }

.promo-text > span,
.promo-text-alt.darken > span,
 .promo-text-inv-yellow.darken > span,
.promo-text-inv.darken > span { font-size: 16px; line-height: 31px; }

.main-heading { font-size: 48px; line-height: 55px; }

.about-promo > p { padding: 0 20px; font-size: 22px; }

.about-promo > p > span { line-height: 45px; }

.banner-screen { height: 200px; }

.shoutout { text-align: center; }

.skillset h3 { text-align: center; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.0em !important; }

.cbp_tmlabel h2 { font-size: 26px; line-height: 31px; }

.cbp_tmtimeline > li .cbp_tmicon { font-size: 2.08em !important; height: 60px !important; left: 40%; line-height: 60px !important; width: 60px !important; margin-left: -95px !important; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { margin-top: 25px !important; }

.team-block-inner { padding-top: 60px; text-align: center; }

.mob-bg-remove { background: none !important; }

.service-block { margin-bottom: 20px; }

.add-bottom-services { margin-bottom: 0px; }

.news-block { margin-bottom: 20px; }

.add-top-news { margin-top: 0px; }

textarea { background: #eee !important; }

.social-links a { background: none; padding: 0px; }

.social-links a:hover { background: none !important; padding: 0px; opacity: 0.4; }

.banner-screen { margin-top: 40px; width: auto; }

.project_page { width: 580px; }

#cboxTitle { font-size: 16px; }

.testimonial-block { padding-top: 20px; text-align: center; }

.testimonial-block img { width: 155px; height: 200px; }

.testimonial-content { text-align: center; }

.news-block,
.news-heading { text-align: center; }
}

@media (max-width: 480px) {

body,
html { max-width: 480px !important; overflow-x: hidden !important; }

.container { padding-left: 30px !important; padding-right: 30px !important; }

.da-thumbs { width: 460px; }

.folio-image-box { width: 460px; height: 200px; }

.intro { min-height: 1000px; padding-top: 50px !important; }

#badge,
#scroll { display: none; }

.promo-text > span,
.promo-text-alt.darken > span,
 .promo-text-inv-yellow.darken > span,
.promo-text-inv.darken > span { font-size: 16px; line-height: 31px; }

.main-heading { font-size: 48px; line-height: 55px; }

.about-promo > p { padding: 0 20px; font-size: 22px; }

.about-promo > p > span { line-height: 45px; }

.banner-screen { height: 200px; }

.shoutout,
p { text-align: center; }

.skillset h3 { text-align: center; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.0em !important; }

.cbp_tmlabel h2 { font-size: 18px; line-height: 25px; }

.cbp_tmtimeline > li .cbp_tmicon { font-size: 2.08em !important; height: 60px !important; left: 40%; line-height: 60px !important; width: 60px !important; margin-left: -75px !important; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { margin-top: 25px !important; }

.team-block-inner { padding-top: 60px !important; padding-bottom: 30px !important; text-align: center; }

.mob-bg-remove { background: none !important; }

.service-block { margin-bottom: 20px; }

.add-bottom-services { margin-bottom: 0px; }

.news-block { margin-bottom: 20px; }

.news-date { display: none !important; visibility: hidden !important; }

.add-top-news { margin-top: 0px; }

textarea { background: #eee !important; }

.social-links a { background: none; padding: 0px; }

.social-links a:hover { background: none !important; padding: 0px; opacity: 0.4; }

.project_page { width: 460px; }

#cboxTitle { font-size: 16px; }

.contactus h1 { font-size: 18px; line-height: 25px; }

.shoutout { text-align: left; }

.shoutout h4 { text-align: left; }

.inner-sub-heading { text-align: center; }

.testimonial-block { padding-top: 20px; text-align: center; }

.testimonial-block img { width: 155px; height: 200px; }

.testimonial-content { text-align: center; }

.news-block,
.news-heading { text-align: center; }

.tweet-wrap { padding: 100px 0; }

.tweet_list li { color: #000000; font-family: "Open_Sans_L"; font-size: 14px !important; line-height: 20px; list-style-type: none; overflow: hidden; }

/*Masonry Relayout*/
.element { width: 190px !important; }

.height-01 { height: 190px !important; }

.height-02 { height: 285px !important; }

.height-02 .icon-zoom-sosa { top: 100px !important; left: 30px !important; }

.height-02 .icon-link-sosa { top: 100px !important; left: 100px !important; }

.height-02 .folio-subtitle { top: 180px !important; width: 190px !important; }

.height-01 .icon-zoom-sosa { top: 50px !important; left: 30px !important; }

.height-01 .icon-link-sosa { top: 50px !important; left: 100px !important; }

.height-01 .folio-subtitle { top: 120px !important; width: 190px !important; }
}

@media (max-width: 360px) {

body,
html { max-width: 360px !important; overflow-x: hidden !important; font-size: 12px; }

.container { padding-left: 30px !important; padding-right: 30px !important; }

.da-thumbs { width: 340px; }

.folio-image-box { width: 340px; height: 200px; }

.ca-menu li { height: 155px; width: 124px; }

.ca-sub { display: none !important; }

.ca-main { font-size: 16px; }

.intro { min-height: 620px; padding-top: 50px !important; }

#badge,
#scroll { display: none; }

.promo-text,
.promo-text-inv-yellow { margin-top: 20px !important; /*background: #FFC000 !important;*/ /*color: #000 !important;*/ line-height: 20px !important; padding: 20px 5px !important; }

.promo-text-alt,
.promo-text-inv { margin-top: 20px !important; background: #fff !important; color: #fff !important; line-height: 20px !important; padding: 20px 5px !important; }

.promo-text > span,
.promo-text-alt.darken > span,
 .promo-text-inv-yellow.darken > span,
.promo-text-inv.darken > span { font-size: 21px !important; line-height: 33px !important; background: transparent !important; /*color: #000 !important;*/ border: none !important; }

.main-heading { font-size: 48px; line-height: 55px; }

.about-promo > p { padding: 0 20px; font-size: 22px; }

.about-promo > p > span { line-height: 45px; }

.banner-screen { height: 140px; }

.shoutout,
p { text-align: center; }

.skillset h3 { text-align: center; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.0em !important; }

.cbp_tmlabel h2 { font-size: 18px; line-height: 25px; }

.cbp_tmtimeline > li .cbp_tmicon { display: none !important; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { margin-top: 25px !important; }

.team-block-inner { padding-top: 0px !important; text-align: center; }

.mob-bg-remove { background: none !important; }

.service-block { margin-bottom: 20px; }

.add-bottom-services { margin-bottom: 0px; }

.news-block { margin-bottom: 20px; }

.news-date { display: none !important; visibility: hidden !important; }

.add-top-news { margin-top: 0px; }

textarea { background: #eee !important; }

.social-links a { background: none; padding: 0px; }

.social-links a:hover { background: none !important; padding: 0px; opacity: 0.4; }

.project_page { width: 460px; }

#cboxTitle { font-size: 16px; }

.contactus h1 { font-size: 18px; line-height: 25px; }

.shoutout { text-align: left; font-size: 18px; line-height: 25px; }

.shoutout h4 { text-align: left; }

.inner-sub-heading { text-align: center; }

.testimonial-block { padding-top: 20px; text-align: center; }

.testimonial-block img { width: 155px; height: 200px; }

.testimonial-content { text-align: center; }

.ca-icon img { margin-top: -40px; }

.ca-main { margin-top: 10px; }

.tweet-wrap { padding: 100px 0 !important; }

.tweet_list li { color: #000000; font-family: "Open_Sans_L"; font-size: 14px !important; line-height: 20px; list-style-type: none; overflow: hidden; }

.about-promo > p > span { display: none !important; }
}

@media (max-width: 320px) {

body,
html { max-width: 320px !important; overflow-x: hidden !important; font-size: 12px; }

.container { padding-left: 30px !important; padding-right: 30px !important; }

.da-thumbs { width: 300px; }

.folio-image-box { width: 300px; height: 200px; }

.ca-menu li { height: 155px; width: 124px; }

.ca-sub { display: none !important; }

.ca-main { font-size: 16px; }

.intro { min-height: 620px; padding-top: 50px !important; }

#badge,
#scroll { display: none; }

.promo-text,
.promo-text-inv-yellow { margin-top: 20px !important; /*background: #FFC000 !important;*/ /*color: #000 !important;*/ line-height: 20px !important; padding: 20px 5px !important; }

.promo-text-alt,
.promo-text-inv { margin-top: 20px !important; background: #fff !important; color: #fff !important; line-height: 20px !important; padding: 20px 5px !important; }

.promo-text > span,
.promo-text-alt.darken > span,
 .promo-text-inv-yellow.darken > span,
.promo-text-inv.darken > span { font-size: 21px !important; line-height: 33px !important; background: transparent !important; /*color: #000 !important;*/ border: none !important; }

.main-heading { font-size: 48px; line-height: 55px; }

.about-promo > p { padding: 0 20px; font-size: 22px; }

.about-promo > p > span { line-height: 45px; }

.banner-screen { height: 140px; }

.shoutout,
p { text-align: center; }

.skillset h3 { text-align: center; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.0em !important; }

.cbp_tmlabel h2 { font-size: 18px; line-height: 25px; }

.cbp_tmtimeline > li .cbp_tmicon { display: none !important; }

.cbp_tmtimeline > li .cbp_tmtime span:last-child { margin-top: 25px !important; }

.team-block-inner { padding-top: 0px !important; text-align: center; }

.mob-bg-remove { background: none !important; }

.service-block { margin-bottom: 20px; }

.add-bottom-services { margin-bottom: 0px; }

.news-block { margin-bottom: 20px; }

.news-date { display: none !important; visibility: hidden !important; }

.add-top-news { margin-top: 0px; }

textarea { background: #eee !important; }

.social-links a { background: none; padding: 0px; }

.social-links a:hover { background: none !important; padding: 0px; opacity: 0.4; }

.project_page { width: 460px; }

#cboxTitle { font-size: 16px; }

.contactus h1 { font-size: 18px; line-height: 25px; }

.shoutout { text-align: left; font-size: 18px; line-height: 25px; }

.shoutout h4 { text-align: left; }

.inner-sub-heading { text-align: center; }

.testimonial-block { padding-top: 20px; text-align: center; }

.testimonial-block img { width: 155px; height: 200px; }

.testimonial-content { text-align: center; }

.ca-icon img { margin-top: -40px; }

.ca-main { margin-top: 10px; }

.tweet-wrap { padding: 100px 0 !important; }

.tweet_list li { color: #000000; font-family: "Open_Sans_L"; font-size: 14px !important; line-height: 20px; list-style-type: none; overflow: hidden; }

.about-promo > p > span { display: none !important; }
}

#intro-nav ul li { background: rgba(117, 117, 132, 0.66)!important; ; }

#intro-nav ul li:hover { background: rgba(255, 255, 255, 0.66)!important; ; }

.ca-main { color: #fff !important; margin-top: 18px; }

.ca-menu li:hover .ca-sub,
.ca-sub { color: #cc6633; }

.tweet-wrap { display: none; }

.progress-danger .bar { color: #E47726 !important; }

.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel h2,
#contact .main-heading span,
.btn-renova,
#about .main-heading span,
.inner-sub-heading,
#main-nav li a,
#portfolio .main-heading span { color: #303551; }

.btn-renova,
#contactForm .btn-renova:hover { border: solid 3px #303551; }

.cbp_tmtimeline > li:nth-child(2n+1) .cbp_tmlabel h2 { border-bottom: 1px solid #303551; }

.team-block h3 { color: #fff; font-size: 18px; line-height: 24px; margin-bottom: 0; margin-top: 40px; }

.team-block-inner { height: 336px; }
.progress .bar {
    background: #E47726!important;
}
.promo-text-alt.darken > span {
       border-bottom: double 8px #757584 !important;
}