@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,500,400italic,500italic,700,700italic&subset=latin,cyrillic);

@import url(https://fonts.googleapis.com/css?family=Cuprum:400,400italic,700italic,700&subset=latin,cyrillic);

@font-face {

  font-family: 'brandico';

  src: url('../fonts/brandico/font/brandico.eot');

  src: url('../fonts/brandico/font/brandico.eot#iefix') format('embedded-opentype'),

       url('../fonts/brandico/font/brandico.woff') format('woff'),

       url('../fonts/brandico/font/brandico.ttf') format('truetype'),

       url('../fonts/brandico/font/brandico.svg#brandico') format('svg');

  font-weight: normal;

  font-style: normal;

}

span.b{font-weight: bold;}



h1 {font-size: 1.8em !important; font-weight:bold;}

h2 {font-size: 1.7em !important;}

h3 {font-size: 1.6em !important;}

h4 {font-size: 1.5em !important;}

h5 {font-size: 1.4em !important;}

h6 {font-size: 1.3em !important;}



small.copyright {

    margin: 0;

    padding: 5px 0;

    text-align: center;

    background: #f5f5f5;

    border-top: 1px solid #eeeeee;

    color: #555555;

    font-size: 10px;

}



.su-photo-panel-content {

    padding: 10px;

    font-family: Georgia;

    font-size: 14px;

    font-style: italic;

    font-variant: normal;

    font-weight: 400;

    line-height: 16px;

    height: 68px;

    overflow: hidden;

}



.su-photo-panel-2 .su-photo-panel-content{

    padding: 10px;

    font-size: 1.5em;

    line-height: 30px;

    height: 50px;

}



.btn-secondary{

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

    border: 1px solid #F1AC00;

}



.btn{

	     padding: 4px 12px;

    border-radius: 15px;

     font-family: Georgia;

    font-style: italic;

    color:#fff;

}

.btn:hover,

.btn:focus{

    background: #ffca00;

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

}



.article-content {

	text-align: justify;

}



.contact-panel{

	font-weight: 600;

	font-weight: 1.1em;

	

}

.su-file-name > b{

	display: none;

}

.download-doc{

	    border-radius: 6px !important;

    border:3px solid #eeeeee;

        background: #f5f5f5 !important;

}



.btn-small{

	padding: 5px 10px !important;

    font-size: 12px !important;

}

.off-canvas-toggle {

    border-radius: 0;

    border: 0;

    padding: 0;

    width: 46px;

    height: 45px;

    line-height: 46px;

    float: right;

    margin: 2px 5px 2px;

    border: 1px solid #223c5d;

    background: #3a87ad;

    color: #FFF;

}



    /*==========  Mobile First Method  ==========*/



    /* Custom, iPhone Retina */ 

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

  .header-top { padding: 0.5em 0;margin: 0;font-size: 0.8em;line-height: 1.2em; border-bottom: 0.4em solid #eeeeee;}   	

  .header-top .header-top-left { margin: 0.6em -1em 0 -1em;}

   .header-top ul.head-nav{margin: 0 -1.5em;}

  .header-top ul.head-nav li {padding: 0 0.7em;}

  .header-top ul.head-nav li:before{display: none;}

  .logo-text {text-align: center;}

  .logo-text a{font-size: 2.5em;}

  .logo-text .site-slogan { font-size: 1em; padding-bottom: 0.5em;}

 .t3-header {padding-top: 1em; padding-bottom: 1em; background: none;}

  .head-contacts   .top-contacts{ display: block; text-align: right; padding-bottom: 0.5em; font-size: 1.2em;}	

 .navbar-toggle {

    padding: 0 !important;

    height: 46px !important;

    line-height: 46px !important;

    width: 46px !important;

    margin: 2px 5px !important;

    color: #366195 !important;

    float: none !important;

    background-color: #ffca00 !important;

    border: 1px solid #D69B06 !important;

    border-radius: 0 !important;

}

#t3-mainnav .t3-navbar-collapse ul {margin: 1px -15px;}

#t3-mainnav .t3-navbar-collapse ul li{padding:0 }

#t3-mainnav .t3-navbar-collapse ul li:before {display: none;}

#t3-mainnav .t3-navbar-collapse ul li:first-child{border:1px; }

#t3-mainnav .t3-navbar-collapse ul li.active {padding: 0;}

#t3-mainnav .t3-navbar-collapse ul li a{padding: 0; text-align:center;}

#t3-mainnav .t3-navbar-collapse ul li.active a,

#t3-mainnav .t3-navbar-collapse ul li.active a 

#t3-mainnav .t3-navbar-collapse ul li.active a:hover,

#t3-mainnav .t3-navbar-collapse ul li.active a:focus,

#t3-mainnav .t3-navbar-collapse ul li a:hover,

#t3-mainnav .t3-navbar-collapse ul li a:focus{

	-webkit-border-radius:0;

    -moz-border-radius: 0;

    border-radius: 0;

    background: #ffca00;

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

   color: #fff;

} 

.su-photo-panel-content {

    padding: 0.5em;

    font-size: 1em;

    line-height: 1.1em;

    height: 5em;

}



#Mod127 ul.nav-stacked > li {

    float: none;

    background-color: #fff;

    border: 1px solid transparent;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);

    box-shadow: 0 1px 1px rgba(0,0,0,0.05);

    border-color: #ddd;

    font-family: "Cuprum";

    l    letter-spacing: 0.15em;

    text-transform: uppercase;

    font-weight: 300;

}



