h4, h5, h6, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 18px;
}
ul, ol {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding-bottom: 0.5em;
}
body a:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
}
html, body {
    font-family: 'Tahoma', Arial;
    font-size: 100%;
    background: #FFFFFF; /* Old browsers */
}

hr {
    margin: 20px 0 10px 0;
    width: 100%;
    height: 1px;
    background: black;
}

/*-- Header Part Starts Here --*/
.header {
    padding: 1em 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.header .container {
    border-bottom: 1px solid #ffffff;
}

.logo {
    position: absolute;
    top: 22%;
    left: 10%;
    z-index: 100;
}
.navigation {
    width: 50%;
    float: right;
}
ul.navig {
    padding: 0;
    width: 100%;
    float: left;
    margin-top: 10px;
}
ul.navig li {
    display: inline-block;
    margin: 0 10px;
}
ul.navig li a {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #009999;
    font-weight: 700;
}
ul.navig li a:hover {
    color: #ff7105;
}
.search-bar {
    width: 35%;
    float: right;
}
.search-bar input[type="text"] {
    width: 70%;
    padding: 10px;
    border: 0;
    background: #4fbfa8;
    margin: 0 -4px 0 0;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
    vertical-align: -webkit-baseline-middle;
    color: #fff;
}
.search-bar input[type="submit"] {
    width: 20%;
    padding: 10px;
    /* background: #ff7105 url(../images/search.png) no-repeat 15px; */
    outline: none;
    -webkit-appearance: none;
    border: 0;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
}
.banner {
    /* background:url(../images/banner.jpg)no-repeat; */
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
    position: relative;
}

.banner-image {
    border-bottom: 10px solid #009999;
    width: 100%;
}

.page-icon-container {
    height: 50px;
    width: 100%;
}

.pageicon {
    background: none repeat scroll 0 0 black;
    height: 1px;
    position: relative;
    top: 25px;
    width: 100%;
}

.icon01, .icon02, .icon03, .icon04, .icon05, .icon06, .icon07, .icon08 {
    display: inline-block;
    height: 58px;
    position: relative;
    top: -30px;
    width: 58px;
}
.icon01 {
    background: url("../images/icon/icon01.png") repeat scroll 0 0 transparent;
}
.icon02 {
    background: url("../images/icon/icon02.png") repeat scroll 0 0 transparent;
}
.icon03 {
    background: url("../images/icon/icon03.png") repeat scroll 0 0 transparent;
}
.icon04 {
    background: url("../images/icon/icon04.png") repeat scroll 0 0 transparent;
}
.icon05 {
    background: url("../images/icon/icon05.png") repeat scroll 0 0 transparent;
}
.icon06 {
    background: url("../images/icon/icon06.png") repeat scroll 0 0 transparent;
}
.icon07 {
    background: url("../images/icon/icon07.png") repeat scroll 0 0 transparent;
}
.icon08 {
    background: url("../images/icon/icon08.png") repeat scroll 0 0 transparent;
}

/*About Page Start*/
.row.about-us-container > p {
    text-align: justify;
    padding-left: 50px;
    padding-right: 50px;
}

.row.about-grid {
    margin: 0px;
}
.row.about-grid > div {
    margin: 30px 0 0 0;
}

.row.about-grid > div > div {
    border: 1px solid #e6e6e6;
}

.about-grid-01:before, .about-grid-02:before, .about-grid-03:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    left: 44%;
}

.about-grid-01:before {
    background: url('../images/icon/small-icon01.png') no-repeat scroll 0 0 transparent;
}

.about-grid-02:before {
    background: url('../images/icon/small-icon02.png') no-repeat scroll 0 0 transparent;
}

.about-grid-03:before {
    background: url('../images/icon/small-icon03.png') no-repeat scroll 0 0 transparent;
}

.about-grid-01, .about-grid-02, .about-grid-03 {
    overflow: hidden;
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.about-grid-01:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.about-grid-02:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.about-grid-03:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}

.about-grid h4 {
    font-size: 22px;
    margin: 10px 0;
}

.about-grid p {
    text-align: justify;
    padding: 5px 20px 15px;
}

.row.about-us-container02 .col-md-4 > h4 {
    text-align: left;
}
.row.about-us-container02 .col-md-8 > p {
    text-align: justify;
}

/*About Page End*/

/*Services Page Start*/
.row.services-container > p {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.row.services-grid {
    margin: 0px 30px 30px 30px;
}

.row.services-grid > div {
    margin: 30px 0 0 0;
}
.row.services-grid img {
    width: 100%;
}

.row.services-grid > div > div {
    border: 1px solid #e6e6e6;
}

.services-grid-01:before, .services-grid-02:before, .services-grid-03:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    left: 44%;
}

.services-grid-01:before {
    background: url('../images/icon/small-icon01.png') no-repeat scroll 0 0 transparent;
}

.services-grid-02:before {
    background: url('../images/icon/small-icon02.png') no-repeat scroll 0 0 transparent;
}

