@font-face {
  font-family: 'RobotoBold';
  src:url('../fonts/Roboto-Bold/Roboto-Bold.eot');
  src: url('../fonts/Roboto-Bold/Roboto-Bold.eot') format('embedded-opentype'),
    url('../fonts/Roboto-Bold/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold/Roboto-Bold.woff') format('woff'),
    url('../fonts/Roboto-Bold/Roboto-Bold.ttf') format('truetype'),
    url('../fonts/Roboto-Bold/Roboto-Bold.svg#MyriadProBold') format('svg');
}

@font-face {
  font-family: 'ArsenalBold';
  src:url('../fonts/Arsenal-Bold/Arsenal-Bold.eot');
  src: url('../fonts/Arsenal-Bold/Arsenal-Bold.eot') format('embedded-opentype'),
    url('../fonts/Arsenal-Bold/Arsenal-Bold.woff2') format('woff2'),
    url('../fonts/Arsenal-Bold/Arsenal-Bold.woff') format('woff'),
    url('../fonts/Arsenal-Bold/Arsenal-Bold.ttf') format('truetype'),
    url('../fonts/Arsenal-Bold/Arsenal-Bold.svg#MyriadProBold') format('svg');
}

@font-face {
  font-family: 'RobotoRegular';
  src:url('../fonts/Roboto-Regular/Roboto-Regular.eot');
  src: url('../fonts/Roboto-Regular/Roboto-Regular.eot') format('embedded-opentype'),
    url('../fonts/Roboto-Regular/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular/Roboto-Regular.ttf') format('truetype'),
    url('../fonts/Roboto-Regular/Roboto-Regular.svg#MyriadProBold') format('svg');
}

*,*:before,*:after{box-sizing: border-box;}
*{margin:0;
	padding:0;}
