body>div.container-fluid{
    background-color: #ffffff;
}
body>div.container-fluid>div.container{
    margin-top: 0px;
}
#content{
    margin-bottom: 20px;
}
h5{
    font-weight: bold;
}
.page-header{
    margin: 0px;
}
.page-header>h3{
    margin-top: 15px;
}
.breadcrumb{
    background-color: #ffffff;
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
}
#breadcrumbs{
    margin-top: -40px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 2px solid #f5f1f0;
}
#breadcrumbs ul{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    border-radius: 0px;
    box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}
#content img{
    border: 1px solid #00aeef;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.partners-table {
    background-color: #ffffff;
    width: 100%;
}
.partners-table td {
    width: 100%;
    padding: 10px 30px 30px 30px !important;
    display: inline-block;
    text-align: center;
}
.partners-table td img {
    border: 0px !important;
    height: auto;
    width: 105px !important;
    max-width: none !important;
}
#top>div>a{
    height: 150px;
    vertical-align: middle;
    display: table-cell;
}
.navbar li{
    display: inline-block;
}
#sidebar-menu li:last-child{
    border: none;
}
#sidebar-menu li>ul{
    padding-inline-start: 20px;
    display: none;
}
#sidebar-menu li.alias-parent-active>ul,#sidebar-menu li.active>ul{
    display: block;
}
#sidebar-menu li.active>a,#sidebar-menu li.alias-parent-active>a,#sidebar-menu li.alias-parent-active>ul>li>a,#sidebar-menu li.active>ul>li>a{
    background: url(/media/templates/site/sonuliba/images/left-menu-dot.png) no-repeat 5px 19px;
}
.pagination{
    width: 100%;
    text-align: center;
    margin-top: 70px;
}
.pagination>ul{
    padding: 0px;
    margin: auto;
}
.pagination li{
    display: inline;
    font-weight: bold;
}
.pagination li>span{
    color: #000000;
    opacity: 0.4;
    background-color: #cdcccc;
    margin: 0px 3px 0px 3px;
    padding: 2px 7px 3px 7px;
    text-decoration: none;
    font-size: 13px;
}
.pagination li>a{
    background-color: #cdcccc;
    color: #ffffff !important;
    margin: 0px 2px 0px 2px;
    padding: 2px 7px 3px 7px;
    text-decoration: none;
    font-size: 13px;
}
.pagination li.pagination-start,.pagination li.pagination-prev,.pagination li.pagination-end,.pagination li.pagination-next{
    font-weight: normal;
}
.pagination li.pagination-start span{
    background-color: #435E82;
}
.pagination li.pagination-start a{
    background-color: #435E82;
}
.pagination li.pagination-prev span{
    background-color: #00adef;
}
.pagination li.pagination-prev a{
    background-color: #00adef;
}
.pagination li.pagination-end span{
    background-color: #435E82;
}
.pagination li.pagination-end a{
    background-color: #435E82;
}
.pagination li.pagination-next span{
    background-color: #00adef;
}
.pagination li.pagination-next a{
    background-color: #00adef;
}
.pagination .counter{
    float: none !important;
    text-align:  center;
}
.pagination li.pagination-start{
    left: 0px !important;
    position: absolute !important;
    margin: -60px 0px 0px 0px !important;
}
.pagination li.pagination-prev{
    left: 0px !important;
    position: absolute !important;
    margin: -35px 0px 0px 0px !important;
}
.pagination li.pagination-end{
    right: 0px !important;
    position: absolute !important;
    margin: -60px 0px 0px 0px !important;
}
.pagination li.pagination-next{
    right: 0px !important;
    position: absolute !important;
    margin: -35px 0px 0px 0px !important;
}
.article-title{
    color: #403634 !important;
}
.article-list-content{
    padding-left: 40px;
}
.article-list-date{
    padding-top: 24px;
    font-size: 15px;
}
.archive-list-date{
    padding-top: 24px;
    padding-left: 40px;
    font-size: 15px;
}
.archive-row{
    border-bottom: 1px solid #00aeef;
}
#header-bottom{
    margin-left: -15px;
    margin-right: -15px;
    box-shadow: none;
}
#img-slider-wrapper{
    position: relative;
}
#img-slider{
    width: 635px;
    height: 331px;
}
#img-slider .owl-item{
    width: 635px;
    height: 331px;
    overflow: hidden;
}
.owl-carousel .owl-item img{
    width: auto;
}
.owl-dots{
    position: relative;
    width: 100px !important;
    height: 40px !important;
    margin-top: -40px;
    margin-left: 30px;
}
.owl-dots>button{
    width: 11px;
    height: 11px;
    margin-right: 11px;
    background-color: #f03c79 !important;
    border: none !important;
    outline: none !important;
}
.owl-dots>button.active{
    background-color: #00aeef !important;
}
.img-slider-frame{
    position: absolute;
    background-color: #f03c79;
    z-index: 1000;
}
#img-slider-frame-top{
    top: 10;
    left: 10;
    width: 500px;
    height: 3px;
}
#img-slider-frame-left{
    top: 10;
    left: 10;
    width: 3px;
    height: 305px;
}
#img-slider-frame-bottom{
    left: 10;
    bottom: 15;
    width: 320px;
    height: 5px;
}
#img-slider-info{
    position: absolute;
    background-color: #00aeef;
    color: #ffffff;
    width: 280px;
    height: 100px;
    top: 231px;
    right: 0px;
    opacity: 0.8;
    text-transform: uppercase;
    font-size: 27px;
    font-weight: bold;
    z-index: 1000;
}
#img-slider-info>span{
    margin-left: 15px;
}
#archive-title{
    padding-right: 20px;
    margin-top: 9px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    letter-spacing: 0.2em;
}
#news-title{
    padding-right: 15px;
    font-size: 25px;
    text-align: right;
}
#archive-title>a,#news-title>a{
    color: #403634;
    text-decoration: none;
}
#mail-welcome input[type="text"]{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    width: 206px;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
}
#mail-welcome input[type="text"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
#mail-welcome select{
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 206px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
}
.responsive-scroll-table{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border-bottom: 1px solid #cbc9c9;
}
.grid-shadow-prev, .grid-shadow-next {
    display: none;
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0px;
    z-index: 10000;
}
.grid-shadow-prev {
    left: 0px;
    box-shadow: inset 5px 0px 10px rgba(0,0,0,0.5);
}
.grid-shadow-next {
    right: 0px;
    box-shadow: inset -5px 0px 10px rgba(0,0,0,0.5);
}
.office_address{
    width: 100%;
    min-width: 530px;
}
.office_address th,.office_address td{
    padding: 5px 5px 5px 10px !important;
}
.office_address th{
    background-color: #cbc9c9;
}
.office_address th:nth-of-type(3),.office_address td:nth-of-type(3){
    width: 70px;
}
.office_address th:nth-of-type(4),.office_address td:nth-of-type(4){
    width: 100px;
}
.deliver_table{
    width: 100%;
}
.dt2_wrap{
    width: 100%;
    border: 1px solid #aaa;
}
.dt2_wrap .dt2{
    border: 16px solid transparent;
}
.deliver_table #agent_id{
    width: 220px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    height: 30px;
    line-height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
}
.deliver_table td{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.deliver_table td>span{
    padding: 5px;
}
.deliver_table input[type="text"]{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    width: 220px;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
}
.deliver_table input[type="text"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.search-results .result-title{
    background-color: #00aeef;
    color: #ffffff;
    padding: 3px 5px 5px 10px;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
}
.search-results .result-title>span{
    background-color: #0066b3;
    color: #ffffff !important;
    padding: 8px 7px 3px 10px;
}
.search-results .result-title>a{
    color: #ffffff !important;
    text-decoration: none;
    padding: 0px 5px 3px 10px;
    font-size: 15px;
    font-weight: normal;
}
.search-results .result-text{
    font-size: 15px;
    margin-bottom: 20px;
}
.search .pagination{
    width: 100%;
    text-align: center;
}
.container-fluid>.container-fluid{
margin-right: -15px;
margin-left: -15px;
}
#strip-wrapper{
position: absolute;
left: 0px;
background: url(/media/templates/site/sonuliba/images/strip.png) 0px 0px;
background-repeat: repeat-x;
float: left;
height: 13px;
width: 100%;
}
#topimg{
width: 100%;
margin: 5px 5px 40px -5px;
}
#blue-left{
position: absolute;
top: -51px;
left: 0px;
height: 51px;
width: 100%;
background-color: #0066b3;
color: #ffffff;
line-height: 51px;
text-align: center;
text-transform: uppercase;
font-size: 13px;
}
#blue-left>div{
position: absolute;
right: 15px;
padding: 9px 10px;
top: 6px;
}
#blue-left>div>.icon-bar{
background-color: #ffffff;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin-top: 4px;
}
.container-fluid>.container{
margin-top: 13px;
}
#sidebar-menu{
background-color: #ffffff;
box-shadow: 0 5px 5px -5px rgba(0,0,0,0.3);
margin-top: 20px;
padding-bottom: 40px;
}
#top-left{
padding-right: 0px;
padding-left: 0px;
}
#top-right{
padding-right: 0px !important;
padding-left: 0px !important;
}
.page-header{
border: none !important;
}
#sidebar-menu ul{
margin-bottom: 10px;
}
#footer{
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
}
#footer-1{
height: 60px;
position: relative;
line-height: 60px;
padding-right: 15px;
padding-left: 15px;
margin-right: -15px;
margin-left: -15px;
margin-top: -20px;
margin-bottom: 0px;
text-align: center;
}
#footer-2{
height: 60px;
position: relative;
line-height: 60px;
background-color: #dfd8d3;
padding-right: 15px;
padding-left: 15px;
margin-right: -15px;
margin-left: -15px;
margin-bottom: -20px;
text-align: center;
}
.search-all{
width: 250px;
border-width: 1px;
border-radius: 3px 3px 3px 3px !important;
margin-top: 10px;
}
#search-account,#other-forms{
display: inline-block;
margin-right: 50px;
vertical-align: top;
}
#other-forms>div{
margin-bottom: 20px;
}
.alert-message {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
#latest-news{
position: relative;
width: 290px;
height: 440px;
overflow: hidden;
margin-bottom: 50px;
}
#latest-news>div{
position: relative;
width: 290px;
height: 660px;
margin: 0;
padding: 0;
}
#latest-news>div>div{
float: left;
}
#latest-news div.latest-date,#latest-news div.latest-content{
display: inline-block;
height: 220px;
}
#latest-news a{
color: #403634;
text-decoration: none;
}
#latest-news div.latest-date{
width: 35px;
vertical-align: top;
padding-top: 7px;
font-size: 14px;
font-weight: bold;
color: #403634;
}
#latest-news div.latest-content{
width: 250px;
padding-left: 5px;
color: #403634;
}
#latest-news div.latest-content>h5{
font-size: 14px;
font-weight: bold;
}
#latest-news div.latest-content>span{
display: inline;
width: 100%;
text-align: left;
}
#top>div>nav{
background-color: transparent;
border-color: transparent;
min-height: auto;
}
#top-menu{
position: fixed;
}
#top>div{
height: auto;
}
#cart>.custom{
position: absolute;
display: table;
bottom: -113px;
right: -5px;
width: 50%;
height: 100px;
}
#cart>.custom>p{
background-color: #0066b3;
margin: 0px;
height: 100px;
line-height: 100px;
vertical-align: middle;
position: relative;
display: table-cell;
}
#cart>.custom img{
max-width: 100%;
height: auto;
}
#blue-center{
display: inline-block;
width: 50%;
height: 100px;
margin-left: -5px;
padding: 25px 0px 0px 20px;
background-color: #00aeef;
color: #ffffff;
font-size: 13px;
}
#search-service label{
display: block;
height: 20px;
width: 100%;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.2em;
line-height: 12px;
margin: 0px 0px 0px 7px;
text-decoration: none;
text-rendering: auto;
text-transform: uppercase;
color: #403634;
font-family: "Futura", Arial, sans-serif !important;
vertical-align: baseline;
text-align: center;
}
#search-service input{
display: inline-block;
height: 22px;
width: 200px;
color: #555555;
background: url(/media/templates/site/sonuliba/images/search.png);
background-position: 6px 3px;
background-repeat: no-repeat;
background-color: #f6f6f6 !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
border: 1px solid #cccccc;
transition: border linear 0.2s, box-shadow linear 0.2s;
border-radius: 20px 20px 20px 20px !important;
padding: 0px 0px 0px 25px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
margin-bottom: 10px;
font-size: 14px;
font-family: "Futura", Arial, sans-serif !important;
line-height: 20px;
}
#search-service input:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
#search-service>div{
font-weight: bold;
font-family: "Futura", Arial, sans-serif !important;
margin-bottom: 5px;
}
#blue-elems{
margin-top: -210px;
margin-bottom: 70px;
}
#dark-blue-center{
display: inline-block;
width: 50%;
height: 100px;
margin-left: -5px;
padding: 15px 0px 0px 20px;
background-color: #0066b3;
color: #ffffff;
font-size: 13px;
vertical-align: top;
}
#blue-center-right{
position: absolute;
display: inline-block;
width: 50%;
height: 100px;
right: -5px;
padding: 5px 0px 0px 20px;
background-color: #00aeef;
color: #ffffff;
font-size: 13px;
margin-top: 0px;
}
#top>div>a{
height: auto;
vertical-align: middle;
display: inline;
}
#top>div>a>img{
height: 50px;
}
#top-logo{
text-align: center;
}
#top-menu,#navbar-collapse{
z-index: 1999;
}
#navbar-collapse{
background-color: #ffffff;
margin-left: -32px;
margin-right: -2px;
background-image: url(/media/templates/site/sonuliba/images/strip.png);
background-position: bottom left;
background-repeat: repeat-x;
background-origin: border-box;
background-size: 100% 13px;
padding: 13px;
}
#navbar-collapse li:last-child{
border: none;
}
#top-left-wrapper{
position: relative;
width: 635px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
#top-left{
display: none;
margin-bottom: 10px;
}
#fake-top{
width: 100%;
height: 65px !important;
z-index: -100;
}
#top-menu .navbar-header{
position: fixed;
top: 0px;
right: 0px;
width: 52px;
height: 52px;
background-color: #ffffff !important;
}
#top-logo {
position: fixed;
background-color: #ffffff;
margin-left: -30px;
margin-right: -30px;
top: 0px;
z-index: 1000;
height: 52px !important;
}
#strip-wrapper{
position: fixed;
top: 52px;
z-index: 1000;
}
@media (min-width: 481px){
.partners-table td {
width: 49%;
}
.deliver_table{
width: 400px;
}
.dt2_wrap{
width: 400px;
}
.deliver_table td{
display: table-cell;
width: auto;
margin-bottom: 0px;
}
.deliver_table td>span{
padding: 0px;
}
}
@media (min-width: 768px){
.container{
width: auto;
}
#content img{
margin: 5px;
}
#top-left{
display: block;
}
#top-menu{
position: relative;
}
#latest-news{
width: 400px;
height: 300px;
}
#latest-news>div{
width: 400px;
height: 450px;
}
#latest-news div.latest-date,#latest-news div.latest-content{
height: 150px;
}
#latest-news div.latest-content{
width: 360px;
}
#navbar-collapse li{
width: auto;
text-align: center;
border: none;
}
#top-logo{
text-align: left;
}
#navbar-collapse{
background-color: transparent;
margin-left: auto;
margin-right: auto;
background-image: none;
padding: 0px;
}
#cart>.custom{
position: relative;
display: block;
bottom: 0px;
right: 0px;
width: auto;
height: 50px;
margin-right: -30px;
}
#cart>.custom>p{
height: 50px;
line-height: 50px;
vertical-align: middle;
position: relative;
display: table-cell;
float: right;
}
#cart>.custom img{
max-width: 100%;
width: auto;
height: 50px;
}
#top-menu>nav{
margin-bottom: 0px;
}
#top-menu>nav ul{
text-align: center;
}
#top-menu>nav ul>li{
float: none;
}
#top-menu>nav ul>li>a{
padding: 12px 10px;
}
#top>div>a{
margin-left: -30px;
}
#blue-elems{
margin-top: -226px;
margin-bottom: 70px;
text-align: center;
position: relative;
}
#dark-blue-center{
width: 33%;
margin-left: 0px;
padding: 25px 20px 0px 20px;
}
#blue-center-right{
position: absolute;
width: 33%;
right: -5px;
padding: 15px 20px 0px 20px;
text-align: right;
}
#fake-top{
display: none;
}
#top-menu .navbar-header{
position: relative;
top: auto;
right: auto;
width: auto;
height: auto;
background-color: #ffffff !important;
}
#top-logo {
position: relative;
background-color: #ffffff;
margin-left: 0px;
margin-right: 0px;
top: auto;
z-index: 1000;
height: 50px !important;
}
#strip-wrapper{
position: absolute;
top: auto;
z-index: 1000;
}
#blue-left{
top: -71px;
height: 71px;
line-height: 71px;
}
#blue-left>div{
display: none;
}
#breadcrumbs{
border-top: none;
}
#sidebar-menu>ul{
display: block;
}
.pagination li.pagination-start{
left: auto !important;
position: relative !important;
margin: 0px 0px 0px 0px !important;
}
.pagination li.pagination-prev{
left: auto !important;
position: relative !important;
margin: 0px 0px 0px 0px !important;
}
.pagination li.pagination-end{
right: auto !important;
position: relative !important;
margin: 0px 0px 0px 0px !important;
}
.pagination li.pagination-next{
right: auto !important;
position: relative !important;
margin: 0px 0px 0px 0px !important;
}
#header-bottom{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#breadcrumbs ul{
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
border-radius: 0px;
box-shadow: none;
}
.partners-table td {
width: 24%;
}
#main-height{
    min-height: 528px;
}
#footer-1{
height: auto;
line-height: normal;
margin-top: auto;
text-align: left;
}
#footer-2{
right: 0px;
position: absolute;
top: -20px;
margin-right: 0px;
margin-left: 0px;
}
}
@media (min-width: 992px){
.container {
width: 970px;
}
#top-left{
padding-right: 15px;
padding-left: 15px;
}
#top>div{
height: 150px;
}
#top>div>a{
height: 150px;
vertical-align: middle;
display: table-cell;
}
#top>div>a>img{
height: auto;
}
#blue-center{
display: inline-block;
width: 150px;
height: 125px;
margin-left: 0px;
}
#blue-elems{
margin-top: 18px;
margin-bottom: 0px;
position: relative;
text-align: left;
}
#dark-blue-center{
width: 150px;
height: 155px;
padding: 45px 0px 0px 20px;
text-align: left;
}
#blue-center-right{
position: relative;
width: 210px;
height: 118px;
margin-top: 20px;
padding: 22px 17px 0px 33px;
right: 0;
text-align: left;
}
#img-slider{
width: 530px;
height: 270px;
}
#img-slider .owl-item{
width: 530px;
height: 270px;
}
#top-left-wrapper{
width: 530px;
}
#img-slider-frame-top{
width: 395px;
}
#img-slider-frame-left{
height: 244px;
}
#img-slider-frame-bottom{
width: 215px;
}
#img-slider-info{
top: 170px;
right: -18px;
}
#search-service{
width: auto;
padding: 30px;
margin-right: 0px;
}
#search-service label{
height: 20px;
width: 150px;
}
#search-service input{
height: 22px;
width: 150px;
color: #555555;
}
#top-menu>nav{
position: absolute;
bottom: 0px;
margin-bottom: 0px;
}
#cart>.custom{
position: absolute;
display: block;
bottom: 0px;
right: 0px;
width: auto;
height: auto;
margin-right: 0px;
}
#cart>.custom>p{
height: auto;
line-height: auto;
vertical-align: middle;
position: relative;
display: table-cell;
float: right;
}
#cart>.custom img{
max-width: 100%;
width: auto;
height: auto;
}
#top-logo {
height: 150px !important;
}
#sidebar-menu a{
width: 155px;
}
}
@media (min-width: 1200px){
.container {
width: 1170px;
}
#top>div>nav{
position: absolute;
bottom: 10px;
margin-bottom: 0px;
}
#img-slider{
width: 635px;
height: 331px;
}
#img-slider .owl-item{
width: 635px;
height: 331px;
}
#top-left-wrapper{
width: 635px;
}
#img-slider-frame-top{
width: 500px;
}
#img-slider-frame-left{
height: 305px;
}
#img-slider-frame-bottom{
width: 320px;
}
#img-slider-info{
top: 231px;
}
#blue-elems{
margin-top: 58px;
}
#dark-blue-center{
height: 185px;
padding: 55px 0px 0px 20px;
}
#blue-center-right{
width: 230px;
height: 143px;
margin-top: 20px;
padding: 33px 17px 0px 43px;
}
#cart>.custom{
left:0px;
right: auto;
}
#img-slider-info{
right: -24px;
}
}