@charset utf-8;

/* CSS Document */
/*
Theme Name: next.
Description: Easy to use creative parallax - Responsive & Retina HTML5 Theme.
Version: 1.2 - Updated Release on Nov 06, 2013 - Please see update log: http://designova.net/changelog/next.pdf
Author: Designova
Website: http://designova.net/
Credits: Design, Coding and Development by Jean P Johnson at Designova
*/


/* ===================================*/
/* TABLE OF CONTENTS: */
/* ===================================*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HEADER & NAVIGATION */
/* 03 - COMMON ELEMENTS & TYPOGRAPHY */
/* 04 - PAGES & SECTIONS SETUP*/
/* 05 - INDIVIDUAL PAGES AND ELEMENTS*/
/* 06 - FOOTER*/
/* 07 - RESETS : FRAMEWORK RESETS & PLUGIN RESETS*/
/* 08 - RETINA DISPLAY OPTIMIZATION*/
/* 09 - RESPONSIVE RULES : MOBILE OPTIMIZATION*/



/* ===============================================*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS:; */
/* ===============================================*/


.alignleft { float: left; padding: 15px 15px 15px 0; }
.alignright { float: right; padding: 15px 0 15px 15px; }

.container-fluid{
	padding-left: 0px !important;
   padding-right: 0px !important;
}
body {
   overflow-x: hidden !important;
   background: white;
}
body, html { font-size: 100%; padding: 0; margin: 0;}
a, a:hover {
   text-decoration: none !important;
}

::-moz-selection{
   background: #A93536; 
   color: #fff; 
   text-shadow: none;
}
::selection {
   background: #A93536; 
   color: #fff; 
   text-shadow: none;
} 
p{
	font-size: 16px;
   line-height: 24px;
   color: #555;
   font-family:"Open_Sans_R";
   font-weight: normal;
}
p.social img {
   width: 40px;
   height:40px;
	padding: 5px;
}
.inner-heading{
   font-size: 24px;
   line-height: 31px;
   color: #111;
	font-family:"Open_Sans_B";
	font-weight: bold;
	margin-bottom: 10px;
}
.common-pad{
   padding: 0px 30px;
}

/*Color Presets*/