a{text-decoration: none;color:inherit; outline:none !important;}
a:hover{ color:#363148;}
:focus{outline:none;}
a:active, a:hover, a:hover{outline: none;}
input,textarea{font:inherit;padding:0;margin:0;background: none;border:0;width:100%;}
button{font:inherit;padding:0;margin:0;background: none;border:0;}

/*main*/
.clearfix:before,
.clearfix:after {content: " ";
    display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{border:none;}
.bold, strong{ font-weight:bold; font-family: "RobotoBold", "Trebuchet MS", sans-serif;}
.cylw{ color:#363148;}

html{ min-height:100%;}
body{min-height:100%; overflow-x: hidden; font-size: 17.5px; line-height: 1.2; font-family: "RobotoRegular", "Trebuchet MS", sans-serif; color:#363148; background:#fff; min-width:320px;}
.skype-a{ color:#f5f5f5 !important; text-decoration:none !important; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;}
.skype-a.gr{ color:#363148 !important; }
.arsenalbold{font-family: "ArsenalBold", "Trebuchet MS", sans-serif;}

section, footer, header, aside{
	display: block;
}

.container-fluid{ max-width:1170px; position:relative; margin:0 auto;}

.header{ position:absolute; top:0; left:0; width:100%; height:168px; z-index:1;}
.header .header-logo{ display:block; margin:0 auto; margin-top:45px; width:279px;}
.header .header-right{ position:absolute; content:''; right:15px; top:0;}
.header .header-ico-c{ float:right; width:50px; height:50px; display:block; background:url(../img/sprite.png) -111px -1px no-repeat; margin-left:46px; margin-top:53px; -webkit-transition:all 0.3s;transition:all 0.3s}
.header .header-tel{ float:right; font-size:30px; color:#fff; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;; margin-top:65px;}
.header .header-ico-c:hover{ transform:rotateZ(-20deg);}

.section-contacts{ position:fixed; top:0; left:0; width:100%; background:#d7c49e; z-index:10; padding-bottom:40px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); -webkit-transform:translateY(-105%); transform:translateY(-105%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.section-contacts.show{-webkit-transform:translateY(0%); transform:translateY(0%); }
.contacts .contacts-title{ font-size:36px; color:#363148; padding:20px 0; border-bottom:1px solid #a69884; position:relative; margin-bottom:30px;}
.contacts .contacts-row{ margin-bottom:20px;}
.contacts .contacts-row.mb0{ margin-bottom:0;}
.contacts .contacts-row.mb10{ margin-bottom:10;}
.contacts .contacts-close{ position:absolute; right:15px; top:0; bottom:0; margin:auto; width:20px; height:20px; cursor:pointer;}
.contacts .contacts-close:after{ position:absolute; content:''; background:url(../img/sprite.png) -85px -1px; width:16px; height:16px; top:0; bottom:0; left:0; right:0; margin:auto;}
.contacts .thank-bl{ text-align:center;}

.section-top{ background:url(../img/Top_img.jpg); background-attachment:fixed; background-position:top center; background-size:cover; padding-top:230px; color:#fefefe; text-align:center; padding-bottom:40px;}
.section-top p.fz30{ font-size:30px; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;}
.section-top h1.fz60{ font-size:60px; margin-bottom:25px; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;}
.section-top .mouse{ width:30px; height:50px; position:relative; margin:30px auto 40px;  display:block; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.section-top .mouse span{ position:absolute; background:url(../img/sprite.png) -171px -1px; width:15px; height:26px; left:7px; top:13px; display:block;}
.section-top .mouse:hover span{
  -webkit-animation: swing 1.5s linear;
  animation: swing 1.5s linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1
}

@-webkit-keyframes swing {
  16.6% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  33.2% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  49.8% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  66.4% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  83% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
 
@keyframes swing {
  16.6% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  33.2% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  49.8% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  66.4% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  83% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.top-items .top-item-t{ max-width:70%; margin:0 auto; font-size:24px; margin-top:8px;}

.butt-wp{ width:240px; display:inline-block; overflow:hidden; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);}
.butt{position:relative; font-size:22px; color:#fff; padding:10px 0 12px; background:#363148; display:inline-block; -webkit-transition:box-shadow 0.3s; transition:box-shadow 0.3s;-webkit-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1);box-shadow: inset 0px 0px 0px 0px rgba(255,255,255,1); text-align:center; width:240px; height:50px; border:2px solid #363148; }
.butt:hover{-webkit-box-shadow: inset 240px 0px 0px 0px rgba(255,255,255,1);-moz-box-shadow: inset 240px 0px 0px 0px rgba(255,255,255,1);box-shadow: inset 240px 0px 0px 0px rgba(255,255,255,1); color:#363148; }

.butt.butt-whgt{background:transparent; border:2px solid #fff; }
.butt.butt-ylw{ background:#363148; border-color:#363148; font-size:18px; padding-top:11px;}
.butt.butt-ylw:hover{ color:#363148;}

.butt-wp.w100{ width:100%;}
.butt-wp.w100 .butt{ width:100%;}
.butt-wp.w100 .butt:hover{-webkit-box-shadow: inset 360px 0px 0px 0px rgba(255,255,255,1);-moz-box-shadow: inset 360px 0px 0px 0px rgba(255,255,255,1);box-shadow: inset 360px 0px 0px 0px rgba(255,255,255,1);}

.input-wp{ position:relative; }
.input-wp.input-name:after{ position:absolute; content:''; background:url(../img/sprite.png) -1px -1px; width:18px; height:22px; left:20px; top:0; bottom:0; margin:auto; z-index:1;}
.input-wp.input-tel:after{ position:absolute; content:''; background:url(../img/sprite.png) -29px -1px; width:18px; height:18px; left:20px; top:0; bottom:0; margin:auto; z-index:1;}
.input-wp.input-mail:after{ position:absolute; content:''; background:url(../img/sprite.png) -57px -1px; width:18px; height:18px; left:20px; top:0; bottom:0; margin:auto; z-index:1;}
.inputall{ color: #363148; background:#fafafa; width:100%; border:1px solid #eaeae8; height:53px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); padding-left:60px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.inputall.pl20{ padding-left:20px;}
.inputall:focus{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.inputall.error{color:#363148 !important; border-bottom:1px solid #363148;}
.inputall::-webkit-input-placeholder {color:#363148; font-size:18px; font-family:"RobotoRegular", "Trebuchet MS", sans-serif;}
.inputall::-moz-placeholder          {color:#363148; opacity:2; font-size:18px; font-family:"RobotoRegular", "Trebuchet MS", sans-serif;}/* Firefox 19+ */
.inputall:-moz-placeholder           {color:#363148; opacity:2; font-size:18px; font-family:"RobotoRegular", "Trebuchet MS", sans-serif;}/* Firefox 18- */
.inputall:-ms-input-placeholder      {color:#363148; font-size:18px; font-family:"RobotoRegular", "Trebuchet MS", sans-serif;}
.inputall.error::-webkit-input-placeholder{color:#363148 !important;}
.inputall.error::-moz-placeholder {color:#363148 !important;}
.inputall.error:-moz-placeholder{color:#363148 !important;}  
.inputall.error:-ms-input-placeholder{color:#363148 !important;}
.inputall:focus::-webkit-input-placeholder {color: transparent}
.inputall:focus::-moz-placeholder          {color: transparent}
.inputall:focus:-moz-placeholder           {color: transparent}
.inputall:focus:-ms-input-placeholder      {color: transparent}
textarea.inputall{ padding-top:20px; resize:none; height:200px;}

.title{ color:#363148; width: max-content; font-size:30px; margin-bottom:25px; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;;}

ul.ul{ margin:0; padding:0; list-style:none;}
ul.ul li{ position:relative; padding-left:20px;}
ul.ul li:before{ position:absolute; content:'-'; font-family:"RobotoRegular", "Trebuchet MS", sans-serif;font-size:18px; color:#363148; left:0; top:1px;}

.s-fz36{ font-size:36px;}
.s-fz22{ font-size:22px;}
.s-mb10{ margin-bottom:10px;}

.place-t{ position: relative; padding-left:17px;}
.place-t:before{ position:absolute; content:''; background:url(../img/sprite.png) -196px -1px; width:10px; height:12px; left:0; top:5px;}
.tel-t{ position: relative; padding-left:17px;}
.tel-t:before{ position:absolute; content:''; background:url(../img/sprite.png) -98px -85px; width:10px; height:10px; left:0; top:7px;}

.section-wtbg{ padding-top:40px; padding-bottom:50px; background-color: #d7c49e;}

.imgwp img{ width:100%;}

.infoblock{ border:2px solid #363148; border-bottom:none; padding:70px 30px; position:relative; text-align:center; }
.infoblock.mb115{ margin-bottom:115px;}
.infoblock:before{ position:absolute; content:''; background:#363148; width:68px; left:0; bottom:0; height:2px;}
.infoblock:after{ position:absolute; content:''; background:#363148; width:68px; right:0; bottom:0; height:2px;}
.infoblock .infoblock-title{ font-size:48px; color:#363148; font-family: "ArsenalBold", "Trebuchet MS", sans-serif;}
.infoblock .butt-wp{ position:absolute; bottom: -25px; left:0; right:0; margin:0 auto;}

.infoblock.whgt{ border-color:#f5f5f4; }
.infoblock.whgt .infoblock-title{color:#f5f5f4; }
.infoblock.whgt .butt-wp{ left:98px; right:auto;}
.infoblock.whgt:before{background:#f5f5f4;}
.infoblock.whgt:after{background:#f5f5f4;}


.section-fishbg{background:url(../img/Top_img.jpg); background-attachment:fixed; background-position:center; background-size:cover; padding-top:150px; color:#fff; text-align:center; padding-bottom:180px;}
.section-bg-2{background:url(../img/bg_2.jpg); background-attachment:fixed; background-position:center; background-size:cover; padding-top:150px; color:#fff; text-align:center; padding-bottom:180px;}

.section-bluebg{ background:#363148; padding:60px 0; color:#f5f4eb;}
.contbl .contbl-tb{ display:table; width:100%;}
.contbl .contbl-logo{ text-align:center; font-size:14px; color:#f5f5f5; display:table-cell; vertical-align:middle; float:none;}
.contbl .contbl-text{ display:table-cell; float:none;}
.contbl .contbl-i{ margin-bottom:20px;}
.developer{ display:inline-block; margin-top:15px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.developer a{-webkit-transition:all 0.3s; transition:all 0.3s;}
.developer:hover{ color:#fd2293;}
.developer:hover a{ color:#fd2293;}

.overlay{ position:fixed; z-index:9; background:rgba(0,0,0,0.40); left:0; top:0; width:100%; height:100%;}

.section-map{ position:relative;}
.scrolltop{ position:fixed; z-index:1; background:url(../img/sprite.png) -215px -0px; width:77px; height:77px; right: 60px; bottom: 115px; margin:auto;}

#map{width:100%; height:400px;}
#map .fullScreen{ width:77px; height:77px; top:20px !important; right:20px !important; cursor:pointer; z-index:2; background:url(../img/sprite.png) -1px -73px;}
#map .fullScreen div{opacity:0;}

@media only screen and (max-width: 979px){
	
.header .header-tel{ font-size:22px;}
.header .header-ico-c{ margin-left:30px}

.section-top{ background-attachment:inherit;}
.section-fishbg{background-attachment:inherit;}
	
.contacts .s-fz22{ font-size:20px;}
.contacts .s-fz36{ font-size:26px;}
	
.top-items .top-item-t{ max-width:100%;}

	}
@media only screen and (max-width: 767px){
	
body{ font-size:16px;}

.scrolltop {right: 30px; bottom: 50px;}

.header{ height:75px;}
.header .header-logo{ width:80px; margin:0; margin-top:10px;}
.header .header-logo img{ width:100%;}
.header .header-ico-c{ margin-top:10px; margin-left:15px;}
.header .header-tel{ font-size:16px; margin-top:29px;}

.section-contacts{ position:absolute;}
.contacts .contacts-desc{ margin-bottom:20px;}
.contacts .contacts-form{ margin-bottom:20px;}
.contacts .contacts-row{ margin-bottom:10px;}

.section-top{ padding-top:110px; background-attachment:inherit;}
.section-top h1.fz60{ font-size:30px;}
.section-top p.fz30{ font-size:24px;}
.section-top .mouse{ margin:50px auto 40px;}

.top-items .top-item{ margin-bottom:30px;}
.top-items .top-item:last-child{ margin-bottom:0;}
.top-items .top-item-t{ font-size:18px;}

.infoblock .infoblock-title{ font-size:24px;}
.infoblock:after{ width:20px;}
.infoblock:before{ width:20px;}
.infoblock.mb115{ margin-bottom:80px;}
.infoblock.whgt .butt-wp{ left:40px;}

.imgwp{ max-width:400px; margin:0 auto;}

.butt{ font-size:20px; padding-top:11px;}
.butt.butt-ylw{ -webkit-transition:all 0.3s; transition:all 0.3s; }
.butt.butt-ylw:hover{ -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; background:#fff;}

.title{ font-size:26px; margin-bottom:15px; width: auto;}

.s-row-mbmob-20{ margin-bottom:20px;}

.s-fz36{ font-size:28px;}
.s-fz22{ font-size:18px;}

.section-fishbg{ padding:60px 0; background-attachment:inherit;}

.contbl .contbl-tb{ display:block;}
.contbl .contbl-text{ display:block; margin-bottom:20px; text-align:center;}
.contbl .contbl-logo{ display:block;}

	}
@media only screen and (max-width: 350px){
.infoblock.whgt .butt-wp{ left:22px;}
}





































