/*main*/
html , body{
    padding:0;
    margin:0;
    min-height:100%;
  	height:auto;
	font-family: "Roboto";
    font-size: 16px;
    color: #222;
    line-height: 1.5em;
    letter-spacing: 0.5px;
 	background-color:#fcfcfc;
}

h1, h2, h3, h4, h5, h6 {
	width: 100%;
    margin: 15px 0 50px 0;
    padding: 7px 0 7px 15px;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    border-left: 4px solid #118cbf;
    font-family: "Play-bold";
    line-height: 1.5em;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    color: #118cbf;
}

a, p ,img {
  	padding:0;
    margin:0;
    border:none;
}

.link {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}

a, a:hover, a:visted {text-decoration:none !important;}
ul li {text-decoration:none !important;}

.wrapper{
    position:relative;
  	margin-bottom:50px;
    width:100%;
    background-size: cover;
  background-color:#fcfcfc;
}

.center {
  	position:relative;	
    max-width:900px;
    margin:0 auto;
    height:auto;
    
}

.top, .content, .bottom {
    width:100%;
    height:auto;
}

.top {background:url("../images/bgo.jpg")top no-repeat fixed;}

.top1,.top2, .top3 {position:relative;width:100%;overflow: hidden;}
.top1 {height: 124px;background-color:#fff;z-index:50;border-top: 3px solid #118cbf;border-bottom: 1px solid #eeeeee;}
.topwrapper {padding-right: 7px;width: 100%;height: 120px;}
.top1r {float: right; width:80%;}
.top2 {}
.top3 {}

.menu_nav {
    height: 60px;
    width: 100%;
    z-index: 100;
}

.menu_div {}

.logo {
    float:left;
    width:20%;
    height:86px;
}


.content1{
    padding: 50px 0;
}

#content {}

.cr-content{width:100%;float:right;}

.left-content{
    float: left;
    width: 30%;
    padding: 0;
}
    

.bottom {
    

    position:absolute;
    height:100px;
  	overflow: auto;
    background-color:#333;
    color: #e5e5e5;
    z-index:1;
}

.bottom a {
    color: #fff;

}

.left-bottom{
    width:50%;
    float:left;

}

.right-bottom{
    width:50%;
    float:left;
}

.footer{
    position:relative;
    float:left;
    width:100%;
    height:100%;
 	background:url("../images/bg_mask.png")repeat fixed;
    font-size:12px;
    text-align:center;
}

/*Phone*/
.phone{    height: 55px;
    width: 100%;
    padding-top: 30px;}

.phone a {    
  font-family: "Play-bold";
    text-decoration: none;
    font-size: 18px;
    display: block;
    float: right;
    padding: 5px 0 0 15px;}


/*Menu*/
.menu {height: 40px;
    width: 100%;}
.menu ul {
    width:100%;
    margin: auto;
  padding:0;
   } 
    
.menu ul li {
    float: right;
 height: 35px;
    margin: 0;
    margin-left: 30px;
    list-style:none;

  transition:all 0.3s;
} 

    

.menu ul li:hover  a{  color: #118cbf;}

.menu ul li a:active { color: red}

.menu ul li a{
    font-family: "Play-bold";
    text-decoration: none;
    font-size: 18px;
  color: #333;
  transition:all 0.3s;
}




.top2 .menu {
    width:100%;
    margin: auto;
  padding:0;
      margin-top: 15px;
   } 
    
.top2 .menu li {
    float: right;
  height: 35px;
    margin: 0;
    margin-left: 30px;
    list-style:none;

  color: #118cbf;

  transition:all 0.3s;
} 

.top2 .menu li:hover {
 
      

}

.top2 .menu li:hover  a{ color: #f1f1f1}

.top2 .menu li a{
    font-family: "Play-bold";
    text-decoration: none;
    font-size: 18px;
  color: #fff;
  transition:all 0.3s;
}


.firstword{
  height: 250px;
    padding-top: 150px;}
.firstword h1{
  	margin:0;
   	background: none;
    border: none;
 	color: #fff;
    text-align: center;    
}


/*tabs*/
.tabs{width:870px;margin:0 auto;}
.tab1, .tab2, .tab3 {position:relative;width:250px;height:250px;float:left;margin:20px;background: url(../images/tab.png) center no-repeat;transition:all 0.3s;}
.tab-links{display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.tab1:hover, .tab2:hover, .tab3:hover {cursor:pointer;}

.tab1:hover , .tab2:hover , .tab3:hover {box-shadow: 0px 0px 7px #000;}


.ttab1 , .ttab2 , .ttab3 {margin:auto;height:150px;width:150px;transition:all 0.3s;} 
.ttab1 {background:url("../images/tab1_ico.png") center no-repeat;}
.ttab2 {background:url("../images/tab2_ico.png") center no-repeat;}
.ttab3 {background:url("../images/tab3_ico.png") center no-repeat;}
.btab1 , .btab2 , .btab3 {padding-top:15px;font-family: "Play-bold";font-size:18px;text-align:center;color:#fff;}
.btab1 a, .btab2 a, .btab3 a {transition:all 0.3s;}
.tab1:hover > .btab1 a, .tab2:hover > .btab2 a, .tab3:hover > .btab3 a {}

.contactmap{padding: 20px 0 20px 0;height: 400px;}
.contact{width:30%;float:left;}
.map{    width: 65%;
    float: right;}


.copy{display:block;padding-top:40px;}

@font-face{
    font-family: "Play-bold";
    src: url("../fonts/Play-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "Play-reg";
    src: url("../fonts/Play-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face{
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}