.next-bg-dark   { background: #0a0a0a !important; }
.next-bg-white  { background: #fff !important;    }
.next-bg-grey   { background: #efefef !important; }

.next-col-one   { color: #A93536 !important;		  }
.next-col-two   { color: #149CA8 !important;		  }
.next-col-three { color: #7C9C71 !important;		  } 
.next-col-four  { color: #33495F !important;  	  }
.next-col-five  { color: #CCB361 !important;		  }
.next-col-six   { color: #746386 !important;      }

.next-col-white { color: #fff !important;         }
.next-col-dark  { color: #111 !important;         }

.next-bg-one    { background: #A93536 !important; }
.next-bg-two    { background: #149CA8 !important; }
.next-bg-three  { background: #7C9C71 !important; }
.next-bg-four   { background: #33495F !important; }
.next-bg-five   { background: #CCB361 !important; }
.next-bg-six    { background: #746386 !important; }
.next-bg-seven  { background: #d35400 !important; }
.next-bg-eight  { background: #FD5253 !important; }
.next-bg-nine   { background: #5CADE2 !important; }
.next-bg-ten    { background: #146777 !important; }
.next-bg-eleven { background: #8C7941 !important; }
.next-bg-twelve { background: #149CA8 !important; }

.trans-dark     { background: rgba(0,0,0,0.2);    }

/* ===================================*/
/* 02 - PRELOADER SETUP:; */
/* ===================================*/

#preloader  {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #eee;
   z-index: 9999;
   height: 100%;
   width: 100%;
}

#status  {
   width: 100px;
	height: 100px;
   border-radius: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   background-color: #fafafa;
   background-image: url(../images/loader.gif);
   background-repeat: no-repeat;
   background-position: center;
	margin: -50px 0 0 -50px;
}

/* ===================================*/
/* 03 - HEADER & NAVIGATION:; */
/* ===================================*/

#masthead {
   display: none;
   min-height: 90px;
   top: 0;
   width: 100%;
   z-index: 999 !important;
}

.head-logo {
   width: 190px;
   height: 64px;
}

#mast-nav {
   margin-top: 25px;
   padding: 0px;
   list-style: none;
}

#mast-nav li {
   display: inline-block;
}

#mast-nav li > a {
   font-size: 24px;
   line-height: 31px;
   font-family: "Open_Sans_B";
    
   color: #000;
   font-weight: normal;
   margin-left: 10px;
   margin-right: 10px;
   border: solid 1px #fff;
   border-radius: 5px;
   padding: 10px;
}

#mast-nav li > a.active {
   border: solid 1px #EB4B27;
   border-radius: 5px;
   color: #EB4B27;
   padding: 10px;
}

.freelance > span{
   font-size: 16px;
   line-height: 23px;
   background: #6B253B;
   color: #fff;
   font-weight: normal;
	font-family:"Open_Sans_L";
   padding: 5px 10px;
}

#standard-nav{
   position: fixed;
   top: 0;
   width: 100%;
   background: #fff;
   height: 90px;
   z-index: 100;
   -moz-box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
   -webkit-box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
   box-shadow: 1px 3px 5px rgba(0,0,0,0.3);
}
.standard-logo{
   width: 90px;
   padding: 10px;
}

/* ===================================*/
/* 04 - COMMON ELEMENTS & TYPOGRAPHY:; */
/* ===================================*/
#logo{
   position: fixed;
   top: 0px;
   right: 0px;
   z-index: 100;
}
.page-heading{
   color: #444;
   font-size: 36px;
   line-height: 43px;
	font-family:"Open_Sans_B";
	font-weight: bold;
}
.page-heading-alt{
   color: #fff;
}

.welcome-text{
   font-size: 62px;
   line-height: 69px;
	font-family:"Open_Sans_L";
   font-weight: 200;
   color: #999;
}
.welcome-text-alt{
   color: #fff !important; 
}

#sidebar-nav { cursor : pointer; }
.mobile { cursor : pointer; }

/* ===================================*/
/* 05 - PAGES & SECTIONS SETUP:; */
/* ===================================*/

.page-section {
   min-height: 800px;
   padding-top: 80px;
   padding-bottom: 80px;
}

/* ===================================*/
/* 06 - INDIVIDUAL PAGES AND ELEMENTS:; */
/* ===================================*/
/*HOME*/

#home {
   background: url('../images/bg/sfondo.jpg') center center no-repeat;
   background-size: cover;
   min-height: 800px;
   padding-top: 80px;
   padding-bottom: 80px;
}

.ticker-wrap{
   margin-top: 0px;
}

#news_ticker {
	height: 240px;
	overflow: hidden;
	padding: 3px;
	position: relative;
}
.ticker-list{
	float: left;
	padding: 0px;
	list-style: none;
	-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	-moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	-ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
	animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
}
.ticker-list:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused;
	animation-play-state: paused;
}
.ticker-list li {line-height: 220px;}
	#news_ticker a {
	color: #121212;
	text-decoration: none;
	font-size: 130px;
}
 
@-webkit-keyframes ticker {
	0% {margin-top: 0;}
	25% {margin-top: -260px;}
	50% {margin-top: -520px;}
	75% {margin-top: -780px;}
	100% {margin-top: 0;}
}
@-moz-keyframes ticker {
	0% {margin-top: 0;}
	25% {margin-top: -260px;}
	50% {margin-top: -520px;}
	75% {margin-top: -780px;}
	100% {margin-top: 0;}
}
@-ms-keyframes ticker {
	0% {margin-top: 0;}
	25% {margin-top: -260px;}
	50% {margin-top: -520px;}
	75% {margin-top: -780px;}
	100% {margin-top: 0;}
}
@keyframes ticker {
	0% {margin-top: 0;}
	25% {margin-top: -260px;}
	50% {margin-top: -520px;}
	75% {margin-top: -780px;}
	100% {margin-top: 0;}
}

/* ===================================*/
/* 07 - FOOTER:; */
/* ===================================*/

#mastfoot {
   padding: 70px 0px;
   background:#222;
}
.foot-border {
   border-bottom: solid 1px #555;
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.credits h3 {
   color: #666;
   font-family: "Open_Sans_L";
   font-weight: normal;
}
.credits p {
   font-size: 12px;
   line-height: 19px;
   font-family: "Open_Sans_L";
   color: #555;
   font-weight: normal;
}
.foot-icons ul {
   padding: 0;
   margin: 0;
   list-style: none;
}
.foot-icons ul li {
   display: inline-block;
   float: right;
   opacity: 0.3;
   margin-left: 5px;
   -moz-transition: all 1.25s ease;
   -webkit-transition: all 1.25s ease;
   -o-transition: all 1.25s ease;
   transition: all 1.25s ease;
}
.foot-icons ul li:hover {
   opacity: 1;
   -moz-transition: all 1.25s ease;
   -webkit-transition: all 1.25s ease;
   -o-transition: all 1.25s ease;
   transition: all 1.25s ease;
}
.liner {
   margin-top: 10px;
   display: block;
   height: 3px;
   width: 100%;
   border-bottom: solid 2px #A93536;
}
.adress-panel {
   background: #fff;
}
.address-now {
   margin-top: 20px;
   font-size: 24px;
   line-height: 31px;
   font-family: "Open_Sans_R";
}
.social-block {
   padding-top: 20px;
   padding-bottom: 20px;
}
.social-block > a > img:hover {
   opacity: 0.6;
}

/* ===================================================*/
/* 08 - RESETS : FRAMEWORK RESETS & PLUGIN RESETS:; */
/* ===================================================*/

.btn-next {
   background: rgba(0,0,0,0.3);
   border: 0 none;
   border-radius: 0px;
   box-shadow: 0 7px 0 rgba(0,0,0,0.5);
   color: #FFFFFF;
   cursor: pointer;
   margin: 0 auto 7px;
   padding: 10px 20px 10px !important;
   text-decoration: none;
   text-shadow: none;
   -moz-transition: all 1.25s ease;
   -webkit-transition: all 1.25s ease;
   -o-transition: all 1.25s ease;
   transition: all 1.25s ease;
   font-size: 16px;
   line-height: 23px;
   font-family:"Open_Sans_R";
   border-radius: 5px;
}

.btn-next:hover {
   background: rgba(0,0,0,0.5);
   border: 0 none;
   border-radius: 0px;
   box-shadow: 0 7px 0 rgba(0,0,0,0.7) !important;
   color: #FFFFFF;
   cursor: pointer;
   margin: 0 auto 7px;
   padding: 10px 20px 10px !important;
   text-align: center;
   text-decoration: none;
   text-shadow: none;
   -moz-transition: all 1.25s ease;
   -webkit-transition: all 1.25s ease;
   -o-transition: all 1.25s ease;
   transition: all 1.25s ease;
   box-shadow: 0 7px 0 #004C38;
   font-family:"Open_Sans_R";
   border-radius: 5px;
}

.btn-next-alt {
   background: none repeat scroll 0 0 #333;
   border: 0 none;
   border-radius: 0px;
   box-shadow: 0 7px 0 #222;
   color: #ccc;
   cursor: pointer;
   margin: 0 auto 7px;
   padding: 10px 20px 10px !important;
   text-decoration: none;
   text-shadow: none;
   -webkit-transition: all 0.2s ease 0s;
   -moz-transition: all 0.2s ease 0s;
   -o-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
   font-size: 16px;
   line-height: 23px;
   font-family:"Open_Sans_R";
}

.btn-next-alt:hover {
   background: none repeat scroll 0 0 #111;
   border: 0 none;
   border-radius: 0px;
   color: #fff;
   cursor: pointer;
   margin: 0 auto 7px;
   padding: 10px 20px 10px !important;
   text-align: center;
   text-decoration: none;
   text-shadow: none;
   -webkit-transition: all 0.2s ease 0s;
   -moz-transition: all 0.2s ease 0s;
   -o-transition: all 0.2s ease 0s;
   transition: all 0.2s ease 0s;
   box-shadow: 0 7px 0 #000;
   font-family:"Open_Sans_R";
}

.alert-danger, .alert-error {
   background-color: #F44F2E;
   border: medium none;
   border-radius: 0 0 0 0;
   color: #FFFFFF;
   font-family: "Open_Sans_L" !important;
   font-size: 16px !important;
   padding: 8px;
   text-shadow: none;
   text-align: left;
}

/* ====================================================*/
/* 09 - RETINA DISPLAY OPTIMIZATION; */
/* =====================================================*/
/*Retina BG Image Triggering*/
@media screen and (min-device-pixel-ratio: 2) {
   
	/*High resolution BG images on parallax layers*/
   #home {
		background: url('../images/bg/01@2x.jpg') center center repeat;
      background-size: cover;
   }
   #about {
      background: url('../images/bg/02@2x.jpg') center center repeat;
      background-size: cover;
  	}
   #team {
      background: url('../images/bg/03@2x.jpg') center center repeat;
      background-size: cover;
   }
   #portfolio {
      background: url('../images/bg/04@2x.jpg') center center repeat;
      background-size: cover;
      padding-bottom: 149px;
   }
   #contact {
      background: url('../images/bg/05@2x.jpg') center center repeat;
      background-size: cover;
   }
}

/* ====================================================*/
/* 09 - RESPONSIVE RULES : MOBILE OPTIMIZATION; */
/* =====================================================*/
/*Responsive Layout Rules*/

/*Very large devices*/
@media (min-width: 3000px) and (max-width: 5000px) {
   body, html {
      max-width: 5000px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12,.container {
      width:960px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
}

/*Projector and Large Screens*/
@media (min-width: 2561px) and  (max-width: 3600px) {
   body, html {
      max-width: 3600px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12,.container {
      width:960px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   .rb-week span {
      font-size:124px !important;
   }
}

/*iMac 27 inch, Cinema HD Display*/
@media (min-width: 1921px) and (max-width: 2560px) {
   body, html {
      max-width: 2560px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12,.container {
      width:960px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   .rb-week span {
      font-size:112px !important;
   }
}

/*iMac 21.5 inch, MacBook Pro 17 inch, LED Cinema Display*/
@media (min-width: 1681px) and (max-width: 1920px) {
   body, html {
      max-width: 1920px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12,.container {
      width:960px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   .rb-week span {
      font-size:96px !important;
   }
}

/*MacBook Pro 15 inch High Resolution */
@media (min-width: 1441px) and (max-width: 1680px) {
   body, html {
      max-width: 1680px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12,.container {
      width:960px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   .rb-week span {
      font-size:84px !important;
   }
}

/*MacBook Pro 15 inch*/
@media (min-width: 1281px) and (max-width: 1440px) {
   body, html {
      max-width: 1440px !important;
      overflow-x: hidden !important;
   }
   .flickr-thumb {
      width: 25%;
   }
   .col-md-12, .container {
      width:900px;
   }
   #metro-panel {
      width:1000px !important;
      margin-left: auto;
      margin-right: auto;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   .rb-week span {
      font-size:72px !important;
   }
}

/*MacBook Air & Pro 13 inch*/
@media (min-width: 1025px) and (max-width: 1280px) {
   body, html {
      max-width: 1280px !important;
      overflow-x: hidden !important;
   }
   .instagram-thumb {
      width: 20%;
   }
   .flickr-thumb {
      width: 25%;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 32px !important;
      line-height: 41px !important;
   }
   #sidebar-nav, .sq-side-menu ul li, .sq-side-menu .first, .sq-side-menu .second {
      width: 100px;
   }
   .sq-side-menu ul li:hover .second .content, .sq-active .second .content { 
   	font-size: 18px !important;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      width: 48%;
      height: 14em;
      text-align: left;
   }
   .container {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .col-md-12, .container {
      width:900px;
   }
   .rb-week span {
      font-size:72px !important;
   }
}


/*Desktop*/
@media (min-width: 961px) and (max-width: 1024px) {
   body, html {
      max-width: 1024px !important;
      overflow-x: hidden !important;
   }
   .container {
      padding-left: 100px !important;
      padding-right: 100px !important;
   }
   #intro {
      margin-top: 200px !important;
   }
   #explore {
      display: none;
   }
   .swiper-slide h2 {
      font-size: 64px;
      line-height: 64px;
   }
   .grid li {
      width: 25%;
   }
   .cbp-ig-grid {
      padding: 0 100px;
   }
   .cbp-ig-grid {
      padding: 0 30px;
   }
   .cbp-ig-grid li {
      width: 33.3%;
   }
   div#portfolio_thumbs ul li {
      width: 25%;
   }
   #item_content {
      width: 1024px !important;
   }
   #item_slider {
      width: 1024px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 230px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .instagram-thumb {
      width: 25%;
   }
   .flickr-thumb{
      width: 20%;
   }
   #sidebar-nav, .sq-side-menu ul li, .sq-side-menu .first, .sq-side-menu .second{
      width: 100px;
   }
   .sq-side-menu ul li:hover .second .content, .sq-active .second .content { 
   	font-size: 18px !important;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      width: 48%;
      height: 14em;
      text-align: left;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text {
      font-size: 32px;
      line-height: 39px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .be-social {
      text-align: center;
      margin-top: 50px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      float: none;
      margin-left: 0px;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   .skill-wrap > div {
      margin-left: -14px;
      margin-top: 30px;
   }
   #item_content {
      width: 700px !important;
   }
   #item_slider {
      width: 700px !important;
   }
   #item_video_wrapper {
   	width: 700px !important;
   }
   .transparent {
      display: none;
   }
   #metro-panel {
      width: 81%;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 24px !important;
      line-height: 31px !important;
   }
   .rb-week span {
      font-size:64px !important;
   }
}


/*Big Tablets and Small Desktop*/
@media (max-width: 960px) {
	body, html {
      max-width: 960px !important;
      overflow-x: hidden !important;
   }

   .container {
      padding-left: 70px !important;
      padding-right: 70px !important;
   }
   #intro {
      margin-top: 200px !important;
   }
   #explore {
      display: none;
   }
   .swiper-slide h2 {
      font-size: 64px;
      line-height: 64px;
   }
   .grid li {
      width: 33.3%;
   }
   .cbp-ig-grid {
      padding: 0 30px;
   }
   .cbp-ig-grid li {
      width: 33.3%;
   }
   #item_content {
      width: 960px !important;
   }
   #item_slider {
      width: 960px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 230px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .instagram-thumb {
      width: 25%;
   }
   .flickr-thumb {
      width: 25%;
   }
   #sidebar-nav, .sq-side-menu ul li, .sq-side-menu .first, .sq-side-menu .second {
      width: 100px;
   }
   .sq-side-menu ul li:hover .second .content, .sq-active .second .content { 
   	font-size: 18px !important;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      width: 48%;
      height: 14em;
      text-align: left;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text {
      font-size: 32px;
      line-height: 39px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .be-social {
      text-align: center;
      margin-top: 50px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      float: none;
      margin-left: 0px;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   .skill-wrap > div {
      margin-top: 30px;
   }
   #item_content {
      width: 580px !important;
   }
   #item_slider {
      width: 580px !important;
   }
   #item_video_wrapper {
   	width: 580px !important;
   }
   .transparent {
      display: none;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 24px !important;
      line-height: 31px !important;
   }
   .rb-week span {
      font-size:48px !important;
   }
}


/*Tablets*/

/*following lines are newly  added on v1.2 - Nov 06, 2013*/
@media (max-width: 800px) {
   body, html {
      max-width: 800px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
   .container {
      padding-left: 120px !important;
      padding-right: 120px !important;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   #item_content {
      width: 800px !important;
   }
   #item_slider {
      width: 800px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 180px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .flickr-thumb {
      width: 33.3%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:-2px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: left;
   }
   #item_content {
      width: 470px !important;
   }
   #item_slider {
      width: 470px !important;
   }
   #item_video_wrapper {
      width: 470px !important;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      width: 48%;
      height: 100%;
      text-align: left;
   }
   .rb-week span{
      text-align: left;
   }
   .welcome-text{
      font-size: 32px;
      line-height: 39px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .be-social {
      text-align: center;
      margin-top: 50px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      float: none;
      margin-left: 0px;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 82%;
   }
   .team-stuff {
      margin-bottom: 20px;
   }
   .foot-icons ul li {
      float: none;
      margin-top: 20px;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 24px !important;
      line-height: 31px !important;
   }
   .rb-week span {
      font-size:36px !important;
   }
}
/*addon styles : end*/

@media (max-width: 768px) {
   body, html {
      max-width: 768px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
   .container {
      padding-left: 140px !important;
      padding-right: 140px !important;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   #item_content {
      width: 768px !important;
   }
   #item_slider {
      width: 768px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 180px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .flickr-thumb {
      width: 33.3%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:-2px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: left;
   }
   #item_content {
      width: 440px !important;
   }
   #item_slider {
      width: 440px !important;
   }
   #item_video_wrapper {
      width: 440px !important;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      width: 48%;
      height: 100%;
      text-align: left;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text {
      font-size: 32px;
      line-height: 39px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .be-social {
      text-align: center;
      margin-top: 50px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      float: none;
      margin-left: 0px;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 82%;
   }
   .team-stuff {
      margin-bottom: 20px;
   }
   .foot-icons ul li {
      float: none;
      margin-top: 20px;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 24px !important;
      line-height: 31px !important;
   }
    .rb-week span {
      font-size:36px !important;
   }
}

@media (max-width: 640px) {
   body, html {
      max-width: 640px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
   .container {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   #explore {
      display: none;
   }
   .swiper-slide h2 {
      font-size: 36px;
      line-height: 36px;
   }
   .grid li {
      width: 50%;
   }
   .cbp-ig-grid {
      padding: 0 100px;
   }
   .cbp-ig-grid li {
      width: 100%;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   #item_content {
      width: 520px !important;
   }
   #item_slider {
      width: 520px !important;
   }
   #item_video_wrapper {
   	width: 520px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 180px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .flickr-thumb {
      width: 33.3%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:52px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: center;
      margin-top:50px;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      height: 100%;
      width: 48%;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text, .tweet_list li, #ticker .loading {
   	font-size: 48px;
   	line-height: 55px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 99%;
   }
   #news_ticker a {
      font-size: 96px;
   }
   .team-stuff.mob-hor-full {
      width: 33%;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 28px !important;
      line-height: 35px !important;
   }
   .rb-week span {
      font-size:32px !important;
   }
}

/*following lines are newly  added on v1.2 - Nov 06, 2013*/
@media (max-width: 600px) {
   body, html {
      max-width: 600px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
	.container {
      padding-left: 30px !important;
      padding-right: 30px !important;
	}
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   #explore {
      display: none;
   }
   .swiper-slide h2 {
      font-size: 36px;
      line-height: 36px;
   }
   .grid li {
      width: 50%;
   }
   .cbp-ig-grid {
      padding: 0 100px;
   }
   .cbp-ig-grid li {
      width: 100%;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   #item_content {
      width: 490px !important;
   }
   #item_slider {
      width: 490px !important;
   }
   #item_video_wrapper{
   	width: 490px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 180px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   .flickr-thumb {
      width: 33.3%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:52px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: center;
      margin-top:50px;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      height: 100%;
      width: 48%;
   }
   .rb-week span{
      text-align: left;
   }
   .welcome-text, .tweet_list li, #ticker .loading {
   	font-size: 48px;
   	line-height: 55px;
   }
   .mob-hor-full {
      width: 100%;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 99%;
   }
   #news_ticker a {
      font-size: 96px;
   }
   .team-stuff.mob-hor-full {
      width: 33%;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 28px !important;
      line-height: 35px !important;
   }
   .rb-week span {
      font-size:32px !important;
   }
}
/*addon styles : end*/

