@charset "utf-8";
/* ----------------------------------------------------------------------------
    
    * File          main.css 
    * Project       HTML Framework
    * Author        Arthur Homenk
    
-----------------------------------------------------------------------------*/
/* ---- FILE SRUCTURE ---------------------------------------------------------
 
   *__Layout boxs
   *__Typography
   *__Content lists
   *__Content table
   *__Content images 
   *__Pagenator 
   
-----------------------------------------------------------------------------*/
@import url("reset.css");
@import url("nav-menu.css");
@import url("forms.css");
/*-- Layout boxs
-------------------------------- */
.header-bar, .header, .slider-box, .link-motive-box,
.content, .footer-link-box, .footer
{
    width: 100%;
    min-width: 1280px;
}

.header-inner, .content-inner, .footer-inner
{
    width: 1165px;
    margin: 0 auto;
}

.header-bar
{
    background: #11428e;
}

.header-bar-inner
{
    width: 996px;
    padding: 14px 84px 12px;
    margin: 0 auto;
    min-height: 24px;
}

.content
{
    padding-bottom: 50px;
}

.left-s
{
    float: left;
}

.right-s
{
    float: right;
}

.header-inner
{
    min-height: 99px;
}

.two-coll-page-srt
{
    width: 1046px;
    margin: 0 auto;
}

    .two-coll-page-srt .aside-left
    {
        float: left;
        width: 237px;
        margin: 16px 0 0 26px;
    }

    .two-coll-page-srt .section-box
    {
        float: right;
        width: 761px;
        margin: 25px 0 0;
    }
/*-- Typography
-------------------------------- */
h1
{
    font-size: 44px;
}

h2
{
    font-size: 24px;
}

h3
{
    font-size: 18px;
}

h4
{
    font-size: 16px;
}

h5
{
    font-size: 12px;
}

h6
{
    font-size: 11px;
}

.title-page
{
    padding: 10px 20px;
    color: #EBEBEB;
}

p
{
    margin: 0 0 24px;
    text-align: left;
    line-height: 1.5;
}
/*-- Content table
-------------------------------- */
/*table {
    border: none;
    margin: 20px 0;
}
caption {
    font-weight: bold;
    font-size: 18px;
}
thead {
    text-align: left;
    font-weight: bold;
    color: #000000;
}
thead td {
    border-left: 3px solid #fff;
    vertical-align: top;
    padding: 18px 10px 18px;
}
tfoot {
    font-style: italic;
    font-size: 11px;
    text-align: center;
}
tbody {
    background: #ededed;
}
tbody tr:first-child {
    border-top: 5px solid #e4e4e4;
}
tbody tr:first-child td {
    padding-top: 23px;
}
tbody td {
    border-width: 0px 0px 3px 3px;
    border-color: transparent transparent #fff #fff;
    border-style: solid;
    vertical-align: middle;
    padding: 8px 10px 9px;
    height: 23px;
}
tbody td:first-child {
    border-left: none;
}
.white-row {
    background: #fff;
}
table .icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/table-icons.png) no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
    margin: 0px 10px;
    vertical-align: baseline;
}
table .icon.plus {
    background-position: 0px -16px !important;
}
table .icon.minus {
    background-position: 0px 0px !important;
} 
.ontimesystem_design_content table {
    width: 766px;
    margin-top: 21px;
    margin-left: -5px;
    margin-bottom: 57px;
}*/
/*-- Content images
-------------------------------- */
img
{
    border: 0;
    outline: 0;
    margin: 0 10px 10px 0;
    padding: 0;
}
/* header style */
.phone-t {
    font-family: 'Segoe UI', Tahoma, Arial, "Helvetica CY", "Nimbus Sans L", Helvetica, sans-serif;
    font-size: 21px;
    margin-left: 1px;
}

.time-t {
    font-family: 'Segoe UI', Tahoma, Arial, "Helvetica CY", "Nimbus Sans L", Helvetica, sans-serif;
    font-size: 12px;
}

.phone-t, .time-t, .phone-t a
{
    color: #f2f2f2;
    display: inline-block;
    margin-top: 4px;
}

