html {
      height: 100%;
    }
    body {
      background: #E2E4E7;
      padding: 0;
      text-align: center;
       font-family: myFirstFont;
      position: relative;
      margin: 0;
      height: 100%;
      -webkit-font-smoothing: antialiased;
    }
    
    .wrapper {
    	height: 100% !important;
    	height: 100%;
    	margin: 0 auto; 
    	overflow: hidden;
    }
    
    a {
      text-decoration: none;
    }
    
ul li{ display:block;}
    
    
    h1, h2 {
      width: 100%;
      float: left;
    }


    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
    

   

    
    .reload.bell {
      font-size: 12px;
      padding: 20px;
      width: 45px;
      text-align: center;
      height: 47px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
    }
    
    .reload.bell #notification {
      font-size: 25px;
      line-height: 140%;
    }
    

    .reload:hover{
      background: #444;
    }
    .btn {
      width: 200px;
      color: rgb(255, 255, 255);
      border: 4px solid rgb(0, 0, 0);
      background: rgba(3, 3, 3, 0.75);
    }
	
	
    .clear {
      width: auto;
    }
    .btn:hover, .btn:hover {
      background: #444;
    }
    .btns {
      width: 410px;
      margin: 50px auto;
    }
    .credit {
      text-align: center;
      color: rgba(0,0,0,0.5);
      padding: 10px;
      width: 410px;
      clear: both;
    }
    .credit a {
      color: rgba(0,0,0,0.85);
      text-decoration: none;
      font-weight: bold;
      text-align: center;
    }
    
    .back {
      position: absolute;
      top: 0;
      left: 0;
      text-align: center;
      display: block;
      padding: 0px;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: rgba(000, 000, 000, 0.1);
      font-weight: bold;
      font-size: 13px;
      color: #000;
      -webkit-transition: all 500ms ease-in-out;
      -moz-transition: all 500ms ease-in-out;
      -o-transition: all 500ms ease-in-out;
      transition: all 500ms ease-in-out;
	  height:146px;
	  z-index:99;
    }
    .head ul{
        padding:0;
        margin:5px;
    }
    .head ul li{
        display:inline-block;
        list-style-type:none;
        padding:5px 5px 0px 5px;
        font-size:15px;
    }
    .plan_btn{
        padding:5px 15px;
        background-color:#000;
        color:#fff;
    }
    .head ul li i{
        margin:0 5px 0 0;
    }
    
    header {
      position: relative;
      z-index: 10;
      top:45px;
    }
    .main section .page_container {
      position: relative;
      top:22px;
      margin: 0 auto;
      max-width: 100%;
      z-index: 3;
    }
    .main section  {
      overflow: hidden;
    }
    
    .main section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }
    
    .main section.page1 {
      background:rgb(230, 217, 200);
    }


    .main section.page2 {
     /* background: #555557 url(back-phone.png) no-repeat center -150px ;*/
    }
    .main section.page2 > img {
      position: absolute;
      top: 0px;
      left: 0%;
      margin-left: 0px;
    }
    .main section.page2 .page_container {
      margin-top: 0px;
      overflow: hidden;
    }
 
    .main section.page3 {
     /* background:url(tilted-phone.png) no-repeat 156px -150px ;*/
	  background:url(../images/section3_bg.jpg) no-repeat;
	  margin:0 auto;
	  background-position:top;
    }
    .main section.page3 .page_container {
      overflow: hidden;
      width: 100%;
      margin:0 auto;
    }
	
	    .main section.page4 {
    
	  background:url(../images/footer_bg.jpg) no-repeat;
	  background-position:top;
	  margin:0 auto;
	 
    }
    .main section.page4 .page_container {
      overflow: hidden;
      width: 100%;
      margin:0 auto;
    }
  
    
    body.disabled-onepage-scroll .onepage-wrapper  section {
      min-height: 100%;
      height: auto;
    }
    
    body.disabled-onepage-scroll .main section .page_container, body.disabled-onepage-scroll .main section.page3 .page_container  {
      padding: 0px;
      margin-top: 0px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    body.disabled-onepage-scroll section .page_container h2, body.disabled-onepage-scroll section .page_container .credit, body.disabled-onepage-scroll section .page_container .btns{
      text-align: center;
      width: 100%;
    }
    
    body.disabled-onepage-scroll .main section.page1 > img {
      position: absolute;
      width: 100%;
      
    }
    
    body.disabled-onepage-scroll .main section > img {
      position: relative;
      max-width: 100%;
      bottom: 0;
    }
    body.disabled-onepage-scroll code {
      width: 95%;
      margin: 0 auto;
      float: none;
      overflow: hidden;
    }
    
    body.disabled-onepage-scroll .main section.page3 .page_container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      right: 0;
    }
	
	 body.disabled-onepage-scroll .main section.page4 .page_container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      right: 0;
    }
	
	header{ width:100%;}
	
	.wrapper_main{ max-width:1230px; margin:0 auto;}