@media (max-width: 480px) {
   body, html {
      max-width: 480px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
   .container {
      padding-left: 30px !important;
      padding-right: 30px !important;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   #explore {
      display: none;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   ul#portfolioFilter li {
      float: none;
   }
   ul#portfolioFilter li a {
      font-size: 16px;
   }
   #portfolioFilter {
      text-align: center;
   }
   .separator {
      display: none;
   }
   .grid .team-info {
      position: relative;
   }
   div#portfolio_thumbs ul li {
      width: 50%;
   }
   #item_content {
      width: 370px !important;
   }
   #item_slider {
      width: 370px !important;
   }
   #item_video_wrapper {
   	width: 370px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 90px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 28px !important;
      line-height: 35px !important;
   }
   .tweet_text, .tweet_time {
      line-height: 24px !important;
   }
   .flickr-thumb {
      width: 50%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:15px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: center;
      margin-top:50px;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      height: 100%;
      width: 48%;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text, .tweet_list li, #ticker .loading {
   	font-size: 36px;
   	line-height: 43px;
   }
   .mob-hor-full, .team-stuff.mob-hor-full {
      width: 100%;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 90%;
   }
   .service-info > p {
      font-size: 12px;
      line-height: 18px;
   }
   .foot-icons ul li {
      float: none;
      margin-top: 20px;
   }
   .fx, .animated {
   	opacity: 1 !important;
   }
   #news_ticker a {
      font-size: 72px;
   }
   .rb-week span {
      font-size:24px !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;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   #explore {
      display: none;
   }
   #explore {
      display: none;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
      margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   ul#portfolioFilter li {
      float: none;
   }
   ul#portfolioFilter li a {
      font-size: 16px;
   }
   #portfolioFilter {
      text-align: center;
   }
   .separator {
      display: none;
   }
   .grid .team-info {
      position: relative;
   }
   div#portfolio_thumbs ul li {
      width: 100%;
   }
   #item_content {
      width: 250px !important;
   }
   #item_slider {
      width: 250px !important;
   }
   #item_video_wrapper {
   	width: 250px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 90px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 14px !important;
      line-height: 21px !important;
   }
   .tweet_text, .tweet_time {
      line-height: 24px !important;
   }
   .flickr-thumb {
      width: 50%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:-12px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: center;
      margin-top:50px;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      height: 100%;
      width: 100%;
   }
   .rb-week span {
      text-align: left;
   }
   .welcome-text, .tweet_list li, #ticker .loading {
   	font-size: 24px;
   	line-height: 31px;
   }
   .mob-hor-full, .team-stuff.mob-hor-full {
      width: 100%;
   }
   .be-social li a > span, .be-social li a > span:hover {
      font-size: 14px;
   	-moz-transition:  none !important;
   	-webkit-transition:  none !important;
   	-o-transition:  none !important;
   	transition: none !important;
   	padding: 20px !important;
   }
   .cbp-qtrotator img {
       margin-bottom: 20px;
       display: block;
       float: none !important;
   }
   .service-info > p {
   	color: #FFFFFF;
   	font-family: "Open_Sans_R";
   	font-size: 10px;
   	line-height: 17px;
   	margin-top: 20px;
   }
   .foot-icons ul li {
      margin-top: 20px;
      float: none;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 98%;
   }
   .skill-wrap > div {
      margin-top: 30px;
   }
   .tile-01 {
      width: 161px;
      height: 161px;
   }
   #metro-panel .tile-nav .nav-hover > h5 {
   	color: #FFFFFF;
      font-size: 14px;
   	font-weight: 200;
   	line-height: 21px;
   	padding: 10px;
   	text-align: left;
   }
   #metro-panel .tile-nav span {
   	display: block;
      font-size: 18px;
   	font-weight: normal;
   	line-height: 18px;
   	margin-bottom: 10px;
   	margin-top: 28px;
   }
   #metro-panel .tile-nav .nav-hover > p {
      text-align: left !important;
      padding-left: 10px !important;
   }
   .fx, .animated {
   	opacity: 1 !important;
   }
   #news_ticker a {
      font-size: 64px;
   }
   #welcome h3 {
      font-size: 16px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      margin-left: 30px;
   }
   .rb-week span {
      font-size:20px !important;
   }
}

