.sticked {

  font-size: 11px;

}

.site-logo img {

  width: 40%;

}

.scrolled .site-logo img {

  width: 80%;

}

html {

  height: 1100px;

}

header {

    margin: 0 auto;

    padding: 0 !important;

    position: fixed;

    width: 100%;

    z-index: 100;

}

.sticked1 {

  font-size: 12px;

}

​

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Header

    1.1 Menus

2.0 Content

    2.1 Typography

    2.2 Elements

    2.3 Links

    2.4 Posts and Pages

    2.5 Comments

    2.6 form

3.0 Sidebar

    3.1 Calendar

    3.2 Search widget

4.0 Footer

5.0 Accessibility

6.0 Alignments

7.0 Clearings

8.0 Infinite scroll

9.0 Media

    9.1 Captions

    9.2 Galleries

10.0 Media Queries

​

--------------------------------------------------------------*/

#outerdiv {

    width:1376px;

    height:700px;

    overflow:hidden;

    position:relative;

}

#innerIframe {

    position:absolute;

    top:-470px;

    left:-160px;

    width:1368px;

    height:1024px;

}

​

​

​

/*--------------------------------------------------------------

1.0 Header

--------------------------------------------------------------*/

.otstup2 {

line-height: 0;

padding: 0;

margin: 0;

}

.otstup {

padding: 10px;

}

<!--

/* apply a natural box layout model to all elements */

*, *:before, *:after {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

​

.wrapper {

    width: 100%;

    padding: 0px;

}

​

.my_container ul {

  list-style: none;

  margin: 0 0 0 0;

  padding: 0 0 0 0;

  clear: both;

}

.my_container ul .block1 {

  width: 25%;

  height: auto;

  position: relative;

  float: left;

  margin: 0 0 0 0;

  padding: 0 0 25% 0;

  transition: 0.8s ease;

}

.my_container ul .block1:hover span {

  height: 40%;

color: #efb107;

}

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

  .my_container ul .block1 {

    width: 25%;

    padding-bottom: 25%;

  }

}

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

  .my_container ul .block1 {

    width: 33.33%;

    padding-bottom: 33.33%;

  }

#text-11 h3 {

padding-left: 85%;

}

}

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

  .my_container ul .block1 {

    width: 50%;

    padding-bottom: 50%;

  }

#text-11 h3 {

padding-left: 67%;

}

}

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

#text-11 h3 {

padding-left: 74%;

}}

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

#text-11 h3 {

padding-left: 50%;

}

  .my_container ul .block1 {

    width: 100%;

    padding-bottom: 100%;

  }

}

.my_container ul .block1 img {

  max-width: none;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

}

.my_container ul .block1 span {

  width: 100%;

  height: 4rem;

  line-height: 1.7rem;

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 0.2rem 1rem;

  font-size: 1.5rem;

  color: #fff;

  background: rgba(0, 0, 0, 0.5);

  transition: 0.8s ease;

}

​

header{

    padding:0;

}

.site-branding{

    padding:10px 0;

    background: black;

}

.nav_container{

    background: black;

    margin-bottom:20px; 

    border-top:5px solid #339390;

}

/*---------------1.1 Menus---------------*/

​

.main-navigation ul {

    list-style: none;

    margin: 0;

    padding-left: 0;

}

.main-navigation ul > li{

    border-right: 1px solid #000;

    text-transform: uppercase;

}

.main-navigation ul > li:last-child{

    border-right:none;

}

.main-navigation li {

    float: left;

    position: relative;

}

.top-nav a{

    color:#ffffff;

}

.main-navigation a {

    display: block;

    text-decoration: none;

    padding: 10px 15px;

    font-family: 'Khula', sans-serif;

    font-size: 18px;

    color:#ffffff;

    /**border-left: 1px solid #000;**/

    border-left: none;

}

​

.main-navigation li:hover > a {

    background: #339390;

}

.main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a, .main-navigation li:first-child > a{

}

.main-navigation .current_page_item > a,

