/* #Basics
================================================== */

 .highlighted {
   color: #fff;
 }

 .black {
   color: #000;
 }

 .transparent {
   /* IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   /* IE 5-7 */
   filter: alpha(opacity=0);
   /* Netscape */
   -moz-opacity: 0;
   /* Safari 1.x */
   -khtml-opacity: 0;
   /* Good browsers */
   opacity: 0;
 }

 .mainContent {
   position: relative;
   float: left;
   width: 100%;
   /* padding-bottom: 20px; */
   background: #fff;
 }



 a:link {
   text-decoration: none;
 }

 a:visited {
   text-decoration: none;
 }

 a:hover {
   text-decoration: none;
 }

 a:active {
   text-decoration: none;
 }

 ::selection {
   color: #fff;
 }

 ::-moz-selection {
   color: #fff;
 }

 .hidden {
   display: none;
 }

 .noSelect {

   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;

 }

 .separator.large {
   height: 10px;
   background: url('../images/tiles/dotted4x3.gif') repeat top left;
 }

 .separator.vertical {
   width: 3px;
   height: 17px;
   padding: 0;
   background: url('../images/tiles/separatorDottedVertical.gif') repeat-y center left;
   margin-top: 4px;
 }


 /* #Header Styles
================================================== */
 .headerBg {
   position: absolute;
   background-color: #fff;
   width: 100%;
   height: 58%;
 }

 .headerContentBg {
   position: absolute;
   width: 100%;
   background-color: #f7f7f7;
   height: 200px;
   top: 90px;
 }

 .headerContentBgBoxed {
   position: absolute;
   width: 100%;
   background-color: #f7f7f7;
   height: 200px;
   top: 90px;
 }

 .contentBgFull {
   position: absolute;
   float: left;
   background-color: #fff;
   left: -50%;
   height: 100%;
   z-index: -1;
 }

 .container header.sixteen.columns {
   width: 100%;
   background: #E15A00;
 }

 header {
   position: relative;
   margin-left: 0;
   width: 1000px;
   padding: 0;
   height: auto;
   background: #fff;
 }

 header1 {
   position: relative;
   margin-left: 0;
   width: 100%;
   padding: 0;
   height: auto;
   background: #fff;
 }

 header .logo {
   position: absolute;
   width: 156px;
   height: 133px;
   margin-left: 20px;
   float: left;
   z-index: 100;
 }

 header1 .logo {
   position: absolute;
   width: 156px;
   height: 133px;
   margin-left: 20px;
   float: left;
   z-index: 100;
 }

 nav form {
   display: none;
   float: right;
   margin: 35px 20px 0 0;
   right: 0;
   position: absolute;
 }

 nav form select {
   padding: 5px;
 }

 #menuShadow {
   position: absolute;
   width: 100%;
   height: 16px;
   float: left;
   top: 58px;
   left: 0px;
   z-index: 1;
   background: url('../images/headerShadow.png') no-repeat left top;
   background-size: 100% auto;
 }

 #submenuArrow {
   width: 108px;
   height: 9px;
   position: absolute;
   top: 46px;
   left: 0;
   z-index: 101;
   opacity: 0;
   filter: Alpha(opacity=0);
   pointer-events: none;
   border-bottom: 3px solid white;
   cursor: pointer;
 }


 .arrow-up {
   position: absolute;
   top: 3px;
   width: 10px;
   height: 6px;
   background: url('../images/icons/arrowUp.png') no-repeat left top;
 }

 .arrow-down {
   position: relative;
   top: 0;
   left: 0;
   width: 0;
   height: 0;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
 }

 /* #ddsmoothmenu
================================================== */

 .ddsmoothmenu {
   font: 14px 'CabinSemiBold', sans-serif;
   font-weight: normal;
   text-align: center;
   color: #aaa;
   width: 80%;
   margin: 0 auto;
 }

 .ddsmoothmenu ul li span {
   font: 11px Arial, sans-serif;
   /*background of menu bar (default state)*/
   font-style: italic;
   color: #fff;
   text-align: center;
   display: block;
   margin-top: 3px;
 }

 .ddsmoothmenu ul {
   z-index: 100;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }

 /*Top level list items*/
 .ddsmoothmenu ul li {
   position: relative;
   display: inline;
   float: left;
   text-align: center;

 }


 .ddsmoothmenu ul li img {
   margin-top: 26px;
 }

 .ddsmoothmenu ul li ul li img {
   margin-top: 0;
 }

 /*Top level menu link items style*/
 .ddsmoothmenu ul li a {
   display: block;
   background: #ffffff;
   /*background of menu items (default state)*/
   color: #aaaaaa;
   padding: 20px 30px 20px 30px;
   text-decoration: none;
   text-align: center;
 }

 * html .ddsmoothmenu ul li a {
   /*IE6 hack to get sub menu links to behave correctly*/
   display: inline-block;
   color: #aaaaaa;
 }

 .ddsmoothmenu ul li a:link,
 .ddsmoothmenu ul li a:visited {
   background: rgb(225, 90, 0);
   color: #fff;

   -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
   -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
   -o-transition: color 0.2s ease-out, background 0.2s ease-out;
   -ms-transition: color 0.2s ease-out, background 0.2s ease-out;
   transition: color 0.2s ease-out, background 0.2s ease-out;
 }

 .ddsmoothmenu ul li ul li a:link,
 .ddsmoothmenu ul li ul li a:visited {
   color: #fff;
 }


 .ddsmoothmenu ul li a.selected {
   color: #ffffff;
 }

 .ddsmoothmenu ul li a:hover,
 .ddsmoothmenu ul li a.current {
   color: #ffffff;
 }

 /*1st sub level menu*/
 .ddsmoothmenu ul li ul {
   position: absolute;
   left: 0;
   margin-top: 3px;
   display: none;
   /*collapse all sub menus to begin with*/
   visibility: hidden;

 }

 .ddsmoothmenu ul li ul:before {
   content: "";
   position: absolute;
   top: -3px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 3px;
   /* Fallback for browsers that doesn't support rgba */
   background: rgb(0, 0, 0) transparent;
   /* rgba with 0.6 opacity */
   background: rgba(0, 0, 0, 0);
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
   /* For IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000)";


 }

 /*Sub level menu list items (undo style from Top level List Items)*/
 .ddsmoothmenu ul li ul li {
   display: list-item;
   float: none;
   text-align: left;
 }

 /*All subsequent sub menu levels vertical offset after 1st level sub menu */
 .ddsmoothmenu ul li ul li ul {
   top: 0;
   margin-top: 0;
 }

 /* Sub level menu links style */
 .ddsmoothmenu ul li ul li a {
   font: 13px 'CabinSemiBold', sans-serif;
   font-weight: normal;
   width: 145px;
   /*width of sub menus*/
   padding: 13px 5px 5px 20px;
   margin: 0;
   border-top-width: 0;
   color: #ffffff;
   text-align: left;
 }

 .ddsmoothmenu ul li ul li a:link,
 .ddsmoothmenu ul li ul li a:visited {
   color: #fff;

   -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
   -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
   -o-transition: color 0.2s ease-out, background 0.2s ease-out;
   -ms-transition: color 0.2s ease-out, background 0.2s ease-out;
   transition: color 0.2s ease-out, background 0.2s ease-out;
 }




 /* Holly Hack for IE \*/
 * html .ddsmoothmenu {
   height: 1%;
 }

 /*Holly Hack for IE7 and below*/


 /* ######### CSS classes applied to down and right arrow images  ######### */

 .downarrowclass {
   position: absolute;
   top: 12px;
   right: 7px;
 }

 .rightarrowclass {
   position: absolute;
   top: 6px;
   right: 5px;
 }

 /* ######### CSS for shadow added to sub menus  ######### */

 .ddshadow {
   /*shadow for NON CSS3 capable browsers*/
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   background: black;
 }

 .toplevelshadow {
   /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
   opacity: 0.8;
 }


 /* #Home Page styles
================================================== */

 #fullwidthslider {}

 #slider {
   position: relative;
   width: 100%;
   height: 400px;
   overflow: hidden;
 }

 #blurMask {
   position: relative;
   float: left;
   width: 100%;
   height: 360px;
   overflow: hidden;
 }

 /* #Other Page styles
================================================== */

 #noslider {
   position: relative;
   width: 100%;
   height: 360px;
   overflow: hidden;
 }


 .headerContentContainer {
   width: 1000px;
   height: 200px;
   margin: 0 auto;
   position: absolute;
   float: left;
   text-align: center;
   color: #000;
   background-color: rgba(255, 255, 255, .5);
 }


 .headerContentContainer {
   width: 100%;
   height: 360px;
   margin: 0 auto;
   position: absolute;
   float: left;
   text-align: center;
   color: #000;
   background-color: #fff;
   background-color: rgba(255, 255, 255, .5);

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

   filter: alpha(opacity=50);

 }

 .breadCrumbs {
   position: relative;
 }

 .breadCrumbs a {
   -webkit-transition: color 0.2s ease-in-out;
   -moz-transition: color 0.2s ease-in-out;
   -o-transition: color 0.2s ease-in-out;
   -ms-transition: color 0.2s ease-in-out;
   transition: color 0.2s ease-in-out;
 }

 .breadCrumbs a:hover {
   background: transparent;
 }

 .pageTitle {
   font-size: 60px;
   line-height: 68px;
   margin-bottom: 4px;
   margin-top: 64px;
   font-family: 'CabinRegular', sans-serif;
   position: relative;
 }





 /* #Pagination
================================================== */

 .pagination {
   position: relative;
   float: right;
   text-align: center;
 }


 .pagination ul {
   margin: 0;
   list-style: none;
 }


 .pagination li a {
   color: #fff;
 }

 .pagination li a:hover {
   background: transparent;
 }

 .pagination li {
   float: left;
   display: block;
   padding: 5px 10px;
   background-color: #aaa;
   color: #fff;
   margin-left: 1px;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 .pagination li:active {
   cursor: default;
 }

 .pagination li.selected {
   cursor: default;
 }


 #mainContent {
   position: relative;
   width: 100%;
   height: 600px;
   background-color: rgba(255, 255, 255, 1);
 }

 #tagLine {
   position: relative;
   padding: 20px 20px 17px 20px;
   text-align: center;
 }

 #tagLine h1 {
   font-size: 25px;
   color: #550900;
   margin-top: 8px;
   line-height: 30px;
   font-family: 'CabinSemiBold', sans-serif;
   font-weight: bold;
   text-shadow: 1px 1px 1px #490202;
 }


 #tagLineShadow {
   position: relative;
   width: 100%;
   height: 16px;
   background: url('../images/headerShadow.png') no-repeat left top;
   background-size: 100% auto;
   margin-bottom: 34px;
 }



 /* #section header
================================================== */


 .sectionHeadingWrap {
   width: 100%;
   height: 50px;
   background-color: #f8f8f8;
   text-align: center;
   margin-bottom: 30px;
 }

 .sectionHeading {
   position: relative;
   display: inline-block;
   margin: 0 auto;
   padding: 17px 20px 17px 20px;
   color: #fff;
   line-height: 50px;
   text-transform: uppercase;
   font: 14px 'CabinSemiBold', sans-serif;
   font-weight: normal;

 }

 .sectionHeading:after {
   content: '';
   width: 10px;
   height: 6px;
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 /* portfolio single
================================================== */

 .portfolioContent.row {
   margin-bottom: 16px;
 }

 .portfolioDesc p {
   margin-bottom: 5px;
 }


 .portfolioDetails {
   background: url('../images/tiles/separatorDottedVertical.gif') repeat-y 0 1px;
   margin-top: 44px;
 }

 .portfolioDetails h4 {
   color: #777;
   line-height: 12px;

 }

 .portfolioDetails ul {
   margin: 0;
   padding: 0;
   margin-top: 14px;
 }

 .portfolioDetails ul li {
   line-height: 20px;
 }

 .portfolioDetails a {
   background-color: #fff;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .portfolioDetails a:hover {
   color: #fff;
 }

 .portfolioDetails h4,
 .portfolioDetails ul {
   margin-left: 20px;
 }


 .lineSeparator.columns {
   margin-left: 0;
 }

 .lineSeparator {
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;

 }


 .projectNav {
   position: relative;
   clear: both;

 }

 .projectNav,
 .projectNav ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   margin-top: 6px;
 }

 .projectNav>ul>li {
   font: 14px 'CabinMediumItalic', sans-serif;
   /*background of menu bar (default state)*/
   font-style: italic;
   color: #777;
   display: block;
   font-weight: 400;
   position: relative;
   display: inline;
   float: left;

 }

 .projectNav>ul>li>a {
   color: #777;
 }

 .projectNav>ul>li:last-child {
   float: right;
   margin-top: -17px;
 }

 .ie8 .projectNav .projectName {
   float: right;
   margin-top: -17px;
 }

 .ie8 .projectNav .projectName:first-child {
   float: left;
   margin-top: 0px;
 }

 .projectNav>ul>ul {
   width: 31px;
   height: 19px;
   margin: 0 auto;
 }

 .projectNav>ul>ul li {
   margin-right: 5px;
   position: relative;
   display: block;
   float: left;
 }

 .projectNav>ul>ul li:last-child {
   margin-right: 0;
 }

 .ie8 .projectNav>ul>ul li {
   margin-right: 0px;
   position: relative;
   display: block;
   float: left;
 }

 .ie8 .projectNav>ul>ul li.separator {
   margin-right: 5px;
   position: relative;
   display: block;
   float: left;
 }

 .ie8 .projectNav>ul>ul li:first-child {
   margin-right: 5px;
   position: relative;
   display: block;
   float: left;
 }

 .projectNav .projectPrev {
   width: 9px;
   height: 17px;
   cursor: pointer;
   background: url('../images/icons/arrowLeft.gif') no-repeat 0 7px;
 }

 .projectNav .projectNext {
   width: 9px;
   height: 17px;
   cursor: pointer;
   background: url('../images/icons/arrowRight.gif') no-repeat 0 7px;
 }


 .projectNav .separator {
   width: 3px;
   height: 17px;
   margin-top: 2px;
   background: url('../images/tiles/separatorDottedVertical.gif') repeat-y top left;
 }

 .projectNav .projectName {
   border-bottom: 3px solid #fff;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .projectNav .projectName:hover {
   border-color: #777;
 }

 .projectNav a:hover,
 .projectNav a.selected {
   background-color: transparent;
 }

 .sidebar .onefourth h6,
 .sidebar .onefourth h4 {
   color: #777;
 }



 /* #add this share
================================================== */
 .addthis_toolbox_share {
   display: inline-block
 }

 .addthis_toolbox_share a {
   float: left;
   width: 32px;
   height: 32px;
   margin-right: 2px;
   margin-bottom: 2px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .addthis_toolbox_share a:last-child {
   margin-right: 0;
 }

 .addthis_toolbox_share a:hover {
   background-position: 0 -32px;
 }

 .addthis_button_facebook {
   background: url('../images/social_icons/main_content/facebook.png') no-repeat top left;
 }

 .addthis_button_linkedin {
   background: url('../images/social_icons/main_content/linkedin.png') no-repeat top left;
 }

 .addthis_button_twitter {
   background: url('../images/social_icons/main_content/twitter1.png') no-repeat top left;
 }

 .addthis_button_pinterest {
   background: url('../images/social_icons/main_content/pinterest.png') no-repeat top left;
 }

 .addthis_button_digg {
   background: url('../images/social_icons/main_content/digg.png') no-repeat top left;
 }

 .addthis_button_yahoomail {
   background: url('../images/social_icons/main_content/yahoo1.png') no-repeat top left;
 }

 .addthis_button_reddit {
   background: url('../images/social_icons/main_content/reddit.png') no-repeat top left;
 }

 .addthis_button_stumbleupon {
   background: url('../images/social_icons/main_content/stumbleupon.png') no-repeat top left;
 }

 .addthis_button_delicious {
   background: url('../images/social_icons/main_content/delicious.png') no-repeat top left;
 }

 .addthis_button_email {
   background: url('../images/social_icons/main_content/email.png') no-repeat top left;
 }

 .socialShare p {
   text-align: center;
   margin-bottom: 12px;
   margin-top: 2px;
 }

 .socialShare {
   text-align: center;
 }

 .addthis_toolbox_share a span {
   visibility: hidden;
 }

 .at300b:hover {
   opacity: 1;
 }

 /* #add this appreciate
================================================== */

 .addthis_toolbox {
   position: relative;
   width: 105px;
   height: 62px;
   padding: 5px;
   float: left;
 }

 .addthis_toolbox a {
   float: left;
 }

 .addthis_toolbox a:hover {
   background: transparent;
 }

 .appreciateTxt {
   position: relative;
   float: left;
   width: 510px;
   margin-left: 20px;
 }

 .appreciateTxt h6 {
   color: #545454;
   margin-top: 4px;
   margin-bottom: 4px;
 }


 /* #buttons slider
================================================== */
 .buttonsSlider {
   float: left;
   margin-top: 16px;
   display: none;
   position: relative;
   width: 100%;

 }

 .buttonsSlider p {
   margin: 0;

 }

 .buttonsSlider article {
   position: relative;
   padding: 25px;
   padding-bottom: 22px;
   background: #f7f7f7;
   margin: 0;
   float: left;
   width: 645px;
 }

 .buttonSliderShadow {
   width: 100%;
   height: 16px;
   background: url('../images/headerShadow.png') no-repeat left top;
   background-size: 100% auto;
   position: absolute;
   z-index: 999;
 }

 .buttonSliderShadowBottom {
   width: 100%;
   height: 12px;
   background: url('../images/shadowBottom.png') no-repeat left top;
   background-size: 100% 100%;
   position: relative;
   top: -12px;
   float: left;
 }

 .buttonSliderClose {
   width: 83px;
   height: 44px;
   position: relative;
   left: 50%;
   top: -18px;
   margin-left: -42px;
   cursor: pointer;
   float: left;
 }


 /* #cool stuff
================================================== */

 .onefourth.widget {
   position: relative;
   display: inline;
   float: left;
   width: 225px;
   margin-right: 20px;
 }

 .onefourth.widget.last {
   margin-right: 0px;
 }

 /* #tiny accordion
================================================== */

 #acc {
   width: 225px;
   list-style: none;
   margin-top: 14px;
 }

 .sidebar #acc {
   margin-top: 15px;
 }

 #acc h4 {
   width: 183px;
   height: 28px;
   color: #aaa;
   border: 1px solid #ddd;
   margin-bottom: 5px;
   cursor: pointer;
   padding: 8px 0 2px 40px;
   background: #f8f8f8 url('../images/icons/accPlusMinus.png') 8px 8px no-repeat;
   -webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
   -moz-transition: color 0.2s ease-out, background 0.2s ease-out;
   -o-transition: color 0.2s ease-out, background 0.2s ease-out;
   -ms-transition: color 0.2s ease-out, background 0.2s ease-out;
   transition: color 0.2s ease-out, background 0.2s ease-out;

 }

 #acc h4:hover {}

 #acc .acc-selected {
   color: #fff;

   background: #aaa url('../images/icons/accPlusMinus.png') 8px -13px no-repeat;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 #acc .acc-section {
   overflow: hidden;
   background: #fff;
 }

 #acc .acc-content {
   width: 203px;
   padding: 10px;
   border: 1px solid #aaa;
   background: #fff;
   margin-bottom: 5px;
 }

 /* #tabs
================================================== */

 .ui-tabs {
   zoom: 1;
 }

 .ui-tabs ul {
   margin-top: 15px;
 }

 .ui-tabs .ui-tabs-nav {
   list-style: none;
   position: relative;
   overflow: hidden;
   z-index: 1000;
   height: 40px;
   margin-bottom: 1px;
 }

 .ui-tabs .ui-tabs-nav li {
   position: relative;
   float: left;
   border: 1px solid #ddd;
   border-right: 0px;
   background: #f8f8f8;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .ui-tabs .ui-tabs-nav li:last-child {
   border-right: 1px solid #ddd;
 }

 .ui-tabs .ui-tabs-nav li a {
   float: left;
   text-decoration: none;
   padding: 10px 15px;
   color: #aaa;
   font-family: 'CabinSemiBold', sans-serif;
   font-size: 14px;
   height: 18px;
   font-weight: normal;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .ui-tabs .ui-tabs-nav li a:hover {
   background: #f8f8f8;
   color: #aaa;
 }

 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
   background: #aaa;
   color: #fff;

   border-color: #aaa;
 }

 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
   border-color: #aaa;
 }


 .ui-tabs .ui-tabs-panel {
   display: block;
   border-width: 0;
   background: #fff;
   border: 1px solid #ddd;
   position: relative;
   height: auto !important;
   padding: 10px;
   padding-bottom: 0;
 }

 .ui-tabs .ui-tabs-panel p {
   margin-bottom: 10px;
   color: #777;
   line-height: 18px;
   display: inline-block;
 }

 .ui-tabs .ui-tabs-panel a {
   color: #777;
   line-height: 12px;
 }

 .ui-tabs .ui-tabs-panel a:hover {
   background: transparent;
 }


 .ui-tabs .ui-tabs-panel .date {
   display: block;
   font-size: 10px;
   color: #aaa;
   font-style: italic;
 }

 .ui-tabs .ui-tabs-panel p img {
   float: left;
   margin-right: 10px;
 }

 .ui-tabs .ui-tabs-hide {
   display: none !important;
 }



 /*sidebar tabs*/

 .sidebar .ui-tabs .ui-tabs-nav li a {
   padding: 10px 10px;
 }


 /* #Footer
================================================== */

 footer {
   position: relative;
   float: left;
   width: 100%;
   background: #000;
 }

 .footerBgFull {
   background-color: #65605c;
   height: 100%;
   float: left;
   z-index: -3;
 }



 footer li {
   color: #d9d8d7;
 }

 footer .footerContacts li a {
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
   height: 14px;
   width: 12px;
 }

 footer .footerContacts li a:hover {
   background: transparent;
 }


 footer .footerContacts .footerMail:hover {
   background-position: 0 -11px;
 }

 .footerContacts li {
   text-indent: 20px;
   margin-bottom: 10px;
   line-height: 25px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .footerAddress {
   background: url(../images/icons/homeIcon.png) no-repeat 0 1px;
 }

 .footerPhone {
   background: url(../images/icons/phoneIcon.png) no-repeat 0 1px;
 }

 .footerMail {
   background: url(../images/icons/mailIcon.png) no-repeat 0 2px;
 }

 footer .arrow-down {
   left: 493px;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-top: 8px solid #fff;
 }

 footer .footerLogo {
   position: relative;
   width: 156px;
   height: 133px;
   background: url('../images/footerLogo.png') no-repeat left center;
   left: 35px;
   margin-bottom: 10px;
 }

 footer p {
   color: #d9d8d7;
   margin-bottom: 8px;
 }

 footer p img {
   margin-right: 10px;
 }

 footer a {
   color: #d9d8d7;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 footer a:hover {
   color: #fff;
 }

 footer .footerAbout a {
   color: #d9d8d7;
   display: block;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 footer .footerAbout a:hover {
   background: none;
 }

 /*
footer .footerAbout a:hover {
	color: #fff;
}
*/

 footer .footerAbout li {
   margin-bottom: 6px;
   height: 28px;
   background: url('../images/tiles/separator.gif') repeat-x 0 26px;
   cursor: pointer;
 }

 footer .footerAbout li:hover a {
   color: #fff;
 }

 footer h4 {
   color: #fff;
   margin-top: 25px;
   height: 40px;
   margin-bottom: 6px;
   background: url('../images/tiles/separator.gif') repeat-x 0 37px;
 }


 .footerTopWrapper {
   width: 100%;
   padding-left: 20px;
   margin-top: -8px;

 }

 .footerTopWrapper .onefourth {
   position: relative;
   display: inline;
   float: left;
   width: 199px;
   margin-right: 40px;
   margin-bottom: 30px;
 }

 .footerTopWrapper .onefourth:last-child {
   margin-right: 0px;
 }

 footer .socialIcons {
   margin-top: 20px;
 }


 /* #Footer twitter
================================================== */

 .tweet,
 .query {
   position: relative;
 }

 .tweet_list {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow-y: hidden;
   position: relative;
 }

 .tweet_list li {
   overflow-y: auto;
   overflow-x: hidden;
   list-style-type: none;
   position: relative;
   background: url('../images/tiles/separator.gif') repeat-x 0 bottom;
   margin-bottom: 6px;

 }


 .tweet_list li a {
   color: #d9d8d7;
 }

 .tweet_list .tweet_even {}

 .tweet_list .tweet_avatar {
   padding-right: .5em;
   padding-top: 3px;
   float: left;

 }

 .tweet_list .tweet_avatar img {
   vertical-align: middle;

 }

 .tweet_list .tweet_time {
   position: absolute;
   right: 0px;
   bottom: 10px;
   float: right;
   font-size: 10px;
   font-style: italic;
 }

 .tweet_list .tweet_time a {
   color: #d9d8d7;
 }

 .tweet_list .tweet_time a:hover {
   background: none;
 }



 .tweet_list li a:hover {
   color: #fff;
   background: none;
 }



 .tweet_avatar {
   width: 11px;
   height: 10px;
   overflow: hideen;
   background: url('../images/icons/tweetsIcon.png') no-repeat 0 3px;
 }

 .tweet_list .tweet_text {
   width: 90%;
   float: left;
   margin-bottom: 30px;
 }

 /* #Sub footer
================================================== */

 .subFooter {
   position: relative;
   float: left;
   display: inline;
   width: 100%;
   height: 50px;
   border-top: 1px solid #fff;
   background: #000;
 }

 .subFooterBgFull {
   background-color: #4d4946;
   height: 50px;
   position: absolute;
   float: left;
   bottom: 0;
   z-index: -2;
 }

 .footerMenu {
   margin: 0;
   padding: 0;
   list-style-type: none;
   float: right;
   margin: 15px 20px 0 0;

 }

 .footerMenu li {
   position: relative;
   display: inline;
   float: left;
   margin-right: 5px;
   padding-left: 5px;
 }


 .footerMenu li+li {
   background: url('../images/tiles/footerMenuSeparator.gif') no-repeat 0px 5px;
 }



 .footerMenu li a {
   color: #9f9d9b;
   font-size: 10px;
 }

 .footerMenu li a:hover {
   color: #fff;
   background-color: transparent;
 }

 .copyright {
   color: #fff;
   font-size: 11px;
   float: left;
   margin: 15px 0 0 20px;
 }






 /* #Media Queries - Responsive
================================================== */

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

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

   .container header.sixteen.columns {
     width: 768px;
   }

   #slider {
     width: 768px;
     height: 307px;
   }

   #noslider,
   .headerContentContainer {
     width: 768px;
     height: 153px;
   }

   .headerContentContainer .pageTitle {
     margin-top: 36px;
   }


   .banner,
   .bannercontainer {
     width: 768px;
     height: 313px;
   }

   #blurMask {
     width: 768px;
     height: 307px;
   }

   #tagLine h1 {
     font-size: 14px;
   }



   footer .arrow-down {
     left: 378px;
   }

   .footerTopWrapper {
     width: 748px;
     height: 500px;
   }

   .footerTopWrapper .onefourth {
     width: 225px;
     margin-left: 90px;
     height: 240px;
     margin-bottom: 30px;
   }

   .footerTopWrapper .onefourth.contactDetails {
     margin-left: 90px;
   }

   .footerTopWrapper .onefourth.footerTweets {
     margin-left: 90px;
   }


   .onefourth.widget {
     width: 225px;
     margin-left: 90px;
     margin-bottom: 30px;
   }

   .portfolioDetails.four.columns {
     margin-left: 0;
     margin-bottom: 20px;
     margin-top: 20px
   }

   .buttonsSlider article {
     width: 453px;
   }

   .appreciateTxt {
     width: 318px;
   }

   .footerTweets {
     padding-bottom: 50px;

   }

 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {
   .ddsmoothmenu {
     width: 64% !important;
   }


   .container header.sixteen.columns {
     width: 300px;
   }

   .headerBg {
     height: 200px;
   }

   nav #smoothmenu {
     visibility: hidden;
   }

   #submenuArrow {
     display: none;
   }

   nav form {
     display: inline-block;
     margin-right: 40px;
     margin-top: 155px;
   }

   header {
     height: 200px;
     padding: 0;
   }

   #menuShadow {
     top: 200px;
   }

   header .logo {
     margin-left: 70px;
   }

   #slider,
   #blurMask {
     width: 300px;
     height: 120px;
   }

   #noslider,
   .headerContentContainer {
     width: 300px;
     height: 80px;
   }

   .headerContentContainer .pageTitle {
     font-size: 35px;
     line-height: 36px;
     margin-bottom: 0px;
     margin-top: 12px;
   }

   .breadCrumbs {
     font-size: 11px;
   }

   .banner,
   .bannercontainer {
     width: 300px;
     height: 120px;
   }



   #tagLine h1 {
     font-size: 11px;
   }

   #tagLine {
     width: 280px;
     padding: 10px 10px 10px 10px;

   }

   #tagLineShadow {
     margin-bottom: 20px;
   }

   .container .one-third.column {
     width: 280px;
     padding: 10px;
   }



   footer .arrow-down {
     left: 144px;
   }

   .footerTopWrapper {
     width: 300px;
   }


   .footerTopWrapper {
     padding-left: 0;
     margin-top: 26px;
   }

   .footerTopWrapper .onefourth {
     width: 225px;
     margin-left: 37px;
     height: 240px;
     margin-bottom: 30px;
   }

   .footerTopWrapper .onefourth.contactDetails {
     margin-left: 37px;
   }

   .footerTopWrapper .onefourth.footerTweets {
     margin-left: 37px;
   }


   .onefourth.widget {
     width: 225px;
     margin-left: 37px;
     margin-bottom: 30px;
   }

   .subFooter {
     width: 300px;
     text-align: center;
   }

   .footerMenu {
     position: relative;
     float: none;
     margin: 0 auto;
     margin-top: 4px;
     display: inline-block;
   }

   .copyright {
     position: relative;
     float: none;
     margin-top: 0;
     display: inline-block;
     clear: both;
   }



   .portfolioDetails.four.columns {
     margin-left: 0;
     margin-bottom: 20px;
     margin-top: 20px
   }

   .lineSeparator.twelve.columns {
     margin-top: 25px;
     margin-bottom: 25px;
   }

   .portfolioSingle .buttons ul li {

     margin-right: 9px;
   }


   .projectNav>li {
     font-size: 12px;
   }

   .buttonsSlider article {
     width: 250px;
   }

   .appreciateTxt {
     margin-left: 5px;
     margin-top: 20px;
     width: 250px;
   }

   .pagination {
     margin-bottom: 40px;
     float: none;
   }

   .pagination ul {

     display: inline-block;
   }

   .footerTweets {
     padding-bottom: 50px;

   }

 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {


   header .logo {
     margin-left: 10px;
   }

   .container header.sixteen.columns {
     width: 420px;
   }

   .headerBg {
     height: 90px;
   }

   #menuShadow {
     top: 90px;
   }

   header {
     height: 90px;
     padding: 0;
   }

   nav form {
     display: inline-block;
     margin-right: 20px;
     margin-top: 35px;
   }

   #slider {
     width: 420px;
     height: 167px;
   }

   #noslider,
   .headerContentContainer {
     width: 420px;
     height: 130px;
   }

   .headerContentContainer .pageTitle {
     font-size: 40px;
     line-height: 44px;
     margin-bottom: 0px;
     margin-top: 44px;
   }

   .banner,
   .bannercontainer {
     width: 420px;
     height: 170px;
   }

   #blurMask {
     width: 420px;
     height: 168px;
   }


   #tagLine h1 {
     font-size: 11px;
   }

   #tagLine {
     width: 400px;
     padding: 10px 10px 10px 10px;
   }

   #tagLineShadow {
     margin-bottom: 20px;
   }

   .container .one-third.column {
     width: 380px;
     padding: 20px;
   }



   footer .arrow-down {
     left: 204px;
   }

   .footerTopWrapper {
     width: 420px;
   }

   footer {}

   .footerTopWrapper {
     padding-left: 0;
     margin-top: 26px;
   }

   .footerTopWrapper .onefourth {
     width: 225px;
     margin-left: 97px;
     height: 240px;
     margin-bottom: 30px;
   }

   .footerTopWrapper .onefourth.contactDetails {
     margin-left: 97px;
   }

   .footerTopWrapper .onefourth.footerTweets {
     margin-left: 97px;
   }



   .onefourth.widget {
     width: 225px;
     margin-left: 97px;
     margin-bottom: 30px;
   }

   .subFooter {
     width: 420px;
     text-align: center;
   }

   .footerMenu {
     position: relative;
     float: none;
     margin: 0 auto;
     margin-top: 4px;
     display: inline-block;
   }

   .copyright {
     position: relative;
     float: none;
     margin-top: 0;
     display: inline-block;
     clear: both;
   }



   .portfolioSingle .buttons ul li {

     margin-right: 20px;
   }

   .buttonsSlider article {
     width: 370px;
   }

   .appreciateTxt {
     margin-left: 20px;
     margin-top: 0px;
     width: 235px;
   }




 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}



 /* ----------------------------------------------------------- */
 /*              ISOPTOPE GALLERY/PORTFOLIO                     */
 /* ----------------------------------------------------------- */

 /**** Isotope Filtering ****/

 .isotope-item {
   z-index: 2;
 }

 .isotope-hidden.isotope-item {
   pointer-events: none;
   z-index: 1;
 }

 /**** Isotope CSS3 transitions ****/

 .isotope,
 .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -ms-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
 }

 .isotope {
   -webkit-transition-property: height, width, color;
   -moz-transition-property: height, width, color;
   -ms-transition-property: height, width, color;
   -o-transition-property: height, width, color;
   transition-property: height, width, color;
 }

 .isotope .isotope-item {
   -webkit-transition-property: -webkit-transform, opacity, color;
   -moz-transition-property: -moz-transform, opacity, color;
   -ms-transition-property: -ms-transform, opacity, color;
   -o-transition-property: top, left, opacity, color;
   transition-property: transform, opacity, color;
 }

 /**** disabling Isotope CSS3 transitions ****/

 .isotope.no-transition,
 .isotope.no-transition .isotope-item,
 .isotope .isotope-item.no-transition {
   -webkit-transition-duration: 0s;
   -moz-transition-duration: 0s;
   -ms-transition-duration: 0s;
   -o-transition-duration: 0s;
   transition-duration: 0s;
 }

 /* End: Recommended Isotope styles */



 /* disable CSS transitions for containers with infinite scrolling*/
 .isotope.infinite-scrolling {
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
 }


 /**** Isotope styles ****/

 /* required for containers to inherit vertical size from window */


 .isotopeContainer {
   margin-bottom: 15px;
   position: relative;
   float: left;
   width: 96%;
 }


 /* #Columns
================================================== */


 /* #Gallery items
================================================== */

 .gallery .element {
   border-top: 5px solid #fff;
   border-bottom: 5px solid #fff;
   cursor: pointer;
   position: relative;
   margin-bottom: 10px;
   float: left;
 }

 .gallery .element:hover {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 /*
.gallery .element.onethird {
	margin-left: 21px;
}
*/
 /* #Portfolio items
================================================== */

 .portfolio .element {
   margin-bottom: 15px;
   float: left;
   overflow: hidden;
   position: relative;
   border-top: 5px solid #fff;
   cursor: pointer;
 }

 .portfolio .element.onethird {
   margin-right: 21px;
 }

 .portfolio .element.onefourth {
   margin-right: 20px;
 }

 .portfolio .element.onefifth {
   margin-right: 20px;
 }

 .portfolio .element .portfolioArrow {
   width: 11px;
   height: 7px;
   float: left;
 }



 .portfolio .element:hover {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 /* #Portfolio/Carousel items text
================================================== */

 .portfolioText {
   width: 203px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   border-top: none;
   float: left;
   text-align: center;
   position: relative;
   padding: 10px;
   z-index: 0;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .portfolio .element.onethird .portfolioText {
   width: 284px;
 }

 .portfolio .element.onefifth .portfolioText {
   width: 154px;
 }


 .portfolioText p {
   margin-bottom: 2px;
   color: #545454;
   position: relative;
   z-index: 2;
 }

 .portfolioText span {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   position: relative;
   z-index: 1;
 }

 .portfolio .element .portfolioText:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 106px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .portfolio .element.onethird .portfolioText:after {
   left: 147px;
 }

 .portfolio .element.onefifth .portfolioText:after {
   left: 82px;
 }

 /* #Portfolio/Carousel items text hover
================================================== */

 .portfolio .element:hover>.portfolioText:after {
   left: 106px;
 }

 .portfolio .element.onethird:hover>.portfolioText:after {
   left: 147px;
 }

 .portfolio .element.onefifth:hover>.portfolioText:after {
   left: 82px;
 }


 .portfolio .element:hover>.portfolioText p {
   color: #fff;
 }

 .portfolio .element:hover>.portfolioText span {
   color: #fff;
 }

 /* #Portfolio/Gallery images
================================================== */


 .portfolioImage {
   position: relative;
   float: left;
   width: 100%;
   max-width: 100%;
   height: auto;
 }

 .portfolioImage img {
   width: 100%;
   max-width: 100%;
   height: auto;
   float: left;
 }

 /****  Options ****/

 .isotopeFilters form {
   float: left;
   margin-top: 10px;
 }

 .isotopeFilters form select {
   padding: 5px;
 }

 .isotopeFilters ul {
   margin: 0;
   list-style: none;
   position: relative;
   float: right;
   margin-right: 35px !important;
   margin-bottom: 15px;
   margin-top: 6px;

 }

 .isotopeFilters li {
   float: left;
   padding-bottom: 6px;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .isotopeFilters li:hover,
 .isotopeFilters li.selected {
   background-position: center 28px;
 }




 .isotopeFilters li a {
   display: block;
   padding: 13px 11px;
   background-color: #aaa;
   color: #fff;
   margin-left: 1px;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 /* Combination filter options*/

 .isotopeFilters .option-combo {
   display: inline-block;
   float: left;
   margin-right: 10px;
 }

 .isotopeFilters .option-combo ul {
   margin-right: 20px;
   display: inline-block;
 }

 .isotopeFilters .option-combo h2,
 .isotopeFilters .option-combo h4 {
   line-height: 34px;
   margin-bottom: 0;
   margin-right: 5px;
   display: inline-block;
   vertical-align: top;
 }



 /* #Media Queries - Responsive
================================================== */

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

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


   .portfolio .element.onethird .portfolioText {
     width: 206px;
   }

   .portfolio .element.onethird .portfolioText:after,
   .portfolio .element.onethird:hover>.portfolioText:after {
     left: 107px;
   }


   .portfolio .element.onefourth .portfolioText {
     width: 145px;
   }

   .portfolio .element.onefourth .portfolioText:after,
   .portfolio .element.onefourth:hover>.portfolioText:after {
     left: 76px;
   }

   .portfolio .element.onefifth .portfolioText {
     padding: 5px;
     width: 116px;
   }

   .portfolio .element.onefifth .portfolioText:after,
   .portfolio .element.onefifth:hover>.portfolioText:after {
     left: 58px;
   }

   .portfolio .element.onefifth,
   .gallery .element.onefifth {
     margin-right: 22px;
   }



 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {}

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   .portfolio .element.onefifth,
   .gallery .element.onefifth {
     margin-right: 0;
     margin-left: 20px;
     padding: 0;
     margin-bottom: 15px;
   }

   .portfolio .element.onefifth.odd,
   .gallery .element.onefifth.odd {
     margin-left: 24px;
     margin-right: 0px;
   }


 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}


 /* ----------------------------------------------------------- */
 /*                         SLIDERS                             */
 /* ----------------------------------------------------------- */


 /* #Mini slider - one fourth
================================================== */
 .miniSlider {
   width: 225px;
   overflow: hidden;
   margin-bottom: 7px;
 }

 .onehalf .miniSlider {
   width: 470px;
 }

 .miniSlider ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   margin-top: 4px;
 }

 .miniSlider ul li {
   position: relative;
   display: inline;
   width: 225px;
   float: left;
 }

 .onehalf .miniSlider ul li {
   position: relative;
   display: inline;
   width: 470px;
   float: left;
 }

 .miniNav {
   height: 10px;
   position: absolute;
   top: 5px;
   right: 0;
 }

 .miniNavBtn {
   display: inline;
   float: left;
   width: 10px;
   height: 10px;
   margin-left: 10px;
   cursor: pointer;

 }


 /* #Testimonials - one fourth
================================================== */

 .testimonial {
   text-align: center;
 }

 .testimonial p {
   width: 203px;
   font-style: italic;
   padding: 7px 10px 7px 10px;
   margin-bottom: 12px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   position: relative;
 }

 .testimonial p:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 106px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .testimonial span {

   float: left;
   width: 100%;
 }

 .onehalf .testimonial span {
   width: 470px;
 }

 .testimonialAuthor {
   color: #545454;
   margin-bottom: 3px;
 }

 .testimonialPosition {
   color: #aaa;
   font-size: 11px;
   font-style: italic;
 }

 /* #Testimonials - one half
================================================== */

 .onehalf .testimonial p {
   width: 448px;
   font-style: italic;
   padding: 7px 10px 7px 10px;
   margin-bottom: 12px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   position: relative;
 }

 .onehalf .testimonial p:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 224px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }


 /* #Testimonials
================================================== */

 .teamMember {
   position: relative;
 }

 .teamMemberHeader {
   width: 211px;
   padding: 6px 6px 6px 6px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   position: relative;
   float: left;
   margin-bottom: 10px;
 }

 .onehalf .teamMemberHeader {
   width: 456px;
   padding: 6px 6px 6px 6px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   position: relative;
   float: left;
   margin-bottom: 12px;
 }

 .teamMemberHeader:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 106px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .onehalf .teamMemberHeader:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 224px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .teamMemberHeader img {
   position: relative;
   float: left;
   margin-right: 10px;
 }

 .teamMemberName {
   color: #545454;
 }

 .teamMemberPosition {
   color: #aaa;
   font-size: 11px;
   font-style: italic;
   margin-bottom: 8px
 }

 .teamMemberDetails {
   line-height: 19px;
 }

 .teamMemberHeader img+div {
   margin-top: 6px;
   margin-bottom: 3px
 }

 .onehalf .teamMember p {
   clear: both;
 }



 /* #Media Queries - Responsive
================================================== */

 /* Smaller than standard 960 (devices and browsers) */
 @media screen and (min-width: 1200px) {
   .ddsmoothmenu {
     width: 60%;
   }

   .contactInfo {
     width: 524px !important;
     border: 1px solid #ccc;
     border-radius: 10px;
     padding: 10px;
   }

   body {
     font-size: 17px;
   }

   p {
     font-size: 17px;
     line-height: 25px;
     font-family: Arial, Helvetica, sans-serif;
   }

   strong1 {
     font-size: 17px;
   }

   .top_logo img {
     width: 790px !important;
     height: auto !important;
   }


   .container .twelve.columns {
     width: 500px;
   }

   .footerTopWrapper .onefourth {
     position: relative;
     display: inline;
     float: left;
     width: 292px !important;
   }
 }

 @media only screen and (min-width: 768px) and (max-width: 999px) {

   .onehalf.noresize {
     width: 470px;
     margin-left: 129px;
   }
 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {
   .onehalf .testimonial p {
     width: 278px;

   }

   .onehalf .testimonial p:after {
     left: 144px;
   }

   .onehalf .testimonial span {
     width: 300px;

   }

   .onehalf .teamMemberHeader {
     width: 286px;
   }

   .onehalf .teamMemberHeader:after {
     left: 144px;
   }


   .onehalf .miniSlider {
     width: 300px;

   }

   .onehalf .teamMember p {
     width: 300px;
   }



 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   .onehalf .testimonial p {
     width: 398px;

   }

   .onehalf .testimonial p:after {
     left: 204px;
   }

   .onehalf .testimonial span {
     width: 420px;

   }

   .onehalf .teamMemberHeader {
     width: 406px;
   }

   .onehalf .teamMemberHeader:after {
     left: 204px;
   }

   .onehalf .miniSlider {
     width: 420px;
   }

   .onehalf .teamMember p {
     width: 420px;
   }
 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}

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


 #contact hr {
   color: inherit;
   height: 0;
   margin: 6px 0 6px 0;
   padding: 0;
 }



 /* Form style */

 #contact p.info {
   display: inline;
 }

 #contact label {
   display: inline-block;
   float: left;
   height: 26px;
   width: 155px;

 }

 #contact input,
 select {
   width: 150px;
   margin: 0;
   padding: 7px 4px 5px 4px;
   margin-bottom: 10px;
 }

 #contact select {
   width: 225px;
 }

 #contact textarea {
   width: 685px;
   margin-bottom: 5px;
 }

 #contact input:focus,
 textarea:focus,
 select:focus {}

 #contact input.submit {
   margin-top: 5px;
   float: right;
   line-height: 14px;
   font-weight: normal;
   width: auto;
   padding: 16px;
   cursor: pointer;
   border: 1px solid #aaa;
   background: #aaa;
   color: #fff;
   margin-top: 5px;
   float: right;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

 }



 #contact input[type="submit"][disabled] {
   background: #888;
   cursor: default;
 }

 #contact fieldset {}

 #contact label.radio {
   display: block;
   width: 100%;
   margin: 10px 0 5px 0;
   margin-top: 10px;
   margin-bottom: 5px;
 }

 #contact #verifyImage {
   width: auto;
   margin: -10px 20px 0 0px;
   float: left;
 }

 #contact #verify {
   width: auto;
   margin: -10px 20px 0 0;
   float: left;
 }

 .contactForm p {
   margin-bottom: 8px;
 }

 .verifyText {
   margin-top: 5px;
   margin-bottom: 40px;
 }


 #contact span.required {
   font-size: 13px;
 }

 /* Select the colour of the * if the field is required. */

 #message {
   margin: 10px 0;
   padding: 0;
 }

 .error_message {
   display: block;
   line-height: 22px;
   border: 1px solid #d90000;
   background: #ffd7d7 url(../images/icons/error.png) no-repeat 18px 12px;
   padding: 14px 15px;
   padding-left: 55px;
   color: #000;
 }

 ul.error_messages {
   margin: 0 0 0 0px;
   padding: 0;
 }

 ul.error_messages li {

   line-height: 22px;

 }

 .loader {
   padding: 0 10px;
 }

 #contact #success_page {
   display: block;
   line-height: 22px;
   border: 1px solid #6dd900;
   background: #c8f7a8 url(../images/icons/success.png) no-repeat 15px 12px;
   padding: 14px 15px;
   padding-left: 55px;
   color: #000;
 }


 #contact #success_page p,
 #contact #success_page h2 {
   color: #000;
 }

 acronym {
   border-bottom: 1px dotted #ccc;
 }

 input[type="checkbox"] {
   width: 20px !important;
   margin: 4px 0 0;
   margin-top: 1px \9;
   float: left;
   *margin-top: 0;
   line-height: normal;
   cursor: pointer;
 }

 input[type="radio"] {
   width: 20px !important;
 }


 /* #Media Queries - Responsive
================================================== */

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

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

   #contact textarea {
     width: 493px;
   }

 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {

   #contact textarea {
     width: 290px;
   }

   #contact #verifyImage {
     margin: 0px 10px 0 0px;

   }

   #contact #verify {
     margin: 0px 0px 0 0;
   }

   .verifyText {
     margin-top: 4px;
   }

   .twelve.columns #contact #verifyImage {
     margin: 0px 0px 10px 0px;
   }

 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   #contact textarea {
     width: 410px;
   }

   #contact #verifyImage {
     margin: 5px 10px 0 0px;
   }

   #contact #verify {
     margin: 5px 10px 0 0;
   }

   .verifyText {
     margin-top: 5px;
   }

   .twelve.columns #contact #verifyImage {
     margin: 5px 10px 0 0px;
   }

 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}


 /* ----------------------------------------------------------- */
 /*                         CAROUSEL                            */
 /* ----------------------------------------------------------- */


 /* #Carousel nav
================================================== */
 .carouselNav {
   width: 50px;
   height: 20px;
   margin-right: 10px;
   margin-top: -62px;
   float: right;
 }

 .carouselPrevious {
   width: 20px;
   height: 20px;
   float: left;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselPrevious:hover {
   background-position: 0 -20px;
 }

 .carouselNext {
   width: 20px;
   height: 20px;
   float: left;
   cursor: pointer;
   margin-left: 10px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselNext:hover {
   background-position: 0 -20px;
 }


 /* #carousel
================================================== */

 .carouselWrapper {
   float: left;
   width: 100%;
   overflow: hidden;
   margin-bottom: 10px;
   margin-top: 30px;
 }

 .carouselWrapper.small {
   position: relative;
   float: left;
   width: 695px;
   overflow: hidden;
   margin-bottom: 30px;
 }

 .carouselWrapper ul,
 .carouselWrapper.small ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 .carouselWrapper li,
 .carouselWrapper.small li {
   padding: 0;
   display: inline;
   float: left;
   margin-right: 42px;
 }

 .carouselWrapper.small li {
   margin-right: 17px;
 }

 .carouselWrapper .blog li,
 .carouselWrapper.small .blog li {
   padding: 0;
   display: inline;
   float: left;
   margin-right: 20px;
 }

 .carouselWrapper.small .blog li {
   margin-right: 17px;
 }


 /* #Portfolio items small
================================================== */

 .carouselWrapper.small .portfolio li {
   width: 161px;
   border-top: 5px solid #fff;
   cursor: pointer;
   position: relative;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;

 }

 .carouselWrapper.small .portfolio li .carouselArrow {
   width: 11px;
   height: 7px;
   float: left;
 }

 .carouselWrapper.small .portfolio li article:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 75px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselWrapper.small .portfolio li:hover>article:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 75px;
 }


 .carouselWrapper.small .portfolio li:hover>article {
   width: 139px;
   border-top: none;
   float: left;
   text-align: center;
   position: relative;
 }

 .carouselWrapper.small .portfolio li:hover>article p {
   color: #fff;
 }

 .carouselWrapper.small .portfolio li:hover>article span {
   color: #fff;
 }


 .carouselWrapper.small .portfolio li figure {
   position: relative;
   float: left;
 }

 .carouselWrapper.small .portfolio li figure img {
   float: left;
 }

 .carouselWrapper.small .portfolio li figure .figureOver {
   width: 161px;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .35) url('../images/icons/magnifier.png') no-repeat center center;
 }

 .carouselWrapper.small .portfolio li article {
   width: 139px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   border-top: none;
   float: left;
   text-align: center;
   position: relative;
   padding: 10px;
   z-index: 0;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 .carouselWrapper.small .portfolio li article p {
   margin-bottom: 2px;
   color: #545454;
   position: relative;
   z-index: 2;
 }

 .carouselWrapper.small .portfolio li article span {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   position: relative;
   z-index: 1;
 }





 /* #Portfolio items
================================================== */

 .carouselWrapper .portfolio li {
   width: 260px;
   border-top: 5px solid #fff;
   cursor: pointer;
   position: relative;
   height: 377px;
   margin-bottom: 20px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;

 }

 .carouselWrapper .portfolio li .carouselArrow {
   width: 11px;
   height: 7px;
   float: left;
 }

 .carouselWrapper .portfolio li article:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 106px;
   background: url('../images/icons/arrowDownGrey.png') no-repeat center bottom;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }


 .carouselWrapper .portfolio li:hover {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselWrapper .portfolio li:hover>article:after {
   content: '';
   width: 11px;
   height: 7px;
   position: absolute;
   top: 100%;
   left: 106px;
   ;
 }


 .carouselWrapper .portfolio li:hover>article {
   width: 238px;
   border-top: none;
   float: left;
   text-align: center;
   position: relative;
 }

 .carouselWrapper .portfolio li:hover>article p {
   color: #fff;
 }

 .carouselWrapper .portfolio li:hover>article span {
   color: #fff;
 }


 .carouselWrapper .portfolio li figure {
   position: relative;
   float: left;
 }

 .carouselWrapper .portfolio li figure img {
   float: left;
 }

 .carouselWrapper .portfolio li figure .figureOver {
   width: 225px;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .35) url('../images/icons/magnifier.png') no-repeat center 70%;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all .2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all .2s ease-out;
 }


 .carouselWrapper .portfolio li article {
   width: 238px;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   border-top: none;
   float: left;
   text-align: center;
   position: relative;
   padding: 10px;
   z-index: 0;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }



 .carouselWrapper .portfolio li article p {
   margin-bottom: 2px;
   color: #545454;
   position: relative;
   z-index: 2;
 }

 .carouselWrapper .portfolio li article span {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   position: relative;
   z-index: 1;
 }

 /* #latest blogs small
================================================== */

 .carouselWrapper.small .blog li {
   width: 339px;
   position: relative;
 }


 .carouselWrapper.small .blog li img {
   margin-top: 4px;
   position: relative;
   float: left;
 }

 .carouselWrapper.small .blog li .blogDate {
   width: 60px;
   height: 50px;
   position: absolute;
   left: 105px;
 }

 .carouselWrapper.small .blog li {
   text-align: center;
 }

 .carouselWrapper.small .blog li .blogDate p {
   color: #fff;
   font-size: 26px;
   font-weight: normal;
   margin: 7px 0 1px 0;
   font-family: 'CabinSemiBold', sans-serif;
 }

 .carouselWrapper.small .blog li .blogDate span {
   text-align: center;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
 }

 .carouselWrapper.small .blog li article {
   text-align: left;
   width: 161px;
   position: relative;
   left: 20px;
   top: 4px;
   float: left;
 }

 .carouselWrapper.small .blog li article h4 {
   color: #545454;
   margin-bottom: 0px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselWrapper.small .blog li article .blogMeta {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   margin-bottom: 7px;
   line-height: 16px;
 }

 .carouselWrapper.small .blog li article p {
   line-height: 20px;
 }

 .carouselWrapper.small .blog li .blogDate .arrow-down {
   top: 2px;
   left: 24px;
 }

 /* #latest blogs
================================================== */


 .carouselWrapper .blog li {
   width: 470px;
   position: relative;
 }


 .carouselWrapper .blog li img {
   margin-top: 4px;
   position: relative;
   float: left;
 }

 .carouselWrapper .blog li .blogDate {
   width: 60px;
   height: 50px;
   position: absolute;
   left: 169px;
   text-align: center;
 }


 .carouselWrapper .blog li .blogDate p {
   color: #fff;
   font-size: 26px;
   font-weight: normal;
   margin: 7px 0 1px 0;
   font-family: 'CabinSemiBold', sans-serif;
 }

 .carouselWrapper .blog li .blogDate span {
   text-align: center;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
 }

 .carouselWrapper .blog li article {
   text-align: left;
   width: 225px;
   position: relative;
   left: 20px;
   top: 4px;
   float: left;
 }

 .carouselWrapper .blog li article h4 {
   color: #545454;
   margin-bottom: 4px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .carouselWrapper .blog li article .blogMeta {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   margin-bottom: 9px;
   line-height: 16px;
 }

 .carouselWrapper .blog li article p {
   line-height: 20px;
 }

 .carouselWrapper .blog li .blogDate .arrow-down {
   top: 2px;
   left: 24px;
 }


 /* #Media Queries - Responsive
================================================== */

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

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

   /*carousel wrapper size*/
   .carouselWrapper {
     width: 728px;
   }

   .carouselWrapper.small {
     width: 503px;
   }

   /*carousel portfolio items*/
   .carouselWrapper .portfolio li {
     margin-right: 26px;
   }

   .carouselWrapper.small .portfolio li {
     margin-right: 10px;
   }

   /*carousel blog items*/
   .carouselWrapper .blog li {
     margin-right: 40px;
     margin-left: 129px;
   }

   .carouselWrapper.small .blog li {
     margin-right: 0px;
     margin-left: 82px;
   }

 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {

   /*carousel wrapper size*/
   .carouselWrapper {
     width: 300px;
   }

   .carouselWrapper.small {
     width: 300px;
   }

   /*carousel portfolio items*/
   .carouselWrapper .portfolio li {
     margin-right: 20px;
     margin-left: 37px;
   }

   .carouselWrapper.small .portfolio li {
     margin-left: 70px;
     margin-right: 0;
   }

   /*carousel blog items*/
   .carouselWrapper .blog li article {
     left: 0px;
     top: 10px;
   }

   .carouselWrapper .blog li {
     width: 229px;
     margin-left: 35px;
   }

   .carouselWrapper.small .blog li {
     margin-right: 5px;
     margin-left: 70px;
   }

   .carouselWrapper .blog li article {
     left: 0px;
     top: 10px;
   }

   .carouselWrapper.small .blog li article {
     left: 0px;
     top: 10px;
   }

   .carouselWrapper.small .blog li {
     width: 161px;
   }

   /*carousel nav*/
   .carouselNav {
     margin-right: 0px;
   }

   .carouselNext {
     margin-left: 5px;
   }

 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   /*carousel wrapper size*/
   .carouselWrapper {
     width: 420px;
   }

   .carouselWrapper.small {
     width: 420px;
   }

   /*carousel portfolio items*/
   .carouselWrapper .portfolio li {
     margin-right: 20px;
     margin-left: 97px;
   }

   .carouselWrapper.small .portfolio li {
     margin-left: 32px;
     margin-right: 2px;
   }

   /*carousel blog items*/
   .carouselWrapper .blog li article {
     left: 0px;
     top: 10px;
   }

   .carouselWrapper .blog li {
     width: 229px;
     margin-left: 95px;
   }

   .carouselWrapper.small .blog li {
     width: 339px;
   }

   .carouselWrapper.small .blog li {
     margin-right: 0px;
     margin-left: 41px;
   }

   .carouselWrapper.small .blog li article {
     left: 10px;
     top: 0px;
   }


   /*carousel nav*/
   .carouselNav {
     margin-right: 10px;
   }

   .carouselNext {
     margin-left: 10px;
   }

 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}

 /* ----------------------------------------------------------- */
 /*                           BLOG                              */
 /* ----------------------------------------------------------- */

 /* #Blog excerpt - Large
================================================== */


 .blog figure {
   position: relative;
 }

 .blog.row {
   margin-bottom: 21px;
 }

 .blog .pagination {
   margin-bottom: 40px;
 }

 .blogMeta {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
 }

 .blog.large .blogDate {
   width: 60px;
   height: 46px;
   position: relative;
   text-align: center;
   padding-top: 4px;
   float: left;
 }

 .blog.large .blogDate p {
   color: #fff;
   font-size: 26px;
   font-weight: normal;
   position: relative;
   line-height: 24px;
   font-family: 'CabinSemiBold', sans-serif;
   margin: 0;
 }

 .blog.large .blogDate span {
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
 }

 .blog.large .blogDate .arrow-down {
   left: 24px;
 }

 .blog.large .excerpt {
   margin-top: 9px;
   margin-bottom: 10px;
   float: left;
 }

 .blog.large .excerptText {
   margin-left: 74px;
 }

 .blog.large .excerptText h2 {
   line-height: 21px;
   display: inline-block;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .blog.large .excerptText>a:hover {
   background: transparent;
 }

 .blog.large .excerptText p:last-child {
   margin-bottom: 6px;
 }

 .blog.large .blogMeta {
   margin-bottom: 6px;
 }

 .blog.large .buttons {
   float: left;
   margin-left: 74px;
 }


 .blog.large .buttonsSlider {
   width: 625px;
 }

 .blog.large .buttonsSlider article {
   width: 575px;
 }

 .blog.large .buttons .separator,
 .blog.medium .buttons .separator,
 .blog.post .buttons .separator {
   margin-top: 7px;
 }

 /* #Blog excerpt - Medium
================================================== */



 .blog.medium .excerpt {
   margin-bottom: 10px;
   margin-left: 20px;
   display: inline-block;
   width: 450px;
   float: left;
 }


 .blog.medium img {
   margin-top: 4px;
   position: relative;
   float: left;
 }

 .blog.medium .blogDate {
   width: 60px;
   height: 50px;
   position: absolute;
   left: 189px;
 }

 .blog.medium .blogDate {
   text-align: center;
 }

 .blog.medium .blogDate p {
   color: #fff;
   font-size: 26px;
   font-weight: normal;
   margin: 7px 0 1px 0;
   font-family: 'CabinSemiBold', sans-serif;

 }

 .blog.medium .blogDate span {
   text-align: center;
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
 }


 .blog.medium .excerptText>a:hover {
   background: transparent;
 }


 .blog.medium .excerptText h2 {
   color: #545454;
   margin-bottom: 4px;
   display: inline-block;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .blog.medium .excerptText .blogMeta {
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   margin-bottom: 9px;
   line-height: 16px;
 }

 .blog.medium .excerptText p {
   margin-bottom: 5px;

 }

 .blog.medium .blogDate .arrow-down {
   top: 1px;
   left: 24px;
 }

 .blog.medium .buttonsSlider {
   width: 450px;

 }

 .blog.medium .buttonsSlider article {
   width: 400px;
 }


 /* #Blog single
================================================== */
 .blog.post .title {
   width: 100%;
 }

 .blog.post .blogDate {
   width: 60px;
   height: 46px;
   position: relative;
   text-align: center;
   padding-top: 4px;
   float: left;
 }

 .blog.post .blogDate p {
   color: #fff;
   font-size: 26px;
   font-weight: normal;
   position: relative;
   line-height: 24px;
   font-family: 'CabinSemiBold', sans-serif;
   margin: 0;
 }

 .blog.post .blogDate span {
   color: #fff;
   font-size: 11px;
   font-weight: bold;
   font-style: italic;
 }

 .blog.post .blogDate .arrow-down {
   left: 24px;
 }

 .blog.post .title {
   margin-top: 9px;
   margin-bottom: 16px;
   float: left;
 }

 .blog.post .titleText {
   margin-left: 74px;
 }

 .blog.post .titleText h2 {
   line-height: 21px;
 }


 .blog.post .blogMeta {
   margin-bottom: 1px;
 }


 .blog.post .buttonsSlider {
   width: 695px;

 }

 .blog.post .buttonsSlider article {
   width: 645px;
 }

 /* #Blog comments
================================================== */
 .comments .sectionHeading:before {
   content: "";
   position: absolute;
   top: 11px;
   left: 10px;
   right: 0px;
   bottom: 0px;
   width: 32px;
   height: 30px;
   background: url('../images/icons/bubbles.png') no-repeat top left;
 }

 .comments .sectionHeading {
   padding-left: 52px;
 }



 .commentHeader {
   float: left;
 }

 .commentHeader h3 {
   font-size: 18px;
   color: #545454;
   float: left;
   line-height: 16px;
   margin-bottom: 7px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }


 .commentHeader .separator {
   width: 3px;
   height: 17px;
   background: url('../images/tiles/separatorDottedVertical.gif') repeat-y center left;
   float: left;
   margin: 0px 10px 0 10px;
 }

 .commentHeader .timeStamp {
   float: left;
   font-size: 11px;
   font-style: italic;
   color: #aaa;
   margin-top: 1px;
 }

 .commentHeader .number {
   font-family: 'CabinSemiBold', sans-serif;
   font-weight: normal;
   font-size: 18px;
   color: #ddd;
   float: right;
   line-height: 17px;
 }

 .comment img {
   position: relative;
   float: left;
   margin-right: 20px;

   border-top: 5px solid #fff;
   border-bottom: 5px solid #fff;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }


 .comment .arrow {
   position: relative;
   left: 25px;
   top: 76px;
   width: 10px;
   height: 6px;

   /* IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   /* IE 5-7 */
   filter: alpha(opacity=0);
   /* Netscape */
   -moz-opacity: 0;
   /* Safari 1.x */
   -khtml-opacity: 0;
   /* Good browsers */
   opacity: 0;
 }

 .comment.author .arrow {
   /* IE 8 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   /* IE 5-7 */
   filter: alpha(opacity=100);
   /* Netscape */
   -moz-opacity: 1;
   /* Safari 1.x */
   -khtml-opacity: 1;
   /* Good browsers */
   opacity: 1;
 }

 .comment p {
   float: left;
   margin-bottom: 4px;
 }

 .comment .reply {
   float: right;
   margin: 0;
   position: relative;
 }

 .comment .reply .report {
   float: right;
   font: 11px Arial, sans-serif;
   font-style: italic;
   margin: 0;
   padding: 0;
   bottom: 12px;
   right: 0;
   position: absolute;
 }

 .comment.author .report {
   display: none;
 }

 .comment .reply .report a {
   border: none;
 }

 .comment .reply .report a:hover {
   color: #fff;
 }

 .comment .reply li:last-child {
   margin-top: 5px;
   margin-bottom: 5px;
 }


 /*Comments sizes*/

 .comment.depth-1 .reply,
 .comment.depth-1 p,
 .comment.depth-1 .commentHeader {
   width: 615px;
 }

 .comment.depth-2 {
   padding-left: 80px;
 }

 .comment.depth-2 .reply,
 .comment.depth-2 p,
 .comment.depth-2 .commentHeader {
   width: 535px;
 }

 .comment.depth-3 {
   padding-left: 160px;
 }

 .comment.depth-3 .reply,
 .comment.depth-3 p,
 .comment.depth-3 .commentHeader {
   width: 455px;
 }

 /* #Blog slider - tags
================================================== */

 #tags ul {
   margin-top: 6px;
   margin-left: 15px;
 }

 #tags ul li {
   background: #aaa;


   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;

   margin: 0 10px 10px 0;
 }



 #tags li a {
   color: #fff;
   font: 12px Arial, sans-serif;
   display: block;
   padding: 5px 10px;
 }

 #tags li a:hover {
   background: transparent;
 }

 /* #Blog slider - about author
================================================== */
 #author {
   padding-bottom: 2px;
 }

 #author img {
   float: left;
   margin-right: 20px;
 }

 #author p {
   margin-bottom: 8px;
 }

 #author ul li {
   margin-right: 2px;
   padding: 0;
 }



 /* #Search widget
================================================== */

 /* search form 
-------------------------------------- */
 .searchform {

   *display: inline;
   margin-bottom: 33px;
 }

 .searchform input[type="text"],
 .searchform input[type="button"] {
   margin: 0;
   float: left;
 }

 .searchform input[type="text"] {
   border-right: none;
 }

 .searchform .searchfield {
   background: #fff;
   padding: 6px 6px 6px 8px;
   width: 181px;
   outline: none;
 }

 .ie9 .searchform .searchfield {
   padding: 6px 6px 7px 8px;
 }

 .searchform .searchbutton {
   color: #fff;
   border: solid 1px #aaa;
   font-size: 11px;
   height: 29px;
   width: 29px;
   cursor: pointer;
   margin: 0;
   padding: 0;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .searchform .searchbutton:hover {
   background-position: -1px -30px;
 }


 /* #Categories widget
================================================== */

 .blogCategories ul {
   margin: 0;
   margin-top: 16px;
   margin-bottom: 5px;
 }


 .blogCategories ul li {

   position: relative;
   cursor: pointer;

 }


 /*top border*/
 .blogCategories ul li:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;
 }

 /*bottom border only for last child*/
 .blogCategories ul li:last-child:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;

 }


 .blogCategories ul li a {
   color: #777;
   margin-left: 20px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   display: block;
   padding: 9px 0px 7px 0px;
 }

 .blogCategories ul li:hover a {
   background: transparent;
 }

 .blogCategories ul li .icon {
   position: relative;
   float: left;
   height: 13px;
   width: 13px;
   top: 11px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .blogCategories ul li:hover .icon {
   background-position: left bottom;
 }


 /* #Media Queries - Responsive
================================================== */

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

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

   .blog.large .buttonsSlider {
     width: 429px;
   }

   .blog.large .buttonsSlider article {
     width: 379px;
   }

   .blog.medium .excerpt {
     width: 238px;
   }

   .blog.medium .buttonsSlider {
     width: 238px;

   }

   .blog.medium .buttonsSlider article {
     width: 188px;
   }

   .blog.medium .blogDate {
     left: 179px;
   }

   .blog.post .buttonsSlider {
     width: 503px;

   }

   .blog.post .buttonsSlider article {
     width: 453px;
   }

   .comment.depth-1 .reply,
   .comment.depth-1 p,
   .comment.depth-1 .commentHeader {
     width: 423px;
   }

   .comment.depth-2 {
     padding-left: 80px;
   }

   .comment.depth-2 .reply,
   .comment.depth-2 p,
   .comment.depth-2 .commentHeader {
     width: 343px;
   }

   .comment.depth-3 {
     padding-left: 160px;
   }

   .comment.depth-3 .reply,
   .comment.depth-3 p,
   .comment.depth-3 .commentHeader {
     width: 263px;
   }

 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {

   .blog.large .buttonsSlider {
     width: 226px;
   }

   .blog.large .buttonsSlider article {
     width: 176px;
   }

   .blog.medium .excerpt {
     width: 300px;
     margin-left: 0;
     margin-top: 14px;
   }

   .blog.medium .buttonsSlider {
     width: 300px;

   }

   .blog.medium .buttonsSlider article {
     width: 250px;
   }

   .blog.medium .blogDate {
     left: 169px;
   }

   .blog.post .buttonsSlider {
     width: 300px;

   }

   .blog.post .buttonsSlider article {
     width: 250px;
   }

   .comment.depth-2 {
     padding-left: 0px;
   }

   .comment.depth-3 {
     padding-left: 0px;
   }

   .comment.depth-1 .reply,
   .comment.depth-1 p,
   .comment.depth-1 .commentHeader {
     width: 220px;
   }

   .comment.depth-2 .reply,
   .comment.depth-2 p,
   .comment.depth-2 .commentHeader {
     width: 220px;
   }

   .comment.depth-3 .reply,
   .comment.depth-3 p,
   .comment.depth-3 .commentHeader {
     width: 220px;
   }

 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   .blog.large .buttonsSlider {
     width: 346px;
   }

   .blog.large .buttonsSlider article {
     width: 296px;
   }

   .blog.medium .excerpt {
     width: 420px;
     margin-left: 0;
     margin-top: 14px;
   }

   .blog.medium .buttonsSlider {
     width: 420px;

   }

   .blog.medium .buttonsSlider article {
     width: 370px;
   }

   .blog.post .buttonsSlider {
     width: 420px;

   }

   .blog.post .buttonsSlider article {
     width: 370px;
   }

   .comment.depth-1 .reply,
   .comment.depth-1 p,
   .comment.depth-1 .commentHeader {
     width: 340px;
   }

   .comment.depth-2 .reply,
   .comment.depth-2 p,
   .comment.depth-2 .commentHeader {
     width: 340px;
   }

   .comment.depth-3 .reply,
   .comment.depth-3 p,
   .comment.depth-3 .commentHeader {
     width: 340px;
   }

 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}



 /* ----------------------------------------------------------- */
 /*                           TIPSY                             */
 /* ----------------------------------------------------------- */


 .tipsy {
   padding: 5px;
   font-size: 12px;
   position: absolute;
   z-index: 100000;
 }

 .tipsy-inner {
   padding: 3px 6px;
   color: white;
   max-width: 200px;
   text-align: center;
 }

 .tipsy-arrow {
   position: absolute;
   width: 10px;
   height: 6px;
 }

 .tipsy-s .tipsy-arrow {
   bottom: 0;
   left: 50%;
   margin-left: -5px;
   background-position: bottom left;
 }



 /* ----------------------------------------------------------- */
 /*                     SHORTCODES                              */
 /* ----------------------------------------------------------- */



 /* #Info boxes
================================================== */

 .infoBox {
   position: relative;
   padding: 14px 15px;
   margin-bottom: 20px;
 }

 .infoBox p {
   margin-left: 45px;
   margin-bottom: 0;
   color: #000;
 }

 .infoBox.success {
   border: 1px solid #6dd900;
   background: #c8f7a8 url(../images/icons/success.png) no-repeat 15px 12px;
 }

 .infoBox.warning {
   border: 1px solid #ffd24d;
   background: #ffffbf url(../images/icons/warning.png) no-repeat 17px 12px;
 }

 .infoBox.error {
   border: 1px solid #d90000;
   background: #ffd7d7 url(../images/icons/error.png) no-repeat 18px 12px;
 }

 .infoBox.info {
   border: 1px solid #cccccc;
   background: #f3f3f3 url(../images/icons/info.png) no-repeat 23px 10px;
 }


 /* #Action boxes
================================================== */

 .actionBox {
   position: relative;
   padding: 10px 10px 13px 20px;
   border: 1px solid #ddd;
 }

 .actionBox h3 {
   font-size: 18px;
   color: #545454;
 }

 .actionBox p {
   margin: 0 !important;
 }

 .actionBox a {
   float: right;
   margin-left: 10px;
 }


 /* #Content Social icons
================================================== */


 .socialIcons {}

 .socialIcons li {
   position: relative;
   display: inline;
   list-style: none;
   text-indent: -999px;
   float: left;
   width: 32px;
   height: 32px;
   overflow: hidden;
   margin-right: 2px;
   margin-bottom: 2px;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .socialIcons li a {
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;
   height: 32px;
   width: 32px;
 }

 .socialIcons li a:hover,
 .socialIcons li a:focus {
   background-color: transparent;
 }


 .socialIcons li:hover {
   background-position: 0 -32px;
 }

 .vimeo.normal {
   background: url(../images/social_icons/main_content/vimeo.png) no-repeat;
 }

 .facebook.normal {
   background: url(../images/social_icons/main_content/facebook.png) no-repeat;
 }

 .linkedin.normal {
   background: url(../images/social_icons/main_content/linkedin.png) no-repeat;
 }

 .twitter.normal {
   background: url(../images/social_icons/main_content/twitter1.png) no-repeat;
 }

 .twitter2.normal {
   background: url(../images/social_icons/main_content/twitter2.png) no-repeat;
 }

 .pinterest.normal {
   background: url(../images/social_icons/main_content/pinterest.png) no-repeat;
 }

 .flickr.normal {
   background: url(../images/social_icons/main_content/flickr.png) no-repeat;
 }

 .digg.normal {
   background: url(../images/social_icons/main_content/digg.png) no-repeat;
 }

 .yahoo1.normal {
   background: url(../images/social_icons/main_content/yahoo1.png) no-repeat;
 }

 .yahoo2.normal {
   background: url(../images/social_icons/main_content/yahoo2.png) no-repeat;
 }

 .reddit.normal {
   background: url(../images/social_icons/main_content/reddit.png) no-repeat;
 }

 .googleplus.normal {
   background: url(../images/social_icons/main_content/googleplus.png) no-repeat;
 }

 .stumbleupon.normal {
   background: url(../images/social_icons/main_content/stumbleupon.png) no-repeat;
 }

 .skype.normal {
   background: url(../images/social_icons/main_content/skype.png) no-repeat;
 }

 .deviantart.normal {
   background: url(../images/social_icons/main_content/deviantart.png) no-repeat;
 }

 .delicious.normal {
   background: url(../images/social_icons/main_content/delicious.png) no-repeat;
 }

 .tumblr.normal {
   background: url(../images/social_icons/main_content/tumblr.png) no-repeat;
 }

 .lastfm.normal {
   background: url(../images/social_icons/main_content/lastfm.png) no-repeat;
 }

 .youtube.normal {
   background: url(../images/social_icons/main_content/youtube.png) no-repeat;
 }

 .friendfeed.normal {
   background: url(../images/social_icons/main_content/friendfeed.png) no-repeat;
 }

 .myspace.normal {
   background: url(../images/social_icons/main_content/myspace.png) no-repeat;
 }

 .rss.normal {
   background: url(../images/social_icons/main_content/rss.png) no-repeat;
 }

 .badoo.normal {
   background: url(../images/social_icons/main_content/badoo.png) no-repeat;
 }

 .dribble.normal {
   background: url(../images/social_icons/main_content/dribble.png) no-repeat;
 }

 .blogger.normal {
   background: url(../images/social_icons/main_content/blogger.png) no-repeat;
 }

 .homeicon.normal {
   background: url(../images/social_icons/main_content/home.png) no-repeat;
 }

 .phone.normal {
   background: url(../images/social_icons/main_content/phone.png) no-repeat;
 }

 .email.normal {
   background: url(../images/social_icons/main_content/email.png) no-repeat;
 }

 .picassa.normal {
   background: url(../images/social_icons/main_content/picassa.png) no-repeat;
 }

 .livejournal.normal {
   background: url(../images/social_icons/main_content/livejournal.png) no-repeat;
 }

 .bebo.normal {
   background: url(../images/social_icons/main_content/bebo.png) no-repeat;
 }

 .technorati.normal {
   background: url(../images/social_icons/main_content/technorati.png) no-repeat;
 }

 .newsvine.normal {
   background: url(../images/social_icons/main_content/newsvine.png) no-repeat;
 }

 .wordpress.normal {
   background: url(../images/social_icons/main_content/wordpress.png) no-repeat;
 }

 .yelp.normal {
   background: url(../images/social_icons/main_content/yelp.png) no-repeat;
 }


 /* #Footer Social icons
================================================== */



 /* #Normal Button
================================================== */
 .button {
   font: 14px 'CabinSemiBold', sans-serif;
   line-height: 14px;
   font-weight: normal;
   display: inline-block;
   cursor: pointer;
   position: relative;

   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
 }

 .button.large {
   padding: 30px;
 }

 .button.normal {
   padding: 10px;
 }

 .button.small {
   padding: 10px;
   font-size: 12px;
 }

 .button.dark {
   color: #fff;
   background-color: #aaa;
 }

 .button.dark.reverted {
   color: #fff;
 }

 .button.dark.reverted:hover {
   background-color: #444;
 }

 .button.light {
   color: #777;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
 }

 .button.light:hover {
   color: #fff;
 }

 .button.light.bordered {
   background-color: #eee;
 }

 .button.light.bordered:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   border: 2px solid #fff;
   background: transparent;
 }

 .button.dark.bordered {
   background-color: #aaa;
   border: 1px solid #aaa;
 }

 .button.dark.bordered:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   border: 2px solid #fff;
   background: transparent;
 }

 .button.dark.bordered.reverted:hover {
   background-color: #444;
   border-color: #444;
 }

 .button.dark.bordered.reverted:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   border: 2px solid #fff;
   background: transparent;
 }



 .button.regular {
   font: 12px Arial, sans-serif;
   font-weight: 400;
   color: #fff;
   background-color: #aaa;
 }

 .button.small.regular {
   padding: 6px 11px 6px 11px;
 }

 .button.normal.regular {
   padding: 11px 26px 11px 26px;
 }

 .button.row {
   margin-bottom: 17px
 }


 /* to optimize below
*/

 .button a {
   color: #000;
   text-decoration: none;
   border-bottom: 3px solid #fff;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   cursor: pointer;
 }

 .button a:hover,
 .button a.selected {
   border-color: #000;
 }


 /* #Buttons
================================================== */

 .buttons {
   position: relative;

   margin-bottom: 15px;
 }

 .buttons ul li {
   color: #000;
   position: relative;
   display: inline;
   float: left;
   margin-bottom: 5px;
 }

 .buttons ul {
   margin: 0;
   padding: 0;
   list-style-type: none;


 }


 .buttons .separator {
   width: 3px;
   height: 17px;
   padding: 0;
   background: url('../images/tiles/separatorDottedVertical.gif') repeat-y center left;
   margin-top: 4px;
   margin-right: 17px;
 }

 /* #Custom buttons
================================================== */
 .customButtons {
   position: relative;
   display: inline-block;
 }

 .customButtons .button {
   font: 14px/27px 'CabinMediumItalic', sans-serif;
   font-style: normal;
   padding-right: 27px;
 }

 .customButtons .button a:hover {
   background-color: transparent;
 }



 .button.tags {
   background: url('../images/icons/tags.png') no-repeat center right;
   margin-right: 14px;
 }

 .button.comment {
   background: url('../images/icons/comment.png') no-repeat center right;
   margin-right: 15px;
 }

 .button.categories {
   background: url('../images/icons/categories.png') no-repeat center right;
   margin-right: 9px;
 }

 .button.categories2 {
   background: url('../images/icons/categories2.png') no-repeat center right;
   margin-right: 13px;
 }

 .button.contact {
   background: url('../images/icons/contact.png') no-repeat center right;
   margin-right: 12px;
 }

 .button.author {
   background: url('../images/icons/author.png') no-repeat center right;
   margin-right: 11px;
 }

 .button.search {
   background: url('../images/icons/search.png') no-repeat center right;
   margin-right: 8px;
 }

 .button.photography {
   background: url('../images/icons/photography.png') no-repeat center right;
   margin-right: 17px;
 }

 .button.video {
   background: url('../images/icons/video.png') no-repeat center right;
   margin-right: 10px;
 }

 .button.video2 {
   background: url('../images/icons/video2.png') no-repeat center right;
   margin-right: 17px;
 }

 .button.music {
   background: url('../images/icons/music.png') no-repeat center right;
   margin-right: 11px;
 }

 .button.sound {
   background: url('../images/icons/sound.png') no-repeat center right;
   margin-right: 13px;
 }

 .button.ecommerce {
   background: url('../images/icons/ecommerce.png') no-repeat center right;
   margin-right: 19px;
 }

 .button.webdesign {
   background: url('../images/icons/webdesign.png') no-repeat center right;
   margin-right: 9px;
 }

 .button.development {
   background: url('../images/icons/development.png') no-repeat center right;
   margin-right: 12px;
 }

 .button.software {
   background: url('../images/icons/software.png') no-repeat center right;
   margin-right: 13px;
 }

 .button.threed {
   background: url('../images/icons/threed.png') no-repeat center right;
   margin-right: 15px;
 }

 .button.game {
   background: url('../images/icons/game.png') no-repeat center right;
   margin-right: 20px;
 }

 .button.demo {
   background: url('../images/icons/screen.png') no-repeat center right;
   margin-right: 14px;
 }

 .button.download {
   background: url('../images/icons/arrowSmallDown.png') no-repeat center right;
   margin-right: 6px;
 }

 .button.upload {
   background: url('../images/icons/arrowSmallUp.png') no-repeat center right;
   margin-right: 6px;
 }

 .button.faq {
   background: url('../images/icons/question.png') no-repeat center right;
   margin-right: 3px;
 }

 .button.share {
   background: url('../images/icons/plus.png') no-repeat center right;
   margin-right: 5px;
 }

 .button.like {
   background: url('../images/icons/thumb.png') no-repeat center right;
   margin-right: 9px;
 }

 .button.love {
   background: url('../images/icons/love.png') no-repeat center right;
   margin-right: 9px;
 }


 /* #Pricing tables
================================================== */


 .pricingTable {
   position: relative;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   padding: 9px;
   text-align: center;
 }

 .pricingTable header {
   background-color: #777;
   padding: 9px 10px 3px 10px;
   width: auto;
   height: auto;
 }

 .pricingTable header:after {
   content: '';
   width: 11px;
   height: 6px;
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -5px;
   background: url('../images/icons/arrowDownDarkGrey.png') no-repeat center top;

 }

 .pricingTable header h2 {
   color: #fff;
   font-size: 20px;
   text-align: center;
 }

 .pricingTable .price {
   margin-top: 6px;
   margin-bottom: 2px;
   display: inline-block;

 }

 .pricingTable .price div {
   position: relative;
   float: left;
 }

 .pricingTable .cost {
   font: 77px 'LoraRegular', serif;
   color: #000;
   margin-right: 4px;
 }

 .pricingTable .decimal {
   font: 30px 'LoraRegular', serif;
   color: #000;
   margin: 10px 0px 0 0px;
 }

 .pricingTable .currency {
   width: 11px;
   height: 21px;
   text-indent: -9999px;
   margin: 52px 2px 0 0;
   background: url('../images/icons/dollar.png') no-repeat left top;
 }

 .pricingTable .recurrence {
   font: 18px 'CabinSemiBold', sans-serif;
   color: #777;
   font-weight: normal;
   margin-top: 54px;
 }

 .pricingTable .divider.large {
   height: 10px;
   margin-bottom: 20px;
   background: url('../images/tiles/dotted4x3.gif') repeat 0 0;
 }

 .pricingTable .features p {
   margin: 0;
   padding: 10px 0 9px 0;
 }

 .pricingTable .features {
   background-color: #fff;
   text-align: center;
   padding: 0 10px;
 }

 .pricingTable .button {
   display: inline-block;
   margin: 0 auto 10px 0;
 }


 .pricingTable.highlighted {
   background-color: #f8f8f8;
 }

 .onethird.pricingTable .divider.large {
   margin-top: -5px;
 }

 .onethird.pricingTable .recurrence {
   padding-left: 12px;
   line-height: 31px;
   margin-top: 50px;
   background: url('../images/icons/slash.gif') no-repeat left top;
   margin-left: -4px;
 }


 /* #Normal pricing table 5 columns
================================================== */

 .onefifth.pricingTable header {
   padding: 9px 10px 3px 10px;
 }

 .onefifth.pricingTable header h2 {
   font-size: 16px;
 }

 .onefifth.pricingTable .cost {
   font-size: 40px;
 }

 .onefifth.pricingTable .decimal {
   font-size: 20px;
   margin: 4px 0px 0 0px;
 }

 .onefifth.pricingTable .recurrence {
   float: none;
   margin: 0;
   background: none;
 }


 .ie9 .onefifth.pricingTable .recurrence,
 .ie8 .onefifth.pricingTable .recurrence {
   clear: both;
 }


 .onefifth.pricingTable .currency {
   width: 11px;
   height: 21px;
   text-indent: -9999px;
   margin: 17px 2px 0 0;
   background: url('../images/icons/dollar.png') no-repeat left top;
 }

 .onefifth.pricingTable .price {
   margin-top: 14px;
   margin-bottom: 15px;
 }

 /* #Normal pricing table 5 columns
================================================== */

 .onefourth.pricingTable header {
   padding: 9px 10px 3px 10px;
 }

 .onefourth.pricingTable header h2 {
   font-size: 16px;
 }

 .onefourth.pricingTable .price {
   margin-top: 11px;
   margin-bottom: 7px;
 }

 .onefourth.pricingTable .currency {
   margin: 43px 2px 0 0;
 }

 .onefourth.pricingTable .cost {
   font-size: 67px;
 }

 .onefourth.pricingTable .decimal {
   font-size: 27px;
   margin: 10px 0px 0 0px;
 }

 .onefourth.pricingTable .recurrence {
   padding-left: 12px;
   line-height: 31px;
   margin-top: 41px;
   background: url('../images/icons/slash.gif') no-repeat left top;
   margin-left: -6px;
 }



 /* #full pricing table
================================================== */

 .fullPricingTable {
   position: relative;
   background-color: #f8f8f8;
   border: 1px solid #ddd;
   text-align: center;
   float: left;
 }

 .fullPricingTable .pricingTable {
   margin: 0;
   float: left;
   border: none;
   padding-left: 11px;
 }

 .fullPricingTable .pricingTable:first-child {
   padding-left: 9px;
 }


 .fullPricingTable .pricingTable.last {
   border: none;
 }

 .fullPricingTable .onefifth.pricingTable header {
   padding: 9px 10px 3px 10px;
 }

 .fullPricingTable .onefifth.pricingTable header h2 {
   font-size: 16px;
 }

 .fullPricingTable .onefifth.pricingTable .cost {
   font-size: 40px;
 }

 .fullPricingTable .onefifth.pricingTable .decimal {
   font-size: 20px;
   margin: 4px 0px 0 0px;
 }

 .fullPricingTable .onefifth.pricingTable .recurrence {
   float: none;
   margin: 0;
   background: none;
 }

 .ie9 .fullPricingTable .onefifth.pricingTable .recurrence {
   margin-top: 21px;
   background: none;
 }


 .fullPricingTable .onefifth.pricingTable .currency {
   width: 11px;
   height: 21px;
   text-indent: -9999px;
   margin: 17px 2px 0 0;
   background: url('../images/icons/dollar.png') no-repeat left top;
 }

 .fullPricingTable .onefifth.price {
   margin-top: 14px;
   margin-bottom: 15px;
 }

 .fullPricingTable article>.lineSeparator {
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 100%;
   background: url('../images/tiles/dotted1x4.gif') repeat-y 0 0;
 }


 /* #Pricing tables skeleton
================================================== */

 .container .onethird.pricingTable {
   position: relative;
   float: left;
   width: 286px;
   margin-right: 20px;
 }

 .container .onefourth.pricingTable {
   position: relative;
   float: left;
   width: 205px;
   margin-right: 20px;
 }

 .container .onefifth.pricingTable {
   position: relative;
   float: left;
   width: 156px;
   margin-right: 20px;
 }

 .container .fullPricingTable .onefifth.pricingTable {
   width: 172px;
   margin-right: 0px;
 }

 .container .fullPricingTable .onethird.pricingTable {
   width: 300px;
   margin-right: 0px;
 }

 .container .fullPricingTable .onefourth.pricingTable {
   width: 220px;
   margin-right: 0px;
 }

 .onethird.pricingTable.last,
 .onefourth.pricingTable.last,
 .onefifth.pricingTable.last {
   margin-right: 0px;
 }

 /* #Sidemenu
================================================== */
 .sidemenu {
   margin: 0;
 }

 .sidemenu li a {
   font: 14px 'CabinMediumItalic', sans-serif;
   font-style: normal;
   color: #777;
 }

 .sidemenu li a:hover {
   background: transparent;
 }


 .sidemenu li {
   padding: 8px 15px 7px 15px;
   position: relative;
   background: #fff;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }


 /*top border*/
 .sidemenu li:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;
 }

 /*bottom border only for last child*/
 .sidemenu li:last-child:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;

 }

 .sidemenu li:last-child:hover:before,
 .sidemenu li:last-child.current:before {
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }


 /*change borders of current li and next one*/
 .sidemenu li:hover+li:after,
 .sidemenu li.current+li:after {
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .sidemenu li:hover:after,
 .sidemenu li.current:after {
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 /*arrow*/

 .sidemenu li .arrow {
   position: relative;
   float: left;
   height: 11px;
   width: 6px;
   margin-left: -21px;
   margin-top: 3px;

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   -moz-opacity: 0;
   -khtml-opacity: 0;
   opacity: 0;

   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .sidemenu li:hover .arrow,
 .sidemenu li.current .arrow {

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;

 }


 /*text color*/
 .sidemenu li:hover>a,
 .sidemenu li.current>a {
   color: #fff;
 }

 /* #FAQ
================================================== */

 .faq p {
   margin-bottom: 16px;
   margin-top: 11px;
   width: 695px;
 }

 .faq .question {
   font: 14px 'CabinMediumItalic', sans-serif;
   font-style: normal;
   color: #777;
   cursor: pointer;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .faq .row {
   margin-bottom: 17px;
 }

 .faq .separator {
   margin-top: 6px;
   height: 10px;
   background: url('../images/tiles/dotted4x3.gif') repeat top left;
 }


 /* #Sitemap
================================================== */

 .sitemap .separator {
   margin-top: 7px;
   margin-bottom: 0px;
   height: 10px;
   background: url('../images/tiles/dotted4x3.gif') repeat top left;
 }

 .sitemap {
   color: #777;
 }

 .sitemap h4 {
   color: #777;
   margin: 0;
 }

 .sitemap span {
   font-style: italic;
 }

 .sitemap a {
   border-bottom: 1px solid #fff;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .sitemap a:hover {
   background: transparent;
 }

 .sitemap li {
   padding: 10px 0;
   position: relative;
 }

 .sitemap ul li:after {
   content: "";
   position: absolute;
   top: 100%;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;

 }

 /* #Comparison
================================================== */

 .comparison article ul {
   margin-bottom: 0;
 }

 .comparison article:first-child li {
   text-align: left;
 }

 .comparison article:first-child ul {
   margin-top: 40px;
 }

 .comparison header {
   background-color: #777;
   padding: 9px 0px 1px 0px;
   width: auto;
   height: auto;
   text-align: center;
 }

 .comparison h4 {
   color: #fff;
   line-height: 18px;
   margin-top: 2px;

 }

 .comparison li {
   background-color: #f8f8f8;
   padding: 11px 10px;
   text-align: center;

 }

 .comparison li.odd {
   background-color: #eee;
 }

 .comparison article:first-child li {
   padding-left: 20px;
 }


 .comparison li.no {
   height: 18px;
   background: #f8f8f8 url('../images/icons/redCross.png') no-repeat center center;
 }

 .comparison li.odd.no {
   background: #eee url('../images/icons/redCross.png') no-repeat center center;
 }

 .comparison li.yes {
   height: 18px;
   background: #f8f8f8 url('../images/icons/check.png') no-repeat center center;
 }

 .comparison li.odd.yes {
   background: #eee url('../images/icons/check.png') no-repeat center center;
 }

 /*sizes*/
 .comparison .onethird {
   width: 378px;
 }

 .comparison .onethird:first-child {
   width: 200px;
 }

 .comparison .onefourth {
   width: 251px;
 }

 .comparison .onefourth:first-child {
   width: 201px;
 }

 .comparison .onefifth {
   width: 188px;
 }

 .comparison .onefifth:first-child {
   width: 200px;
 }

 .comparison .onesixth {
   width: 150px;
 }

 .comparison .onesixth:first-child {
   width: 200px;
 }

 .comparison .oneseventh {
   position: relative;
   float: left;
   width: 124px;
 }

 .comparison .oneseventh:first-child {
   position: relative;
   float: left;
   width: 204px;
 }


 .comparison .onesixth,
 .comparison .oneseventh,
 .comparison .onefifth,
 .comparison .onefourth,
 .comparison .onethird {
   margin-right: 2px;
 }

 .comparison .onesixth.last,
 .comparison .oneseventh.last,
 .comparison .onefifth.last,
 .comparison .onefourth.last,
 .comparison .onethird.last {
   margin-right: 0px;
 }


 /* #Contact form
================================================== */

 .contact .divider.large {
   height: 10px;
   margin-bottom: 24px;
   background: url('../images/tiles/dotted4x3.gif') repeat 0 0;
 }

 .gMap {
   margin-bottom: 10px;
   width: 100%;
 }

 .contact p {
   margin-bottom: 15px;
 }

 .contactInfo {
   width: 400px;
   border: 1px solid #ccc;
   border-radius: 10px;
   padding: 10px;
 }

 .contactInfo:first-child {
   margin-top: 30px;
 }

 .contactInfo h4 {
   color: #777;
 }

 .contactInfoItem ul {
   margin-bottom: 9px;
 }

 .contactInfoItem header {
   width: auto;
   height: auto;
   font-size: 11px;
   font-style: italic;
   color: #000;
   overflow: hidden;
   margin-bottom: 6px;
 }

 .contactInfoItem header div {
   display: inline;
 }

 .contactInfoItem header .headerBg {
   height: 10px;
   background: url('../images/tiles/dotted4x3.gif') repeat 0 0;
   margin-top: 5px;
   margin-left: 5px;
 }


 .contactInfoItem ul li {
   margin-bottom: 2px;
 }

 .contactSidemenu {
   margin: 0;
   margin-top: 17px;
 }


 .contactSidemenu li {
   padding: 9px 0px 7px 0px;
   position: relative;
 }


 /*top border*/
 .contactSidemenu li:after {
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;
 }

 /*bottom border only for last child*/
 .contactSidemenu li:last-child:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x top left;

 }

 .socialIcons.row {
   margin-bottom: 18px;
 }


 /* #Sidebar twitter
================================================== */
 .sidebar .tweet_list {
   margin-top: 15px;
 }

 .sidebar .tweet_list li {
   position: relative;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x left bottom;
 }

 .sidebar .tweet_list li:first-child {
   padding-top: 12px;
 }

 .sidebar .tweet_list li:first-child:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0px;
   right: 0px;
   bottom: 0px;
   height: 1px;
   background: url('../images/tiles/separatorDottedHorizontal.gif') repeat-x left top;
 }

 .sidebar .tweet_list .tweet_time a {
   color: #aaa;
 }

 .sidebar .tweet_list .tweet_time a:hover {
   background: none;
 }

 .sidebar .tweet_list li a {}

 .sidebar .tweet_list li a:hover {
   color: #fff;
 }

 .sidebar .tweet_avatar {
   width: 11px;
   height: 10px;
   overflow: hidden;
 }

 /* #Text widget
================================================== */
 .textWidget {
   position: relative;
 }

 .textWidget ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   margin-top: 15px;
 }

 .textWidget ul li {
   position: relative;
   display: inline;
   float: left;
 }


 .textWidget ul li .borderHover {
   content: '';
   position: absolute;
   width: 61px;
   height: 61px;
   left: 0px;
   top: 0px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   pointer-events: none;

 }


 .textWidget ul li img {
   margin-right: 6px;
   margin-bottom: 6px;
   width: auto;
 }

 .textWidget img {
   float: left;
   display: inline;
   margin-right: 10px;
   position: relative;
 }

 .textWidget .jackbox img {
   margin-right: 0px;
 }

 .textWidget ul li.last img {
   margin-right: 0px;
 }

 .textWidget figure {
   position: relative;
   float: left;
   margin-right: 10px;

 }


 .textWidget p {
   margin-bottom: 0;
 }



 /* #Media Queries - Responsive
================================================== */

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

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

   .container .onethird.pricingTable {
     width: 208px;
     margin-right: 22px;
   }

   .container .onethird.pricingTable.last {
     margin-right: 0px;
   }

   .pricingTable.onethird .recurrence {
     font-size: 16px;
   }

   .pricingTable.onethird .cost {
     font-size: 57px;
   }

   .pricingTable.onethird .decimal {
     font-size: 27px;
     margin-top: 7px;
   }

   .pricingTable.onethird .currency {
     margin-top: 33px;
   }

   .pricingTable.onethird .recurrence {
     margin-top: 32px;
   }


   .container .onefourth.pricingTable {
     width: 147px;
     margin-right: 20px;
   }

   .container .onefourth.pricingTable.last {
     margin-right: 0px;
   }

   .pricingTable.onefourth .cost {
     font-size: 40px;
   }

   .pricingTable.onefourth .decimal {
     font-size: 20px;
     margin: 4px 0px 0 0px;
   }

   .pricingTable.onefourth .recurrence {
     float: none;
     margin: 0;
     padding: 0;
     background: none;
   }

   .pricingTable.onefourth .currency {
     margin-top: 17px;
   }

   .ie9 .onefourth.pricingTable .recurrence {
     margin-top: 17px;
     background: none;
   }




   .container .onefifth.pricingTable {
     width: 108px;
     margin-right: 22px;
   }

   .container .onefifth.pricingTable.last {
     margin-right: 0px;
   }



   .container .fullPricingTable .onefifth.pricingTable {
     width: 125px;
   }

   .container .fullPricingTable .onethird.pricingTable {
     width: 222px;
   }

   .container .fullPricingTable .onefourth.pricingTable {
     width: 162px;
   }

   .fullPricingTable .onethird.pricingTable:first-child {
     padding-left: 10px;
     padding-right: 10px;
   }

   .fullPricingTable .onethird .cost {
     font-size: 57px;
   }

   .fullPricingTable .onethird .decimal {
     font-size: 27px;
   }

   .fullPricingTable .onethird .currency {
     margin-top: 33px;
   }

   .fullPricingTable .onethird .recurrence {
     margin-top: 32px;
   }

   .fullPricingTable .onefifth.pricingTable:first-child {
     padding-left: 10px;
     padding-right: 10px;
   }

   .fullPricingTable .onefifth.pricingTable:last-child {
     padding-left: 11px;
     padding-right: 10px;
   }

   .comparison .oneseventh {
     width: 92px;
   }

   .comparison .oneseventh:first-child {
     width: 164px;
   }

   .comparison .onesixth {
     width: 111px;
   }

   .comparison .onesixth:first-child {
     width: 163px;
   }

   .comparison .onefifth {
     width: 135px;
   }

   .comparison .onefifth:first-child {
     width: 180px;
   }

   .comparison .onefourth {
     width: 179px;
   }

   .comparison .onefourth:first-child {
     width: 185px;
   }

   .comparison .onethird {
     width: 262px;
   }

   .comparison .onethird:first-child {
     width: 200px;
   }

   .faq p {
     width: 503px;
   }

 }

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {

   .container .onethird.pricingTable {
     width: 280px;
   }

   .fullPricingTable {
     width: 298px;
   }

   .container .fullPricingTable .onefourth.pricingTable {
     width: 280px;
   }

   .container .fullPricingTable .onefifth.pricingTable {
     width: 280px;
   }

   .container .fullPricingTable .onethird.pricingTable {
     width: 280px;
   }

   .fullPricingTable article>.lineSeparator {
     background: none;
   }

   .fullPricingTable .pricingTable {
     padding-left: 9px;
   }

   .blog.post .buttons .separator {
     margin-right: 13px;
   }

   .faq p {
     width: 300px;
   }

   .comparison article:first-child li {
     text-align: center;
   }

   .comparison .oneseventh {
     width: 300px;
     margin-left: 0;
   }

   .comparison .oneseventh:first-child {
     width: 300px;
   }

   .comparison .onesixth {
     width: 300px;
     margin-left: 0;
   }

   .comparison .onesixth:first-child {
     width: 300px;
   }

   .comparison .onefifth {
     width: 300px;
     margin-left: 0;
   }

   .comparison .onefifth:first-child {
     width: 300px;
   }

   .comparison .onefourth {
     width: 300px;
     margin-left: 0;
   }

   .comparison .onefourth:first-child {
     width: 300px;
   }

   .comparison .onethird {
     width: 300px;
     margin-left: 0;
   }

   .comparison .onethird:first-child {
     width: 300px;
   }

 }

 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {

   .fullPricingTable {
     width: 319px;
     margin-left: 51px;
   }

   .container .fullPricingTable .onefourth.pricingTable {
     width: 300px;
   }

   .container .fullPricingTable .onefifth.pricingTable {
     width: 300px;
   }

   .container .fullPricingTable .onethird.pricingTable {
     width: 300px;
   }



   .container .fullPricingTable .onefifth.odd {
     margin: 0;
   }

   .comparison .oneseventh {
     width: 420px;
   }

   .comparison .oneseventh:first-child {
     width: 420px;
   }

   .comparison .onesixth {
     width: 420px;
   }

   .comparison .onesixth:first-child {
     width: 420px;
   }

   .comparison .onefifth {
     width: 420px;
   }

   .comparison .onefifth:first-child {
     width: 420px;
   }

   .comparison .onefifth.odd {
     margin-left: 0;
   }

   .comparison .onefourth {
     width: 420px;
     margin-left: 0;
   }

   .comparison .onefourth:first-child {
     width: 420px;
   }

   .comparison .onethird {
     width: 420px;
     margin-left: 0
   }

   .comparison .onethird:first-child {
     width: 420px;
   }

   .blog.post .buttons .separator {
     margin-right: 17px;
   }

   .faq p {
     width: 420px;
   }


 }

 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}


 /* ----------------------------------------------------------- */
 /*                      FLEX SLIDER                            */
 /* ----------------------------------------------------------- */


 /*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


 /* Browser Resets */
 .flex-container a:active,
 .flexslider a:active,
 .flex-container a:focus,
 .flexslider a:focus {
   outline: none;
 }

 .slides,
 .flex-control-nav,
 .flex-direction-nav {
   margin: 0;
   padding: 0;
   list-style: none;
 }

 /* FlexSlider Necessary Styles
*********************************/
 .flexslider {
   margin: 0;
   padding: 0;
 }

 .home .flexslider {
   top: -6px;
 }

 .flexslider .slides>li {
   display: none;
   -webkit-backface-visibility: hidden;
 }

 /* Hide the slides before the JS is loaded. Avoids image jumping */
 .flexslider .slides img {
   width: 100%;
   display: block;
 }

 .flex-pauseplay span {
   text-transform: capitalize;
 }

 /* Clearfix for the .slides element */
 .slides:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }

 html[xmlns] .slides {
   display: block;
 }

 * html .slides {
   height: 1%;
 }

 /* No JavaScript Fallback */
 /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
 .no-js .slides>li:first-child {
   display: block;
 }


 /* FlexSlider Default Theme
*********************************/
 .flexslider {
   margin: 6px 0 34px 0;
   background: #fff;
   position: relative;
   zoom: 1;
 }

 .flex-viewport {
   max-height: 2000px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   transition: all 1s ease;
 }

 .loading .flex-viewport {
   max-height: 300px;
 }

 .flexslider .slides {
   zoom: 1;
 }




 /* Direction Nav */
 .flex-direction-nav {
   *height: 0;
 }

 .flex-direction-nav a {
   width: 30px;
   height: 38px;
   margin: -20px 0 0;
   display: block;
   background: url(../images/icons/flexsliderArrows.png) no-repeat 0 0;
   position: absolute;
   top: 50%;
   cursor: pointer;
   text-indent: -9999px;
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }

 .flex-direction-nav .flex-next {
   background-position: 100% 0;
   right: 0px;
 }

 .flex-direction-nav .flex-prev {
   left: 0px;
 }

 .flexslider:hover .flex-next {
   opacity: 0.8;
   right: 0px;
 }

 .flexslider:hover .flex-prev {
   opacity: 0.8;
   left: 0px;
 }

 .flexslider:hover .flex-next:hover,
 .flexslider:hover .flex-prev:hover {
   opacity: 1;
   background-color: transparent;
 }

 .flex-direction-nav .flex-disabled {
   opacity: .3 !important;
   filter: alpha(opacity=30);
   cursor: default;
 }

 /* Control Nav */
 .flex-control-nav {
   width: 100%;
   position: absolute;
   bottom: -30px;
   text-align: center;
 }

 .flex-control-nav li {
   margin: 0 6px;
   display: inline-block;
   zoom: 1;
   *display: inline;
 }

 .flex-control-paging li a {
   width: 12px;
   height: 12px;
   display: block;
   cursor: pointer;
   text-indent: -9999px;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;

 }

 .flex-control-paging li a:hover {
   background-position: bottom left;
 }

 .flex-control-paging li a.flex-active {
   background-position: bottom left;
   cursor: default;
 }

 .flex-control-thumbs {
   margin: 5px 0 0;
   position: static;
   overflow: hidden;
 }

 .flex-control-thumbs li {
   width: 25%;
   float: left;
   margin: 0;
 }

 .flex-control-thumbs img {
   width: 100%;
   display: block;
   opacity: .7;
   cursor: pointer;
 }

 .flex-control-thumbs img:hover {
   opacity: 1;
 }

 .flex-control-thumbs .flex-active {
   opacity: 1;
   cursor: default;
 }

 @media screen and (max-width: 860px) {
   .flex-direction-nav .flex-prev {
     opacity: 1;
     left: 0;
   }

   .flex-direction-nav .flex-next {
     opacity: 1;
     right: 0;
   }
 }

 .schedule {
   color: #fff;
   font-weight: bold;
   background: #8F1818;
   padding: 10px;
   font-size: 20px;
 }

 .schedule1 {
   background: #fec00f;
   color: #bf2026;
   font-size: 17px;
   padding: 5px;
   font-weight: bold;
 }

 td,
 tr {
   border: 1px solid #ff0000;
 }

 .l_3 {
   font-size: 20px;
   background: #000000;
   padding: 10px;
   color: #fff;
   border-radius: 5px 5px;
   margin-right: 20px;
 }

 .l_3 a {
   color: #fff;
 }


 .form_design {
   font-size: 14px;
   font-weight: bold;
   color: #666;
   margin-bottom: 0px;
   border: 1px solid #ccc;
   padding: 10px 10px 35px 10px;
 }

 .form_design div {
   margin-bottom: 5px;

 }

 .submit_design {
   margin-top: 5px;
   float: left !important;
   line-height: 14px;
   font-weight: normal;
   width: auto;
   padding: 16px;
   cursor: pointer;
   border: 1px solid #aaa;
   background: #aaa;
   color: #fff;
   margin-top: 5px;
   float: right;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }



 label {

   font-size: 14px;
   font-weight: bold;
   color: #666;
   margin-bottom: 0px;
 }


 .space_top {
   position: relative;
   top: 20px;
 }

 iframe {
   width: 100%;
 }

 h2_1 {
   font-size: 25px;
   line-height: 30px;
   color: #5a1001;
   display: block;
   margin-bottom: 8px;
   font-family: 'CabinSemiBold', sans-serif;
   font-weight: normal;
   text-align: center;
 }

 TableGenerator {
   margin: 0px;
   padding: 0px;
   box-shadow: 10px 10px 5px #888888;
   border: 1px solid #E15A00;

   -moz-border-radius-bottomleft: 0px;
   -webkit-border-bottom-left-radius: 0px;
   border-bottom-left-radius: 0px;

   -moz-border-radius-bottomright: 0px;
   -webkit-border-bottom-right-radius: 0px;
   border-bottom-right-radius: 0px;

   -moz-border-radius-topright: 0px;
   -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;

   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   border-top-left-radius: 0px;
   box-shadow: 10px 10px 5px #888888;

 }

 .CSSTableGenerator table {
   border-collapse: collapse;
   border-spacing: 0;
   width: 80%;
   border: 1px solid #E15A00;
   height: 100%;
   box-shadow: 6px 6px 10px #bbbbbb;
   margin: 0 auto;
   padding: 0px;
 }

 .CSSTableGenerator tr:last-child td:last-child {
   -moz-border-radius-bottomright: 0px;
   -webkit-border-bottom-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }

 .CSSTableGenerator table tr:first-child td:first-child {
   -moz-border-radius-topleft: 0px;
   -webkit-border-top-left-radius: 0px;
   border-top-left-radius: 0px;
 }

 .CSSTableGenerator table tr:first-child td:last-child {
   -moz-border-radius-topright: 0px;
   -webkit-border-top-right-radius: 0px;
   border-top-right-radius: 0px;
 }

 .CSSTableGenerator tr:last-child td:first-child {
   -moz-border-radius-bottomleft: 0px;
   -webkit-border-bottom-left-radius: 0px;
   border-bottom-left-radius: 0px;
 }

 .CSSTableGenerator td {
   vertical-align: middle;
   background: -o-linear-gradient(bottom, #ffc9c9 5%, #ffe8e8 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFEAAE), color-stop(1, #FDF2D4));
   background: -moz-linear-gradient(center top, #ffc9c9 5%, #ffe8e8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc9c9", endColorstr="#ffe8e8");
   background: -o-linear-gradient(top, #ffc9c9, ffe8e8);

   background-color: #ffc9c9;

   border: 1px solid #E15A00;
   border-width: 0px 1px 1px 0px;
   text-align: left;
   padding: 7px;
   font-size: 10px;
   font-family: Arial;
   font-weight: bold;
   color: #000000;
 }

 .CSSTableGenerator tr:last-child td {
   border-width: 0px 1px 0px 0px;
 }

 .CSSTableGenerator tr td:last-child {
   border-width: 0px 0px 1px 0px;
 }

 .CSSTableGenerator tr:last-child td:last-child {
   border-width: 0px 0px 0px 0px;
 }

 .CSSTableGenerator tr:first-child td {
   background: -o-linear-gradient(bottom, #ff0000 5%, #ff0000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #C75305), color-stop(1, #E15A00));
   background: -moz-linear-gradient(center top, #ff0000 5%, #ff0000 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ff0000");
   background: -o-linear-gradient(top, #ff0000, ff0000);

   background-color: #ff0000;
   border: 0px solid #E15A00;
   text-align: center;
   border-width: 0px 0px 1px 1px;
   font-size: 14px;
   font-family: Arial;
   font-weight: bold;
   color: #ffffff;
 }

 .CSSTableGenerator tr:first-child td:first-child {
   border-width: 0px 0px 1px 0px;
 }

 .CSSTableGenerator tr:first-child td:last-child {
   border-width: 0px 0px 1px 1px;
 }

 .CSSTableGenerator td {
   height: 35px;
   line-height: 35px;
   text-align: center;
   font-size: 16px;

 }

 .CSSTableGenerator .schedule {
   background: #fec00f;
   color: #fff;
   font-size: 23px;
   padding: 5px;
   text-shadow: 1px 1px #000;
   font-weight: bold;
 }

 .top_logo {
   float: left;
   width: 542px;
 }

 .top_logo img {
   width: 500px;
   height: 130px;
 }

 ul.course-list {
   width: 100%;
   margin-left: 0px;
   list-style: none;
   list-style-type: none;
 }

 .course-list li::before {
   color: #ff6600;
   content: "\f00c";
   font-family: fontawesome;
   font-size: 18px;
   left: 0px;
   padding-right: 6px;
   position: absolute;
   top: 1px;
 }

 .course-list li {
   padding-left: 30px;
   position: relative;
   line-height: 30px;
   font-size: 15px;
   color: #000000;
 }