.services-grid-03:before {
    background: url('../images/icon/small-icon03.png') no-repeat scroll 0 0 transparent;
}

.services-grid-01, .services-grid-02, .services-grid-03 {
    overflow-y: hidden;
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.services-grid-01:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.services-grid-02:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.services-grid-03:hover {
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}

.services-grid h4 {
    font-size: 22px;
    margin: 10px 0;
}

.services-grid p {
    text-align: justify;
    padding: 5px 20px 15px;
}

.row.services-container02 .col-md-6 > h4 {
    text-align: left;
}
.row.services-container02 .col-md-6 > p {
    text-align: justify;
}

/*AMC Area*/

/*
 .row.amc-container.amc-grid > h2 {
 margin-bottom: 50px;
 }*/

.row.amc-container > p {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}

.row.amc-grid {
    margin: 30px;
}

.row.amc-grid > div > div {
    border: 1px solid #e6e6e6;
}

.amc-grid-01:before, .amc-grid-02:before {
    content: "";
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    left: 44%;
}

.amc-grid-01:before {
    background: url('../images/icon/small-icon01.png') no-repeat scroll 0 0 transparent;
}

.amc-grid-02:before {
    background: url('../images/icon/small-icon02.png') no-repeat scroll 0 0 transparent;
}

.amc-grid-01, .amc-grid-02, .amc-grid-03 {
    overflow-y: hidden;
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

.amc-grid-01:hover {
    /*height: 350px;*/
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.amc-grid-02:hover {
    /*height: 415px;*/
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}
.amc-grid-03:hover {
    height: 395px;
    transition: box-shadow 1s;
    -moz-transition: box-shadow 1s;
    -webkit-transition: box-shadow 1s;
    -webkit-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 13px 1px rgba(0,0,0,0.5);
}

.amc-grid h4 {
    font-size: 22px;
    margin: 10px 0;
}

.amc-grid p {
    text-align: justify;
    padding: 5px 20px 15px;
}

/*Services Page End*/

/* Client Page Start */
.row.client-container > p {
    text-align: justify;
    padding-left: 50px;
    padding-right: 50px;
}

.client-panel-container {
    margin-top: 30px;
}

.client-panel .col-md-4 > div {
    border: 1px solid #efefef;
    position: relative;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
}

.client-panel .col-md-4 > div:hover {
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);
    transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -webkit-transition: box-shadow 0.5s;
}

.row.client-panel > div {
    margin-bottom: 30px;
}

.row.client-panel h4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 65px;
    color: #ffffff;
    margin: 0;
    padding: 20px 0;
    position: absolute;
    width: 100%;
    display: none;
}

/* Client Page Ends */

/* Contact Page Start */
.address-container {
    margin-top: 40px;
}
/* Contact Page Ends */
/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 1440px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 1440px) {
    .banner {
        min-height: 600px;
    }
}
.home-page {
    padding: 4em 0 4em 0;
    text-align: center;
}
.about-page {
    padding: 4em 0 4em 0;
    text-align: center;
}
.services-page {
    padding: 4em 0 4em 0;
    text-align: center;
}
.client-page {
    padding: 4em 0 4em 0;
    text-align: center;
}
.contact-page {
    padding: 0em 0 4em 0;
    text-align: center;
}

nav a, ul.navig a {
    position: relative;
    display: inline-block;
    margin: 0px 0px 10px;
    outline: none;
    color: #333;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 1.35em;
}
nav a:hover, nav a:focus, ul.navig a:hover, ul.navig a:focus {
    outline: none;
}
.cl-effect-3 a {
    padding: 8px 0;
}

.cl-effect-3 a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ff7105;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

/*-- Header Part Ends Here --*/
/*-- Gallery Part Starts Here --*/
.gallery {
    background: #4fbfa8;
    padding: 2em 0;
    text-align: center;
}
.gallery h3 {
    font-size: 4em;
    font-weight: 700;
    color: #fff;
    margin: 0em 0 0.5em 0;
}
/*-- MIXTUP PART --*/
/*	Strip
 /*-----------------------------------------------------------------------------------*/
.b-link-stripe {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: 'Tahoma', Arial;
    font-weight: 300;
    overflow: hidden;
}
.b-link-stripe .b-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}
.b-link-stripe .b-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    background: rgba(15, 207, 140, 0.9);
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    opacity: 0;
    visibility: hidden; /* lt-ie9 */
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
 /*-----------------------------------------------------------------------------------*/
