html{
    font-size: 100%;
	background:	#fff;
	font-family: 'Open Sans', sans-serif;
}

body {
font: normal normal 15px Verdana, Geneva, sans-serif;
color: #2c2c2c;
background: #2b93ba url(../images/unnamed.jpg) no-repeat fixed top center;
width: auto;
}

a:link {
text-decoration:none;
color: #105695;
}
a:visited {
text-decoration:none;
color: #00376d;
}
a:hover {
text-decoration:underline;
color: #1056c9;
}


p{
	margin:0;
}
h1,h2,h3,h4,h5,h6,a{
	font-family: 'Gabriela', serif;
	margin:0;
	
}
ul,label{
	margin:0;
	padding:0;
}



#content{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
width: 1030px;
padding:15px;
border-radius:15px;
box-shadow: 0 0 8px rgba(0,0,0,0.5);
background: rgba(255, 255, 255, 0.8);
}

.banner{
    position:relative;
}


    .block-popup{
position:absolute;
        right:0;
        bottom:0;
	width:200px;
	height:200px;
	border-radius:85% 0 0 0;
	background-color:rgba(137,152,165,0.3);
		transform-origin:center;
-webkit-transform-origin:center;
-moz-transform-origin:center;
-o-transform-origin:center;
-ms-transform-origin:center;

-ms-transform: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
display:none;
      }
 
.center{
    text-align:center;
     height:72px;
width:72px;
position: absolute;
right: 0;
bottom: 0;
z-index:999;
transform-origin:center;
-webkit-transform-origin:center;
-moz-transform-origin:center;
-o-transform-origin:center;
-ms-transform-origin:center;
cursor:pointer;
background:#b6c3cc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEABAMAAACuXLVVAAAAHlBMVEUAAAD///////////////////////////////////8kfJuVAAAACXRSTlMAjYWECsO9DGd4+BfMAAAClElEQVR42uzXMU4CQBhEYVwtKG09wh7BzsoreAY7j8AVNLH4b0tNXjeQF0jm9Tu7+SAkHFprrbXWWmuttdZaa6211lq7/15O+dnjx+H6Pn/zs/vrBgDf85qeXfP/cz3ATEywZ0AQAExKsGZAkADEBHsGBAlASrBmQJAAxAR7BgQJQEqwZkCQAMQEewYEMQAJGAFAkAOQgBEABDEACRgBQJADkIARAAQJAAgCgJjgOBMTvM1Fp/SnNCVYwduDmfTp+Y4MwCEbgEsyAKdsAG7JAByzAbgmA3DOBuCeDMBBG4CLMgAnbQBuygActQG4KgNw1gbgrgzAYRuAyzIAp20AbssAHLcBuC4DcN4G4L4MwAtsAN4QAuQ944oMIO8dd6gAJLABSCADkMAGIIEMQAIbgAQyAAlsABLIACSwAUggA5DABiBBCJD3NBf9yQAkkAH4LRAAQCADkMAGIIEMQAIbgAQyAAlsABLIACSwAUggA5DABiCBDEACG4AEAJDbeIDb0j8CArgEBJAJCOASEEAmIIBLQACZgAAuAQFkAgK4BASQCQjgEhDAJyBATvDwf8/P7dyxbQRBEMRAQ1Ep/8Tki560z8YAZAIHlHnYnt8f/JIJ+EPk2yWguEtAAJmAAC4BAWQCArgEBJAJCOASEEAmIIBLQACZgAAuAQFkAgK4BASQCQjgEhBAJiCAS0AAmYAALgEBZAICuAQEkAkI4BIQQCYggEtAgD8SXH3YPH/a/f/H7cef9z8YONyeeLwYuZye+TwZOl2eej0au92d+z0bPF6dfL4dvR6c/c6Hz/Pp9378Pp//7w8gzE9A7I9gzM+A7A+hzE/B7I/hzM8B7Q8izU9C7Y9iVVVVVVVVVVVVVVVVVX24H5TUvZ8iia7iAAAAAElFTkSuQmCC') center no-repeat;
background-size:50%;
border-radius: 50%;
right:0 !important;
bottom:0 !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-ms-transform: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out; 
-webkit-animation: anim_btn 3s linear infinite;
animation: anim_btn 3s linear infinite;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg); 
transform: rotate(0deg);
    
}

  
.block-popup span{
    cursor: pointer;
  }
.open-modal{
     position: absolute;
        right: 0;
        bottom: 0;
         background:#a0adb7;
        border:2px solid #a0adb7;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
  }
  
.open-modal:hover{
    z-index:1;
      color:transparent;
              }


