/*----------------------------------------------
THE GRID
------------------------------------------------*/

.og-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 200px;
}

.og-grid li {
    display: inline-block;
    margin: 0px;
    /*margin-bottom: 0px;*/
    vertical-align: top;
    height: 250px;
    width: 25%; 
}
.og-grid li {
    transition: all 1000ms ease-in-out; 
    -webkit-transition: all 1000ms ease-in-out; 
    -moz-transition: all 1000ms ease-in-out; 
}

.scale-in{
     transform: none;
}
.scale-out{
     -webkit-transform: scale(0); 
     -moz-transform: scale(0); 
     -o-transform: scale(0); 
     -ms-transform: scale(0); 
     transform: scale(0);
}



.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
}

.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px;
}

.og-expander {
    position: absolute;
    background: #ddd;
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    height: 0;
    overflow: hidden;
}

/*Color Swatches*/
.og-red{
    background: red !important;
}
.og-blue{
    background: blue !important;
}

.og-expander-inner {
    padding: 50px 30px;
    height: 100%;
}

.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
    background: #333;
}

.og-fullimg{
    width: 30%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.og-details {
    width: 60%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.og-details {
    padding: 0 40px 0 20px;
}

.og-fullimg {
    text-align: center;
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.og-details h3 {
    font-weight: normal;
    font-family:"Open_Sans_L";
    font-size: 64px;
    padding: 20px;
}

.og-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #666;
    padding: 20px;
    padding-top:0px;
    margin-bottom: 30px;
}

.og-details a {
    color: #000 !important;
    background: transparent;
    padding: 20px 30px;
    border:solid 2px #0a0a0a;
    border-radius: 0px;
    box-shadow: none;
    text-shadow:none;
font-family:"Open_Sans_L";
font-size: 16px;
margin: 20px;
}

.og-details a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
}

.og-details a:hover {
    color: #fff !important;
    background: #0a0a0a !important;
    text-decoration: none !important;
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

    .og-expander h3 { font-size: 32px; }
    .og-expander p { font-size: 13px; }
    .og-expander a { font-size: 12px; }

}

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

    .og-fullimg { display: none; }
    .og-details { float: none; width: 100%; }
    
}

/*----------------------------------------------
THE TESTIMONIALS
------------------------------------------------*/
.testimonial-item h1 > span{
    color: #000;
    font-size: 48px;
    line-height: 48px;
    padding: 10px;
    font-weight: normal;
    font-family:"Open_Sans_L";
}
.testimonial-item h1 > span > strong{
    font-family:"Open_Sans_B";
}

.testimonial-item h1 > span > strong{
    font-family:"Open_Sans_B";
}

.testimonial-item h1 > span > cite{
    font-family:"Open_Sans_L";
}

#testimonials div {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 10px;
    position: relative;
}
#testimonials .tab {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
}
#testimonials .tab a {
    background-color: #ccc;
    border-radius: 10px 10px 10px 10px;
    height: 20px;
    padding: 0px;
    text-indent: -99999px;
    width: 20px;
}
#testimonials .tab a.active, #testimonials .tab a:hover {
    background: none repeat scroll 0 0 #000000;
    position: relative;
    z-index: 3;
}
#testimonials .panel-container {
    border: medium none;
}
#testimonials .tab a.active, #testimonials .tab a:hover {
    background: none repeat scroll 0 0 #000000;
}
.etabs {
    margin: 0;
    padding: 0;
    overflow: inherit;
}
.tab {
    margin: 0;
    padding: 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: #f9f9f9;
    border: 1px solid #e7e7e7;
    border-bottom: none;
    top: 1px;
    position: relative;
    z-index: 1;
    margin-right: 1px;
}
.tab:before {
    display: none
}
.tab a {
    display: block;
    padding: 7px 17px;
    font-size: 13px;
    font-weight: 700;
    color: #616161;
}
.tab a.active,
.tab a:hover {
    color: #000000
}
.tab.active {
    background: #fff;
    position: relative;
    z-index: 3;
}
.tab-container .panel-container {
    border-top: 1px solid #e7e7e7;
    position: relative;
    z-index: 1;
}
.tab-container .panel-container div.tab-block {
    padding: 20px 0 0 0
}
/*----------------------------------------------
Animated Icons
------------------------------------------------*/
@font-face {
    font-family: 'ecoicon';
    src:url('../fonts/ecoicons/ecoicon.eot');
    src:url('../fonts/ecoicons/ecoicon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ecoicons/ecoicon.woff') format('woff'),
        url('../fonts/ecoicons/ecoicon.ttf') format('truetype'),
        url('../fonts/ecoicons/ecoicon.svg#ecoicon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    padding: 2em 0 3em;
}

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}