#Mod127 ul.nav-stacked > li a {

    color: #366195;

    text-decoration: none;

    position: relative;

    display: block;

    padding: 8px 5px 6px 10px;

    font-size: 0.8em;

    line-height: 1.1em;

    color: #366195;

    text-shadow: 1px 1px 2px #fff;

    background-image: -webkit-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);

    background-image: linear-gradient(to bottom,#ffffff 0%,#f4f4f4 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff4f4f4',GradientType=0);

    border-radius:0;

}

#Mod127 ul.nav-stacked > li a:hover,

#Mod127 ul.nav-stacked > li a:focus,

#Mod127 ul.nav-stacked > li.active a,

#Mod127 ul.nav-stacked > li.active a:hover,

#Mod127 ul.nav-stacked > li.active a:focus{

	color: #fff;

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

    background: #ffca00;

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca00', endColorstr='#fcb400', GradientType=0);

}



















/* Horizontal gutter */

.su-row:not(.su-row-preserve) {

  margin-left: -10px;

}

.su-row > * {

  padding-left: 20px;

}



  

    }













    /* Extra Small Devices, Phones */ 

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

  	.t3-header{background:none; height:110px;}

  .logo-text a{font-size: 3.5em;}

  .logo-text .site-slogan { font-size: 1.5em; padding-bottom: 1em;}

  .head-contacts   .top-contacts{ display: block; text-align: right; padding-bottom: 0.5em; font-size: 2em;}



   .navbar-toggle{

    padding: 0 !important;

    height: 46px !important;

    line-height: 46px !important;

    width: 46px !important;

    margin: 2px 5px !important;

    color: #366195 !important;

    float: none !important;

    background-color: #ffca00 !important;

    border: 1px solid #D69B06 !important;

    border-radius: 0 !important;

}

#t3-mainnav .t3-navbar-collapse ul {margin: 1px -15px;}

#t3-mainnav .t3-navbar-collapse ul li{padding:0 }

#t3-mainnav .t3-navbar-collapse ul li:before {display: none;}

#t3-mainnav .t3-navbar-collapse ul li:first-child{border:1px; }

#t3-mainnav .t3-navbar-collapse ul li.active {padding: 0;}

#t3-mainnav .t3-navbar-collapse ul li a{padding: 0; text-align:center;}

#t3-mainnav .t3-navbar-collapse ul li.active a,

#t3-mainnav .t3-navbar-collapse ul li.active a 

#t3-mainnav .t3-navbar-collapse ul li.active a:hover,

#t3-mainnav .t3-navbar-collapse ul li.active a:focus,

#t3-mainnav .t3-navbar-collapse ul li a:hover,

#t3-mainnav .t3-navbar-collapse ul li a:focus{

	-webkit-border-radius:0;

    -moz-border-radius: 0;

    border-radius: 0;

    background: #ffca00;

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

   color: #fff;

}

    }









    /* Small Devices, Tablets */

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