@media(max-width:1025px){
	.wrapper_main{margin:0 auto;}
}

	.head{ width:100%; height:35px; background-color:#FFF; margin:0 auto; position:absolute; top:30px; z-index:99999;}
	#header{ width:100%;}
	.left_header{ width:50%; float:left; text-align:left;}
	.left_header img{ margin-top:20px;}
	.right_header{ width:50%; float:right; text-align:right;}
	
    /*#page1_content{ width:40%; height:90px; background-color:rgba(000,000,000,0.5); position:relative; z-index:99; margin-top:-340px;}*/
	#page1_content{ width:40%; height:90px; position:relative; z-index:99; margin-top:-340px;}
	#page1_content h1{ color:#FFF; font-size:36px; line-height:5px; font-weight:100;}
	#page1_content2{ width:25%; height:40px; background-color:rgba(000,000,000,0.5); position:relative; z-index:99; margin-top:-10px;}
	#page1_content2 h3{ color:#FFF; font-size:16px; line-height:40px; font-weight:100; text-align:center;}
	
	
	#boxes{ width:100%; height:112px; margin-top:10px; position:relative; z-index:9;}
	#box1{ width:15%; float:left;  }
	#box2{  width:15%; float:left;  margin-left:25px;}
	#box3{  width:15%; float:left;  margin-left:25px;}
	#box4{  width:15%; float:left;  margin-left:25px;}
	#box5{  width:15%; float:left;  margin-left:25px;}
	#box6{  width:15%; float:right; }
	
	#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box6 img{ width:100%; height:112px; border:5px solid #000;}
	
	
	@media (max-width:768px) {
        .back {
           height: 200px;
         }
        .head {
          height: 100px;
         }
         header {
           top: 90px;
         }
		.left_header{ width:50%; float:left; text-align:left;}
		.right_header{ width:50%; float:right; text-align:right;}
		.back{ background-color:#000;}
		#page1_content{ width:100%; height:70px; position:relative; z-index:99; margin-top:-330px;}
	#page1_content h1{ color:#FFF; font-size:36px; line-height:5px; font-weight:100;}
		#page1_content2{ display:none;}
		#boxes{ width:100%; position:relative; z-index:9;}
		#box1, #box2, #box3, #box4, #box5 { width:80%; float:none; height:120%; margin:0 auto;  }
		#box6{ width:80%; margin:0 auto; float:left; margin-left:10%;}
	}
	
	
	
ul.img-list1 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list1 li {
display: inline-block;
height:179px;
margin:0 auto;
position: relative;
width: 100%;

}


 
span.text-content1 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list1 li:hover span.text-content1 {
opacity: 1;
}



span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 118px;
left: 0;
position: absolute;
top: 0;
width: 190px;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}

@media (max-width:768px) {
	
	
	span.text-content1 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 118px;
left: 0;
position: absolute;
top: 0;
width: 102%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
	
}


.page2 h1{ font-size:32px; text-transform:uppercase; margin-top:-45px; position:relative; z-index:9999999; }
.page2 h1 span{ font-size:18px; text-transform:uppercase; }

.boxes{ width:100%; margin-top:80px;}
.left_box{ width:50%; float:left;}
.right_box{ width:50%; float:right; text-align:center;}


@media (max-width:768px) {
	
.page2 h1{ font-size:32px; text-transform:uppercase; margin-top:-45px; position:relative; z-index:9999999; background-color:#000; color:#999; }
.page2 h1 span{ font-size:20px; text-transform:uppercase; }

.boxes{ width:100%; margin-top:50px;}	
.left_box{ width:100%; float:left;}
.right_box{ width:100%; text-align:center; margin:0 auto; }

}

.ping1,
.ping2,
.ping3{position:absolute;z-index:88;left:50%;top:50%;display:block;content:"";-webkit-border-radius:116px;-moz-border-radius:116px;border-radius:116px;border:2px solid #000;
  	transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
   -moz-transition:all 0.2s ease-in-out;
	 -o-transition:all 0.2s ease-in-out;
	width:0;
	height:0;
	margin-left:-2px;
	margin-top:-2px;}

.dot:hover .ping1,
.dot:hover .ping2,
.dot:hover .ping3 {
			transition:all 0.75s ease-out;
	-webkit-transition:all 0.75s ease-out;
	   -moz-transition:all 0.75s ease-out;
		 -o-transition:all 0.75s ease-out;
}
.dot:hover .ping1 { width:116px;height:116px; margin-left:-60px;margin-top:-60px; }
.dot:hover .ping2{width:66px;height:66px;margin-left:-35px;margin-top:-35px; 
	   -moz-transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	     -o-transition-delay:0.2s;
			transition-delay:0.2s;}
.dot:hover .ping3{width:40px;height:40px;margin-left:-22px;margin-top:-22px;
	   -moz-transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	     -o-transition-delay:0.5s;
			transition-delay:0.5s;}


.dot{position:absolute;z-index:99;width:8px;height:8px;background:#000;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;cursor:pointer;}

#map{position:relative; width:638px; float:left; margin-top:-50px; margin-left:150px;}

#a{left:68%;top:35%; position:reletive; z-index:99999999;}
#b{left:63%;top:41%;  position:reletive; z-index:99999999;}
#c {left:67%;top:41.5%;  position:reletive; z-index:99999999;}
#d{left:65.5%;top:45%;  position:reletive; z-index:99999999;}
#e{left:63%;top:49%;  position:reletive; z-index:99999999;}
#f{left:60%;top:48.5%;  position:reletive; z-index:99999999;}
#g {left:60%;top:43.5%;  position:reletive; z-index:99999999;}
#h{left:52.5%;top:37%;  position:reletive; z-index:99999999;}
#i{left:51%;top:50%;  position:reletive; z-index:99999999;}
#j{left:45%;top:55%;  position:reletive; z-index:99999999;}
#k{left:47%;top:43%;  position:reletive; z-index:99999999;}
#l{left:30%;top:83%;  position:reletive; z-index:99999999;}
#m{left:24.5%;top:85%;  position:reletive; z-index:99999999;}
#n{left:30%;top:73%;  position:reletive; z-index:99999999;}
#o{left:30%;top:65%;  position:reletive; z-index:99999999;}
#p{left:24%;top:75%;  position:reletive; z-index:99999999;}
#q{left:24%;top:60%;  position:reletive; z-index:99999999;}
#r{left:19%;top:71%;  position:reletive; z-index:99999999;}
#s{left:19%;top:40%;  position:reletive; z-index:99999999;}
#t{left:15%;top:50%;  position:reletive; z-index:99999999;}
#u{left:25%;top:18%;  position:reletive; z-index:99999999;}
#v{left:27%;top:25%;  position:reletive; z-index:99999999;}
#w{left:22%;top:28%;  position:reletive; z-index:99999999;}
#x{left:31%;top:30%;  position:reletive; z-index:99999999;}
#y{left:33%;top:40%;  position:reletive; z-index:99999999;}
#z{left:25%;top:32%;  position:reletive; z-index:99999999;}
#A{left:45%;top:50%;  position:reletive; z-index:99999999;}
#B{left:30%;top:50%;  position:reletive; z-index:99999999;}
#C{left:38%;top:55%;  position:reletive; z-index:99999999;}

.list-wrpaaer ul li img { border:10px solid #000; }
.list-wrpaaer ul li {  margin-top:6px; margin-left:50px; }


@media (max-width:768px) {
.dot{position:absolute;z-index:99;width:7px;height:7px;background:#000;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;cursor:pointer;}
#map{position:relative; width:100%; float:left; margin-top:-50px; margin-left:0px; height:auto;}
#map img{ width:100%; height:100%;}

#a{left:88%;top:37%; position:reletive; z-index:99999999;}
#b{left:85%;top:42%;  position:reletive; z-index:99999999;}
#c {left:90%;top:42%;  position:reletive; z-index:99999999;}
#d{left:88%;top:46%;  position:reletive; z-index:99999999;}
#e{left:85%;top:50%;  position:reletive; z-index:99999999;}
#f{left:82%;top:49%;  position:reletive; z-index:99999999;}
#g {left:82%;top:44%;  position:reletive; z-index:99999999;}
#h{left:71%;top:38%;  position:reletive; z-index:99999999;}

#i{left:70%;top:50%;  position:reletive; z-index:99999999;}
#j{left:60%;top:55%;  position:reletive; z-index:99999999;}
#k{left:62%;top:43%;  position:reletive; z-index:99999999;}
#l{left:40%;top:83%;  position:reletive; z-index:99999999;}
#m{left:34%;top:85%;  position:reletive; z-index:99999999;}
#n{left:40%;top:73%;  position:reletive; z-index:99999999;}
#o{left:43%;top:65%;  position:reletive; z-index:99999999;}
#p{left:31%;top:75%;  position:reletive; z-index:99999999;}
#q{left:34%;top:60%;  position:reletive; z-index:99999999;}
#r{left:26%;top:71%;  position:reletive; z-index:99999999;}
#s{left:25%;top:40%;  position:reletive; z-index:99999999;}
#t{left:20%;top:50%;  position:reletive; z-index:99999999;}
#u{left:35%;top:18%;  position:reletive; z-index:99999999;}
#v{left:35%;top:25%;  position:reletive; z-index:99999999;}
#w{left:30%;top:30%;  position:reletive; z-index:99999999;}
#x{left:42%;top:30%;  position:reletive; z-index:99999999;}
#y{left:50%;top:40%;  position:reletive; z-index:99999999;}
#z{left:34%;top:34%;  position:reletive; z-index:99999999;}
#A{left:60%;top:50%;  position:reletive; z-index:99999999;}
#B{left:40%;top:50%;  position:reletive; z-index:99999999;}
#C{left:50%;top:55%;  position:reletive; z-index:99999999;}

.list-wrpaaer ul li img { border:5px solid #000; width:100%; }
.list-wrpaaer ul li {  margin-top:6px; margin-left:0px; width:100%; }

}


ul.img-list6 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list6 li {
display: inline-block;
height: 98px;
margin:0 auto;
position: relative;
width: 273px;
margin-bottom:20px;

}


 
span.text-content6 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list6 li:hover span.text-content6 {
opacity: 1;
}



span.text-content6 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 50px;
left: 0;
position: absolute;
top: 60px;
width: 283px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
text-transform:uppercase;
}


.page3 h1{ font-size:32px; text-transform:uppercase; position:relative; z-index:9999999; color:#CCC; }
.page3 h1 span{ font-size:20px; text-transform:uppercase; }

#boxes_abroad{ width:99%; height:500px; position:relative; z-index:9; }
#left_box1{ width:272px; height:210px; background-color:#F00; float:left; margin-left:20px;}
#left_box1 img{ border:5px solid #CCC;  width:100%; height:100%;}
#right_box1{ width:286px; height:210px; background-color:#09C; float:left; margin-left:30px;}
#right_box1 img{ border:5px solid #CCC;  width:100%; height:100%;}
#left_box2{ width:250px; height:180px; background-color:#F00; float:left;  margin-top:25px; margin-left:145px; }
#left_box2 img{ border:5px solid #CCC;  width:100%; height:100%;}
#right_box2{  width:250px; height:180px; background-color:#F00; float:left; margin-left:20px; margin-top:25px;}
#right_box2 img{ border:5px solid #CCC;   width:100%; height:100%; }

@media (max-width:768px) {
	
.page3 h1{ font-size:32px; text-transform:uppercase; position:relative; z-index:9999999; color:#999; background-color:#000; }
.page3 h1 span{ font-size:20px; text-transform:uppercase; }

#boxes_abroad{ width:100%; position:relative; z-index:9; margin:0 auto; background:none;}
#left_box1{ width:62%; height:210px; margin:0 auto; margin-left:0px; background:none; float:left;}
#left_box1 img{ border:5px solid #CCC;  width:62%; height:100%; float:left; margin-left:4%;}
#right_box1{ width:100%; height:210px; margin:0 auto; margin-top:15px; background:none;}
#right_box1 img{ border:5px solid #CCC;  width:100%; height:100%;  margin:0 auto;}
#left_box2{ width:100%; height:180px; margin:0 auto; margin-top:15px; margin-left:0px; background:none; }
#left_box2 img{ border:5px solid #CCC;  width:100%; height:100%;}
#right_box2{  width:100%; height:180px; margin:0 auto; margin-left:0px; margin-top:5px; background:none;}
#right_box2 img{ border:5px solid #CCC;   width:100%; height:100%; }




}

ul.img-list2 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list2 li {
display: inline-block;
height: 210px;
margin:0 auto;
position: relative;
width: 272px;

}


 
span.text-content2 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list2 li:hover span.text-content2 {
opacity: 1;
}



span.text-content2 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;

bottom:-10px;
width: 282px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}

ul.img-list3 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list3 li {
display: inline-block;
height: 210px;
margin:0 auto;
position: relative;
width: 286px;

}


 
span.text-content3 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list3 li:hover span.text-content3 {
opacity: 1;
}



span.text-content3 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
bottom: -10px;
width: 297px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}



ul.img-list4 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list4 li {
display: inline-block;
height: 170px;
margin:0 auto;
position: relative;
width: 250px;

}


 
span.text-content4 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list4 li:hover span.text-content4 {
opacity: 1;
}



span.text-content4 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height:80px;
left: 0;
position: absolute;
bottom: -10px;
width: 260px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}



ul.img-list5 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list5 li {
display: inline-block;
height: 170px;
margin:0 auto;
position: relative;
width: 250px;

}


 
span.text-content5 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list5 li:hover span.text-content5 {
opacity: 1;
}



span.text-content5 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height:80px;
left: 0;
position: absolute;
bottom: -10px;
width: 260px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}


@media (max-width:768px) {
span.text-content2 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;

bottom:-10px;
width: 64.5%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
margin:0 auto;
margin-left:4%;
}

}


.page4 h1{ font-size:32px; text-transform:uppercase; position:relative; z-index:9999999; margin-top:40px;}

#boxes_Package{ width:90%; height:500px; position:relative; z-index:9; }
#left_box1_Package{ width:451px; height:175px; background-color:#F00; float:left; margin-left:20px; margin-top:10px;}
#left_box1_Package img{ border:5px solid #000;  width:100%; height:100%;}
#right_box1_Package{ width:285px; height:175px; background-color:#09C; float:left; margin-left:20px; margin-top:10px;}
#right_box1_Package img{ border:5px solid #000;  width:100%; height:100%;}
#left_box2_Package{ width:285px; height:150px; background-color:#F00; float:left; margin-left:185px; }
#left_box2_Package img{ border:5px solid #000;  width:100%; height:100%;}
#right_box2_Package{  width:285px; height:150px; background-color:#F00; float:left; margin-left:20px;}
#right_box2_Package img{ border:5px solid #000;   width:100%; height:100%; }

@media (max-width:768px) {
	


#boxes_Package{ width:90%; height:500px; position:relative; z-index:9; }
#left_box1_Package{ width:62%; height:210px; margin:0 auto; margin-left:0px; background:none; float:left;}
#left_box1_Package img{ border:5px solid #CCC;  width:62%; height:100%; float:left; margin-left:4%;}
#right_box1_Package{ width:100%; height:210px; margin:0 auto; margin-left:0px; background:none; float:left;}
#right_box1_Package img{border:5px solid #CCC;  width:100%; height:100%; float:left; margin-left:5%;}
#left_box2_Package{width:100%; height:210px; margin:0 auto; margin-left:0px; background:none; float:left; }
#left_box2_Package img{ border:5px solid #CCC;  width:100%; height:100%; float:left; margin-left:5%;}
#right_box2_Package{width:100%; height:210px; margin:0 auto; background:none; float:left; margin-top:-25px;}
#right_box2_Package img{ border:5px solid #CCC;  width:100%; height:100%; float:left; margin-left:5%;}

 .main section.page3 { background:none;}
 .main section.page4 { background:none;}
 
 .page4 h1{ font-size:28px; text-transform:uppercase; position:relative; z-index:9999999; margin-top:40px; background-color:#000; padding:10px 0px; color:#999;}


}


ul.img-list10 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list10 li {
display: inline-block;
height: 175px;
margin:0 auto;
position: relative;
width: 451px;

}


 
span.text-content10 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list10 li:hover span.text-content10 {
opacity: 1;
}



span.text-content10 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
top:0;
width: 458px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}

ul.img-list7 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list7 li {
display: inline-block;
height: 175px;
margin:0 auto;
position: relative;
width: 285px;

}


 
span.text-content7 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list7 li:hover span.text-content7 {
opacity: 1;
}



span.text-content7 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
top:0;
width: 290px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}



ul.img-list8 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list8 li {
display: inline-block;
height: 150px;
margin:0 auto;
position: relative;
width: 285px;

}


 
span.text-content8 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list8 li:hover span.text-content8 {
opacity: 1;
}



span.text-content8 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height:80px;
left: 0;
position: absolute;
bottom: -10px;
width: 295px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}