.hi-icon:before {
    font-family: 'ecoicon';
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 30px;
}

.hi-icon-mobile:before {
    content: "\e009";
}

.hi-icon-screen:before {
    content: "\e00a";
}

.hi-icon-earth:before {
    content: "\e002";
}

.hi-icon-support:before {
    content: "\e000";
}

.hi-icon-locked:before {
    content: "\e001";
}

.hi-icon-cog:before {
    content: "\e003";
}

.hi-icon-clock:before {
    content: "\e004";
}

.hi-icon-videos:before {
    content: "\e005";
}

.hi-icon-list:before {
    content: "\e006";
}

.hi-icon-refresh:before {
    content: "\e007";
}

.hi-icon-images:before {
    content: "\e008";
}

.hi-icon-pencil:before {
    content: "\e00b";
}

.hi-icon-link:before {
    content: "\e00c";
}

.hi-icon-mail:before {
    content: "\e00d";
}

.hi-icon-location:before {
    content: "\e00e";
}

.hi-icon-archive:before {
    content: "\e00f";
}

.hi-icon-chat:before {
    content: "\e010";
}

.hi-icon-bookmark:before {
    content: "\e011";
}

.hi-icon-user:before {
    content: "\e012";
}

.hi-icon-contract:before {
    content: "\e013";
}

.hi-icon-star:before {
    content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
    background: rgba(255,255,255,0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #41ab6b;
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.no-touch .hi-icon-effect-1b .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
    color: #eea303;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.hi-icon-effect-2 .hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a */
.no-touch .hi-icon-effect-2a .hi-icon:hover {
    color: #eea303;
}

.no-touch .hi-icon-effect-2a .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* Effect 2b */
.no-touch .hi-icon-effect-2b .hi-icon:hover:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
}

.no-touch .hi-icon-effect-2b .hi-icon:hover {
    color: #fff;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
    color: #f06060;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover {
    color: #fff;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
    color: #fff;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover {
    color: #f06060;
}

.hi-icon-effect-3b .hi-icon:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
    width: 92px;
    height: 92px;
    box-shadow: 0 0 0 4px rgba(255,255,255,1);  
}

.hi-icon-effect-4a .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.hi-icon-effect-4 .hi-icon:before {
    line-height: 92px;
}

.hi-icon-effect-4 .hi-icon:after {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    border: 4px dashed #fff;
}

.no-touch .hi-icon-effect-4 .hi-icon:hover {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
    color: #fff;
}

/* Effect 4b */
.no-touch .hi-icon-effect-4b .hi-icon:hover {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.no-touch .hi-icon-effect-4b .hi-icon:hover:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255,255,255,1);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
    display: none;
}

.no-touch .hi-icon-effect-5 .hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #702fa8;
    box-shadow: 0 0 0 8px rgba(255,255,255,0.3);
}

.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