.horizont-link-list
{
    display: inline-block;
    vertical-align: top;
    list-style: none;
    font-size: 16px;
    color: #0faae3;
    margin-top: 7px;
}

    .horizont-link-list li
    {
        float: left;
        margin-left: 27px;
    }

    .horizont-link-list a,
    .horizont-link-list a:active,
    .horizont-link-list a:focus,
    .horizont-link-list a:visited
    {
        color: #0faae3;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s;
    }

        .horizont-link-list a:hover
        {
            color: #fff;
            text-decoration: none;
        }

.soc-mapong-t
{
    display: inline-block;
    vertical-align: top;
    width: 38px;
    height: 24px;
    background: url(../images/gplus.jpg);
    margin: 0 12px 0 77px;
}

.logo-site
{
    display: block;
    width: 141px;
    height: 83px;
    float: left;
    margin: 10px 0 0 85px;
}
/* slide-show style */
.slider-box
{
    border-top: 5px solid #f1f1f1;
}

.slider-box-inner
{
    /*width: 1280px;
    height: 410px;*/
    margin: 0 auto;
}
/* link-motive-box */
.link-motive-box
{
    border-width: 5px 0 5px 0;
    border-color: #fff;
    border-style: solid;
    background: url(../images/link-motive-box.jpg) repeat-x center bottom;
    height: 39px;
}

    .link-motive-box.orange-style
    {
        border-bottom-width: 3px;
        border-color: #f1f1f1;
        background: url(../images/link-motive-box-orange.jpg) repeat-x center bottom;
    }

.link-motive-box-inner
{
    width: 1280px;
    /*min-height: 106px;*/
    background: url(../images/link-motive-box-inner.jpg) no-repeat 0 0;
    margin: 0 auto;
}

.orange-style .link-motive-box-inner
{
    /*min-height: 103px;*/
    height: 33px;
    /*min-height: 30px;*/
    background: url(../images/link-motive-box-orange-inner.jpg) no-repeat 0 0;
}

.motive-text-box
{
    /*width: 290px;*/
    display: inline-block;
    vertical-align: middle;
    /*margin: 20px 0 0 162px;*/
    margin: 10px 0 0 162px;
}

    .motive-text-box p
    {
        color: #303030;
        line-height: 18px;
        margin: 0 0 9px 0;
    }

.orange-style .motive-text-box p
{
    color: #fffefe;
}

.motive-text-box h3
{
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    font-size: 16px;
    color: #b75324;
    text-transform: uppercase;
}

.orange-style .motive-text-box h3
{
    color: #ffc220;
}

.link-arrow
{
    display: inline-block;
    margin: 35px 0 0 48px;
    list-style: none;
    text-transform: uppercase;
    color: #4e4e4e;
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #fff;
}

    .link-arrow li
    {
        display: inline-block;
        padding: 0 0 0 60px;
        margin: 0 0 0 18px;
        line-height: 51px;
        background: url(../images/link-arrow.png) no-repeat 0 center;
    }

.orange-style .link-arrow li
{
    background: url(../images/link-arrow-orange.png) no-repeat 0 center;
}

.link-arrow li:first-child
{
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}