@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 0 rgba(137,152,165,0.2),0 0 0 0 rgba(137,152,165,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 15px rgba(137,152,165,0.2),0 0 0 0 rgba(137,152,165,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 30px rgba(137,152,165,0),0 0 0 26.7px rgba(137,152,165,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 30px rgba(137,152,165,0),0 0 0 40px rgba(137,152,165,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 0 rgba(137,152,165,0.2),0 0 0 0 rgba(137,152,165,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 15px rgba(137,152,165,0.2),0 0 0 0 rgba(137,152,165,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(137,152,165,0.3),0 0 0 30px rgba(137,152,165,0),0 0 0 26.7px rgba(137,152,165,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(5137,152,165,0.3),0 0 0 30px rgba(137,152,165,0),0 0 0 40px rgba(137,152,165,0.0)
}
}

.mesimg{width:50px;}     
.mes1{
margin: 20px 0 0 120px;
}
.mes2{
margin: -15px 0 0 -45px;
}
.mes3{
margin: 25px 0 0 -120px;
}



/*-- menu --*/
.menu ul {
    margin: 0;
    padding: 0;
    background: #f4f4f4 url(https://resources.blogblog.com/blogblog/data/1kt/transparent/tabs_gradient_shade.png) repeat scroll bottom;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -goog-ms-border-radius: 10px;
    border-radius: 0 0 10px 10px;
     overflow: hidden;
    list-style: none;
        line-height: 1.5;
}
.menu ul li{
display: inline;
}
.menu li.selected a, .menu li a:hover{
  position: relative;
  z-index: 1;
      color:#000;
    background: #f2f2f2;
    
-moz-box-shadow:rgba(0, 0, 0, .15);
  -webkit-box-shadow: rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: rgba(0, 0, 0, .15);
  box-shadow: rgba(0, 0, 0, .15);
    }
.menu li a {
    display:inline-block;
    padding: .5em 1em;
    margin-right: 0;
    color: #105695;
    font: normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -goog-ms-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    background: transparent none no-repeat scroll top left;
    border-right: 1px solid #cbcbcb;
    text-decoration:none;
}

.forma-randevu{
height:1230px;    
width:900px;
padding:0;
   margin:0; 
border:none;   
}




/*-- footer --*/
.footer{
	background:#b3c2c9;
	padding:4em 0;
	margin-top:10px;
	border-radius:10px;
	}
.footer h3{
	color:#fff;
	font-size: 1.5em;
	margin: 0;
	text-align: center;
	}

.footer-copy{
	margin:2em 0 0;
	padding:2em 0;
	border-top:1px solid #464646;
	border-bottom:1px solid #464646;
}
.footer-copy p{
	color:#fff;
	text-align:center;
	margin:0;
	font-size:14px;
}
.footer-copy p a{
	color:#E8BB2E;
	text-decoration:none;
}
.footer-copy p a:hover{
	color:#fff;
}
/*-- //footer --*/




/*-----start-responsive-design------*/

@media (max-width:750px){
#content{ max-width:750px;padding:0;}
.banner{max-width:750px;padding:0;}
.menu{width:768px;}     
.footer h3 {font-size: 14px;}
.footer { width:768px; padding: 10px 0;	}
   .forma-randevu{
    max-width:740px;
      margin-top:5px;
    }

}
@media (max-width:720px){
    #content{ max-width:720px;}
.banner{max-width:720px; padding:0;}

.menu{width:720px;}     
  .forma-randevu{
    width:720px;
    margin-top:5px;
     }
.footer h3 {font-size: 14px;}
.footer {max-width:720px; padding: 10px 0;	}

}

@media (max-width:680px){
    #content{ max-width:680px;}
.banner{max-width:680px; padding:0;}
.menu{width:680px;}     
.footer h3 {font-size: 16px;}
.footer { max-width:680px; padding: 10px 0;	}
.forma-randevu{
    max-width:670px;
    }
	}

@media (max-width:640px){
    #content{ max-width:640px;padding:0;}
.banner{max-width:640px; padding:0;}
.menu{width:640px;}     
.footer h3 {font-size: 14px;}
.footer { max-width:620px; padding: 2px 0;	}
.forma-randevu{
    max-width:620px;
    }
}

@media (max-width:480px){
    #content{ padding:0;max-width:460px;}
     .block-popup{
         width:110px;
         height:110px;
         }

.center{
         height:60px; width:60px;}

      .mes1 { margin: 10px 0 0 65px;}
.mes2{margin: -20px 0 0 -35px;}
.mes3{margin: 15px 0 0 -60px;}
.mesimg{width:30px;}     
   .open-modal{             height:58px;             width:58px;   }
  .banner{width:460px; padding:0;}
.menu{width:460px;}     
.banner1{text-align: center; width:460px; padding:0;}
.banner1 img{width: 460px;}
.footer h3 {font-size: 14px;}
.footer {width:460px; padding:0;	}
  .forma-randevu{
    width:460px;
    height:1700px;
    }	    
}

@media (max-width:320px){
    #content{ width:320px;}
       .menu{width:320px;}
  .banner1 img{width: 300px;}
.banner1{ text-align: center; width:320px; padding:0;}
.banner{width:300px; padding:0;}
.footer h3 {font-size:14px;}
.footer {width:300px; padding: 2px 0;}
.form-phone{
    width:300px;}
    .forma-randevu{
    width:300px;
     height:1700px;
   }
   .open-modal{     height:58px;        width:58px;   }
    .block-popup{     width:110px;         height:110px;         }
       .mes1 { margin: 10px 0 0 65px;}
.mes2{margin: -20px 0 0 -35px;}
.mes3{margin: 15px 0 0 -60px;}
   .mesimg{width:30px;}     
     .center{          height:60px; width:60px;   }

}