.b-animate-go {
    text-decoration: none;
}
.b-animate {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    visibility: hidden;
    font-size: 1.1em;
    font-weight: 700;
}
.b-animate img {
    margin-top: 16%;
    display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate {
    visibility: visible;
}
.b-from-left {
    position: relative;
    left: -100%;
}
.b-animate-go:hover .b-from-left {
    left: 0;
}
span.m_4 {
    font-size: 14px;
    font-weight: 400;
}
p.m_5 {
    margin: 2% auto 5%;
    width: 70%;
    color: #283A47;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
}
ul#filters {
    padding: 0px;
    margin: 1em 0;
}
/*--team--*/
.team {
    background: #fff;
    padding: 0 0 9% 0;
}
.col_1_of_4:first-child {
    margin-left: 0;
}
.span_1_of_4 {
    width: 22.8%;
}
.col_1_of_4 {
    display: block;
    float: left;
    margin: 1% 0 1% 2.6%;
    background: #FFF;
}
/* lt-ie9 */
.b-link-stripe:hover .b-line {
    visibility: visible;
}
.b-link-stripe .b-line1 {
    left: 0;
}
.b-link-stripe .b-line2 {
    left: 20%;
    transition-delay: 0.1s !important;
    -moz-transition-delay: 0.1s !important;
    -ms-transition-delay: 0.1s !important;
    -o-transition-delay: 0.1s !important;
    -webkit-transition-delay: 0.1s !important;
}
.b-link-stripe .b-line3 {
    left: 40%;
    transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    -ms-transition-delay: 0.2s !important;
    -o-transition-delay: 0.2s !important;
    -webkit-transition-delay: 0.2s !important;
}
.b-link-stripe .b-line4 {
    left: 60%;
    transition-delay: 0.3s !important;
    -moz-transition-delay: 0.3s !important;
    -ms-transition-delay: 0.3s !important;
    -o-transition-delay: 0.3s !important;
    -webkit-transition-delay: 0.3s !important;
}
.b-link-stripe .b-line5 {
    left: 80%;
    transition-delay: 0.4s !important;
    -moz-transition-delay: 0.4s !important;
    -ms-transition-delay: 0.4s !important;
    -o-transition-delay: 0.4s !important;
    -webkit-transition-delay: 0.4s !important;
}
.b-link-stripe:hover .b-line {
    opacity: 1;
}
}
#filters {
    margin: 3% 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#filters li {
    display: -webkit-inline-box;
    margin: 0 10px;
}
#filters li span {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 400;
    text-transform: uppercase;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}
#filters li span.active {
    background: none;
    color: #ff7105;
    border: none;
    border: 2px solid #ff7105;
}
#portfoliolist .portfolio {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 30%;
    margin: 2% 2% 0 0;
    display: none;
    float: left;
    overflow: hidden;
}
div#portfoliolist {
    padding: 10px 0px;
}
.portfolio.app.mix_all {
    width: 55% !important;
}
.portfolio.icon.mix_all {
    width: 39% !important;
    margin-right: 0 !important;
}
.portfolio.logos.mix_all {
    width: 42% !important;
}
.portfolio.card.mix_all {
    width: 25% !important;
}
.portfolio-wrapper {
    overflow: hidden;
    position: relative !important;
    cursor: pointer;
}
.portfolio img {
    max-width: 100%;
    /*--position: relative;--*/
    transition: all 300ms !important;
    -webkit-transition: all 300ms !important;
    -moz-transition: all 300ms !important;
}
.portfolio .label {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: -40px;
}
.portfolio .label-bg {
    background: #22B4B8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio .label-text {
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 5px 8px;
}