/* Effect 6 */
.hi-icon-effect-6 h3{
    font-weight: normal;
    font-family:"Open_Sans_L";
    font-size: 36px;
    line-height: 43px;
    padding: 6px;
    color: #000;
}
.hi-icon-effect-6 h3 > span{
    background:rgba(255,255,255,0.8);
    padding: 5px 10px 10px 10px;
}
.hi-icon-effect-6 h3 > span > strong > img{
    width: 40px;
    height: 40px;
    margin-left: 10px;
    display: inline-block;
}
.hi-icon-effect-6 .hi-icon:before {
    color: #000;
    font-family: 'ecoicon';
    speak: none;
    font-size: 96px;
    line-height: 180px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.hi-icon-effect-6 .hi-icon {
    height: 180px;
    width: 180px;
    box-shadow: 0 0 0 15px rgba(255,255,255,0.5);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover {
    background: rgba(255,255,255,1);
    color: #64bb5d;
    text-decoration: none !important;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255,255,255,1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;    
}

.no-touch .hi-icon-effect-7 .hi-icon:hover {
    color: #fff;
}

.hi-icon-effect-7 .hi-icon:after {
    top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
    box-shadow: 0 0 0 rgba(255,255,255,1);
    -webkit-transition: opacity 0.2s, box-shadow 0.2s;
    -moz-transition: opacity 0.2s, box-shadow 0.2s;
    transition: opacity 0.2s, box-shadow 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:after {
    opacity: 1;
    box-shadow: 3px 3px 0 rgba(255,255,255,1);
}

.hi-icon-effect-7a .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
    box-shadow: 3px 3px rgba(255,255,255,1);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
    background: rgba(255,255,255,0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.no-touch .hi-icon-effect-8 .hi-icon:hover {
    background: rgba(255,255,255,0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}

.no-touch .hi-icon-effect-9a .hi-icon:hover {
    box-shadow: 0 0 0 10px rgba(255,255,255,1);
    color: #fff;
}

/* Effect 9b */
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.no-touch .hi-icon-effect-9b .hi-icon:hover {
    box-shadow: 0 0 0 10px rgba(255,255,255,0.4);
    color: #fff;
}
/*----------------------------------------------
Services Section
------------------------------------------------*/

.grid *, .grid *:after, .grid *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

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

.grid {
    padding: 0px;
    max-width: 100%;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

.grid li {
    display: inline-block;
    width: 33%;
    margin: 0;
    padding: 0;
    text-align: left;
    position: relative;
}

.grid figure {
    margin: 0;
    position: relative;
    text-align: center;
}

.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #ed4e6e;
}

.grid figcaption h3 {
    margin: 0;
    color: #FFFFFF !important;
    font-family: "Open_Sans_L";
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    text-transform: none !important;
}
.grid figcaption h3 > span{
    display: inline-block;
    float: right;
}
.grid figcaption h3 > span > img{
    width: 30px;
    height: 30px;
}
.grid figcaption h6 {
    margin-top: 20px;
    color: #FFFFFF !important;
    font-family: "Open_Sans_B";
    font-size: 16px;
    font-weight: normal;
    line-height: 23px;
    text-align: left;
    text-transform: none !important;
}
.grid figcaption p {
    color: #fff !important;
    margin-top: 20px !important;
    font-size: 14px !important;
    line-height: 21px !important;
    text-align: left !important;
    font-weight: normal !important;
    font-family: "Open_Sans_R" !important;
}
/*.grid figcaption span:before {
    content: 'by ';
}*/

.grid figcaption a {
    text-align: center;
    padding: 12px 20px;
    border-radius: 0px;
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
}
.grid figcaption a:hover{
    background: #000;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

/* Individual Caption Styles */

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

.cs-style-3 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cs-style-3 figcaption {
    height: 300px;
    width: 100%;
    top: auto;
    bottom: 70px;
    opacity: 1;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
    bottom: 20px;
    left: 20px;
}



@media screen and (max-width: 31.5em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }
    .grid li {
        width: 100%;
        min-width: 300px;
    }
}
/*----------------------------------------------
Services Section
------------------------------------------------*/
.init-hide{
    display: none;
}

#letter-container{
    color: #fff;
    margin: 0 auto;
    padding: 100px 0 100px;
    width: 650px;
    position:relative;
    min-height: 90px;
}

#letter-container:before{
    display: none;
    content: ">";
    font-size: 50px;
    left: -40px;
    opacity: 0.25;
    position: absolute;
    text-shadow: 1px 1px 0 white;
    top: 210px;
}



#letter-container{
    font-size: 48px;
    line-height: 55px;
    color: #fff;
    font-weight: normal;
font-family:"Roboto_B";
}
#letter-container > span{
    font-weight: normal;
font-family:"Roboto_B";
}
/*----------------------------------------------
Price table
------------------------------------------------*/
.pricing {
    margin-bottom: 20px;
    text-align: center;
}
.pricing h3 {
    margin-bottom: 60px;
    margin-top: 70px;
}
p.p-name {
    color: #FFFFFF;
    font-family: "Open_Sans_L";
    font-size: 28px;
    margin: 0;
    padding: 30px;
}
p.p-price {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000;
    font-family: "Open_Sans_L";
    font-size: 42px;
    margin: 0;
    padding: 30px;
}
span.p-small {
    color: #A0A0A0;
    font-size: 14px;
}
.pricing ul {
    list-style: none outside none;
    margin: 0;
    padding: 30px 0px;
}
.pricing ul li {
    background: rgba(0,0,0,0.1);
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    margin-top: 3px;
    margin-bottom: 3px;
}
.signup {
    padding: 30px 30px 30px 30px;
}
.signup button2 {
    margin: 0;
}
.signup {
    background: url("../images/price-bg.jpg") repeat scroll 0 0 transparent;
}
/*----------------------------------------------
HOVER DIR
------------------------------------------------*/
.team-list {
    list-style: none;
    width: 100%;
    min-height: 600px;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    /*transform: rotate(-5deg) ;
    -webkit-transform: rotate(-5deg) ;
    -moz-transform: rotate(-5deg) ;
    -o-transform: rotate(-5deg) ;
    -ms-transform: rotate(-5deg) ;*/


}
.team-list li {
    float: left;
    position: relative;
}
.team-list li,
.team-list li img {
    display: block;
    position: relative;
}
.team-list li {
    overflow: hidden;
}
.team-list li div {
    position: absolute;
    width: 100%;
    height: 100%;
}
.team-list li div span {
    display: block;
    padding: 20px;
font-family:"Open_Sans_L";
font-size: 36px;
    margin: 30px 20px 10px 20px;
    font-weight: normal;
    color: #fff;
}





/* ------------------------------------------
Responsive-nav
--------------------------------------------- */
/*! responsive-nav.js v1.0.14 by @viljamis */

#mobile-header{
  background: #0a0a0a url('../images/mob-logo.png') left center no-repeat;
  min-height: 50px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 9999 !important;
}

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#nav li {
  width: 100%;
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

