html,body,nav,header,footer,section,container,blockquote,abbr,aside,hgroup,h1,h2,h3,h4,h5,h6,p,span,strong,ol,ul,li{ margin:0; padding:0;}
ol,ul,li{ list-style:none;}
a{ text-decoration:none !important; outline:none !important;}
a img{ border:none;}
body{ overflow-x:hidden;}
body{ background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.clear{ clear:both;}
.clear5{ clear:both; height:5px;} .clear10{ clear:both; height:10px;} .clear15{ clear:both; height:15px;} .clear20{ clear:both; height:20px;} .clear25{ clear:both; height:25px;}
.clear30{ clear:both; height:30px;} .clear35{ clear:both; height:35px;} .clear40{ clear:both; height:40px;}

#page{ width:100%; margin:0; padding:0;}

.header{ width:100%; margin:0; padding:0;  height:100%; position:relative; max-width:225px;  background:#333333; min-height:50px; z-index:999;}
.header .inner{ position:fixed;  height:100%; margin:0; padding:0; background:#333333; max-width:225px; left:0; top:0; border-right:1px solid rgba(51,51,51,0.2); }
.delete2{ width:100%; margin:0; padding:0; background:none; }

.logo{ width:100%;}
.logo img{ width:100%;}

.world-class{ width:30%; font-family: 'walkway_blackregular'; font-size:42px; line-height:55px; color:#fff; letter-spacing:5px; margin-top:4%; margin-left:60px; display:block;}
.world-class span{ font-size:36px; color:#ffcc99; border-top:1px solid #4d899c; border-bottom:1px solid #4d899c; display:block; line-height:50px !important;}

.responsive-iphone{ width:100%; display:none;}
.responsive-iphone img{ width:100%;}
#pad-left0{ padding-left:0;}

.footer{ position:absolute; bottom:40px; right:6%; border-bottom:1px solid #fff; /*background:url(../images/tp.png) no-repeat right bottom;*/  font-family: 'open_sanslight'; font-size:14px; line-height:26px; display:inline-block; width:400px; color:#fff; text-align:justify;}

/*---------sidebar menu--------*/
.sidebar-menu{  margin:0; padding:0; position:relative;  font-family: 'avenirlight'; width:100%; height:100%;  }
.sidebar-menu ul{ margin:0; padding:0;}
.sidebar-menu ul li{	display:block; width:100%; text-align:center; position:relative;
	font-size: 22px;
	margin: 0; border-right:4px solid transparent; margin-bottom:2px;
	padding: 0;
	float: left;
	line-height: 28px;
	 box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.sidebar-menu ul li a{padding: 20px 0px; width:100%;
	color: #fff;
	text-decoration: none;
	display: block;
	text-transform: none;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;}
.sidebar-menu ul li:hover,.sidebar-menu ul li.active{border-right:4px solid #e43333;}	
.sidebar-menu ul li:hover a,.sidebar-menu ul li.active a{background:url(images/pattern.png) repeat right;  color: #fff;}

.sidebar-menu ul li ul{ width: 395px; position:absolute; top:0; left:100%;  background:rgba(228,51,51,0.75); padding-top:0px; height:auto;    padding-left:20px; padding-right:0px;  display:none;  font-family: 'avenirlight';  }
.sidebar-menu ul li:hover ul{ display:block;}
.sidebar-menu ul li ul li{ width:100%; height:auto !important;  text-align:left; line-height:auto !important; }
.sidebar-menu ul li ul li a{ padding: 8px 0px 8px 10px; font-size:18px; color:#fff !important; border-bottom: 1px solid #EE4A49; display:block; line-height:30px;  background:none !important;  }	
.sidebar-menu ul li ul li a:hover{background:url(images/pattern.png) repeat right !important;  color: #fff; }
.sidebar-menu ul li ul li a span{ margin-right:15px;}
.sidebar-menu ul li ul li a span img{ margin-bottom:-6px;}


.sidebar-menu ul li ul li ul{ position:relative !important; display:none !important; left:0 !important; top:15px !important;  width:100%; min-height:0px;  padding: 0px !important; padding-bottom:35px !important;  background:none; margin-top:0 !important; }
.sidebar-menu ul li ul li:hover ul{ display:block !important; }
.sidebar-menu ul li ul li ul li{ width:100%; float:none; margin-bottom:5px; display:block; line-height:25px !important; padding-left:40px;  background:url(images/arrow-right.png) no-repeat 25px 8px;}
.sidebar-menu ul li ul li ul li a{ color:#fff; line-height:25px; display:block; font-size:16px; }

/*---------------sidebar menu close---------*/

/*==========*/
.menu_icon{ background:url(images/menu_icon.png) no-repeat 0 0; position:absolute;   width:33px; height:28px;  cursor:pointer; top:10px; right:20px; }
.menu_icon-bg{ height:auto;  display:none; position:relative; top:50px; right:0; width:100%;   font-family:Verdana; z-index:99999;}
.menu_icon-bg ul{ margin:0; padding:0; width:100%;}
.menu_icon-bg ul li{ width:100%;  float:none; background:#0f62ac; border-bottom:1px solid #72ade2; /* -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;*/}
.menu_icon-bg ul li a{ font-size:12px; text-transform:uppercase; color:#fff; display:block; line-height:45px; text-decoration:none; padding-left:10px;}
.menu_icon-bg ul li:hover{ background:#fff; color:#0f62ac;}
.menu_icon-bg ul li:hover a{ color:#0f62ac; }
.menu_icon-bg ul li ul{ position:relative; width:100%; display:none; /* -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;*/
	}
	/*.menu_icon-bg ul li:hover ul{ display:block !important;}*/
.menu_icon-bg ul li ul li{ width:100%; height:35px;  border-top:1px solid #72ade2; border-bottom:none; display:block; background:#FFFFFF; }
.menu_icon-bg ul li ul li a{ font-size:12px; line-height:35px; color:#333; text-align:left; display:block;}
.menu_icon-bg ul li ul li a:hover{  color:#fff;}
.menu_icon-bg ul li ul li:hover{background:#0f62ac;}
/*.menu_icon-bg ul li:hover ul{ display:block;}*/



.drop > a{
  position: relative; 
}

.drop > a:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 40%;
  border-left: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  z-index: 999;
}

.drop:hover > a:after{
  content:"";
   border-left: 5px solid transparent;
  border-top: 5px solid #a02b2d;
  border-right: 5px solid transparent;
}

/*===========*/
.logo2{ width:43px; height:35px; position:absolute; top:10px; left:10px;}
.logo2 img{ width:100%; height:100%;}

.social{   font-family: 'avenirlight'; font-size:14px; color:#999999; line-height:20px; padding:0 20px;}
.social ul{ margin:0; padding:0;}
.social ul li{ float:left; margin-right:10px; width:29px; height:29px; }
.social ul li img{opacity:0.2;  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity:0.5;}
  
   .social ul li:hover{ border:none !important;}
  .social ul li:hover a{ background:none ; border:none !important;}
.social ul li:hover img{opacity:1.00;}
.social ul li:last-child{ margin-right:0;}


.social-inner{ float:left; display:inline-block; margin-left:80px; width:140px; }
.social-inner ul{ margin:0; padding:0; margin-top:12px;}
.social-inner ul li{ float:left; margin-right:10px; width:24px; height:24px; }
.social-inner ul li img{opacity:0.2;  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity:0.5;}
  
   .social-inner ul li:hover{ border:none !important;}
  .social-inner ul li:hover a{ background:none ; border:none !important;}
.social-inner ul li:hover img{opacity:1.00;}
.social-inner ul li:last-child{ margin-right:0;}

@media screen and (max-width:1782px){
.world-class{ width:30%; font-family: 'walkway_blackregular'; font-size:22px; line-height:30px; color:#fff; letter-spacing:5px; margin-top:2%; margin-left:60px; display:block;}
.world-class span{ font-size:18px; color:#ffcc99; border-top:1px solid #4d899c; border-bottom:1px solid #4d899c; display:block; line-height:25px !important;}
}

@media screen and (max-width:1200px){
.footer{ font-size:14px; width:350px; bottom:15px; line-height:20px;}	
	}
	
	@media screen and (max-width:992px){
	.header{ max-width:100%;}
	.header .inner{ display:none;}
.logo{ display:none;}
#pad-left0{padding-left:20px;}
.footer{ font-size:12px; width:300px; bottom:5px; line-height:18px;}
 .world-class{ width:100%; margin-left:20px;}
.world-class span{ border:none;}
}
@media screen and (max-width:680px){
.responsive-iphone{ display:block;}	
#iphone{ display:none;}
.footer{ position:relative;  margin:0 auto; right:0; width:auto; padding:0 10%; padding-bottom:10px; font-size:14px;}	
}
@media screen and (min-width:992px){
.menu_icon-bg{ display:none !important; }	
	
	}