.portfolio .text-category {
    display: block;
    font-size: 9px;
    font-size: 12px;
    text-transform: uppercase;
}
/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.b-wrapper:hover {
    background: rgba(255, 113, 5, 0.47);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*-- MIXTUP PART --*/
/*-- Gallery Part Ends Here --*/
/*-- Video search Parts starts Here --*/
.video-serch {
    background: url(../images/vid-bg.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    padding: 4em 0;
}
.vid-col {

}
.vid-col p {
    font-size: 1.2em;
    font-weight: 500;
    font-style: italic;
    color: #fff;
    line-height: 1.8em;
    margin: 0.5em 0;
}
.vid-col p:nth-of-type(2) {
    font-style: normal;
    font-size: 0.875em;
    font-weight: 100;
    margin: 1em 0;
}
.more {
    margin: 2em 0;
}
.more a {font-size;0.875em;
    color: #fff;
    background: #ff7105;
    padding: 10px 15px;
    font-weight: 500;
}
.more a:hover {
    background: #4fbfa8;
}
.vid-coll {
    position: relative;
}
.play-but {
    position: absolute;
    top: 40%;
    left: 40%;
}
.vid-coll img {
    width: 100%;
}

/*-- Video search Parts Ends Here --*/
/*-- What new Part Starts Here --*/
.what-new {
    padding: 2em 0 4em;
    text-align: center;
}
.what-new h3 {
    font-size: 4em;
    font-weight: 700;
    color: #000;
    margin: 0.5em 0;
}
.blog-news {
    border-bottom: 1px solid rgba(60, 58, 62, 0.19);
    padding: 0;
}
.blog-news-grid {
    padding: 2em;
    border-right: 1px solid rgba(60, 58, 62, 0.19);
    width: 50%;
    float: left;
    text-align: left;
}
.news-grid-left {
    width: 40%;
    margin-right: 2%;
    float: left;
}
.news-grid-right {
    width: 57%;
    float: left;
}
.news-grid-left h4 {
    font-weight: 500;
    color: #3c3a3e;
    font-size: 10em;
    margin: -24px 0 -18px;
}
.news-grid-left small {
    font-size: 1em;
    color: #3c3a3e;
    font-weight: 100;
    font-style: italic;
    padding-left: 20px;
}
.news-grid-right h4 {
    font-size: 1.3em;
    font-weight: 500;
    color: #3c3a3e;
    margin: 0 0 0.5em 0;
}
.news-grid-right p {
    font-size: 1em;
    font-weight: 100;
    color: #3c3a3e;
    line-height: 1.6em;
}
.b_n_g {
    margin-right: 0;
    border-right: 0;
}
.b_n {
    border-bottom: 0;
}

/*-- What new Part Ends Here --*/
/*-- Footer part Starts Here --*/
.footer {
    padding: 1em 0;
    text-align: center;
    /* border-top: 10px solid #3c3a3e; */
    background: #009999;
}
ul.social {
    padding: 0;
    margin: 0.5em 0 0.5em 0;
}
ul.social li {
    display: inline-block;
    margin: 0 5px;
}
ul.social li a {
    width: 70px;
    height: 70px;
    background: url(../images/social-icons.png) no-repeat;
    display: inline-block;
    cursor: pointer;
}
ul.social li a:hover {
    opacity: 0.5;
}
ul.social li a.fa {
    background-position: 0px 0px;
}
ul.social li a.fb {
    background-position: -70px 0px;
}
ul.social li a.fc {
    background-position: -142px 0px;
}

.footer-copyright {
    padding: 40px 0 0;
    text-align: left;
}
.footer p {
    font-size: 0.85em;
    color: #FFFFFF;
    font-weight: 100;
}
.footer p a {
    color: #ff7105;
}
.footer p a:hover {
    color: #4fbfa8;
}

/*-- Footer part Ends Here --*/

/*-- Games Page Starts Here --*/
.games {
    padding: 6em 0 2em;
}
.page-path {
    margin: 0.5em 0 1em;
}
.page-path p {
    font-size: 1em;
    font-weight: 300;
    color: #000;
    float: right;
}
ul.path-list {
    padding: 0;
    float: left;
}
ul.path-list li {
    display: inline-block;
    font-size: 1em;
    font-weight: 300;
    color: #000;
}
ul.path-list li a:hover, .page-path p a:hover {
    color: #4fbfa8;
}
ul.path-list li.act {
    color: #ff7105;
}
h3.page-header {
    font-size: 1.6em;
    color: #ff7105;
    font-weight: 500;
    margin: 0.5em 0;
    text-transform: uppercase;
}
.main {
    width: 100%;
    float: left;
}
.side-bar {
    width: 15%;
    float: left;
    padding: 10px 0;
    background: aliceblue;
}
.side-bar h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    margin: 0 0 1em;
}
ul.game-list {
    padding: 0;
    margin: 0.5em 0;
}
ul.game-list li {
    display: block;
}
ul.game-list li a {
    font-size: 0.875em;
    color: #3c3a3e;
    font-weight: 100;
    padding: 0.2em 1em 0.5em;
    border-bottom: 1px solid #3c3a3e;
    display: block;
    text-transform: uppercase;
}
ul.game-list li a:hover {
    color: #ff7105;
}
.view {
    width: 30%;
    height: 250px;
    margin: 10px 10px 10px 0;
    float: left;
    border: 10px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
    cursor: default;
}
.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}
.view p {
    font-family: 'Tahoma', Arial;
    font-style: italic;
    font-size: 16px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info: hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(219,127,8, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(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;
}
.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(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;
}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/*-- Games Page Ends Here --*/

/*-- Blog Page Starts Here ---*/
.blog-content {
    width: 72%;
    float: left;
    margin-right: 2%;
}
.blog-sidebar {
    width: 25%;
    padding: 0 2em;
    float: left;
}
.blog-post {
    margin: 0.5em 0 2em;
}
.blog-post h3, .blog-post h3 a {
    font-size: 1.2em;
    text-transform: uppercase;
    color: #3c3a3e;
    font-weight: 700;
    margin: 0;
}
.post-details {
    margin: 0.5em 0;
}
.post-details p {
    font-size: 1em;
    color: #3c3a3e
    font-weight: 100;
}
.post-details p a {
    font-weight: 500;
    color: #4fbfa8
}
.post-details p span {
    color: #4fbfa8
}
.blog-post img {
    width: 100%;
    margin: 0.5em 0;
}
.blog-post h4 {
    font-size: 1em;
    color: #3c3a3e;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0.5em 0;
    line-height: 1.6em;
}
.blog-post p {
    font-size: 0.875em;
    color: #3c3a3e;
    font-weight: 100;
    line-height: 1.6em;
    margin: 0.5em 0;
}
.blog-post nav a {
    font-size: 1em;
    color: #000;
    font-weight: 500;
    padding-bottom: 0;
}
ul.product-categories {
    margin: 0 0 2em;
    padding: 0;
    list-style-type: none;
}
ul.product-categories li {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    text-transform: uppercase;
}
ul.product-categories li a:hover {
    text-decoration: none;
    color: #E23535;
}
.product-categories li span.count {
    float: right;
    margin-left: 6px;
    color: #aaa;
    font-size: 0.8125em;
}
ul.product-categories li  a {
    -webkit-transition: background 350ms ease-in-out, border-color 350ms ease-in-out, color 150ms ease-in-out;
    -moz-transition: background 350ms ease-in-out, border-color 350ms ease-in-out, color 150ms ease-in-out;
    -ms-transition: background 350ms ease-in-out, border-color 350ms ease-in-out, color 150ms ease-in-out;
    -o-transition: background 350ms ease-in-out, border-color 350ms ease-in-out, color 150ms ease-in-out;
    transition: background 350ms ease-in-out, border-color 350ms ease-in-out, color 150ms ease-in-out;
    font-size: 12px;
    color: #999;
}

.blog-sidebar h3 {
    padding: 0;
}
.subscribe {
    margin: 1em 0;
}
.subscribe h4 {
    font-size: 1em;
    color: #3c3a3e;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0.5em;
}
.subscribe input[type="text"] {
    width: 100%;
    border: 1px solid #3c3a3e;
    padding: 10px;
    margin: 1em 0;
    outline: none;
    -webkit-appearance: none;
}
.subscribe input[type="submit"] {
    background: #ff7105;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    -webkit-appearance: none;
    border: 0;
    font-size: 0.8em;
}
.subscribe input[type="submit"]:hover {
    background: #4fbfa8;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
ul.tags_links {
    padding: 0;
    list-style: none;
    width: 100%;
}
ul.tags_links li {
    display: inline-block;
    margin: 8px 3px;
}
ul.tags_links li a {
    color: #fff;
    font-size: 0.8125em;
    background: #1a1918;
    padding: 5px 10px;
}
ul.tags_links li a:hover {
    text-decoration: none;
}
ul.tags_links li a:hover {
    background: #c5996c;
    color: #fff;
}
/*-- Blog Page Ends Here ---*/

/*-- About Page Starts Here --*/
.about-top {
    margin: 0 0 2em;
}
.about-top img {
    float: left;
    margin-right: 3%;
}
.about-details {
    width: 60%;
    float: left;
}
.about-details h4 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    color: #3c3a3e;
}
.about-details p, .blog-content p {
    font-size: 0.875em;
    color: #3c3a3e;
    font-weight: 100;
    line-height: 1.6em;
    margin-bottom: 1em;
}
.about-details a {
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 300;
    background: #ff7105;
    padding: 10px 15px;
    color: #fff;
}
.about-details a:hover, .caption a:hover {
    background: #4fbfa8;
}
.fetures {
    position: relative;
    margin: 0 0 1em;
}
.fetures img {
    width: 100%;
}
.caption {
    position: absolute;
    top: 10%;
}
.caption a {
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 300;
    background: #ff7105;
    padding: 10px 15px;
    color: #fff;
}
/*-- About Page Ends Here --*/

/*-- Contact Page Starts Here --*/
.map iframe {
    width: 100%;
    height: 250px;
}
.map {
    margin: 0 0 2em;
}
.address-container .col-md-4 h3 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 5px;
    padding: 15px;
}

.contact-box {
    margin: 0;
    padding: 0 8%;
    text-align: left;
    width: 100%;
}

.address-container .address-detail {
    text-align: center;
}
.address-container .telephone-detail {
    text-align: center;
}
.address-container .mail-detail {
    text-align: center;
}

.address-container .col-md-4 {
    padding-bottom: 30px;
}

.address-container .divider-line {
    border-bottom: 1px solid #cccccc;
}

.text {
    margin: 1em 0;
}
.text input[type="text"] {
    width: 47%;
    margin-right: 2%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    outline: none;
    -webkit-appearance: none;
}
.text textarea {
    width: 96.8%;
    height: 250px;
    border: 1px solid #e0e0e0;
    outline: none;
    -webkit-appearance: none;
    padding: 10px;
    resize: none;
}
.text-but {
    margin: 1em 0;
    text-align: center;
    display: inline;
}
.text-but input[type="submit"], .text-cmt input[type="submit"] {
    font-size: 0.875em;
    color: #fff;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #009999;
    padding: 10px 20px;
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
    border: 0;
    width: 47%;
}
.text-but input[type="submit"]:hover, .text-cmt input[type="submit"]:hover {
    background: #4fbfa8;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/*-- Contact Page Ends Here --*/

/*-- Single Page Starts Here --*/
.comment-box {
    margin: 2em 0;
}
.text-cmt {
    margin: 1em 0;
}
.text-cmt input[type="text"] {
    width: 47%;
    margin-right: 2%;
    padding: 10px;
    border: 1px solid #ff7105;
    outline: none;
    -webkit-appearance: none;
}
.text-cmt textarea {
    width: 96.4%;
    height: 150px;
    border: 1px solid #ff7105;
    outline: none;
    -webkit-appearance: none;
    padding: 10px;
    resize: none;
}
/*-- Single Page Ends Here --*/

/*-- Media Queries Starts Here --*/
/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 1024px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 1024px) {
    .logo a img {
        position: relative;
        width: 50%;
        z-index: 100;
    }
    .navigation {
        width: 76%;
    }
    .header {
        padding: 2em 0 1em;
    }
    ul.navig li a {
        font-size: 0.875em;
    }
    ul.navig {
        margin-top: 0px;
    }
    .banner {
        min-height: 369px;
    }
    .news-grid-left h4 {
        font-size: 8em;
        margin: -16px 0 -10px;
    }
    .news-grid-right h4 {
        font-size: 1.1em;
    }
    .news-grid-right p {
        font-size: 0.875em;
    }
    .view, .view .mask, .view .content {
        width: 235px;
        height: 165px;
    }
    .view-first img {
        width: 100%;
    }
    .about-details {
        width: 52%;
    }
    .about-details h4 {
        font-size: 1em;
    }
    .text input[type="text"]:nth-of-type(3) {
        margin-right: 0;
    }
}

/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 768px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 768px) {
    span.menu {
        width: 32px;
        height: 32px;
        background: url(../images/nav.png) no-repeat;
        display: inline-block;
        float: right;
        cursor: pointer;
    }
    .navigation {
        width: 100%;
        display: none;
        text-align: center;
        background: none repeat scroll 0 0 rgba(0, 153, 153, 0.57);
        /* background: #feffff; Old browsers
         background: -moz-radial-gradient(center, ellipse cover,  #feffff 0%, #6e93c2 98%); FF3.6+
         background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#feffff), color-stop(98%,#6e93c2)); Chrome,Safari4+
         background: -webkit-radial-gradient(center, ellipse cover,  #feffff 0%,#6e93c2 98%); Chrome10+,Safari5.1+
         background: -o-radial-gradient(center, ellipse cover,  #feffff 0%,#6e93c2 98%); Opera 12+
         background: -ms-radial-gradient(center, ellipse cover,  #feffff 0%,#6e93c2 98%); IE10+
         background: radial-gradient(ellipse at center,  #feffff 0%,#6e93c2 98%); W3C
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#6e93c2',GradientType=1 ); IE6-9 fallback on horizontal gradient */
        padding: 0.5em 0;
        margin-top: 10px;
        position: relative;
        z-index: 999;
    }
    ul.navig {
        float: none;
        width: 100%;
    }
    ul.navig li {
        display: block;
    }
    ul.navig li a {
        color: #000;
        display: block;
    }
    .search-bar {
        width: 43%;
        float: none;
        margin: 0 auto;
    }
    .header {
        padding: 1em 0 1em;
    }
    .banner {
        min-height: 250px;
    }

    .gallery h3 {
        font-size: 3em;
    }
    .vid-coll img {
        width: 57%;
    }
    .play-but {
        top: 38%;
        left: 26%;
    }
    .what-new h3 {
        font-size: 3em;
        margin: 0em 0 0.5em;
    }
    .news-grid-left h4 {
        font-size: 3em;
        margin: 0px 0 0px;
    }
    .news-grid-left small {
        font-size: 0.8em;
        padding-left: 0px;
    }
    .news-grid-right p {
        font-size: 0.875em;
        height: 39px;
        overflow: hidden;
    }
    .side-bar {
        display: none;
    }
    .main {
        width: 100%;
    }
    .view {
        width: 45%;
        height: 209px
    }
    .view .mask, .view .content {
        width: 100%;
        height: 209px;
    }
    .view.view-first:nth-of-type(9) {
        display: none;
    }
    .blog-content {
        width: 100%;
    }
    .blog-sidebar {
        width: 100%;
    }
    .fetures {
        text-align: center;
    }
    .fetures img {
        width: 43%;
    }
    .contact-box {
        width: 100%;
    }

}