.main-navigation .current-menu-item > a,

.main-navigation .current_page_ancestor > a {

    background:#339390;

}

​

/* Small menu */

.menu-toggle {

    display: none;

}

​

​

​

form.searchform{

    background: #262626;

    max-width: 31.6%;

    width: 31.6%;

    -webkit-max-width: 31.6%;

    -moz-webkit-max-width: 31.6%;

    -ms-webkit-max-width: 31.6%;

    border: 1px solid #262626;

    padding: 5px 10px;

    overflow: hidden;

    }

form.searchform #s { 

    background:#262626; 

    border:none; color:#777; 

    font-style:italic; 

     width:90%; 

     }

.search-form .search-field{

    background: none;

    border: none;

    color: #777;

    font-style: italic;

    float: left;

    width: 16%;

    }

form.searchform #s:focus { 

    outline:none; 

    }

input#search-button{ 

    width:16px; 

    height:16px; 

    float:right;

    margin-top: 5px; 

    }

input:not([type]),

input[type="color"],

input[type="email"],

input[type="number"],

input[type="password"],

input[type="tel"],

input[type="url"],

input[type="text"],

textarea{

    border:1px solid #e2e2e2;

    }

button,

input,

select,

textarea {

    font-size: 100%; /* Corrects font size not being inherited in all browsers */

    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline; /* Improves appearance and consistency in all browsers */

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

    border: 1px solid;

    border-color: #ccc #ccc #bbb;

    border-radius: 3px;

    background: #e6e6e6;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

    color: rgba(0, 0, 0, .8);

    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

    font-size: 12px;

    font-size: 1.2rem;

    line-height: 1;

    padding: .6em 1em .4em;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

    border-color: #ccc #bbb #aaa;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}

​

button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

    border-color: #aaa #bbb #bbb;

    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

}

input[type="checkbox"],

input[type="radio"] {

    padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

    box-sizing: content-box;

}

​

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

    color: #666;

    border: 1px solid #ccc;

    border-radius: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

    color: #111;

}

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

    padding: 3px;

}

textarea {

    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

    padding-left: 3px;

    vertical-align: top; /* Improves readability and alignment in all browsers */

    width: 100%;

}

/*--------------------------------------------------------------

3.0 Sidebar

--------------------------------------------------------------*/

/* ----------3.1 Calendar--------------- */

​

/*--------------------------------------------------------------

5.0 Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers */

​

​

/*--------------------------------------------------------------

6.0 Alignments

--------------------------------------------------------------*/

.alignleft {

    display: inline;

    float: left;

    margin-right: 1.5em;

}

​

.alignright {

    display: inline;

    float: right;

    margin-left: 1.5em;

}

​

.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto;

}

​

/*--------------------------------------------------------------

7.0 Clearings

--------------------------------------------------------------*/

​

​

/*-----------------9.2 Galleries------------------*/

​

/*--------------------------------------------------------------

10.0 Media Queries

--------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1018px) {

  .widget_calendar td,

  .widget_calendar td {

       padding: 5px;

      }

}

​

@media screen and (min-width: 992px) {  

}

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

    .item {

        position: static ! important;

        -webkit-transform: translate(0px, 0px) ! important;

        -moz-transform: translate(0px, 0px) ! important;

        transform: translate(0px, 0px) ! important;

        }

    #posts{

        display:inline;

        }

    .pagination{

        margin-top:5px;

        }

    #sidebar{margin-top:60px;}

​

​

​

}

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

    #top-widget{

        /*float:right;*/

        margin-top:20px;

        /*display:block;*/

        }

    #site-navigation ul.nav-menu > li.menu-item-has-children > a:after, #site-navigation ul.nav-menu > li.page_item_has_children > a:after{

        content:"";

        display: inline-block;

        width: 0;

        height: 0;

        margin-left: 5px;

        vertical-align: middle;

        border-top: 4px solid;

        border-right: 4px solid transparent;

        border-left: 4px solid transparent;

    }

    .navbar .children:before, .navbar .sub-menu:before {

        border-bottom: 7px solid transparent;

        border-left: none;

        border-right: 7px solid rgba(0, 0, 0, 0.2);

        border-top: 7px solid transparent;

        left: -7px;

        top: 10px;

        }

    .navbar .children:after, .navbar .sub-menu:after {

        border-top: 6px solid transparent;

        border-left: none;

        border-right: 6px solid #fff;

        border-bottom: 6px solid transparent;

        left: 10px;

        top: 11px;

        left: -6px;

        }

    .fan-sociel-media .btn{

        margin-right:5px;

        float:

        right;

        }

    nav.container-fluid, nav .navbar-collapse{

        padding:0;

        }

    .pgwSlider .ps-current{

        width:74.4%;

        }

}