@media screen and (min-width: 40em) {
  .js #nav {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}



body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0; 
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #fff;
  font: normal 100%/1.4 sans-serif;
}

#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  float: left;
}

#nav li {
  float: left;
  width: 49.8%;
  border-right: solid 1px #333;
}

@media screen and (min-width: 40em) {
  #nav li {
    width: 25%;
    *width: 24.9%;
    _width: 19%; 
  }
}

#nav a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #0a0a0a;
  border-bottom: 1px solid #333;
  padding: 0.9em 1em;
  float: left;
font-family:"Open_Sans_R";
}
#nav a:hover {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #000;
  border-bottom: 1px solid #333;
  padding: 0.9em 1em;
  float: left;
font-family:"Open_Sans_R";
}

@media screen and (min-width: 40em) {
  #nav a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

#nav ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  #nav ul ul a {
    display: none;
  }
}

#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #fff url("hamburger.gif") no-repeat center center;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}


/*Additional Media Queries to position the header*/
@media (min-width: 640px) and (max-width: 960px){
  #mobile-header{
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 1000;
    padding-bottom: 2px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }

}

@media screen and (min-width: 40em) {
  #nav li {
    width: 16.6%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack*/
  }
}

/*--------------------------------------------
BLOG
--------------------------------------------*/
.news-block {
}
/*Blog Types*/
.postformat
{
    width:42px;
    height: 42px;
    margin-top: -20px;
    float: right;
    /*background:#FFC000; */
}
.postformat img
{
    background: none !important;
    padding:0;
}

.news-sidebar-box ul
{
margin: 0 0 10px 25px !important;
}

.news-block-wrap {
    background: none repeat scroll 0 0 #989898;
}
.news-pad {
    padding: 15px;
}
.news-block-content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #E5E5E5;
    padding: 30px;
}
.news-block-content p {
    color: #444444 !important;
    margin-bottom: 10px;
}
.news-heading {
    color: #000000;
    font-family: "Open_Sans_B";
    font-size: 24px;
    font-weight: normal;
    line-height: 31px;
    margin-bottom: 10px;
    margin-top: 0;
}
.news-heading span a
{
    color: #000;
} 
.news-heading span a:hover
{
    text-decoration: none;
} 
.news-heading p {
    color: #444444;
}
.news-specs {
    background: none repeat scroll 0 0 #989898;
    padding: 30px;
}
.news-specs nav a {
    margin-right: 10px;
    text-decoration: none;
}
.news-specs nav a > img {
    height: 28px;
    width: 28px;
}
.news-specs-info {
    color: #000000;
    font-family: "Open_Sans_L";
}
.news-btn {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #000000;
    color: #FFFFFF;
    float: left;
    font-family: "Open_Sans_R";
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    padding: 5px 10px;
    text-transform: uppercase;
}
.news-btn:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    text-decoration: none;
}
.add-top-news {
    margin-top: 30px;
}
.news-date {
    background: none repeat scroll 0 0 #989898;
    padding: 10px 15px;
    position: absolute;
    text-align: center;
    width: 100px;
}
.news-date h2 {
    color: #FFFFFF;
    font-size: 64px;
    line-height: 68px;
    margin-bottom: 0;
    margin-top: 0;
}
.news-date h5 {
    color: #000000;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0;
}
.news-date h4 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-family: "Open_Sans_L";
    font-size: 20px;
    line-height: 20px;
    margin-top: 0;
    padding: 10px 0;
}