/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 640px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 640px) {
    .about-top img {
        width: 40%;
    }
    .about-details h4 {
        font-size: 0.8em;
        height: 20px;
        overflow: hidden;
    }
    .about-details p {
        height: 159px !important;
        overflow: hidden;
        font-size: 0.8em;
    }
    .blog-content p:nth-of-type(3) {
        display: none;
    }
    .blog-content p {
        height: 90px;
        overflow: hidden;
    }
}

/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 480px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 480px) {
    .logo a img {
        width: 37%;
        position: relative;
        z-index: 100;
    }
    .header {
        padding: 0.5em 0;
    }
    .search-bar {
        width: 55%;
    }
    .banner {
        min-height: 140px;
    }

    .gallery h3 {
        font-size: 2em;
    }
    #filters li span {
        padding: 6px 10px;
        font-size: 0.8em;
    }
    .portfolio.app.mix_all {
        width: 100% !important;
    }
    .portfolio.icon.mix_all {
        width: 59% !important;
        margin-right: 3% !important;
    }
    .portfolio.card.mix_all {
        width: 37.5% !important;
        margin-right: 0 !important;
    }
    .portfolio.logos.mix_all {
        width: 59% !important;
    }
    .video-serch {
        padding: 2em 0;
    }
    .vid-col p {
        font-size: 1em;
    }
    .vid-col p:nth-of-type(2) {
        margin: 1em 0 0;
        height: 69px;
        overflow: hidden;
    }
    .what-new h3 {
        font-size: 2em;
    }
    .blog-news-grid {
        padding: 1em;
    }
    ul.social li a {
        width: 32px;
        height: 32px;
        background-size: 300%;
    }
    ul.social li a.fb {
        background-position: -32px 0px;
    }
    ul.social li a.fc {
        background-position: -65px 0px;
    }
    .footer {
        padding: 0em 0 1em;
    }
    .view, .view .mask, .view .content {
        height: 141px;
    }
    .view-first:hover p {
        display: none;
    }
    .mask h2 {
        margin-bottom: 1em;
    }
    .blog-post h3, .blog-post h3 a {
        font-size: 1em;
        line-height: 1.6em;
    }
    h3.page-header {
        font-size: 1.2em;
        margin: 0.5em 0 0em;
    }
    .post-details {
        margin: 0.5em 0;
        height: 20px;
    }
    .blog-post h4 {
        height: 20px;
        overflow: hidden;
    }
    .blog-content p:nth-of-type(2) {
        display: none;
    }
    .about-details p {
        height: 97px !important;
    }
    .games {
        padding: 1em 0 2em;
    }
    .map iframe {
        height: 157px;
    }
    .text input[type="text"] {
        width: 100%;
        margin-bottom: 3%;
    }
    .text {
        margin: 0em 0 0;
    }
    .text textarea {
        width: 100%;
        height: 170px;
    }
    .logo {
        width: 50%;
    }

    .home-page {
        padding: 2em 0 2em 0;
        text-align: center;
    }

    .about-page {
        padding: 2em 0;
        text-align: center;
    }

    .services-page {
        padding: 2em 0;
        text-align: center;
    }

    .client-page {
        padding: 2em 0;
        text-align: center;
    }

}