@media (max-width: 320px) {
   body, html {
      max-width: 320px !important;
      overflow-x: hidden !important;
      font-size: 12px;
   }
   .container {
      padding-left: 20px !important;
      padding-right: 20px !important;
   }
   .text-left, .text-right {
      text-align: center;
      width: 94%;
   }
   #explore {
      display: none;
   }
   .liner {
      width: 100%;
   }
   .foot-logo {
    	margin-top: 20px;
   }
   .social-block a > img {
      width: 48px;
      height: 48px;
   }
   .copyright {
      margin-top: 10px;
   }
   ul#portfolioFilter li {
      float: none;
   }
   ul#portfolioFilter li a {
      font-size: 16px;
   }
   #portfolioFilter {
      text-align: center;
   }
   .separator {
      display: none;
   }
   .grid .team-info {
      position: relative;
   }
   div#portfolio_thumbs ul li {
      width: 100%;
   }
   #item_content {
      width: 230px !important;
   }
   #item_slider {
      width: 230px !important;
   }
   #item_video_wrapper {
  		width: 230px !important;
   }
   #item_slider .flex-direction-nav li a {
      top: 90px !important;
   }
   #text_content {
      margin-top: 30px;
   }
   .tweet_list li, .tweet_list li a {
      font-size: 20px !important;
      line-height: 27px !important;
   }
   .tweet_text, .tweet_time {
      line-height: 24px !important;
   }
   .flickr-thumb {
      width: 50%;
   }
   #sidebar-nav {
      display: none;
   }
   .easyPieChart {
      margin-left:-12px; 
      margin-top: 20px;
   }
   .be-social {
      text-align: center;
      margin-top:50px;
   }
   .rb-grid li, .rb-grid li.rb-span-2, .rb-grid li.rb-span-4 {
      height: 100%;
      width: 100%;
   }
   .rb-week span { 
      text-align: left;
   }
   .welcome-text, .tweet_list li, #ticker .loading {
   	font-size: 24px;
   	line-height: 31px;
   }
   .mob-hor-full, .team-stuff.mob-hor-full {
      width: 100%;
   }
   .be-social li a > span, .be-social li a > span:hover {
      font-size: 14px;
   	-moz-transition:  none !important;
   	-webkit-transition:  none !important;
   	-o-transition:  none !important;
   	transition: none !important;
   	padding: 20px !important;
   }
   .cbp-qtrotator img {
      margin-bottom: 20px;
      display: block;
      float: none !important;
   }
   .service-info > p {
   	color: #FFFFFF;
   	font-family: "Open_Sans_R";
   	font-size: 10px;
   	line-height: 17px;
   	margin-top: 20px;
   }
   .foot-icons ul li {
      margin-top: 20px;
      float: none;
   }
   .transparent, .slogan {
      display: none;
   }
   #metro-panel {
      width: 98%;
   }
   .tile-01 {
      width: 141px;
      height: 141px;
   }
   #metro-panel .tile-nav .nav-hover > h5 {
   	color: #FFFFFF;
      font-size: 12px;
   	font-weight: 200;
   	line-height: 19px;
   	padding: 10px;
   	text-align: left;
   }
   #metro-panel .tile-nav span {
   	display: block;
      font-size: 18px;
   	font-weight: normal;
   	line-height: 18px;
   	margin-bottom: 10px;
   	margin-top: 28px;
   }
   #metro-panel .tile-nav .nav-hover > p {
      text-align: left !important;
      padding-left: 10px !important;
      font-size: 12px;
      line-height: 19px;
   }
   .nav-tile .tile-nav img {
      width: 72px;
      height: 72px;
   }
   .fx, .animated {
   	opacity: 1 !important;
   }
   #news_ticker a {
      font-size: 48px;
   }
   #welcome h3 {
      font-size: 16px;
   }
   .team-stuff {
      margin-bottom: 15px;
   }
   .cbp-qtrotator .cbp-qtcontent img {
      margin-left: 30px;
   }
   .rb-week span {
      font-size:20px !important;
   }
}