/*SINGLE POST PAGE*/
.single_post_bg{
    background: #fff !important;
    padding-top: 70px;
}
#searchform input[type="text"]{
    border: 1px solid #DDDDDD !important;
    box-shadow: none;
    border-radius: 0;
    color: #000;
    height: 25px;
    padding: 5px;
}


.blog-block {
}
.blog-caps {
    /*border-left: 15px solid #989898;*/
    color: #444;
   font-family: "Open_Sans_L";
    font-size: 42px;
}
.micro_caps
{
    font-size: 20px;
    color: #ccc;
    font-weight: normal;
}
.blog-caps a{

    color: #444;
    font-family: "Open Sans";
    font-size: 24px;

}
.blog-stats {
    border-top: solid 1px #dfdfdf;
    min-height: 20px;
    padding: 10px 0;
    color: #929699;
}
.stat_hl
{
 color: #444;
}
.blog-date {
    color: #000000;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    margin-left: 0;
    margin-top: 15px;
    padding: 3px;
}
.blog-author {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #989898;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 15px;
    padding: 3px 8px;
}
.blog-category {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 15px;
    padding: 3px 8px;
}
.blog-comments {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
    margin-top: 15px;
    padding: 3px 8px;
}
.blog-para {
    /*padding-top: 30px;*/
    padding-bottom: 45px;
/*    border-bottom: solid 1px #dfdfdf;*/
margin-bottom: 15px;

}
.blog-tags ul
{
    margin-left: 0px;
}
.blog-tags ul li
{
    display: inline;
    list-style: none;
    float: left;
    padding:2px;
        padding:4px 5px;
    background-color: #ccc;
    margin-right: 3px;
    margin-bottom: 3px;
}
.side-panel
{
    border-left:solid 1px #dfdfdf;
        padding-left: 10px;
}
.blog-side-panel > h2 {
    /*background: none repeat scroll 0 0 #989898;*/
    color: #444;
    font-family: "Open Sans";
    font-size: 18px;
    padding-left: 0px;
}
.blog-side-panel > ul {
    list-style: none outside none;
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 0px;
}
.blog-side-panel > ul > li {
    border-bottom: 1px dotted #ccc;
    padding: 4px;
}
.blog-side-panel > ul > li > a {
    color: #555;
    text-decoration: none;
}
.blog-side-panel > ul > li > a:hover {
    color: #ccc;
    text-decoration: none;
}
/*.blog-block img {
    background: none repeat scroll 0 0 #989898;
    padding: 7px 0;
}*/
/*Comment Form and Extras*/
.comment-count, .post-query{
    font-weight: normal;
    padding: 10px;
    font-family:"Open_Sans_L";
    font-size: 24px;
    line-height: 31px;
    color: #fff;
}
.comments {
    margin: 30px 0 20px;
}
.comments .commentlists {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.comments .commentlists ul {
    list-style: none outside none;
    margin-left: 34px;
    padding: 3px 0 0 2px;
    position: relative;
}
.comments .commentlists li {
    margin: 10px 0;
    padding: 20px 0 0;
}
.comments .commentlists li:before, .comments .commentlists li:after {
    content: "";
    display: table;
    line-height: 0;
}
.comments .commentlists li:after {
    clear: both;
}
.comments .commentlists li:first-child {
    padding-top: 10px;
}
.comments .commentlists .comment-children {
    border-left: 1px solid #EEEEEE;
    margin-left: 34px;
    padding: 3px 0 0 2px;
    position: relative;
}
.comments .commentlists .comment-children li {
    background: url("../img/assets/comment-line.png") no-repeat scroll 0 59px transparent;
    padding-left: 65px;
}
.comments .commentlists .comment-children:before {
    border: 1px solid #EEEEEE;
    content: "";
    display: block;
    height: 1px;
    left: -2px;
    position: absolute;
    top: -3px;
    width: 1px;
}
.comments .commentlists .comment-author {
    float: left;
    height: 70px;
    margin: 0 20px 0 0;
    width: 70px;
}
.comments .commentlists .comment-body {
    margin-left: 100px;
}
.comments .commentlists .comment-body .comment-meta {
    margin-bottom: 9px;
    padding: 5px;
    background: #eee;
}
.comments .commentlists .comment-body .comment-meta .reply {
    float: right;
}
.comments .commentlists .comment-body .comment-meta .reply a {
    color: #fff;
    background: #777;
    padding: 4px;
    font-size: 12px;
    text-decoration: none;
}
.comments .commentlists .comment-body .comment-meta .reply a:hover {
    color: #fff !important;
    background: #F48C2D;
}
.comments .commentlists .comment-body .comment-meta .meta-name {
    font-weight: bold;
    padding: 4px;
}
.comments .commentlists .comment-body .comment-meta .meta-name a {
    color: #F48C2D;
}
.comments .commentlists .comment-body .comment-meta .meta-date {
    color: #000;
    font-size: 12px;
    margin-left: 10px;
}
.commentlists .children
{
    border-left: 1px dotted #EEEEEE;
/*    margin-left: 64px;
    padding: 3px 0 0 2px;
    position: relative;*/
}

.respond {
    margin: 30px 0;
}
.respond:before, .respond:after {
    content: "";
    display: table;
    line-height: 0;
}
.respond:after {
    clear: both;
}
.respond #commentform {
    margin-top: 5px;
}
.respond .comment-input .control-group {
    float: left;
    margin-right: 4%;
    width: 100%;
}
.respond .comment-input .control-group:last-child {
    float: right;
    margin-right: 0;
}
.respond .comment-input .control-group:last-child:before, .respond .comment-input .control-group:last-child:after {
    content: "";
    display: table;
    line-height: 0;
}
.respond .comment-input .control-group:last-child:after {
    clear: both;
}
.respond .comment-text {
    margin-bottom: 5px;
}
.respond .comment-submit {
    float: right;
}
.respond .comment-submit:before, .respond .comment-submit:after {
    content: "";
    display: table;
    line-height: 0;
}
.respond .comment-submit:after {
    clear: both;
}
.control-label {
    font-weight: bold;
}