​

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

    h1 {

        font-size: 20px;

        }   

    h2 {

        font-size: 18px;

        }   

    h3 {

        font-size: 16px;

        }   

    h4 {

        font-size: 15px;

        }   

    h5 {

        font-size: 14px;

        }

    h6 {

        font-size: 13px;

        }

    #top-nav{

        float: none;

    }

    .main-navigation ul, .top-nav ul {

        display: none;

    }

    .menu-toggle,

    .main-navigation.toggled .nav-menu, .top-nav.toggled .nav-menu {

        display: block;

    }

    .top-nav.toggled ul.nav-menu{

        clear:both;

    }

    .navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li > a {

        border:0;

        }

    .navbar-default .navbar-nav > li{

        background:#464646;

        }

    .ps-current span h1{

        margin:10px 0;

        }

    .ps-current span p{

        display:none; 

        }

    ul.pgwSlider > li span, .pgwSlider > ul > li span{

        display:none;

        }

    ul ul.children, ul ul ul.children, ul ul.sub-menu, ul ul ul.sub-menu{

        float:none;

        position:initial;

        display:block;

        margin:0;

        box-shadow:none;

    }

    ul.children > li, ul.sub-menu > li{

        padding-left:10px;

    }

    .main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a {

        background:#2e2e2e;

        color:#ffffff;

    }

    .main-navigation ul > li, .main-navigation ul ul.children >li > a, .main-navigation ul ul.sub-menu >li > a{

        border:none;

        background:#464646;

    }

    .navbar-nav{

        overflow:hidden;

        }

    .main-navigation li{

        float:none;

    }

}

​

​

@media screen and (min-width: 480px){

    .r_margin{

        margin-right:4%;

        height:100px;

        }

}

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

    ul.pgwSlider, .pgwSlider > ul{

        padding:0;

        }

    .btn-default{

    margin-bottom:5px !important;

    }

​

}

/*!

 * Bootstrap v3.2.0 (http://getbootstrap.com)

 * Copyright 2011-2014 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */

​

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

​

.clearfix:before,

.clearfix:after,

.dl-horizontal dd:before,

.dl-horizontal dd:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after,

.form-horizontal .form-group:before,

.form-horizontal .form-group:after,

.btn-toolbar:before,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:before,

.btn-group-vertical > .btn-group:after,

.nav:before,

.nav:after,

.navbar:before,

.navbar:after,

.navbar-header:before,

.navbar-header:after,

.navbar-collapse:before,

.navbar-collapse:after,

.pager:before,

.pager:after,

.panel-body:before,

.panel-body:after,

.modal-footer:before,

.modal-footer:after {

  display: table;

  content: " ";

}

.clearfix:after,

.dl-horizontal dd:after,

.container:after,

.container-fluid:after,

.row:after,

.form-horizontal .form-group:after,

.btn-toolbar:after,

.btn-group-vertical > .btn-group:after,

.nav:after,

.navbar:after,

.navbar-header:after,

.navbar-collapse:after,

.pager:after,

.panel-body:after,

.modal-footer:after {

  clear: both;

}

.center-block {

  display: block;

  margin-right: auto;

  margin-left: auto;

}