/*  / / / / / / / / / / / / / / / / / / / / / Media Max-Width 320px / / / / / / / / / / / / / / / / / / / / / */
@media (max-width: 320px) {
    .logo a img {
        width: 44%;
    }
    .logo {
        left: 6%;
    }
    .search-bar {
        width: 89%;
    }
    .banner {
        min-height: 150px;
    }

    .gallery h3 {
        font-size: 1.5em;
    }
    .news-grid-left h4 {
        font-size: 2em;
    }
    .news-grid-right h4 {
        font-size: 0.85em;
    }
    .blog-news-grid {
        padding: 1em 0.5em;
    }
    .what-new h3 {
        font-size: 1.5em;
    }
    .what-new {
        padding: 2em 0 1em;
    }
    .view {
        margin: 5px;
        border: 0px;
    }
    .view, .view .mask, .view .content {
        height: 88px;
    }
    .view h2 {
        font-size: 13px;
        padding: 7px;
        margin: 8px 0 7px 0;
    }
    .blog-post h3, .blog-post h3 a {
        font-size: 0.9em;
        height: 21px;
        overflow: hidden;
    }
    .post-details {
        margin: 0.2em 0 1em;
        height: 2px;
    }

}

/*-- Media Queries Ends Here --*/

/*Custom Start*/