ul.img-list9 {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;

}
 
ul.img-list9 li {
display: inline-block;
height: 150px;
margin:0 auto;
position: relative;
width: 285px;

}


 
span.text-content9 span {
display: table-cell;
text-align: center;
vertical-align: middle;
}



ul.img-list9 li:hover span.text-content9 {
opacity: 1;
}



span.text-content9 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height:80px;
left: 0;
position: absolute;
bottom: -10px;
width: 295px;
opacity: 1;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
}

@media (max-width:768px) {
span.text-content10 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
top:0;
width: 64%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
margin-left:4%;
}

span.text-content7 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
top:0;
width: 103.5%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
margin-left:5%;
}

span.text-content8 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
bottom:-10px;
width: 103.5%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
margin-left:5%;
}

span.text-content9 {
background: rgba(0,0,0,0.5);
color: white;
cursor: pointer;
display: table;
height: 80px;
left: 0;
position: absolute;
bottom:-10px;
width: 103.5%;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
z-index:99999;
margin-left:5%;
}


}

footer{ width:100%; margin-top:-10px;}
#foot{ width:100%; float:right; text-align:right; position:relative; z-index:999; color:#FFF;}
#foot span{ margin-left:20px;}

#foot_bottom{ height:40px; width:100%; position:relative; z-index:9999; margin-top:50px; border-bottom:1px solid #FFF; border-top:1px solid #FFF;}
#left_foot_bootom{ width:35%; float:left; height:40px; text-align:left;}
#middle_foot_bottom{ width:35%; border-left:1px solid #FFF; border-right:1px solid #FFF; height:40px; margin-left:35%; margin-top:-16px;}
#right_foot_bottom{ width:30%; float:right; height:40px; margin-top:-35px;}
#left_foot_bootom p{ color:#FFF; line-height:2px;}
#right_foot_bottom p{ color:#FFF; line-height:2px;}
#middle_foot_bottom p{ color:#FFF; line-height:10px; padding-top:10px;}
#middle_foot_bottom a{ margin-left:10px;}