.link-arrow a,
.link-arrow a:hover,
.link-arrow a:active,
.link-arrow a:focus,
.link-arrow a:visited
{
    text-decoration: none;
    color: #4e4e4e;
    text-shadow: 1px 1px 0px #fff;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

.orange-style .link-arrow a,
.orange-style .link-arrow a:hover,
.orange-style .link-arrow a:active,
.orange-style .link-arrow a:focus,
.orange-style .link-arrow a:visited
{
    color: #fff;
    text-shadow: 1px 1px 0px #11428e;
}

.link-arrow a:hover
{
    color: #fff;
    text-shadow: 1px 1px 0px #000;
}

.orange-style .link-arrow a:hover
{
    color: #ccc;
    text-shadow: 1px 1px 0px #000;
}
/* quick-ligan-box */
.quick-ligan-box
{
    padding: 28px 70px 15px 86px;
}

.quick-ligan-item
{
    /*float: left;*/
    width: 195px;
    display: inline-block;
    vertical-align: top;
}

.quick-ligan-item-head
{
    border-left: 3px solid #b75324;
    /*height: 35px;*/
    padding: 7px 14px;
    white-space: nowrap;
}

    .quick-ligan-item-head h3 a:hover {
        color: #b75324;
        text-decoration: none;
    }

    .quick-ligan-item-head h3 a {
        /*font-family: 'Segoe UI', Arial, Helvetica, Sans-Serif;*/
        /*font-size: 16px;*/
        font-weight: bold;
        color: #275db0;
        text-transform: uppercase;
    }

.quick-ligan-text
{
    padding: 0px 19px;
}

    .quick-ligan-text p
    {
        margin-bottom: 0;
    }

.home-thick-line
{
    width: 1046px;
    height: 5px;
    margin: 0 auto;
    background: #e4e4e4;
    border: none;
}

.title-section-text
{
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    font-weight: bold;
    color: #b75324;
}

.home-some-text_1
{
    padding: 0 0 0 102px;
}

.home-text-and-vidio-box .home-some-text_1
{
    width: 465px;
}

.home-text-and-vidio-box .title-section-text
{
    padding-top: 36px;
    padding-bottom: 24px;
}

.player-box-inner
{
    width: 561px;
    margin: 0 0 0 -100px;
    position: relative;
    top: -5px;
}

.player-box
{
    width: 561px;
    height: 309px;
    background: url(../images/player-placeholder.jpg) no-repeat;
}

.player-legend
{
    color: #949292;
    font-style: italic;
    font-size: 12px;
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    height: 70px;
}

    .player-legend p
    {
        text-align: right;
        padding: 27px 0 0 0;
    }

.border-bottom-style
{
    border-bottom: 7px solid #b75324;
}

.tesis-box
{
    width: 565px;
}

    .tesis-box .title-section-text
    {
        padding: 41px 0 23px 0;
        color: #000;
    }

.tesis-list
{
    width: 511px;
}

    .tesis-list li
    {
        list-style: none;
        padding: 8px 10px 14px;
        line-height: 1.5;
        background: url(../images/dashed-emit.png) repeat-x 0 top;
    }

        .tesis-list li:first-child
        {
            padding-top: 0;
            background: none;
        }

.home-text-box .home-text-section_1, .home-text-box .home-text-section_2
{
    width: 853px;
}

.home-thin-line
{
    width: 765px;
    height: 2px;
    border: none;
    background: #e4e4e4;
    margin: 23px 0;
}

.home-text-box .home-text-section_1 .home-thin-line
{
    margin-left: 61px;
}

.home-text-section_1 .left-s
{
    width: 475px;
    margin: 0 0 0 91px;
}

    .home-text-section_1 .left-s .title-section-text
    {
        padding: 17px 0 22px;
    }

.home-text-section_1 .right-s
{
    width: 213px;
    margin-right: 42px;
}

    .home-text-section_1 .right-s .title-section-text
    {
        padding: 2px 0 20px;
        line-height: 20px;
        color: #000;
    }

    .home-text-section_1 .right-s p
    {
        line-height: 20px;
    }

.r-side.blog-post-box
{
    width: 229px;
    margin-right: 81px;
}

.blog-post-box .title-section-text
{
    padding: 5px 0 20px;
}

.blog-text
{
    line-height: 20px;
    margin-bottom: 4px;
}

.blog-post-item
{
    margin-bottom: 22px;
}

.blog-text-date
{
    color: #000;
}

.home-text-box .home-text-section_2
{
    margin: 23px 0 0 2px;
}

.home-medium-pic
{
    width: 314px;
}

.text-box-p
{
    width: 470px;
    margin-right: 40px;
}

    .text-box-p p
    {
        line-height: 20px;
        margin-bottom: 2px;
    }

    .text-box-p .title-section-text
    {
        padding: 8px 0 22px;
    }

    .text-box-p .two-coll-text .left-s
    {
        width: 215px;
        margin-left: 39px;
    }

.two-coll-text .left-s:first-child
{
    margin-left: 0px;
}

.text-box-p .two-coll-text
{
    margin-bottom: 23px;
}

.text-box-p .one-coll-text
{
    line-height: 20px;
}

.home-thin-line.main-line
{
    width: 1047px;
    margin: 14px 0px 14px 61px;
}

.four-coll-text
{
    padding: 0 50px 0 89px;
    margin-bottom: 28px;
}

    .four-coll-text .header-s
    {
        padding: 26px 0 23px 0;
        position: relative;
    }

        .four-coll-text .header-s h2
        {
            color: #b75324;
        }

    .four-coll-text .content-s p
    {
        line-height: 18px;
        margin-bottom: 2px;
        font-size: 12px;
        word-break: break-all;
    }

    .four-coll-text .left-s
    {
        width: 225px;
        margin-right: 31px;
    }

.footer-s
{
    font-size: 12px;
    color: #275db0;
}

.conversation-box
{
    display: inline-block;
    width: 256px;
    height: 36px;
    background: url(../images/twitter.png) no-repeat 19px 11px #e4e4e4;
    position: absolute;
    top: 20px;
    right: 8px;
}

    .conversation-box span
    {
        font-size: 12px;
        /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
        font-weight: bold;
        color: #000;
        display: block;
        margin: 16px 0 0 60px;
    }
/* faq page */
.bread-crumbs-box
{
    border-bottom: 3px solid #e4e4e4;
    padding: 15px 0 9px 20px;
    margin-bottom: 15px;
    margin-left: 26px;
}

.bread-crumbs-list
{
    float: left;
    list-style: none;
    margin: 1px 0 0;
}

    .bread-crumbs-list img
    {
        margin: 0 3px 0 3px;
    }

    .bread-crumbs-list li
    {
        float: left;
        padding: 0 0 0 14px;
        margin: 0 0 0 13px;
        background: url(../images/bread-crumbs-arrow.png) no-repeat 0 center;
    }

        .bread-crumbs-list li:first-child
        {
            padding-left: 0;
            margin-left: 0;
            background: none;
        }

    .bread-crumbs-list a,
    .bread-crumbs-list a:hover,
    .bread-crumbs-list a:active,
    .bread-crumbs-list a:focus,
    .bread-crumbs-list a:visited
    {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        -webkit-transition: color .2s;
        -moz-transition: color .2s;
        -ms-transition: color .2s;
        -o-transition: color .2s;
        transition: color .2s;
    }

        .bread-crumbs-list a:hover, .bread-crumbs-list li.active a
        {
            color: #787878;
        }

.some-text
{
    float: right;
}

    .some-text p
    {
        color: #787878;
        font-weight: bold;
        font-size: 14px;
        margin: 0;
    }

.menu-section-box
{
    width: 240px;
    margin-bottom: 30px;
}

.menu-section-head
{
    border-left: 3px solid #b75324;
    padding: 17px 15px 18px;
}

    .menu-section-head h3
    {
        color: #000;
        font-size: 14px;
        display: inline-block;
        padding: 0 19px 0 0;
        margin: 0 15px 0 0;
        background: url(../images/menu-arrow.png) no-repeat right center;
    }

.menu-section-list
{
    list-style: none;
    font-size: 14px;
    color: #787878;
    width: 183px;
}

    .menu-section-list li
    {
        background: url(../images/dashed-emit.png) repeat-x 0 top;
        padding: 7px 18px 14px;
        line-height: 19px;
    }

        .menu-section-list li:first-child
        {
            background: none;
        }

    .menu-section-list a,
    .menu-section-list a:hover,
    .menu-section-list a:active,
    .menu-section-list a:focus,
    .menu-section-list a:visited
    {
        color: #787878;
        text-decoration: none;
        display: block;
        -webkit-transition: color .15s;
        -moz-transition: color .15s;
        -ms-transition: color .15s;
        -o-transition: color .15s;
        transition: color .15s;
    }

        .menu-section-list a:hover, .menu-section-list li.active a
        {
            color: #275db0;
        }

.section-head
{
    border-bottom: 2px solid #e4e4e4;
    padding: 0 44px 14px 0;
    margin-bottom: 15px;
}

    .section-head h2
    {
        display: inline;
        margin: 0 9px 0 0;
        color: #b75324;
    }

    .section-head p
    {
        display: inline;
        font-size: 12px;
        color: #787878;
    }

.quest-list
{
    list-style: none;
    width: 770px;
    margin: 25px 0 0;
}

    .quest-list li
    {
        background: url(../images/dashed-emit-biiig.png) repeat-x 0 top;
        padding: 26px 0 0;
    }

        .quest-list li:first-child
        {
            background: none;
            padding-top: 0;
            margin-top: 0;
        }

.quest-item
{
    width: 225px;
    float: left;
    margin: 0 30px 15px 0px;
}

.quest-item-head
{
    height: 62px;
    color: #b75324;
}

.quest-content p
{
    line-height: 20px;
    margin-bottom: 19px;
}
/* feature text -page */
.features-head
{
    float: left;
    width: 220px;
}

.features-text
{
    float: right;
    width: 475px;
    margin-right: 31px;
}

.skip-link a,
.skip-link a:hover,
.skip-link a:active,
.skip-link a:focus,
.skip-link a:visited
{
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    margin-bottom: 26px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

    .skip-link a:hover
    {
        color: #000;
    }

.btn-custon-link
{
    display: inline-block;
    border-bottom: 3px solid #000;
    background: url(../images/btn-custon-link.jpg) repeat-x left top;
    margin: 0 30px 29px 0;
    -webkit-transition: border-bottom-color .2s;
    -moz-transition: border-bottom-color .2s;
    -ms-transition: border-bottom-color .2s;
    -o-transition: border-bottom-color .2s;
    transition: border-bottom-color .2s;
}

    .btn-custon-link:hover
    {
        border-bottom-color: #275DB0;
    }

.btn-custon-link-inner
{
    display: inline-block;
    border-bottom: 2px solid #fff;
    background: url(../images/btn-custon-link-inner.jpg) no-repeat right top;
}

.btn-custon-link a,
.btn-custon-link a:hover,
.btn-custon-link a:active,
.btn-custon-link a:focus,
.btn-custon-link a:visited
{
    font-size: 16px;
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    color: #fff;
    display: block;
    padding: 5px 48px 5px 37px;
    font-weight: bold;
    text-decoration: none;
    background: url(../images/btn-arrow2.png) no-repeat right 5px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}

    .btn-custon-link a:hover
    {
        color: #000;
    }

    .btn-custon-link a strong
    {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

.skip-text .btn-custon-link
{
    margin: 0;
}

    .skip-text .btn-custon-link a,
    .skip-text .btn-custon-link a:hover,
    .skip-text .btn-custon-link a:active,
    .skip-text .btn-custon-link a:focus,
    .skip-text .btn-custon-link a:visited
    {
        font-size: 12px;
        font-weight: normal;
    }

.some-skip-box
{
    margin: 28px 0 0;
}

.name-label
{
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    color: #787878;
    text-align: right;
    width: 58px;
    margin-right: 28px;
}

.skip-text
{
    width: 400px;
    margin: -2px 20px 0 0;
}

    .skip-text p
    {
        color: #787878;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 17px;
    }

.section-head.level-2
{
    margin-top: 15px;
}

    .section-head.level-2 h2
    {
        font-size: 21px;
        font-weight: normal;
    }

.features-box
{
    margin: 25px 0 39px 0;
}

.features-head h3
{
    margin-bottom: 4px;
    color: #b75324;
}

.features-text p
{
    margin: 21px 0 0;
    line-height: 1.5;
}

.body_content
{
    margin: 25px 0 0;
}

    .body_content h3
    {
        margin: 0 0 26px;
        color: #b75324;
    }

    .body_content h4
    {
        font-size: 14px;
        margin: 0 0 2px;
    }

    .body_content p
    {
        line-height: 1.5;
        margin: 0 0 24px;
    }

.lists-box ul {
    margin: 0 0 24px 30px;
    line-height: 1.5;
    font-size: 1em;
}

    .lists-box ul li
    {
        margin-bottom: 8px;
    }

ul.some-form-list
{
    list-style: none;
    margin: 0 54px;
}

    ul.some-form-list li
    {
        margin: 0 0 11px 0;
    }

.body_content .button-box
{
    width: 811px;
    margin: 61px 0 0 6px;
}

.some-images-box
{
    margin: 17px 0 0;
}
/* footer */
.footer-link-box
{
    background: #ededed url(../images/footer-link-box.jpg) repeat-x 0 top;
}

.footer-link-box-inner
{
    width: 1020px;
    padding: 26px 0px 4px 27px;
    margin: 0 auto;
}

.footer-link-list
{
    list-style: none;
}

    .footer-link-list li
    {
        padding: 8px 4px 17px;
        background: url(../images/dashed-emit.png) repeat-x 0 top;
    }

        .footer-link-list li:first-child
        {
            background: none;
        }

.footer-link-box-item
{
    display: inline-block;
    vertical-align: top;
    width: 175px;
    margin-right: 76px;
}

.footer-link-box-item-head
{
    height: 36px;
    padding: 0 0 0 4px;
    line-height: 19px;
}

.footer-link-box-item-head-one-word h3
{
    padding: 20px 0 0;
}

.footer
{
    background: #275db0;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, .2);
}

.footer-inner, .footer-inner a
{
    color: #cccccc;
    font-size: 12px;
    /*font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;*/
    padding: 11px 0 7px;
}

    .footer-inner p
    {
        margin: 0 92px;
    }
/*pixel*/
.pixel
{
    position: absolute;
    top: -62px;
    left: 0px;
    width: 100%;
    height: 3100px;
    background: url(../ontimesystem_design_content.jpg) no-repeat center top;
    z-index: 99999;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.infoBox {
    border-collapse: collapse;
    border: 1px solid #FFC220;
    background-color: #FFFFCC;
    padding: 10px;
}

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

/* Media Queries */

/* Print Specific */
@media print {
    .header-bar, .nav, .link-motive-box, .footer-link-box, #footer-social-badges, .slider-box {
        display: none;
        margin-bottom: 100px;
    }

    .two-coll-page-srt .aside-left {
        display: none;
    }

    .two-coll-page-srt .section-box {
        float: left;
    }

    .content {
        width: 100%;
        min-width: 0;
    }

}

/* Tablet and Smartphone Specific */
@media only screen and (max-device-width: 768px) {
     /*.formSize
    {
        width: 500px;
    }*/

    /*.content
    {
        min-height: 1200px;
    }*/

    .two-coll-page-srt .aside-left
    {
        display: none;
    }

    .two-coll-page-srt .section-box
    {
        float: none;
        width: 100%;
    }


    body, h3, h4, h4 a {
        font-size: 18px;
    }

    /*body, h3, h4, h4 a {
        font-size: 24px;
    }*/

    h2 {
        font-size: 28px;
    }

    .header-bar-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-inner, .header-bar-inner, .slider-box, .content-inner, .footer-inner, .footer-link-box-inner,
    .link-motive-box-inner, .two-coll-page-srt, .two-coll-page-srt .section-box, .home-thick-line,
    .home-thin-line, .home-thin-line.main-line, .quick-ligan-box, #blog-feed-box, #twitter-feed-box, .section-box-desktop-mobile {
        width: 700px;
    }

        .home-thin-line, .home-thin-line.main-line {
            margin-left: 0;
            margin-right: 0;
        }

    .home-some-text_1, .home-text-section_1 .left-s {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .home-text-and-vidio-box .home-some-text_1, .tesis-box, .tesis-list {
        width: 100%;
    }

    .logo-site {
        margin-left: 0;
        /*float: none;*/
    }

    .nav {
        margin-right: 0;
        margin-top: 15px;
        /*float: none;*/
    }

        .nav a {
            padding-left: 12px;
            padding-right: 12px;
        }

    .motive-text-box {
        display: none;
    }

    .header-bar, .header, .slider-box, .link-motive-box,
    .content, .footer-link-box, .footer {
        min-width: 0;
    }

    .orange-style .link-motive-box-inner, .link-motive-box-inner {
        width: 100%;
    }

    .link-arrow {
        font-size: 20px;
        margin-left: 40px;
    }

    .two-coll-page-srt .aside-left {
        display: none;
    }

    .two-coll-page-srt .section-box {
        float: left;
    }

    .footer-inner p {
        margin-left: 20px;
        margin-right: 20px;
    }

    #containerBottom {
        display: none;
    }

    .right-s {
        float: left;
    }

    .quick-ligan-box {
        padding-left: 0;
        padding-right: 0;
    }

    .quick-ligan-item {
        width: 225px;
    }
}

/* Smartphone Specific */
@media only screen and (max-device-width: 568px) {
    body, h3, h4, h4 a {
        font-size: 24px;
    }

    h1 {
        font-size: 48px;
        font-weight: bold;
    }

    h2 {
        font-size: 36px;
        font-weight: bold;
    }
}