.aboutbox-container {
    margin-top: 50px;
}

.row > .aboutbox {
    margin: 0 0 35px;
    padding: 0px 10px;
}

.aboutbox .aboutbox-title {
    height: 60px;
    padding: 30px 0 0 0;
}
.aboutbox .aboutbox-title.title01:before {
    content: "";
    height: 50px;
    width: 50px;
    background: url("../images/icon1.png") no-repeat;
    left: 42%;
    margin-top: -55px;
    position: absolute;
}
.aboutbox .aboutbox-title.title01 {
    background-color: #8CC63E;
}
.aboutbox .aboutbox-title.title02:before {
    content: "";
    height: 50px;
    width: 50px;
    background: url("../images/icon2.png") no-repeat;
    left: 42%;
    margin-top: -55px;
    position: absolute;
}
.aboutbox .aboutbox-title.title02 {
    background-color: #4FBFA8;
}
.aboutbox .aboutbox-title.title03:before {
    content: "";
    height: 50px;
    width: 50px;
    background: url("../images/icon3.png") no-repeat;
    left: 42%;
    margin-top: -55px;
    position: absolute;
}
.aboutbox .aboutbox-title.title03 {
    background-color: #FBAF3F;
}
.aboutbox .aboutbox-title.title04:before {
    content: "";
    height: 50px;
    width: 50px;
    background: url("../images/icon4.png") no-repeat;
    left: 42%;
    margin-top: -55px;
    position: absolute;
}
.aboutbox .aboutbox-title.title04 {
    background-color: #3F3F3F;
}

