*{outline:none;border:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;}

::-webkit-input-placeholder {color:#999;font-weight:300}
::-moz-placeholder          {color:#999;font-weight:300}/* Firefox 19+ */
:-moz-placeholder           {color:#999;font-weight:300}/* Firefox 18- */
:-ms-input-placeholder      {color:#999;font-weight:300}


@font-face {font-family: Roboto;src: url(fonts/Roboto-Thin.ttf);font-weight: 100;}
@font-face {font-family: Roboto;src: url(fonts/Roboto-Light.ttf);font-weight: 300;}
@font-face {font-family: Roboto;src: url(fonts/Roboto-Regular.ttf);font-weight: 400;}
@font-face {font-family: Roboto;src: url(fonts/Roboto-Medium.ttf);font-weight: 500;}
@font-face {font-family: Roboto;src: url(fonts/Roboto-Bold.ttf);font-weight: 700;}
@font-face {font-family: Roboto;src: url(fonts/Roboto-Black.ttf);font-weight: 900;}
@font-face {font-family: Philosopher;src: url(fonts/Philosopher.woff);}
@font-face {font-family: OpenSans;src: url(fonts/OpenSans.woff);}

body{
    background-color:#fff;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-width: 1000px;
}
body,html{height:100%;width:100%;margin:0px;padding:0px;position:relative;}
body,td{font-family:OpenSans, sans-serif;color:#333;font-size:16px;font-weight:400;}
a{color:#333;text-decoration:none;}
a:hover{color:#31BCCC;}

ol,ul{padding:0px;margin:0px;margin-left:40px}
ul>div{margin:0px;padding:0px}

h1,h2,h3,h4,h5,h6,h7{font-family:Roboto;font-weight:normal;color:#555;padding:0px;letter-spacing:-1px;}
h1{text-transform:uppercase;font-weight:900;font-size:36px;line-height:36px;}
h2{font-size:25px;line-height:25px;}
h3{text-transform:uppercase;font-size:20px;line-height:20px;}

/*---------------- TOP ------------------------*/
#top{height:160px;padding:10px 0px;}
#top #logo{display:inline-block;width:50%;text-align:left;margin-top:20px;}
#top #logo img{height:60px}
#top #contacts{display:inline-block;width:50%;vertical-align:top}
#top #contacts_table{float:right;display:table;min-height:80px;max-width:400px;background:#F0F0F0}
#top #contacts_table>div{display:table-cell;vertical-align:middle;}
#top #contacts_table>div:nth-child(1){background:url(../images/phone.png) no-repeat 50% 50% #E9E9E9;width:40px}
#top #contacts_table>div:nth-child(2){padding:10px 20px;}
#top #contacts_phone>div{color:#555;white-space:nowrap;font-weight:500;font-size:16px;margin-top:5px}
#top #contacts_logo{padding:5px 10px 5px 0px;font-size:12px;font-style:italic;font-weight:400}


/* -------------- INPUT ------------------------*/
/*input:not(type=radio),select,textarea{-webkit-appearance: none;}*/
input[type=text],input[type=password],textarea{font-weight:400;border:1px solid #D7DADE;width:100%;font-size:16px;resize: none;padding:7px 15px 11px 15px;font-family:Roboto, sans-serif;color:#414e56}
textarea{min-height:200px; overflow: hidden;}
input[type=text]:hover,input[type=password]:hover,input[type=text]:focus,input[type=password]:focus,textarea:focus,textarea:hover{border-color:#A4B6D2}

/*---------------- OVERFLOW --------------------*/
.overflow{overflow-y:auto;}
.overflow::-webkit-scrollbar {width: 6px;}
.overflow::-webkit-scrollbar-button {display: none; }
.overflow::-webkit-scrollbar-track {width: 6px; background:#E5EDF1;}
.overflow::-webkit-scrollbar-thumb {background:#004D75}

/*----------------------MAIN -----------------------*/
.inside{max-width:900px;margin:0 auto;padding:0px 25px;text-align:left;}
#wraper{min-height:100%;width:100%;min-width:1000px;display:block;position:relative;padding-bottom:350px;}

/*----------------------- MENU -----------------------*/
#menu{height:50px;background:#0199E7;width:100%;z-index:1001;position:relative;}
#menu #menucontent>div>div{display:inline-block;}
#menu #menucontent>div:first-child{float:left}
#menu #menucontent>div:last-child{float:right}

#menu #mainmenu{height:50px;list-style: none;margin: 0;padding: 0;border: 0;}
#menu #mainmenu>li>a{height:50px;color:#fff;text-transform:uppercase;font-size:14px;font-weight:500;cursor: pointer;float: left;padding:15px 20px 0px 20px;}
#menu #mainmenu>li>a.menuarrow{background:url(../images/secondmenu.png) no-repeat 95% 50%;padding-right:25px;}
#menu #mainmenu li{height:50px;background: none;float: left;display:inline-block;vertical-align:middle}
#menu #mainmenu li:hover{background-color:#0084C7;}
#menu #mainmenu li.selected{background-color:#0084C7;}

#menu #lang{height:50px;list-style: none;margin: 0;padding: 0;border: 0;}
#menu #lang>li>a{height:50px;color:#fff;text-transform:uppercase;font-size:14px;font-weight:500;cursor: pointer;float: left;padding:15px 10px 0px 10px;}
#menu #lang li{height:50px;background: #0084C7;float: left;display:inline-block;vertical-align:middle}
#menu #lang li:hover{background-color:#0070A6;}
#menu #lang li.selected{background-color:#0070A6;}


/*----------------------- BOTTOM -----------------------*/
#bottom{min-height:250px;width:100%;color:#fff;display:table;color:#fff;font-size:12px;margin-top: 40px;}
#bottom a{color: #fff;font-size:12px}
#bottom a.disabled{color:#aaa}
#bottom>div:first-child{display:table-cell;width:50%;height:100px;vertical-align:top;background:#1B1E1F;text-align:right;padding:30px 60px 60px 30px}
#bottom>div:last-child{display:table-cell;width:50%;height:100px;vertical-align:top;background:#0199E7;text-align:left;padding:30px 30px 60px 60px}
#bottom #phones{margin-bottom:10px;}
#bottom #phones .phone{white-space:nowrap;font-size:18px;font-weight:300;font-family:roboto}
#bottom .mail,#bottom #mail_show{cursor:pointer;cursor:hand;}
#bottom .mail{display:inline-block;background:url(../images/mail.png) no-repeat 0% 50%;padding-left:20px}

/*---------------- KNOOKA -------------------*/
.knopka{border:2px solid #fff;font-weight:500;font-size:14px;text-align:center;display:inline-block;padding:15px 40px;margin:20px 0px;color:#fff;cursor:pointer;cursor:hand;text-transform:uppercase}
.knopka:hover{border-color:#0182C6;color:#fff}

.knopka2{background:#0182C6;color:#fff;font-weight:500;font-size:14px;text-align:center;display:inline-block;padding:15px 40px;margin:20px 0px;cursor:pointer;cursor:hand;text-transform:uppercase}
.knopka2:hover{background:#0182C6;color:#fff}

.callme{cursor:pointer;cursor:hand}

/*--------------- OVERLAY -------------------*/
#overlay{background-color:rgba(0,0,0,0.5);position:fixed;top:0;bottom:0px;left:0;right:0;width:100%;z-index:50000;min-height:100%;display:none}
#overlay #overlay_form{background:#ffffff;display:table;z-index:10000;position:relative;margin:0 auto;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#overlay #close{position:absolute;top:0px;right:0px;cursor:pointer;cursor:hand;width:30px;height:30px;background:url(/images/callback/close.png) no-repeat 50% 50%}

#callback_div{background:#ffffff;display:table-cell;z-index:10000;position:relative;padding:30px 40px;width:100%;min-width:300px}
#callback_div form div{margin:10px 0px}
#callback_div #mes{color:#555;font-size:20px;display:none}
#callback_div #mes span{font-size:32px}
#callback_div #loader{display:none;text-align:center}
#callback_div #loader .windows8{display:inline-block;position:relative;width:52px;height:52px;}.windows8 .wBall{position:absolute;width:49px;height:49px;opacity:0;transform:rotate(225deg);-o-transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);animation:orbit 6.96s infinite;-o-animation:orbit 6.96s infinite;-ms-animation:orbit 6.96s infinite;-webkit-animation:orbit 6.96s infinite;-moz-animation:orbit 6.96s infinite}.windows8 .wBall .wInnerBall{position:absolute;width:6px;height:6px;background:#000;left:0;top:0;border-radius:6px}.windows8 #wBall_1{animation-delay:1.52s;-o-animation-delay:1.52s;-ms-animation-delay:1.52s;-webkit-animation-delay:1.52s;-moz-animation-delay:1.52s}.windows8 #wBall_2{animation-delay:.3s;-o-animation-delay:.3s;-ms-animation-delay:.3s;-webkit-animation-delay:.3s;-moz-animation-delay:.3s}.windows8 #wBall_3{animation-delay:.61s;-o-animation-delay:.61s;-ms-animation-delay:.61s;-webkit-animation-delay:.61s;-moz-animation-delay:.61s}.windows8 #wBall_4{animation-delay:.91s;-o-animation-delay:.91s;-ms-animation-delay:.91s;-webkit-animation-delay:.91s;-moz-animation-delay:.91s}.windows8 #wBall_5{animation-delay:1.22s;-o-animation-delay:1.22s;-ms-animation-delay:1.22s;-webkit-animation-delay:1.22s;-moz-animation-delay:1.22s}@keyframes orbit{0%{opacity:1;z-index:99;transform:rotate(180deg);animation-timing-function:ease-out}7%{opacity:1;transform:rotate(300deg);animation-timing-function:linear;origin:0}30%{opacity:1;transform:rotate(410deg);animation-timing-function:ease-in-out;origin:7%}39%{opacity:1;transform:rotate(645deg);animation-timing-function:linear;origin:30%}70%{opacity:1;transform:rotate(770deg);animation-timing-function:ease-out;origin:39%}75%{opacity:1;transform:rotate(900deg);animation-timing-function:ease-out;origin:70%}100%,76%{opacity:0;transform:rotate(900deg)}}@-o-keyframes orbit{0%{opacity:1;z-index:99;-o-transform:rotate(180deg);-o-animation-timing-function:ease-out}7%{opacity:1;-o-transform:rotate(300deg);-o-animation-timing-function:linear;-o-origin:0}30%{opacity:1;-o-transform:rotate(410deg);-o-animation-timing-function:ease-in-out;-o-origin:7%}39%{opacity:1;-o-transform:rotate(645deg);-o-animation-timing-function:linear;-o-origin:30%}70%{opacity:1;-o-transform:rotate(770deg);-o-animation-timing-function:ease-out;-o-origin:39%}75%{opacity:1;-o-transform:rotate(900deg);-o-animation-timing-function:ease-out;-o-origin:70%}100%,76%{opacity:0;-o-transform:rotate(900deg)}}@-ms-keyframes orbit{39%,7%{-ms-animation-timing-function:linear}0%,70%,75%{opacity:1;-ms-animation-timing-function:ease-out}100%,75%,76%{-ms-transform:rotate(900deg)}0%{z-index:99;-ms-transform:rotate(180deg)}7%{opacity:1;-ms-transform:rotate(300deg);-ms-origin:0}30%{opacity:1;-ms-transform:rotate(410deg);-ms-animation-timing-function:ease-in-out;-ms-origin:7%}39%{opacity:1;-ms-transform:rotate(645deg);-ms-origin:30%}70%{-ms-transform:rotate(770deg);-ms-origin:39%}75%{-ms-origin:70%}100%,76%{opacity:0}}@-webkit-keyframes orbit{0%{opacity:1;z-index:99;-webkit-transform:rotate(180deg);-webkit-animation-timing-function:ease-out}7%{opacity:1;-webkit-transform:rotate(300deg);-webkit-animation-timing-function:linear;-webkit-origin:0}30%{opacity:1;-webkit-transform:rotate(410deg);-webkit-animation-timing-function:ease-in-out;-webkit-origin:7%}39%{opacity:1;-webkit-transform:rotate(645deg);-webkit-animation-timing-function:linear;-webkit-origin:30%}70%{opacity:1;-webkit-transform:rotate(770deg);-webkit-animation-timing-function:ease-out;-webkit-origin:39%}75%{opacity:1;-webkit-transform:rotate(900deg);-webkit-animation-timing-function:ease-out;-webkit-origin:70%}100%,76%{opacity:0;-webkit-transform:rotate(900deg)}}@-moz-keyframes orbit{0%{opacity:1;z-index:99;-moz-transform:rotate(180deg);-moz-animation-timing-function:ease-out}7%{opacity:1;-moz-transform:rotate(300deg);-moz-animation-timing-function:linear;-moz-origin:0}30%{opacity:1;-moz-transform:rotate(410deg);-moz-animation-timing-function:ease-in-out;-moz-origin:7%}39%{opacity:1;-moz-transform:rotate(645deg);-moz-animation-timing-function:linear;-moz-origin:30%}70%{opacity:1;-moz-transform:rotate(770deg);-moz-animation-timing-function:ease-out;-moz-origin:39%}75%{opacity:1;-moz-transform:rotate(900deg);-moz-animation-timing-function:ease-out;-moz-origin:70%}100%,76%{opacity:0;-moz-transform:rotate(900deg)}}

.error{color:#D32314;margin: 5px 0px 10px 0px;display:block;font-size:12px}
.errorinput{border: 1px solid #D32314;}

/*----------------------------- shop list*/
.content_menu{margin-top:20px}
#shop a{color:#31BCCC;}

#shop_detail{margin-top:30px}
#shop_detail>div{display:table-cell;vertical-align:top;}
#shop_detail>div#shop_img{width:350px;text-align:left;}
#shop_detail>div#shop_img img{width:350px;}
/*---------------------------- contacts*/
#page_contacts{display:flex;flex-direction:row;align-content:stretch;width:100%;margin:0 auto 60px auto;}
#page_contacts>div{display:inline-block;}
#page_contacts>div:first-child{padding:0px 30px;flex:1 1 auto}
#page_contacts>div:first-child>h2{margin-bottom:20px}
#page_contacts>div:last-child{flex:0 1 350px;margin-top:30px}
#page_contacts>div:last-child>div{padding:20px 60px;background:#F0F0F0;font-weight:300;}
#page_contacts>div:last-child>div>div{margin-bottom:0px;white-space:nowrap;width:100%}
#page_contacts>div:last-child>div>div:last-child{margin-top:10px}
#page_contacts #fields>div{margin-bottom:10px}
#page_contacts .mail,#bottom #mail_show{cursor:pointer;cursor:hand;}

.atach{background:url('../images/atach.png') no-repeat 0% 50% #f9f9f9;font:14px/20px Roboto;padding-left:40px;border:1px solid #ddd;padding:15px 10px 15px 40px;cursor:pointer;cursor:hand}
.atach:hover{border:1px solid #333;}
.uploadFile{display:none;}


/*------------------------ facybox----------------------*/
.fancybox-nav span{top:50%;height:70px;width:30pxmargin-top:-35px;visibility:visible}
.fancybox-prev span{left:10px;background:url(../images/fancybox/arrow_left.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.3);left:0}
.fancybox-next span{background:url(../images/fancybox/arrow_right.png) no-repeat 50% 50%;background-color:rgba(0,0,0,0.3);right:0}
