/* GOOGLE FONTS */
@import url(https://fonts.googleapis.com/css?family=Metrophobic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,300italic,400italic,600,600italic,800,800italic&subset=latin,latin-ext);

@font-face {
    font-family: 'benderregular';
    src: url('../fonts/bender-webfont.eot');
    src: url('../fonts/bender-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bender-webfont.woff2') format('woff2'),
        url('../fonts/bender-webfont.woff') format('woff'),
        url('../fonts/bender-webfont.ttf') format('truetype'),
        url('../fonts/bender-webfont.svg#benderregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#231f20;}
::-moz-selection{ background:#888888!important; color:#231f20;}

a{ color:#c1883a; text-decoration: underline; outline:none}
a:hover{ color:#acacac; text-decoration: none; outline:none}

body{ border:0; font: 16px 'Raleway', Arial, Helvetica, sans-serif; color:#231f20; line-height:1.375; min-width:320px;}

.container { position: relative; min-width: 320px;}

#main{margin: 0 auto; position: relative; overflow: hidden;}

/* Page Animated item Styles */
.animated {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

/* ============================= header ====================== */
#top1{width: 100%; position: fixed; left: 0; top: 0; z-index: 99; min-width: 320px;}

.top1_wrapper{background: #000d1e; text-align: right;}

.call1{vertical-align: top; display: inline-block; font-size: 15px; color: #bec3c8; line-height: 20px; padding: 7px 25px 8px; border-left: 1px solid #2e3947; border-right: 1px solid #2e3947; margin-right: 25px;}
.call1 span{color: #fff;}

.social_txt{vertical-align: top; display: inline-block; font-size: 15px; line-height: 20px; color: #bec3c8; padding-top: 7px; padding-bottom: 8px; padding-right: 15px;}


.social_wrapper{vertical-align: top; display: inline-block; padding-top: 7px; padding-bottom: 8px;}
.social{ display: block; margin: 0; padding: 0px 0; list-style: none;}
.social li{display: inline-block; margin: 4px 0 0 30px;float: left;}
.social li:first-child{margin-left: 0;}
.social li a{display: block; text-decoration: none; font-size: 25px; color: #c1883a; line-height: 30px; text-align: center;
             transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social li a:hover{color: #8f9397; font-size: 27px;}


.blog_wrapper {
    width: 50%;
}
.blog_container {
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
}
.blog_container iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

 .social_container { position: relative;
                    float: left;
                    height: 100%;
                    width: 100%;
                    padding: 0px 0px 0px 0px; 
                    background: url(../images/political_capital_shadow01.png) center bottom no-repeat #fff;
                    background-size: 100% 15px;
                    padding-bottom: 15px;
}
#facebook_container { position: relative; margin: auto;}

.about_container { position: relative; float: left; width: 100%; padding: 15px 0px 30px 0px; 
                    background: url(../images/political_capital_shadow01.png) center bottom no-repeat #fff;
                    background-size: 100% 15px;
}

.about_img { width: 120px!important; }

.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; } 
._2lqg { border:none !important; }

.top2_wrapper{
    background: #fff; border-bottom: 3px #c1883a solid;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.headerbar-small .top2_wrapper{ background: rgba(255, 255, 255, 0.9); border-bottom: 2px #c1883a solid; }


.top2{position: relative;}

header{position: absolute; left: 0; top: 5px; }

header img{height: 55px;
           transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.headerbar-small header img{width: 180px;}

.logo_wrapper { position: relative; float: left; z-index: 32; }

.logout_button { font-size: 18px !important; }

.lang_form { position: relative; float: left; margin-left: 10px; }
.first{ margin-left: 55px; }
.lang_form button { display: block; text-decoration: none; background: none; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; color: #231f20; text-shadow:none; padding: 20px 0 20px; border: none; margin: 0; text-align: center; position: relative; z-index: 2; text-transform: uppercase;
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
.lang_form button:hover { color: #acacac; }
.headerbar-small .lang_form button { font-size: 12px; padding: 11px 0 11px; }
.sidebar{}


/* ============================= content ====================== */
#header{position: relative; overflow: hidden;  background: #0378ae; background: -moz-linear-gradient(45deg,  #0378ae 0%, #062c5f 100%); background: -webkit-linear-gradient(45deg,  #0378ae 0%,#062c5f 100%); background: linear-gradient(45deg,  #0378ae 0%,#062c5f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0378ae', endColorstr='#062c5f',GradientType=1 );}
#header .container{position: static;}
.container_shadow {
    padding-top: 40px;
    padding-bottom: 50px;
    background: #fff url(../images/political_capital_shadow01.png) center bottom no-repeat;
    background-size: 100% 15px;
}



.header_wrapper{position: relative; font-size: 48px; text-transform: uppercase; color: #fff; padding-top: 250px; padding-bottom: 70px;}

.newparallax{position: absolute; right: 0; top: 110px;}

.page_title{position: relative; z-index: 2;}

.breadcrumbs1_wrapper{position: relative; margin-top: 0px; padding-bottom: 0px; background: #062c5f;}
.breadcrumbs1{padding: 10px 0px; margin-top: 0px; font-weight: 400; line-height: 20px; color: #fff;font-size: 14px; font-family: 'Raleway', sans-serif;; float: left;}
.breadcrumbs1 a{color: #fff; text-decoration: none;}
.breadcrumbs1 a:hover{color: #c3c3c3; text-decoration: underline;}
.breadcrumbs1 span{display: inline-block; width: 5px; height: 8px; background: url(../images/breadcrumbs1.png) 0 0 no-repeat; margin: 0 15px;}

.repair_button{float: right;}



#content{position: relative; padding-top: 50px; padding-bottom: 50px; }





#home{position: relative; z-index: 0; padding-top: 85px; padding-bottom: 20px; }

.owl-carousel .img{}
.owl-carousel .img img{}
.owl-carousel .txt{ padding-top: 25px; padding-left: 5px; line-height: 1.1; }
.owl-carousel .txt img{ position: relative; float: left; width: 300px; margin-right: 15px; }
.owl-carousel .txt .txt2{font-size: 26px; text-transform: uppercase; color: #231f20; padding-bottom: 8px;}
.owl-carousel .txt .txt3{font-size: 19px; color: #c1883a;}
.owl-carousel .txt .txt4{padding-top: 18px;}

.owl-carousel .txt2{ padding-top: 5px; line-height: 1.1; padding-right: 5px;}
.owl-carousel .txt2 .txt2{font-size: 18px; color: #231f20; margin-bottom: 20px;}
.owl-carousel .txt2 .txt3{font-size: 16px; color: #c1883a;}


.owl-carousel .owl-wrapper-outer{height: auto; z-index: 5;}

.slide_img { position: relative; float: left; width: 315px; }
.slide_text { position: relative; float: left; width: 400px; }


.item {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff url(../images/political_capital_shadow01.png) center bottom no-repeat;
    background-size: 100% 15px;
    min-height: 395px;
}
.item_border { border-left: 1px solid #c1883a; padding-bottom: 15px; }

#home2{position: relative; padding-bottom: 0px;}

.not-front #home2{position: relative; padding-bottom: 30px; padding-top: 70px; }

#more1{position: relative; padding-top: 50px; padding-bottom: 90px; background: #f1f1f1; text-align: center;}

#more2{position: relative; padding-bottom: 50px;}

.icons{position: relative;}

.icon1{padding-bottom: 30px;}
.icon1 a{display: block; color: #000d1e; text-decoration: none;}
.icon1 a figure{width: 165px; height: 165px; background: url(../images/kv1.png) center center no-repeat;margin-left: auto; margin-right: auto; position: relative;
                transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.icon1 a:hover figure{margin-bottom: -20px; margin-top: 20px;}
.icon1 a figure img{display: block;margin-left: auto; margin-right: auto; padding-top: 38px;}
.icon1 a .caption{text-align: center; position: relative;}
.icon1 a .caption .txt1{font-size: 24px; color: #000d1e;}
.icon1 a .caption .txt2{color: #47586e;}

#services{position: relative;}
.red{background: #fff; text-align: center; padding: 0; color: #231f20;}

#start{position: relative; padding: 30px 0;}

/* ============================= banner ====================== */
#banner_wrapper{ position: relative; padding-top: 10px; padding-bottom: 20px;}

#banner_inner{}

#banner{position: relative;padding-top: 0px; padding-bottom: 0px;}

.banner_prev{display: block; width: 20px; height: 38px; position: absolute; left: -15px; top: 50%; margin-top: -20px; z-index: 10;}
.banner_prev span{display: block; width: 20px; height: 38px; background: url(../images/prev2.png) left top no-repeat;}
.banner_prev span:hover{background-position: bottom;}

.banner_next{display: block; width: 20px; height: 38px; position: absolute; right: -15px; top: 50%; margin-top: -20px;z-index: 10;}
.banner_next span{display: block; width: 20px; height: 38px; background: url(../images/next2.png) left top no-repeat;}
.banner_next span:hover{background-position: bottom;}

#banner .carousel-box{position: relative;}
#banner .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;}
#banner .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -30px; }
#banner .caroufredsel_wrapper{padding: 0; margin: 0;}
#banner .caroufredsel_wrapper ul{padding: 0; margin: 0;}
#banner .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:30px }

.banner{}
.banner .banner_inner{padding: 6px;}
.banner .banner_inner a{display: block; text-decoration: none; position: relative; background: none; padding: 35px 5px; text-align: left;
                        transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banner .banner_inner a:hover{ background: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.banner .banner_inner a figure{margin: 0; padding: 0px; position: relative; border: none; padding: 0px; background: none;
                               transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banner .banner_inner a:hover figure{background: none; }
.banner .banner_inner a figure img{margin-left: auto; margin-right: auto;}
.banner .banner_inner a figure em{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: none; opacity: 0; filter: alpha(opacity=0);
                                  transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banner .banner_inner a:hover figure em{opacity: 1; filter: alpha(opacity=100);}
.banner .banner_inner a .caption{color: #67696c; font-size: 20px; text-align: center; padding-top: 20px;
                                 transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.banner .banner_inner a:hover .caption{color: #dd3e3e;}

/* ============================= banner end ====================== */

#about{position: relative; padding-top: 50px; padding-bottom: 80px; text-align: center;}

.about_wrapper{padding-top: 30px; padding-bottom: 40px;}

.numbers1{position: relative; margin-bottom: 30px; }
.numbers1 .txt1{font-size: 50px; padding-bottom: 0px;}
.numbers1 .txt2{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;}


#partners{position: relative; padding-top: 50px; padding-bottom: 50px;}

#links{position: relative; padding-top: 50px; padding-bottom: 60px; background: #f1f1f1;}

#consultation{position: relative; padding-top: 30px; padding-bottom: 30px; background: #dd3e3e; text-align: center; font-size: 40px; color: #fff;}

#contacts{position: relative; padding-top: 30px; padding-bottom: 60px;}

#google_map{position: relative; width: 100%; height: 300px;}


/* ============================= Bejegyzés stílusok ====================== */

.border01 { border-color: #c1883a; border-style: solid; }
.border02 { border-color: #000; border-style: solid; }
.border03 { border-color: #acacac; border-style: solid; }

.img-left { float: left!important; position: relative; margin: 5px 15px 15px 0px !important; }
.img-right { float: right!important; position: relative; margin: 5px 0px 15px 15px !important; }
.img-center { display: block; margin: 20px auto 20px auto; }


/* ============================= footer ====================== */
.bot1{
    background:  #d2d3d5 url(../images/political_capital_shadow02.png) center top no-repeat;
    background-size: 100% 15px;
    padding-top: 20px; padding-bottom: 50px; color: #231f20;}
.bot1 a{color: #231f20;}
.bot1_block{border-bottom: 1px solid #231f20; padding-bottom: 15px;}
.bot1_title{margin-top: 30px; text-transform: uppercase; color: #231f20; padding-bottom: 15px; font-size: 20px;}

.logo2_wrapper{margin-top: 30px;}

.copyright{padding-top: 30px; font-size: 14px;}
.copyright span{color: #445a77; padding-left: 15px; padding-right: 15px;}




/* ============================= parallax ====================== */
.parallax {width: 100%; position: relative; overflow: hidden; background: none; padding-top: 100px; padding-bottom: 100px; }
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax .container { }






.bg1 { background-image: url(../images/parallax1.jpg); }

.bg2 { background-image: url(../images/parallax2.jpg); }




#parallax1{padding-top: 120px; padding-bottom: 90px; text-align: center; color: #231f20;}
#parallax1 .txt1{font-size: 40px; padding-bottom: 15px;}

#parallax2{padding-top: 130px; padding-bottom: 130px; text-align: center; color: #fff; text-align: center;}














/* ============================= main menu ====================== */
.navbar_ { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: right;}
.navbar_ .navbar-toggle { background: #c1883a; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 21px; margin-bottom: 20px; margin-right: 5px;}
.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: #231f20;}
.headerbar-small .navbar_ .navbar-toggle { margin-top: 11px; margin-bottom: 10px; }
.navbar_ .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_ .nav{position: relative; margin: 0; padding: 0; display: block; float: none;}
.navbar_ .nav > li{position: relative; display: block; float: left; white-space: nowrap; background: none; margin-left: 12px;}
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; color: #231f20; text-shadow:none; padding: 24px 0 24px; border: none; margin: 0; text-align: center; position: relative; z-index: 2; text-transform: uppercase;
                       transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.navbar_ .nav > li > b{display: block; text-decoration: none; background: none; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; line-height: 20px; color: #231f20; text-shadow:none; padding: 24px 0 24px; border: none; margin: 0; text-align: center; position: relative; z-index: 2; text-transform: uppercase;
                       transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.navbar_ .nav > li > a em{display: inline-block; width: 11px; height: 7px; background: url(../images/caret.png) center center no-repeat; margin-left: 5px; vertical-align: top; margin-top: 8px;}

.headerbar-small .navbar_ .nav > li > a{padding: 15px 0 15px; font-size: 14px;}

.navbar_ .nav > li > a:focus{color: #acacac; text-decoration: none; font-weight: 600; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background: none;}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #acacac; text-decoration: none; font-weight: 300; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background: none;}

.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #c1883a; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background: none;}






.sub-menu ul{ position: absolute; display: none; left: -15px; top: 100%; list-style: none; zoom: 1; z-index: 1; margin: 0; padding:0; background: #fff; text-align: left; border: none; border-bottom: 1px solid #d3d3d3;
              -webkit-box-shadow: 2px 2px 4px 0px rgba(71,71,71,0.1);
              -moz-box-shadow: 2px 2px 4px 0px rgba(71,71,71,0.1);
              box-shadow: 2px 2px 4px 0px rgba(71,71,71,0.1);
}
.sub-menu li{ margin: 0; position: relative; zoom: 1; display: block; border-top: 1px solid #d3d3d3;}
.sub-menu li:first-child{border-top: none;}
.sub-menu li a{display: block; position: relative; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; line-height: 30px; color: #231f20; text-decoration: none; padding: 0 30px 0 15px; background: none;
               transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ text-decoration: none; color: #acacac;}




.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; top: -1px; margin-left: 0px; background: #568919;}




/* ============================= search-form ====================== */
.search-form-wrapper{padding-top: 50px; float: right; width: 270px;}
.navbar-form { float: none; position:relative; z-index: 11; margin:0px 0px 0 0 ; padding: 0; position: relative;}
.navbar-form:before{content: ''; display: inline-block; width: 1px; height: 4px; background: #4d4d4d; position: absolute; left: 0; bottom: 1px;}
.navbar-form:after{content: ''; display: inline-block; width: 1px; height: 4px; background: #4d4d4d; position: absolute; right: 0; bottom: 1px;}
.navbar-form input {outline: none; width: 100%; height: auto; font-size: 14px; line-height: 20px; color:#575757; background: none; border: none; border-bottom: 1px solid #4d4d4d; margin: 0; padding: 5px 75px 5px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;}
.navbar-form input:focus {color: #fff; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; background: none; position:absolute; right:10px; bottom: 1px; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; line-height: 30px;text-align: center;}
.navbar-form a:hover { background: none; color: #ef1165;}

/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }


/* ============================= main layout ====================== */
.title1{font-family: 'Raleway', sans-serif;; font-size: 22px; line-height: 1.1; font-weight: 400; color: #fff; text-align: center; padding-bottom: 15px;}

.title2{font-family: 'Raleway', sans-serif;; font-size: 22px; line-height: 1.1; font-weight: 400; color: #3c4653; text-align: center; padding-bottom: 15px;}

.title3{font-family: 'Raleway', sans-serif;; font-size: 20px; line-height: 1.1; font-weight: 400; color: #3c4653; text-align: left; padding-bottom: 15px;}

.title4{font-family: 'Raleway', sans-serif;; font-size: 22px; line-height: 1.1; font-weight: 400; color: #3c4653; text-align: left; padding-bottom: 15px;}

.title5{font-family: 'Raleway', sans-serif;; font-size: 18px; line-height: 1.1; font-weight: 400; color: #c1883a; text-align: left; padding-bottom: 15px;}

.left {float: left;}
.right {float: right;}

figure.align-left {
    float: left;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
}

.right-15 { margin-right: 15px; }

h1{display: block; font-family: 'Raleway', sans-serif; font-weight:400; font-size:40px; color:#c1883a; line-height:1.1; padding:30px 0 20px 0; margin: 0 0 20px; position: relative; text-align: center;}
h1:after{content: ''; display: block; width: 225px; height: 1px; background: #c1883a; position: absolute; left: 50%; margin-left: -112px; bottom: 0;}

.h1{display: block; font-family: 'Raleway', sans-serif; font-weight:400; font-size:26px; color:#c1883a; line-height:1.1; padding:23px 0 15px 0; margin: 0 0 20px; position: relative; text-align: center;}
.h1:after{content: ''; display: block; width: 225px; height: 1px; background: #c1883a; position: absolute; left: 50%; margin-left: -112px; bottom: 0;}

h2{display: block; font-family: 'Raleway', sans-serif; font-weight:600; font-size:33px; color:#231f20; line-height:1.1; padding:30px 0 20px 0; margin: 0 0 20px; position: relative; text-align: center;}
h2:after{content: ''; display: block; width: 225px; height: 1px; background: #c1883a; position: absolute; left: 50%; margin-left: -112px; bottom: 0;}
h2 a{color:#231f20; text-decoration: none;
     transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
h2 a:hover{color:#c1883a;}

h3{ display: block; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 24px; color:#231f20; line-height:1.1; padding:5px 0 10px 0; }

h4{ display: block; font-family: 'Raleway', sans-serif; font-weight:600; font-size: 20px; color:#231f20!important; line-height:1.3; padding: 5px 0 10px 0; }

h5{ display: block; font-family: 'Raleway', sans-serif; font-weight:400; font-size: 18px; color:#c1883a; line-height:1.1; padding:5px 0 10px 0; }

.img-responsive-old{display: block; max-width: 100%; height: auto;}

.img-responsive{width: auto \9;}

.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.padding-top10 { padding-top: 10px; }

.mbottom15 { margin-bottom: 15px; }

/* === */
.ul1{ padding: 0; margin: 0; list-style: none;}
.ul1 > li{font-size: 15px; color: #4e82c7;}
.ul1 > li a{color:#4e82c7; text-decoration: none; display: block; padding: 7px 0px 7px 22px; background: url(../images/li_st1.png) left center no-repeat;}
.ul1 > li a:hover{color:#77a7e7; text-decoration: underline;background: url(../images/li_st1_over.png) left center no-repeat;}

.links_block{padding-bottom: 40px;}

.phone_ic{font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 700; padding-bottom: 5px;}
.phone_ic i{float: left; padding-right: 10px; color: #6a7c94; font-size: 14px; line-height: 20px;}
.phone_ic span{display: table;}
.email_ic{font-size: 16px; line-height: 20px; padding-bottom: 0px;}
.email_ic i{float: left; padding-right: 10px; color: #6a7c94; font-size: 14px; line-height: 20px;}
.email_ic span{display: table;}

.ul2{ padding: 0; margin: 0; list-style: none; background: #f1f1f1; border: 1px solid #dfdfdf;}
.ul2 > li{display: block; border-top: 1px solid #dfdfdf;}
.ul2 > li:first-child{border-top: none;}
.ul2 > li a{display: block; color: #4e82c7; padding: 8px 16px; text-decoration: none;}
.ul2 > li a:hover{background: #f7f7f7; color: #77a7e7;}



/*-----btn-----*/
.btn-default.btn0{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #c1883a; border: none; font-size: 15px; line-height: 18px; font-weight: 400; padding: 8px 17px; text-decoration: none; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 15px; margin-bottom: 0px; background: #fff; position: relative;
                   transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn0:hover{color: #231f20; border: #231f20 solid 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.btn-default.btn01{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #c1883a; border: none; font-size: 15px; line-height: 18px; font-weight: 400; padding: 9px 14px; text-decoration: none; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin: 0px 10px; margin-bottom: 0px; background: #fff; position: relative;
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn01:hover{color: #231f20; border: #231f20 solid 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }


.btn-default.btn1{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #4e83c8; border: none; font-size: 22px; line-height: 1; font-weight: 400; padding: 5px; text-decoration: underline; background: none;}
.btn-default.btn1:hover{color: #231f20; text-decoration: none; background: none;}

.btn-default.btn2{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #e7ebee; border: none; font-size: 15px; line-height: 20px; font-weight: 400; padding: 10px 20px; text-decoration: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 0px; margin-bottom: 0px; background: #dd3e3e; position: relative; text-transform: uppercase;}
.btn-default.btn2:hover{color: #fff; background: #ff4444;}


.btn-default.btn3{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #acacac; border: none; font-size: 13px; line-height: 17px; font-weight: 400; padding: 5px 13px; text-decoration: none; border: #acacac solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 15px; margin-bottom: 0px; background: #fff; position: relative;
                   transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.btn-default.btn3:hover{color: #231f20; border: #231f20 solid 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }








/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 5px; background: none; border: 1px solid #cfcfcf;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}

.thumbnail .caption{padding: 0; color: inherit;}

.thumb0 {padding-bottom: 2px; padding-left: 2px; padding-right: 2px; float: left; width: 25%;}
.thumb0.last {margin-bottom: 0px;}
.thumb0 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb0 a{display: block; text-decoration: none;position: relative; overflow: hidden;}
.thumb0 a figure{margin: 0; float: none; margin:0;position: relative; height: 220px; overflow: hidden; border: 1px solid #c1883a;}
.thumb0 a figure em{display: block; width: 100%; height: 100%; background: rgba(193, 136, 58, 0.41) url(../images/photo1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 20;opacity: 0; filter: alpha(opacity=0);
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb0 a:hover figure em{opacity: 1; filter: alpha(opacity=100);}
.thumb0 a figure img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 400px; }
.thumb0 a figure .over{position: absolute; left: 0; top: 0; position: absolute; width: 100%; opacity: 0; filter: alpha(opacity=0);
                       transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb0 a:hover figure .over{opacity: 1; filter: alpha(opacity=100);}
.thumb0 a .caption{text-align: left; background: #000d1e; background: rgba(193, 136, 58, 0.8); padding: 10px 15px; text-decoration: none; font-size: 14px; color: #fff; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; opacity: 1; filter: alpha(opacity=100);
                   transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb0 a:hover .caption{bottom: -150px;opacity: 0; filter: alpha(opacity=0);}

.thumb1 {margin-bottom: 30px; margin-top: 0px;}
.thumb1.last {margin-bottom: 0px;}
.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb1 a{display: block; text-decoration: none;position: relative; overflow: hidden;}
.thumb1 a figure{margin: 0; float: none; margin:0;position: relative;}
.thumb1 a figure img{margin-left: auto; margin-right: auto; position: relative;opacity: 1; filter: alpha(opacity=50);
                     transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb1 a:hover figure img{opacity: 0.5; filter: alpha(opacity=50);}
.thumb1 a .caption{text-align: center; font-size: 20px; background: #fff; padding: 10px 15px; text-decoration: underline; color: #c1883a; position: relative; float:bottom; height: 80px; width: 100%; text-decoration: none;
                   transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb1 a:hover .caption{color: #231f20;}

.thumb2 {margin-bottom: 0px; margin-top: 0px;}
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;}
.thumb2 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb2 figure img{width: auto;}
.thumb2 .caption{}




.box01 { margin:15px 0px; height:auto; text-align: center;}
.box01 .box_top { position: relative; background-color: #d2d3d5; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 15px 20px 0px 20px; height:245px; }
.box01 .box_top .box_description {position: absolute; top: 0px; left: 0px; width: 100%; height: 245px; background-color: rgba(0, 0, 0, 0.5); color:#fff; opacity: 0; filter: Alpha(Opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
.box01 .box_top .box_description .desc_text {position: absolute; width: 100%; bottom: 15px; padding: 0px 15px;}
.box01:hover .box_top .box_description {opacity: 0.75; filter: Alpha(Opacity=75);}
.box01 .box_bottom { background: #edeeef; padding: 0px 20px 15px 20px; height:170px }
.box01 .title4{font-family: 'Raleway', sans-serif;; font-size: 20px; text-align: center; line-height: 1.1; font-weight: 600; color: #231f20; padding-bottom: 15px; padding-top: 25px;}
.box01 .box01_button{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #4a2f19; border: none; font-size: 15px; line-height: 18px; font-weight: 400; padding: 8px 17px; text-decoration: none; background: #fff; border: #4a2f19 solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 15px; margin-bottom: 0px; position: relative;
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.box01 .box01_button:hover{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #231f20; border: #231f20 solid 1px; }


.box02 { margin:15px 0px; height:auto; }
.box02 .box_top { background: #d2d3d5; height:245px; overflow: hidden; }
.youtube_img {margin-top: -4%;}
.box02 .box_bottom { background: #edeeef; padding: 0px 20px 15px 20px; height:65px }
.box02 .box01_button{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #c1883a; border: none; font-size: 15px; line-height: 18px; font-weight: 400; padding: 8px 17px; text-decoration: none; background: #fff; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 15px; margin-bottom: 0px; position: relative;
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.box02 .box01_button:hover{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #231f20; border: #231f20 solid 1px; }


.box03 { margin:15px 0px; height:auto; }
.box03 .box_top { background: #edeeef; padding: 15px 20px 0px 20px; height:245px }
.box03 .box_bottom { background: #d2d3d5; padding: 0px 20px 15px 20px; height:65px }
.box03 .title4{font-family: 'Raleway', sans-serif;; font-size: 22px; line-height: 1.1; font-weight: 400; color: #231f20; text-align: left; padding-bottom: 15px;}
.box03 .box01_button{ font-family: 'Raleway', sans-serif;; display: inline-block; color: #c1883a; border: none; font-size: 15px; line-height: 18px; font-weight: 400; padding: 8px 17px; text-decoration: none; background: #fff; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top: 15px; margin-bottom: 0px; position: relative;
                    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.box03 .box01_button:hover{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #231f20; border: #231f20 solid 1px; }

.wrapp {white-space: normal!important;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*================= queryLoader =========================*/
#load {width: 100%;height: 100%;position: fixed;overflow: hidden;z-index: 1001;	background-color: #fff;}
#qLoverlay{background: #fff!important;}
#qLbar{background: #062c5f!important;}
#qLpercentage{color: #062c5f!important; font-family: 'Raleway', sans-serif;; font-weight: 400; font-size: 40px!important; line-height: 1;}


#mc-embedded-subscribe-form input{float:left; height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #838383; background: #fff;border: 1px solid #dadada;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-style: italic;}
#mc-embedded-subscribe-form input:focus{border-color: #95accc; color: #000d1e;}
#mc-embedded-subscribe-form .clear {float:left;}
#mc-embedded-subscribe-form .button {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    color: #c1883a;
    border: none;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    padding: 9px 14px;
    text-decoration: none;
    border: #c1883a solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0px 10px;
    margin-bottom: 0px;
    background: #fff;
    position: relative;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
#mc-embedded-subscribe-form .button:hover {
    color: #231f20;
    border: #231f20 solid 1px;
}

/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #333333; text-transform: uppercase; display: none;}
#ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #838383; background: #fff;border: 1px solid #dadada;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; font-style: italic;}
#ajax-contact-form .form-control:focus{border-color: #95accc; color: #000d1e;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left; font-family: 'Raleway', sans-serif; font-weight: 600; letter-spacing: 1px; width:auto; height:30px; color: #838383; font-size: 14px; line-height: 20px; padding-top: 8px; }

#ajax-contact-form .form-group .input-add-icon { position: absolute; top: 0px; right: 20px; color: #838383; border-left: 1px solid #dadada; padding: 9px 5px 7px 10px; }
#ajax-contact-form .form-group .input-add-icon b { font-size: 13px; line-height: 14px; font-weight: normal; }

.btn-default.btn-cf-submit{position: relative; font-family: 'Raleway', sans-serif; display: inline-block; background: #dd3e3e; color: #fff; border: none; font-size: 18px; line-height: 20px; font-weight: 400; padding: 18px 30px; text-decoration: none;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px;}
.btn-default.btn-cf-submit:hover{background: #ff4444;}

.button-box { border-top: 1px solid #c1883a; }

#ajax-contact-form .form-group2{position: relative; float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 5px; padding: 15px 5px; }
#ajax-contact-form .form-group2 label{ position: relative; float: left; color: #838383; font-family: 'Raleway', sans-serif;}
#ajax-contact-form .form-group2 .label_title { color: #c1883a; }

input[type="radio"] {
    display:none;
}

.kod-text:focus { font-family: 'benderregular'; font-style: normal!important; font-size: 18px!important; }

input[type="radio"] + label {
    font-family: 'Titillium Web';
    font-size:13px;
    float: left;
    margin-left: 10px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:-4px 5px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet2.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(check_radio_sheet2.png) -57px top no-repeat;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
    font-family: 'Titillium Web';
    font-size:13px;
    float: left;
    margin-left: 10px;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:-4px 5px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet2.png) -38px top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet2.png) -57px top no-repeat;
}

.input-append01 { position: relative; float: left; width: 70%; }
.input-append021 { position: relative; float: left; width: 30%; }

.input-append02 { position: relative; float: left; width: 50%; }


/*================= Admin =========================*/
.pointer {cursor: pointer;}
.login_in { margin-top: 10%; }
.login_in2 { margin-top: 90px; }
#lekerdezes_table_wrapper { margin-top: 30px!important; }
.form-new { margin-bottom: 30px; }

.edit { padding: 0px 5px; }
.edit a { color: #c1883a; }
.edit a:hover { color: #231f20; }

.menu_hun { color: #c1883a; }

.iframe { width: 898px; height: 500px; }

.category_box { position: relative; float: left; margin: 6px 10px; padding: 6px 15px; color: #231f20; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.label_box { position: relative; float: left; margin: 6px 10px; padding: 6px 15px; color: #231f20; border: #c1883a solid 1px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.news_box { border-bottom: 1px solid #c1883a; padding: 10px 0 20px 0;  }

.news_date { position: relative; float: right; width: 120px; margin-bottom: 10px; margin-left: 15px; color: #acacac; font-size: 14px; font-style: italic; }

.date_read { color: #acacac; font-size: 14px; font-style: italic; }

.search-button { position: absolute; bottom: -31px; right: -25px; color: #c1883a; padding: 3px 6px; border-style: solid; border-width: 0px 2px 1px 2px; border-color: #c1883a; border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.search-button:hover, .search-button:after { color: #acacac; }
.search-button:focus { color: #c1883a; }


.social-button-box { position: absolute; background-color: #fff; bottom: -31px; right: 15px; padding: 6px 6px 0px 6px; border-style: solid; border-width: 0px 2px 1px 2px; border-color: #c1883a; border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.social-button-box a {
    color: #c1883a;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
    line-height: 0px;
}
.social-button-box a:hover { color: #acacac; }

.form-horizontal .input-append {
    display: flex!important;
    margin-bottom: 0;
    vertical-align: middle;
    border-radius: 0px;
}

.z-index-up { z-index: 29; }

.input-append .add-on, .input-prepend .add-on {
    position: absolute;
    width: auto;
    height: 38px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
}

.ms-parent {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.ms-choice {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #dadada;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
}

.ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.ms-choice > span {
    position: absolute;
    top: 5px;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px;
}

.ms-choice > span.placeholder {
    color: #999;
}

.ms-choice > div {
    position: absolute;
    top: 5px;
    right: 0;
    width: 20px;
    height: 25px;
    background: url('multiple-select.png') left top no-repeat;
}

.ms-choice > div.open {
    background: url('multiple-select.png') right top no-repeat;
}

.ms-drop {
    width: 100%;
    overflow: hidden;
    display: none;
    margin-top: -1px;
    padding: 0;
    position: absolute;
    z-index: 1000;
    background: #fff;
    color: #000;
    border: 1px solid #dadada;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.ms-search {
    display: inline-block;
    margin: 0;
    min-height: 26px;
    padding: 4px;
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 10000;
}

.ms-search input {
    width: 100%;
    height: auto !important;
    height: 38px;
    padding: 8px 12px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url('multiple-select.png') no-repeat 100% -22px;
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
}

.ms-search, .ms-search input {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.ms-drop ul {
    overflow: auto;
    margin: 0;
    padding: 5px 8px;
}

.ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static;
}

.ms-drop ul > li .disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

.ms-drop ul > li.multiple {
    display: block;
    float: left;
}

.ms-drop ul > li.group {
    clear: both;
}

.ms-drop ul > li.multiple label {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-drop ul > li label {
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

.ms-drop ul > li label.optgroup {
    font-weight: bold;
}

.ms-drop input[type="checkbox"] {
    vertical-align: middle;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.ms-drop .ms-no-results {
    display: none;
}

.datetimepicker { z-index: 9999!important; }

/* ============================= Pager ====================== */

.pages { position: relative; }

.pages a { color:#231f20; text-decoration: none; }

.pager
{
    width: 100%;
    min-height: 30px;
    padding: 10px 0px;
}
.pager div.short input
{
    width: 30px;
    border: 1px solid #231f20;
    color: #231f20;
    padding: 8px;
    box-shadow: none;
    margin-left: 8px;
    margin-right: 4px;
    float: right;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.pager div.short input:focus
{
    border: 1px solid #b37856; color: #b37856;
}
.pager div.short .pagerbutton {
    width:auto;
}
.pager ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: 4px;
}
.pager ul li
{
    display: inline;
    margin-left: 2px;
}
.pager ul li a
{
    text-decoration: none;
    display: inline-table;
    padding: 8px 15px;
    text-align: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.pager span
{
    margin-left: 15px;
    margin-top: 10px;
    color: #b37856;
    float: left;
}
.pager .pagerbutton
{
    display: block;
    text-align: center;
    float: left;
    padding: 8px;
    margin: 0;
    margin-left: 4px;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.pager.disabled
{
    color: #A0A0A0 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
}
/*black*/.black
.black.normal
{
    background-color: #fff;
    border: 1px solid #c1883a;
    color: #c1883a;
}
.black.normal.active
{
    background-color: #fff;
    border: 1px solid #231f20;
    color: #231f20;
}
.pager.black .pagerbutton
{
    background-color: #fff;
    border: 1px solid #c1883a;
    color: #c1883a;
}

/*----- image uploader ------*/
.em_uploaded_item_img_box {position: relative; float: left; width:100%; background: #e5e5e5; border: 1px solid #d4d5d6; padding: 5px 0px; }
.em_uploaded_item_img { position: relative; display: block; float: left; width: 15.66666667%; height: 150px; background: #fff; margin-left: 0.5%; margin-right:  0.5%; margin-bottom: 12px; overflow: hidden; }
.border_1 { border: 4px solid #c1883a; }
.border_2 { border: 4px solid #11234c; }
.em_uploaded_item_img img {position: absolute;  height: 200px; width: auto; margin: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.em_uploaded_item_img_delete { position: absolute; top: -10px; left: 0px; }
.em_uploaded_item_img_delete a{ width: auto; font-family: Arial, Helvetica, sans-serif; display: inline-block; color: #000; border: none; font-size: 16px; line-height: 20px; font-weight: 400; padding: 0; text-decoration: none; margin: 10px 0px; padding: 5px 8px 3px 8px; background: #d4d5d6; position: relative; border: none; border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
                                transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.em_uploaded_item_img_delete a:hover{ background: #c1883a; color: #838383; }

.em_uploaded_item_img_first { position: absolute; bottom: -10px; left: 0px; }
.em_uploaded_item_img_first a{ width: auto; font-family: Arial, Helvetica, sans-serif; display: inline-block; color: #000; border: none; font-size: 12px; line-height: 18px; font-weight: 400; padding: 0; text-decoration: none; margin: 10px 0px; padding: 5px 10px 3px 10px; background: #d4d5d6; position: relative; border: none; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
                               transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.em_uploaded_item_img_first a:hover, .em_uploaded_item_img_first a.active{ background: #c1883a; color: #838383;}
.em_uploaded_item_img_first a.active{ cursor: default; }

.image_description {position: absolute; bottom: 45px; left: 0px; width: 100%; padding: 10px; color:#fff; background: rgba(193, 136, 58, 0.8); }

div.dark .pp_description {
    font-family: Arial, Helvetica, sans-serif;
    color: #c1883a;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    margin: 40px 50px 0px 15px;
}

iframe ._2tga {
    background: #c1883a!important;
    border: 1px solid #c1883a!important;
}


.subscribe2-buttons {
    position: relative;
    float: right;
    width: 70%;
    text-align: center;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-right: 15px;
}
.subscribe2-buttons i {
    font-size: 24px;
    float: right;
    margin-left: 5px;
}
.popover-content .subscribe2-button {
    font-size: 24px;
 }   
.subscribe2-button {
    position: relative;
    float: right;
    margin: 0px 15px;
}

.fb_iframe_widget {
    float: right;
}
.date_read_box { position: relative; float: left; width: 30%; padding-left: 15px; color: #acacac; font-size: 14px; font-style: italic; }

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 450px;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 0;
}

.width70_td {
    width: 70%;
}
.width10_td {
    width: 10%;
}
.width20_td {
    width: 20%;
}

a .social_banners {
    position: relative;
    float: left;
    width: 100%;
    height: 214px;
    background-position: center center;
    background-size: 110%;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
a:hover .social_banners {
    background-size: 120%;
}
a .pc_blog_banner {
    background-image: url('../images/pc_honlap_banner_blog_desktop.png');
}
a .pc_twitter_banner {
    background-image: url('../images/pc_honlap_banner_twitter_desktop.png');
}
a .pc_instagram_banner {
    background-image: url('../images/pc_honlap_banner_instagram_desktop.png');
}
a .pc_youtube_banner {
    background-image: url('../images/pc_honlap_banner_youtube_desktop.png');
}

.mep-box {
    position: relative;
    float: left;
    width: 100%;
    height: 415px;
    margin: 10px;
    background: #F2F2F2;
    border: 2px solid #ddd;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.mep-box figure {
    position: relative;
    width: 150px;
    height: 220px;
    display: inline-block;
    overflow: hidden;
    margin-top:20px;
    margin-bottom: 15px;
    border: 2px solid #ddd;
} 
.mep-box figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    height: 105%;
}
.mep-box .caption {
    position: relative;
    float: left;
    width: 100%;
    font-family: 'Raleway',sans-serif;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 600;
    color: #c1883a;
    padding-bottom: 15px;
}
.mep-box .caption-country {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 5px;
    font-size: 15px;
}

.statements-box {
    width: 100%;
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 30px;
    background: #edeeef;
}
.statements-text-box {
        position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
}
/*----- media queries ------*/
/* Large desktop */
@media (max-width: 1320px) {
.not-front #home2 {
    padding-top: 110px;
}
    .navbar_ .nav > li { margin-right: 15px!important; margin-left: 0px!important; }
    .navbar_ .nav > li > a{ font-size: 14px; }
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {

    .headerbar-small .navbar_ .nav > li > a{ font-size: 15px; }

    .owl-carousel .txt img{ width: 250px; margin-right: 10px; }
    .owl-carousel .txt .txt2{font-size: 24px;}
    .owl-carousel .txt .txt3{font-size: 17px;}
    .owl-carousel .txt2 .txt2{font-size: 16px; padding-bottom: 6px; }
    .slide_img { width: 260px; }
    .slide_text { width: 350px; }

    .btn-default.btn0{ padding: 7px 14px; }

    .item { min-height: 300px; }

}
@media (min-width: 992px) {


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


    .icon1 a .caption .txt1{font-size: 22px;}
    .box01 .box_top, .box02 .box_top,  .box03 .box_top { height: 199px; }



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

    .navbar_ { float: left; }
    header { position: relative; float: left; }
    .navbar_ .nav > li > a{ padding: 16px 0 13px; font-size: 13px; }
    .headerbar-small .navbar_ .nav > li > a{ padding: 12px 0 12px; font-size: 13px; }

    #home {
        padding-top: 130px;
    }

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {

    .thumb0 {width: 50%;}

    header img{ width: 190px; }
    .headerbar-small header img{width: 150px;}

    .iframe { width: 598px; }
    
    .search-button { right: 10px; }
    .social-button-box { right: 55px; }
    
    .box01 .box_top, .box02 .box_top,  .box03 .box_top { height: 235px; }
    
    .slide_text { width: 320px; }
    
    .thumb1 a .caption {
    font-size: 17px;
    }
    .thumb1 {
    margin-bottom: 15px;
}

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

    .lang_form button { padding: 10px 0 12px; }
    .owl-carousel .txt .txt2{font-size: 30px;}

    .slide_text { width: 100%; }

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .top1_wrapper{display: none;}
    .first {
        margin-left: 35px;
    }

    header img{ margin-top: 10px; }
    .headerbar-small header img{ margin-top: 5px; }
    .navbar_ {float: none; height: 73px; margin-bottom: 0; }
    .headerbar-small .navbar_ {height: 53px; }
    .navbar-collapse_{clear: both; margin-left: -15px; margin-right: -15px;}
    .navbar_ .nav{display: block; background: none; border-right: none;background: #fff; border: none;}
    .navbar_ .nav > li{float: none;background: none; border-left: none; margin-left: 0; border-top:1px solid #c1883a; background: none;}
    .navbar_ .nav > li > a{margin-bottom: 0; padding-top: 10px!important; padding-bottom: 10px!important; border: none; font-size: 15px;}
    .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{}
    .sub-menu ul{position: relative; left: 0; top: 0; border-bottom: none; }

    #home{padding-bottom: 0px;}
    
    #home2 p img {width: 100%!important; height:100%!important;}

    .owl-carousel .owl-wrapper-outer{height: auto; padding-bottom: 0px;}

    .owl-carousel .img{padding-left: 15%; padding-right: 15%;}

    .owl-carousel .txt{padding-top: 20px;}

    .owl-carousel .txt .txt2{font-size: 25px;}
    
    .slide_text { width: 300px; }

    .item_border { border: none; padding-bottom: 0px; }

    .icons{margin-top: 0;}

    .newparallax{width: 80%;}

    .header_wrapper{padding-top: 30%; font-size: 30px;}

    .breadcrumbs1{float: none;}

    .repair_button{float: none; margin-top: 10px; margin-bottom: 10px;}

    .sidebar{padding-top: 20px;}


    .modal-dialog { width: 475px!important; margin: 30px auto!important; }
    .iframe { width: 473px; }

    .logo2_wrapper {
        margin-top: 5px;
    }

    .logo2_wrapper img{
        margin: 0px auto;
    }

    .bot1 { text-align: center; }
    
    .box01 .box_top, .box02 .box_top,  .box03 .box_top { min-height: 180px; height: auto; }
    
    .social-button-box { left: 10px; right: auto; }
    
a .social_banners {
    height: 300px;
}
a:hover .social_banners {
    background-size: 120%;
}
a .pc_blog_banner {
    background-image: url('../images/pc_honlap_banner_blog_mobile.png');
}
a .pc_twitter_banner {
    background-image: url('../images/pc_honlap_banner_twitter_mobile.png');
}
a .pc_instagram_banner {
    background-image: url('../images/pc_honlap_banner_instagram_mobile.png');
}
a .pc_youtube_banner {
    background-image: url('../images/pc_honlap_banner_youtube_mobile.png');
}

}
@media (min-width: 481px) and (max-width: 767px) {

    .input-append01 { width: 60%; }
    .input-append021 { width: 40%; }

}
@media (max-width: 600px) {
    .owl-carousel .txt img{ width: 100%; margin-right: 0px; margin-bottom: 15px; }
    .slide_img { width: 100%; }
    .slide_text { width: 100%; }
    .news_date { width: 100%; }

    .thumb1 a .caption {
    font-size: 15px;
    height: 60px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
    
    #home {
    padding-top: 110px;
}

    .modal-dialog { width: 400px!important; margin: 15px auto!important; }
    .iframe { width: 396px; }
    
    .first {
        margin-left: 15px;
    }
    
    header img{ margin-top: 15px; }
    header img {width: 150px!important;}


    .input-append01 { width: 50%; }
    .input-append021 { width: 50%; }


    .thumb0 {width: 100%;}


    .img-left { width: 100%!important; height: auto!important; }
    .img-right { width: 100%!important; height: auto!important; }
    .img-center { width: 100%!important; height: auto!important; }
    
    .about_img { width: 95px!important; }
    
    h1 { font-size: 32px; }
    
    h2 { font-size: 27px; }
    
    a .social_banners {
    height: 200px;
}
    .mep-box {
    height: auto;
    padding-bottom: 20px;
}
a .pc_blog_banner {
    background-image: url('../images/pc_honlap_banner_blog_desktop.png');
}
a .pc_twitter_banner {
    background-image: url('../images/pc_honlap_banner_twitter_desktop.png');
}
a .pc_instagram_banner {
    background-image: url('../images/pc_honlap_banner_instagram_desktop.png');
}
a .pc_youtube_banner {
    background-image: url('../images/pc_honlap_banner_youtube_desktop.png');
}
}