.aboutbox .aboutbox-title p {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.aboutbox .aboutbox-text {
    /* border-style: solid;
     border-width: 0px 1px 1px 1px; */

}

.aboutbox .aboutbox-text p {
    padding: 10px 10px 0px 10px;
    text-align: center;
    margin: 0em;
    height: 197px;
    margin: 0;
    overflow-y: hidden;
    padding: 10px 10px 0;
    text-align: center;
}

.aboutbox-title.title01+ .aboutbox-text {
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.04, #FFFFFF),color-stop(1, #8CC63E));
     background-image: -o-linear-gradient(bottom, #FFFFFF 65%, #8CC63E 100%);
     background-image: -moz-linear-gradient(bottom, #FFFFFF 65%, #8CC63E 100%);
     background-image: -webkit-linear-gradient(bottom, #FFFFFF 65%, #8CC63E 100%);
     background-image: -ms-linear-gradient(bottom, #FFFFFF 65%, #8CC63E 100%);
     background-image: linear-gradient(to bottom, #FFFFFF 65%, #8CC63E 100%);
     border-color: rgb(140, 198, 62); */
}
.aboutbox-title.title02+ .aboutbox-text {
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.04, #FFFFFF),color-stop(1, #4FBFA8));
     background-image: -o-linear-gradient(bottom, #FFFFFF 65%, #4FBFA8 100%);
     background-image: -moz-linear-gradient(bottom, #FFFFFF 65%, #4FBFA8 100%);
     background-image: -webkit-linear-gradient(bottom, #FFFFFF 65%, #4FBFA8 100%);
     background-image: -ms-linear-gradient(bottom, #FFFFFF 65%, #4FBFA8 100%);
     background-image: linear-gradient(to bottom, #FFFFFF 65%, #4FBFA8 100%);  */
    /* border-color: rgb(79, 191, 168); */
}
.aboutbox-title.title03+ .aboutbox-text {
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.04, #FFFFFF),color-stop(1, #FBAF3F));
     background-image: -o-linear-gradient(bottom, #FFFFFF 65%, #FBAF3F 100%);
     background-image: -moz-linear-gradient(bottom, #FFFFFF 65%, #FBAF3F 100%);
     background-image: -webkit-linear-gradient(bottom, #FFFFFF 65%, #FBAF3F 100%);
     background-image: -ms-linear-gradient(bottom, #FFFFFF 65%, #FBAF3F 100%);
     background-image: linear-gradient(to bottom, #FFFFFF 65%, #FBAF3F 100%);
     border-color: rgb(251, 175, 63); */
}
.aboutbox-title.title04+ .aboutbox-text {
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.04, #FFFFFF),color-stop(1, #3F3F3F));
     background-image: -o-linear-gradient(bottom, #FFFFFF 65%, #3F3F3F 100%);
     background-image: -moz-linear-gradient(bottom, #FFFFFF 65%, #3F3F3F 100%);
     background-image: -webkit-linear-gradient(bottom, #FFFFFF 65%, #3F3F3F 100%);
     background-image: -ms-linear-gradient(bottom, #FFFFFF 65%, #3F3F3F 100%);
     background-image: linear-gradient(to bottom, #FFFFFF 65%, #3F3F3F 100%);
     border-color: rgb(63, 63, 63); */
}

.more + a {
    font-weight: bold;
    text-align: center;
}

.accordion {
    margin: 1em 0
}
.accordion h3 {
    color: #070808;
    cursor: pointer;
    margin: 5px 0;
    font-size: 18px;
    padding: 7px 5px;
    background: #fbaf3f; /* Old browsers */
    background: -moz-linear-gradient(left,  #fbaf3f 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fbaf3f), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #fbaf3f 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #fbaf3f 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #fbaf3f 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #fbaf3f 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbaf3f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.accordion h3:hover {
    background: #8CC63E; /* Old browsers */
    background: -moz-linear-gradient(left,  #8CC63E 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8CC63E), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #8CC63E 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8CC63E', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    transition: all 0.6s ease-in-out;
    font-weight: bold;
}

.accordion h3.current {
    background: #8CC63E; /* Old browsers */
    background: -moz-linear-gradient(left,  #8CC63E 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8CC63E), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #8CC63E 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right,  #8CC63E 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8CC63E', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    cursor: default
}
.accordion div.pane {
    padding: 12px 30px 12px 10px;
}

.social {
    text-align: right;
}

.col-md-6.services-grid {
    margin: 40px 0 20px;
}

[class^='amc-grid-'] > ul {
    padding: 0 35px 5px;
    text-align: left;
}

.amc-grid ol {
    padding: 0 0 0 40px;
    text-align: left;
}
/*Custom Ends*/

/*Banner Text*/
/*
 .banner-text > p {
 font-family: Georgia;
 font-style: italic;
 margin: 0;
 padding: 0;
 }
 */

/*
 .btext01 {
 font-size: 40px;
 color: #424953;
 }
 .btext02 {
 font-size: 25px;
 color: #ff6600;
 }
 .btext03 {
 font-size: 28px;
 color: #424953;
 }
 */
.banner-text > img {
    width: 100%;
}