.pull-right {

  float: right !important;

}

.pull-left {

  float: left !important;

}

.hide {

  display: none !important;

}

.show {

  display: block !important;

}

.invisible {

  visibility: hidden;

}

.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.hidden {

  display: none !important;

  visibility: hidden !important;

}

.affix {

  position: fixed;

  -webkit-transform: translate3d(0, 0, 0);

       -o-transform: translate3d(0, 0, 0);

          transform: translate3d(0, 0, 0);

}

@-ms-viewport {

  width: device-width;

}

.visible-xs,

.visible-sm,

.visible-md,

.visible-lg {

  display: none !important;

}

.visible-xs-block,

.visible-xs-inline,

.visible-xs-inline-block,

.visible-sm-block,

.visible-sm-inline,

.visible-sm-inline-block,

.visible-md-block,

.visible-md-inline,

.visible-md-inline-block,

.visible-lg-block,

.visible-lg-inline,

.visible-lg-inline-block {

  display: none !important;

}

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

  .visible-xs {

    display: block !important;

  }

  table.visible-xs {

    display: table;

  }

  tr.visible-xs {

    display: table-row !important;

  }

  th.visible-xs,

  td.visible-xs {

    display: table-cell !important;

  }

}

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

  .visible-xs-block {

    display: block !important;

  }

}

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

  .visible-xs-inline {

    display: inline !important;

  }

}

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

  .visible-xs-inline-block {

    display: inline-block !important;

  }

}

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

  .visible-sm {

    display: block !important;

  }

  table.visible-sm {

    display: table;

  }

  tr.visible-sm {

    display: table-row !important;

  }

  th.visible-sm,

  td.visible-sm {

    display: table-cell !important;

  }

}

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

  .visible-sm-block {

    display: block !important;

  }

}

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

  .visible-sm-inline {

    display: inline !important;

  }

}

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

  .visible-sm-inline-block {

    display: inline-block !important;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .visible-md {

    display: block !important;

  }

  table.visible-md {

    display: table;

  }

  tr.visible-md {

    display: table-row !important;

  }

  th.visible-md,

  td.visible-md {

    display: table-cell !important;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .visible-md-block {

    display: block !important;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline {

    display: inline !important;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .visible-md-inline-block {

    display: inline-block !important;

  }

}

@media screen and (min-width: 1200px) {

  .visible-lg {

    display: block !important;

  }

  table.visible-lg {

    display: table;

  }

  tr.visible-lg {

    display: table-row !important;

  }

  th.visible-lg,

  td.visible-lg {

    display: table-cell !important;

  }

}

@media screen and (min-width: 1200px) {

  .visible-lg-block {

    display: block !important;

  }

}

@media screen and (min-width: 1200px) {

  .visible-lg-inline {

    display: inline !important;

  }

}

@media screen and (min-width: 1200px) {

  .visible-lg-inline-block {

    display: inline-block !important;

  }

}

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

  .hidden-xs {

    display: none !important;

  }

}

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

  .hidden-sm {

    display: none !important;

  }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

  .hidden-md {

    display: none !important;

  }

}

@media screen and (min-width: 1200px) {

  .hidden-lg {

    display: none !important;

  }

}

.visible-print {

  display: none !important;

}

@media print {

  .visible-print {

    display: block !important;

  }

  table.visible-print {

    display: table;

  }

  tr.visible-print {

    display: table-row !important;

  }

  th.visible-print,

  td.visible-print {

    display: table-cell !important;

  }

}

.visible-print-block {

  display: none !important;

}

@media print {

  .visible-print-block {

    display: block !important;

  }

}

.visible-print-inline {

  display: none !important;

}

@media print {

  .visible-print-inline {

    display: inline !important;

  }

}

.visible-print-inline-block {

  display: none !important;

}

@media print {

  .visible-print-inline-block {

    display: inline-block !important;

  }

}

@media print {

  .hidden-print {

    display: none !important;

  }

}

/*# sourceMappingURL=bootstrap.css.map */

​