.logo-text {text-align: left;}

  .logo-text a{font-size: 2.5em;}

  .logo-text .site-slogan { font-size: 1.1em; padding-bottom: 0;}

  .head-contacts   .top-contacts{ display: block; text-align: right; padding-bottom: 0.5em; font-size: 1em;}



   .navbar-toggle {

    padding: 0 !important;

    height: 46px !important;

    line-height: 46px !important;

    width: 46px !important;

    margin: 2px 5px !important;

    color: #366195 !important;

    float: none !important;

    background-color: #ffca00 !important;

    border: 1px solid #D69B06 !important;

    border-radius: 0 !important;

}

#t3-mainnav .t3-navbar-collapse{margin: 0;}

#t3-mainnav .t3-navbar-collapse ul {margin: 0;}

#t3-mainnav .t3-navbar-collapse ul li{padding:0 }

#t3-mainnav .t3-navbar-collapse ul li:before {display: none;}

#t3-mainnav .t3-navbar-collapse ul li:first-child{border:1px; }

#t3-mainnav .t3-navbar-collapse ul li.active {padding: 0;}

#t3-mainnav .t3-navbar-collapse ul li a{padding: 0; text-align:center;}

#t3-mainnav .t3-navbar-collapse ul li.active a,

#t3-mainnav .t3-navbar-collapse ul li.active a 

#t3-mainnav .t3-navbar-collapse ul li.active a:hover,

#t3-mainnav .t3-navbar-collapse ul li.active a:focus,

#t3-mainnav .t3-navbar-collapse ul li a:hover,

#t3-mainnav .t3-navbar-collapse ul li a:focus{

	-webkit-border-radius:0;

    -moz-border-radius: 0;

    border-radius: 0;

    background: #ffca00;

    background: -moz-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: -webkit-linear-gradient(top, #ffca00 0%, #fcb400 100%);

    background: linear-gradient(to bottom, #ffca00 0%, #fcb400 100%);

   color: #fff;

}    

#Mod95, #Mod105{display:none;}

.t3-navbar.navbar-collapse.collapse {padding: 0;}

#t3-mainnav ul li a{padding: 0 5px; letter-spacing:0;}



#Mod127ul.nav-stacked > li {

    float: none;

    background-color: #fff;

    border: 1px solid transparent;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);

    box-shadow: 0 1px 1px rgba(0,0,0,0.05);

    border-color: #ddd;

    font-family: "Cuprum";

    l    letter-spacing: 0.15em;

    text-transform: uppercase;

    font-weight: 300;

}



#Mod127 ul.nav-stacked > li a {

    color: #366195;

    text-decoration: none;

    position: relative;

    display: block;

    padding: 8px 5px 6px 10px;

    font-size: 0.8em;

    line-height: 1.1em;

    color: #366195;

    text-shadow: 1px 1px 2px #fff;

    background-image: -webkit-linear-gradient(top,#ffffff 0%,#f4f4f4 100%);

    background-image: linear-gradient(to bottom,#ffffff 0%,#f4f4f4 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff4f4f4',GradientType=0);

}









    }





















    /* Medium Devices, Desktops */

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

.logo{text-align:left;}

#t3-mainnav ul li a{padding: 0 10px; letter-spacing:0;}

    }



    /* Large Devices, Wide Screens */

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

    	.logo-text{text-align:left;}

    	.t3-header { padding-top: 1em; padding-bottom: 0.5em;height: 122px;background: url(../images/head.png) no-repeat 50%;}

    	span.top-contacts{text-align: right; display: block;padding-top: 0.5em; font-size: 1.1em;	}

   

   

#t3-mainnav ul li a{padding: 0 1em; letter-spacing:0.1em;}

   

   

   

   

   

    }







    /*==========  Non-Mobile First Method  ==========*/



    /* Large Devices, Wide Screens */

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

    }



    /* Medium Devices, Desktops */

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

    }



    /* Small Devices, Tablets */

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



    }



    /* Extra Small Devices, Phones */ 

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



    }



    /* Custom, iPhone Retina */ 

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

        

    }