/* #Theme Frame 
================================================== */

.container { margin: 0px auto; padding: 0px 30px; max-width: 1200px; }

.row { max-width: 100%; margin: 0 auto; }
    .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
    .row .column, .row .columns { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; margin-bottom: 0px; }
    .column.wrapper, .columns.wrapper { padding: 0px; }

/* Base Grid */

.patners .onecustom img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease; 
  cursor:pointer;
}
    .patners .onecustom img:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%);
        filter: none;
        -webkit-transform: scale(1.1);
    }

.row .onecustom { width: 12%; }
.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }

/* Column Layouts */

.row .one_half { width: 50%; }
.row .one_third { width: 33.333%; }
.row .one_fourth { width: 25%; }
.row .one_fifth { width: 20%; }
.row .one_sixth { width: 16.667%; }

.row .two_third { width: 66.667%; }
.row .two_fourth { width: 50%; }
.row .two_fifth { width: 40%; }
.row .two_sixth { width: 33.333%; }


.row .three_fourth { width: 75%; }
.row .three_fifth { width: 60%; }
.row .three_sixth { width: 50%; }

.row .four_fifth { width: 80%; }
.row .four_sixth { width: 66.667%; }

.row .content { width: 100%; }

img { max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
object, embed { max-width: 100%; }


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.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; }

/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr { clear: both; display: block; overflow: hidden; width: 0; height: 0; }

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .slider-img { }
    #slider .flex-caption { top: 54px; }
    #slider .slider-2ndpic { width: 478px; height: 294px; }
        #slider .slider-2ndpic img { max-width: 100% !important; }
    #slider .flex-caption h2 { font-size: 30px; line-height: 36px; }
    #slider .flex-caption h3 { font-size: 20px; line-height: 32px; }
    #slider .flex-caption .desc { font-size: 12px; }
    #slider .flex-control-nav { bottom: 20px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

    .container { margin: 0px auto; max-width: 420px; }

    .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }

        .row .column, .row .columns { width: 100%; float: none; margin-bottom: 20px; }

    #maincontent .column, #maincontent .columns { margin-bottom: 20px; }

    .column:last-child, .columns:last-child { float: none; }
    [class*="column"] + [class*="column"]:last-child { float: none; }

    .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
    .column:after, .columns:after { clear: both; }


    /*============================================== HEADER SECTION ==============================================*/
    #outerheader { padding-bottom: 20px; }
    #logo { text-align: center; float: none !important; display: block; margin: 28px 0px 18px; }
        #logo img { float: none !important; margin: 0px auto; }
        #logo .desc { float: none !important; display: block; border: 0px !important; margin: 15px 0 0; padding: 0px; }

    #topright { text-align: center; float: none !important; display: block; }

    #searchform { margin: 20px auto 30px; float: none !important; }

    #outernavigation { padding: 10px 0px; }
    #navigation { text-align: center; clear: both; height: auto; width: 50%; margin: 0px auto; }
    #nav-wrap { background: none !important; }
    .sf-menu a { background: transparent !important; border: 0 !important; }
    .sf-menu > li { border: 0 !important; display: none; }
    nav { margin: 0; float: none; }
    .js .tinynav { display: block; display: inline-block; text-align: left; margin: 0 0 0 0; width: 100%; }
    /* mobile dropdown */
    .js #topnav { display: none; }

    #navigation .sn { text-align: center; float: none !important; padding: 5px 0 0px; background: #272727; margin-top: 20px; }

    .pagedesc { padding: 0px; }

    /*============================================== SLIDER SECTION ==============================================*/

    #slideritems { margin-bottom: 30px !important; }
    #slider { margin: 30px 0px; }
        #slider .flex-caption { top: 54px; }
        #slider .moveFromRight { display: none !important; }
        #slider .flex-caption h2 { font-size: 30px; line-height: 36px; }
        #slider .flex-caption h3 { font-size: 20px; line-height: 32px; }
        #slider .flex-caption .desc { font-size: 12px; }
        #slider .flex-control-nav { display: none; }


    /*============================================== CONTENT SECTION ==============================================*/
    #content.positionright, #content.positionleft { background: transparent; }
    .padcontent { padding-right: 0; }
    .padsidebar { padding-left: 0px; }
    #content.positionright .padcontent { padding-left: 0; padding-right: 0; }


    /*============================================== BLOG SECTION ==============================================*/
    .header-wrapper .posttitle, .header-wrapper .posttitle a { font-size: 20px; }
    .header-wrapper { clear: both; }
    .entry-utility .tag { margin-left: 0px; }
    .wp-pagenavi { margin-bottom: 30px; }


    /*============================================== Footer ==============================================*/
    #copyright { margin-bottom: 0px; text-align: center; }
}

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


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

    .slider-img { }
    .flex-caption { }
        .flex-caption h2 { font-size: 18px; line-height: 20px; }
        .flex-caption h2 { font-size: 14px; line-height: 18px; }
        .flex-caption .desc { font-size: 12px; line-height: 16px; }
        .flex-caption .button { display: none; }

    .header-wrapper h2 { display: block; }

    .highlight-content .button { margin-bottom: 10px; }

    .post .header-wrapper { padding-left: 0px; }

    .padcontent { padding: 0px !important; }

    blockquote { margin: 0px 0px 20px !important; }

    .commentlist ol { padding-left: 35px; }
}