/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5 strong, ol, ul, li { margin: 0; border: 0; padding: 0; outline: 0; vertical-align: baseline }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
ol, ol li ol { padding: 0 15px; margin: 0; line-height: 18px }
ol li { list-style-position: inside; text-indent: -1.35em; margin-left: 15px }
ul, ul li ul { padding: 0 15px; line-height: 20px }
.clear { clear: both }
img { border: none; overflow: hidden; max-width: 100% }
a { text-decoration: none; color: #a70e02; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s  }
a:hover { text-decoration:none; color: #5c0000 }
p { margin: 0 0 40px; line-height: 25px }


@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.eot');
    src: url('fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-medium-webfont.woff') format('woff'),
         url('fonts/lato-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.clear2{ clear:none}
body { background: #2b3033; font-family:latoregular, Arial, Helvetica, sans-serif; text-align: left; font-size: 15px; display: block; color: #3f3f3f }

.main { margin: 0px auto 0px auto; position: relative; padding: 30px 0 1.4% 0; width: 100%; background:#fff }
.sub_page { margin: 0px auto 0px auto; position: relative; padding: 30px 0 1.4% 0; width: 100%; background:#fff; border-top:2px solid #6A9140; }

.out_wrapper { background: #fff}

.wrapper { height: auto; max-width: 1180px; margin: 0 auto; position: relative }
/*---------HEADER--------*/
header { width: 100%; position: relative; z-index: 1000; background:#fff; padding:0px}

/* logo */
.logo { width: 225px; z-index: 9999; position:relative; margin:0 auto; top:0px }
.logo a { display: block }

/* search */
#search { width: 240px; display:block; height:28px; padding:0 5px;  border: 2px solid #efeef2; z-index: 3000; position: absolute; right: 0; top:65px; border-radius:200px 200px 200px 200px}
#search input { border: none; margin: 0 }
#search input.text { width: 205px; padding: 0 30px 0 5px; color: #bebebf; font-size: 14px; float: left; outline: none; height: 28px; line-height:27px; background:none}
#search input.button { position: absolute; top: 1px; right: 5px; color: #FFF; height: 28px; width: 30px; cursor: pointer; margin: 0; padding: 0; background: url(userfiles/image/graphics/iconSearch.png) no-repeat center center }
.menu { height: 50px; max-width: 1180px; }
/* nav */
.nav { display: inline-block; width:auto; margin: 10px 0px 0px 0; position: relative; z-index: 1000; height: auto;}

.nav-list { text-align: left; list-style: none; padding: 0; margin: 0; float:right; display:block}
.nav-item { float: left; *display:inline;
zoom: 1; position: relative;  text-align:left; display:block }
/*.nav-item:nth-child(8) a{ padding-right:0}*/
.nav-item a { display: block !important; color: #5c0000; font-family: latobold, Arial, sans-serif; font-size: 16px;  padding:5px 29px 5px; text-transform: uppercase; text-align: left; -moz-transition: all 0.3s ease 0s;  -webkit-transition:  all 0.3s ease 0s; -o-transition:  all 0.3s ease 0s; transition:  all 0.3s ease 0s;}

.nav-item > a:hover, .nav-item a.active { color: #e73f3c; text-decoration: none }
.nav-item:hover .nav-submenu { display: block; }
.nav-item:hover a { color: #e73f3c; text-decoration: none}
/* Navigation submenu */
.nav-submenu { display: none; position: absolute; left: 0; width: 249px; list-style: none; padding: 0; margin: 0; z-index:9999999; }
.nav-submenu-item { position: relative }
.nav-submenu-item a { background: #731515 !important; border-bottom: 1px solid #831616; display: block; padding: 15px; text-align: left; text-transform: none; color:#fff !important }
.nav-submenu-item a:hover { background: #5c0000 !important; text-decoration: none; color: #80aa52 !important }
.nav-submenu2 { display: none; position: absolute; left: 100%; top: 0; width: 100%; list-style: none; padding: 0; margin: 0 }
.nav-submenu-item:hover .nav-submenu2 { display: block }
.nav-submenu-item2 a { background: #831616 !important; border-bottom: 1px solid #931f1f; display: block; padding: 15px; text-align: left ; color:#fff !important}
.nav-submenu-item2 a:hover { background: #5c0000 !important; text-decoration: none; color: #80aa52 !important }
.nav-mobile { display: none; cursor: pointer; position: absolute; top: 0px; right: 0; background: #5c0000 url(userfiles/image/graphics/nav.png) no-repeat center center; background-size: 18px; height: 45px; width: 45px; }
.nav-click { position: absolute; top: 1px; right: 0; display: none; height: 45px; width: 45px; cursor: pointer; }
.name { display: none; position: absolute; top: 0; left: 15px; color: #fff; font-family: latobold; text-transform: uppercase; font-size: 20px; padding-top: 10px }
.nav-click i { display: block; height: 45px; width: 45px; background: url(userfiles/image/graphics/drop.png) no-repeat center center }
.nav-rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
/*--------- /HEADER--------*/
/*---------BANNER--------*/
.banner { margin: 0px auto 0px auto; display: block; z-index: 100; position: relative }
/*---------CONTAINER--------*/
.main h2, .sub_page h2 {font-size: 30px; text-align:center; display: block; font-family:latobold, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom:10px; color:#4b4b4b; padding:20px 20px; }
.main h3, .sub_page h3 {font-size: 30px; text-align:left; display: block; font-family:latobold, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom:10px; color:#4b4b4b }
/*--------- /CONTAINER--------*/
/*welkomen */
.welkomen { float: left; width: 100%; text-align: center; margin-bottom: 15px;}
.welkomen h2{font-size: 30px; display: block; font-family:latobold, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom:10px; color:#4b4b4b }
.colLeft{ float:left; width:25%; margin-right:5%;}
.colLeft ul.wr_list { margin:0; padding:0; width:100%; list-style:none; float:left;  border:1px solid #999;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.colLeft ul.wr_list li { float:left; border-bottom:1px solid #999; float:left; width:100%; line-height:24px; background: url(userfiles/image/graphics/bu_right.jpg) no-repeat 96% 9px}
.colLeft ul.wr_list li:last-child { border-bottom:none;}
.colLeft ul.wr_list li a { padding:5px 20px; font-size:16px; color:#6b6b6b; text-align:left; float:left; display:block;  -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s }
.colLeft ul.wr_list li a:hover{ color:#5c0000; padding-left:25px;}

.colRight{ float:left; width:100%; text-align:left;}

/* ntyheter */
.ntyheter { z-index: 1; position: relative; margin: 0px -11px 0px; width:102%}
.ntyheter .item { margin: 0px 11px 22px 11px; position: relative; text-align: left; width: 378px; float: left; border: none;}

.ntyheter .item a.wr_img{ display: block; }

.ntyheter .item img { width: auto; padding:5px; border:1px solid #c8c8c8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.ntyheter .item img:hover { opacity: 0.7 }

.ntyheter .item h4 { font-size: 18px; line-height: 24px; padding: 5px 0px}
.ntyheter .item h4 a { color: #870a01}
.ntyheter .item h4 a:hover { color: #5c0000; text-decoration: none }
.ntyheter .item p { padding: 5px 0px; margin:0; }

.ntyheter .item a.btnLesmer{ float:left; color:#a70e02;font-size:13px; font-family:latomedium; font-style:italic; text-decoration:underline; width:100%; text-align:left}
.ntyheter .item a.btnLesmer:hover{color:#6A9140}

.main .title a.btnSeeall{color:#fff; display:inline-block; padding:10px 30px; border-radius:6px; background:#00b1ee; text-align:center;-moz-transition: all 0.3s ease 0s;  -webkit-transition:  all 0.3s ease 0s; -o-transition:  all 0.3s ease 0s; transition:  all 0.3s ease 0s; font-size:24px;font-family:latobold }
.main .title a.btnSeeall:hover{ background:#2b3033}

/*omoss*/
.omoss { float: left; width: 100% }
/*=======om oss=======*/
.info_center { float: left; width: 40%; display: block; line-height:25px; }
.info_center address { font-style: normal }
.info_center h4 { font-size: 18px; text-transform: uppercase; margin-bottom:15px;}
form fieldset { border: none; margin: 0; padding: 0; }
.contact_form { float: right; display: block; width: 500px; padding: 15px 0 }
.contact_form li { margin-bottom: 5px; }
.contact_form label { float: left; width: 100px; }
.contact_form label span, .contact_form li span { color: #ee0404 }
.contact_form .inputText { width: 378px; height: 28px; padding: 0 10px }
.contact_form li input { border: 1px solid #b9b8b8; font-family: latoregular, Arial, Helvetica, sans-serif; font-size: 16px; color: #525252 }
.contact_form .textarea { width: 378px; border: 1px solid #b9b8b8; padding: 0 10px; font-family: latoregular, Arial, Helvetica, sans-serif; font-size: 16px; overflow-y: auto; resize: none; color: #525252}
.contact_form .button { margin-left: 100px }
.contact_form p.button input { color: #fff; font-size: 16px; line-height: 28px; display: block; width: 90px; height: 32px; text-align: center; text-decoration: none; border: none; float: left; margin-right: 5px; cursor: pointer; background: #BC2C2C; font-family: latoregular, Arial, Helvetica, sans-serif; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.contact_form p.button input:hover { background: #5C0000 }
.contact_form ul { list-style: none !important; padding: 0 }
.contact_form p { padding: 5px 0 0 0 }
.contact_form li input:focus, .contact_form .textarea:focus { border-color: #94d8ef; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 156, 152, 0.6); outline: 0 none; }
/*=======end om oss=======*/
/*=====footer=====*/


footer { min-height: 40px; margin: 0 auto; position: relative; font-size:13px; color: #fff; padding:20px 0 10px}
footer .design_by { float: left; width:100%; text-align:center; display: block; margin-bottom:20px;}
footer .design_by p.text_footer{ display:inline}
footer .design_by p.text_footer img { vertical-align: top; margin-top: 3px ; }
footer .design_by p.text_footer span{color:#fff}
footer .design_by a { color: #e5d203}
footer .design_by a:hover { color: #6a9140}

footer .link { display:block; position: relative; width:auto; margin-top:0px; text-align:center; margin-bottom:10px;}
footer .link a {  display:inline-block; height: 34px; background:url(userfiles/image/graphics/scocial.png) no-repeat 0 0; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s }
footer .link a{ width:16px}
footer .link a:hover{background-position: 0px -32px}
footer .link a+a { width:32px;background-position: 0px -64px; }
footer .link a+a:hover{background-position: 0px -98px}
footer .link a+a+a { margin-left: 4px; background-position: 0px -134px;width:29px; }
footer .link a+a+a:hover{background-position: 0px -168px}
footer .link a+a+a+a { background-position: 0px -205px; width:29px }
footer .link a+a+a+a:hover{ background-position: 0px -236px}
footer .link a+a+a+a+a { background-position: 0px -267px; width:29px }
footer .link a+a+a+a+a:hover{ background-position: 0px -297px}
footer .link a+a+a+a+a+a { background-position: 0px -333px; width:29px }
footer .link a+a+a+a+a+a:hover{ background-position: 0px -364px}
/*=====end footer=====*/


/* flag */
.flag { display: inline-block; width:485px; margin: 10px 0px 0px 0; position: relative; z-index: 1000; height: auto;}

.flag-list { text-align: right; list-style: none; padding: 0; margin: 0; float:right; display:block}
.flag-item { float: left; *display:inline;
zoom: 1; position: relative;  text-align:left; display:block }
/*.nav-item:nth-child(8) a{ padding-right:0}*/
.flag-item a { display: block !important; color: #5c0000; font-family: latobold, Arial, sans-serif; font-size: 16px;  padding:5px ; text-transform: uppercase; text-align: left; -moz-transition: all 0.3s ease 0s;  -webkit-transition:  all 0.3s ease 0s; -o-transition:  all 0.3s ease 0s; transition:  all 0.3s ease 0s;}