/*Resets*/
.blog-caps{
    color: #000 !important;
/*    font-size: 24px !important;*/
font-weight: normal;
}

#intro h2 {
    color: #FFFFFF;
    font-family: "Open_Sans_L";
    font-size: 24px !important;
    font-weight: normal;
    font-size: 24px !important;
    text-align: left;
}

.s_widget_btn
{


}
.blog-thumb-single
{
    text-align: center;
    background:#ccc;
    margin-bottom: 10px;
}

.isolatepage_readmore
{
    margin-top: 32px;
    background: #fff;
}
/*Pagination*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.poststicky
{
    /*width:55px;*/
    height: 22px;
    padding:10px 10px;
    margin-top: -20px;
    float: right;
    background: red;
    color: #fff;
    text-align: center;
    font-weight: bold;
        font-family: "Open_Sans_R";
        font-size: 16px;
}
.comments-section
{
    border-top: dotted 1px #ccc;
}
.logged-in-as a
{
    color: #000;
}

/*---------jQuery Ticker--------------*/

     #ticker{
         margin-top:0px;
         background:url(../images/twitter.png) no-repeat left top;
     }

.tweet,
.query {
    font: 120% Georgia, serif;
    color: #fff;
}

    .tweet_list {
        height: 60px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        list-style: none;
        margin: 0;
        padding: 0;
        overflow-y: hidden;
    }
    
        .tweet_list li {
            overflow-y: hidden;
            overflow-x: hidden;
            list-style-type: none;
font-family:"Open_Sans_L";
font-size:20px !important;
         color:#000;
        }
        
            .tweet_list li a {
font-family:"Open_Sans_L";
font-size:20px !important;
         color:#444;
            }
            .tweet_list li a:hover {
                color: #FFC000;
                cursor:pointer;
                text-decoration: none;
            }
        
        .tweet_list .tweet_even {
        }
        
        .tweet_list .tweet_avatar {
            padding-right: .5em; float: left;
        }
        
            .tweet_list .tweet_avatar img {
                vertical-align: middle;
            }
            .tweet_text{
            }
            .tweet_time{
font-family:"Open_Sans_R";
            }

.tweet_text, .tweet_time{
    background: rgba(255,255,255,0.9);
    padding: 4px;
line-height: 30px;
}

#ticker .loading{
    color: #fff;
    padding: 4px;
line-height: 30px;
font-family:"Open_Sans_L";
font-size: 24px;
}