@media (max-width:768px) {

footer{ width:100%; margin-top:400px; height:170px; background-color:#000; }
#foot{ width:100%; float:right; text-align:right; position:relative; z-index:999; color:#FFF;}
#foot span{ margin-left:20px;}
#foot_bottom{ height:40px; width:100%; position:relative; z-index:9999; margin-top:50px; border:none;}
#left_foot_bootom{ width:100%; float:right; height:20px; }
#middle_foot_bottom{ width:100%;  height:30px; clear:both; float:right; border:none;}
#left_foot_bootom p{ color:#FFF; margin-top:20px;  text-align:right; font-size:14px;}
#middle_foot_bottom p{ color:#FFF; line-height:10px; margin-top:-25px; float:right; }
#middle_foot_bottom a{ margin-left:10px;}	
#right_foot_bottom{ width:100%;  height:20px; clear:both; float:right;}
#right_foot_bottom p{ color:#FFF; margin-top:40px; text-align:right; font-size:14px;}



/* /////////////////// about us ///////////////////////////////////// */


#about{ margin:0 auto; padding:0; width:90%; margin-top:30px; font-family: myFirstFont; font-size:20px;}
.left_about{ margin:0 auto; padding:0; width:40%; float:left; height:450px; margin-top:80px;}
.left_about img{ margin:0 auto; padding:0; width:100%; height:100%;}
.right_about{ margin:0 auto; padding:0; width:55%; float:right;}
.right_about h4{ margin-top:80px; text-align:left; padding:0px 0px 0px 10px;}
.right_about p{ font-size:16px; text-align:justify; padding:0px 0px 0px 10px; margin-top:-20px;}

@media (max-width:768px) {
	
	
	
	#about{ margin:0 auto; padding:0; width:90%; margin-top:30px; font-family: myFirstFont; font-size:20px;}
.left_about{ margin:0 auto; padding:0; width:100%; float:left; height:450px; margin-top:80px;}
.left_about img{ margin:0 auto; padding:0; width:100%; height:100%;}
.right_about{ margin:0 auto; padding:0; width:100%; float:right;}
.right_about h4{ margin-top:80px; text-align:left; padding:0px 0px 0px 10px;}
.right_about p{ font-size:16px; text-align:justify; padding:0px 0px 0px 10px; margin-top:-20px;}



	
}



/* /////////////////// contact us ///////////////////////////////////// */


#contact{ margin:0 auto; padding:0; width:90%; margin-top:30px; font-family: myFirstFont; font-size:20px;}
.left_contact{ margin:0 auto; padding:0; width:40%; float:left; height:450px; margin-top:80px; }
.left_contact td{ font-size:16px;}
.right_contact{ margin:0 auto; padding:0; width:55%; float:right; margin-top:80px;}
.right_contact p{ font-size:16px; text-align:justify; }
fieldset{ height:460px;}
@media (max-width:768px) {
	
	
#contact{ margin:0 auto; padding:0; width:90%; margin-top:30px; font-family: myFirstFont; font-size:20px;}
.left_contact{ margin:0 auto; padding:0; width:100%; float:left; height:450px; margin-top:80px; }
.left_contact p{ font-size:16px;}
.right_contact{ margin:0 auto; padding:0; width:100%; float:right; margin-top:80px;}
.right_contact p{ font-size:16px; text-align:justify; }

fieldset{ height:620px;}

	
}



}