.cssval{display:none;}
a{text-decoration:none;}
ul{margin:0; padding:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
.flt{float:left !important;}
.frt{float:right !important;}
p{text-align:justify; line-height:1.5em;}
.relative{position:relative;}
.clear{clear:both;}
.contain{float:left; width:100%; height:100%;}

body{background:#fff; float:left; width:100%; height:auto; position:relative; margin:0; padding:0; font-family:verdana !important;}
.logo{display:block; /* background:url(../images/sasiralogo.jpg) no-repeat center center; */ width:100%; height:635px; margin:0px auto 0 auto; position:relative; }
.home{position:absolute; top:44%; left:47%;}
.productPosition{float: left;padding: 40px 10px 0 10px;width: 78px;height: 61px;border-radius: 50%;text-align: center;line-height: 40px;font-weight: bold;font-size: 14px;color: #fff;position: absolute;top: 25%;right: 33%;}
.servicePosition{float: left;padding: 27px 20px 3px 10px;width: 62px;height: 56px;border-radius: 50%;text-align: center;line-height: 40px;font-weight: bold;font-size: 14px;color: #fff;position: absolute;bottom: 30%;left: 35.5%;}
.contactPosition{float: left;margin: 10px 0px 10px 20px;width: 90px;height: 60px;text-align: center;line-height: 30px;font-weight: bold;font-size: 14px;color: #fff;position: absolute;top: 5%;right: 29%;z-index: 10;transform: rotate(-1deg);}
.aboutPosition{float: left;margin: 10px 20px;width: 80px;height: 60px;text-align: center;line-height: 30px;font-weight: bold;font-size: 16px;color: #fff;position: absolute;bottom: 47%;left: 27%;z-index: 10;transform: rotate(-2deg);}
.aboutPosition a,.contactPosition a{width:100%; height:100%; float:left; overflow:hidden; color:#fff;}
#triangle-top {

/* t 72 L 119 b 58  */
width: 0;
height: 0;
border-top: 72px solid transparent;
border-left: 119px solid #2E3092;
border-bottom: 51px solid transparent;
color: #fff;
position: absolute;
top: -0.9%;
right: 26.9%;
-ms-transform: rotate(12deg);
-webkit-transform: rotate(12deg);
transform: rotate(-46deg);
}
#triangle-top1 {
	width: 0;
	height: 0;
	border-top: 62px solid transparent;
/*  	border-left: 124px solid #029fd4; */
	border-bottom: 62px solid transparent;
	color:#fff;
	position:absolute; top:3.1%; right:4.9%;
	/* Rotate div */
    -ms-transform: rotate(12deg); /* IE 9 */
    -webkit-transform: rotate(12deg); /* Chrome, Safari, Opera */
    transform: rotate(15deg);
}
#triangle-btm {
	width: 0;
	height: 0;
	border-top: 70px solid transparent;
	border-right: 140px solid #fff;
	border-bottom: 70px solid transparent;
	color:#029fd4;
	position:absolute; bottom:22%; left:2%;
	/* Rotate div */
    -ms-transform: rotate(48deg); /* IE 9 */
    -webkit-transform: rotate(48deg); /* Chrome, Safari, Opera */
    transform: rotate(56deg);
}
#triangle-btm1 {
	width: 0; /* 62 62 124  */
height: 0;
border-top: 49px solid transparent;
border-right: 98px solid #2E3092;
border-bottom: 49px solid transparent;
color: #fff;
position: absolute;
bottom: 47.5%;
left: 28.9%;
-ms-transform: rotate(48deg);
-webkit-transform: rotate(48deg);
transform: rotate(132deg);
}

.head-phone {background: url(../images/phone-icon.png) no-repeat; position: absolute; right: 0; width: 190px; height: 30px; background-size: 100% 100%; color: #fff; top: 10px; line-height: 30px; padding-left: 34px;}
.menuIcon{background: url(../images/menuicon.png) no-repeat; position: absolute; left: 0; top:0; z-index:100; padding:5px 0 0 40px; width: 160px; height: 49px; background-size: 100% 100%; color: #fff; font-weight:bold; font-size:20px; cursor:pointer;}
.menuUl{float:left; width:110px; background:#0000A0; padding:25px 20px 0 20px; border-top:2px solid #363636; border-radius:0 0 5px 5px; display:none; position:absolute; left:0; top:40px;  z-index:1;}
.menuUl li{float:left; width:100%; padding:0 0 10px 0;}
.menuUl li a{float:left; width:auto; color:#fff; font-weight:bold; padding:0 10px;}
.menuUl li a:hover{text-decoration:underline;}
.testimonial{position:fixed; bottom:0; left:0; float:left; width:100%;}
.testimonialIcon{float:left; background:url(../images/testimonials1.png) no-repeat; width:249px; height:50px; text-indent:40px; color:#fff; font-size:20px; font-weight:bold; line-height:50px; position:fixed; z-index:10; bottom:0; left:0;}
.testimonialMarquee{ position:fixed; bottom:0; right:0; background:#000; padding:7px 0;}

.arrow-right {
width: 40px;
height: 40px;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
border-left: 35px solid #363636;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
.menu-symbole {
width: 30px;
height: 10px;
position: absolute;
top: -18px;
right: 7px;
}
span.menu-icon {
background: #fcde2c;
}
.menu-class span.menu-icon {
width: 15px;
height: 2px;
background: #029fd4;
display: block;
margin-bottom: 2px;
}
.menu-class {
background: #fff;
width: 150px;
display: block;
height: 35px;
text-align: center;
color: #029fd4;
line-height: 35px;
position: fixed;
top:0;

left:0;
font-size: 13pt;
outline: none;
text-decoration: none !important;
z-index: 10000;
}
a.menu-class:after {
content: '';
border-bottom: 35px solid transparent;
border-left: 40px solid #fff;
position: absolute;
top: 0px;
outline: none;
right: -40px;
}


@font-face {
    font-family: myFirstFont;
    src: url(font/Aller_Rg.html);
}


.wrap
{
width:80%;
margin:0px auto;
padding:0px;
height:auto;
/*  box-shadow: 0 55px 55px #999999; */
}

header
{
width:100%;
height:auto;
padding:0px;
margin:0px auto;
}

.logo1
{
width:100%;
height:auto;
padding:0px;
margin:0px auto;
}
.clr
{
clear:both;
}/*
nav 
{
width: 100%;
height: 25px;
padding: 9px 0 0 0;
margin: 0px auto;
background: #F286B5;
}
nav ul 
{
list-style-type:none;
padding:0px;
margin:0px auto;

}
nav ul li 
{
display:inline-block;
width:15%;
padding:0px;
margin:0px auto;
}
nav ul li a 
{

padding:0px 21% 10px ;
margin:0px auto;
text-decoration:none;
text-transform:uppercase;
color:#fff;
text-align:center;
line-height:16px;
}
nav ul li a:hover
{
text-decoration:underline;
}*/
section
{
width:96%;
padding:0 0 0 4%;
margin:0px auto;
height:auto;
font-family:arial;
color:#333;
}



/*
nav li ul li 
{
	display:block;
	list-style-type:none;
	width:120px;
}
nav li ul li  {
border-bottom: 1px solid #fff; 
border-right: 1px solid #fff; 
height:auto;
padding: 6px;
margin:0 0 0;
}
nav li ul li a 
{
	font-size: 12px;
	color:#fff;
	padding:0 0 0 0;
}*/
section h1 
{
color:#BD0209;
font-size:24px;
font-family:arial;
padding:20px 0 0 0;
margin:0px;
text-align:justify;
text-transform:capitalize;
}

section p
{
text-align:justify;
color:#333;
font-family: verdana;
padding: 10px 4% 0 0;
margin:0px auto;
font-size:15px;
/* text-indent:50px; */
font-weight: 500;
}
section  li
{
/* padding: 1% 0 0 5%; */
display: inline-block;
width: 29%;
height: 21px;
font-weight:bold;
}

footer
{
width:100%;
height:auto;
padding:0px;
margin:0px auto;
background:#091F80;
margin-top:25px !important;
}

footer p 
{
text-align:center;
color:#fff;
padding:6px;
}
footer p a 
{
color:#fff;
}
footer p a:hover
{
text-decoration:underline;
}
.ak
{

background:url(images/libg.png) no-repeat left top;padding-left:26px;color:#333;
}


.contact_us
{
width:97%;
height:auto;
padding:0px;
margin:0px auto;
font-family:arial;
}

.contact_us .sidebar_left
{
width:50%;
padding:0px;
margin:0px auto;
height:auto;
float:left;
}

.contact_us .sidebar_right
{
width:50%;
padding:0px;
margin:0px auto;
height:auto;
float:left;
}

.leftTxt {
width: 150px;
line-height: 25px;
margin: 0 20px 10px 0;
text-align: right;
}
.inputTxt {
width: 200px;
height: 25px;
line-height: 25px;
margin: 0 0 10px 0;
padding: 0 5px;
border: 1px solid #333;
}
.textareaTxt {
width: 200px;
height: 130px;
line-height: 25px;
margin: 0 0 10px 0;
padding: 0 5px;
border: 1px solid #333;
}
.readMore {
background: #F286B5;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin: 10px 0 0 0;
border: 0;
cursor: pointer;
}
.readMore1 {
background: blue;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin: 10px 0 0 10px;
border: 0;
cursor: pointer;
}


.products
{
width: 97%;
height:auto;
margin: auto;
font-family: verdana;
clear:both;
}


.products .sidebar_left
{

padding:0px;
margin:0px auto;
height:auto;
float:left;
/* background:#BD0209; */
}

.products .sidebar_right
{
width:80%;
padding:0px;
margin:0px auto;
height:auto;
float:left;
}
.products .sidebar_right h2, h2, h1{color:#091F80 !important;}
.products .sidebar_left ul 
{
list-style-type:none;
margin:0px auto;
padding:0px;
}
.products .sidebar_left ul  li 
{
display:block;
border: 1px solid #fff;
padding:5px 10px 5px 10px;
background-color: #F286B5;
border-radius: 10px;
margin-bottom: 2px;
}

.products .sidebar_left ul  li a 
{
line-height: 22px;
padding:0px;
margin:0px auto;
font-style:normal;
color: #fff;
}
.products .sidebar_left ul  li a:hover
{
text-decoration:underline;
/*padding-left:5px;*/
}

.products .sidebar_right p 
{
font-weight: 500;
padding: 20px;
text-indent: 30px;
font-style: normal;
margin: 0px auto;
line-height: 20px !important;
margin-right: 147px;
}

.proimg
{
 padding:0px; 
 margin: 25px;

 /* display:block; */
}

.services
{
width:100%;
height:auto;
margin:0px auto;
padding:0px;
}

.services .img 
{
width: 100%;
float: left;
padding: 0 1%;
margin: 9px 15px;
height: auto;
border: 1px solid red;
border-radius: 10px;
}
.img img 
{
width:100%;
height:150px;
}
.services h2 
{
color: #BD0209;
padding: 5px  0 10px 0 ;
font-size: 16px;
text-align: center;
}
/*
nav
{
	margin-top:15px
}

nav ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0; 
	width:100%;
}

nav ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

nav ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

nav ul li.current-menu-item
{
	background:#ddd
}

nav ul li:hover
{
	text-decoration:underline;
}

nav ul ul
{
	display:none;
	position:absolute;
	top: 100%;
	left:0;
	background:#F286B5;
	padding:0; 
	width:211px;
	z-index: 9999999;
}

nav ul ul li
{
	float:none;
	width:200px
}

nav ul ul a
{
	line-height:120%;
	padding:10px 15px
}

nav ul ul ul
{
	top:0;
	left:100%
}

nav ul li:hover > ul
{
	display:block
}
.phoenix ul{list-style-type:none; margin:0px auto; padding:0px;}
.phoenix ul li{display:block;font-weight:normal; background:url(images/libg.png) no-repeat 25px 9px;}
.phoenixproduct img{padding-left:20px;}
.trading img{  margin: 10px 10px 10px 37px;  display: inline-block;  width: 175px;  height: 175px;}
.rot {  transform: rotate(1.73rad);}

/* Media Screen */
/*



*/

.c {  position: absolute;
  top: 12%;
  left:66%;
  width: 100px;
  height: 56px;
  color: #2E3094;}
  
  
.p{position: absolute;
  top: 36%;
  left: 58%;
  width: 100px;
  height: 43px;
  color:#2E3094;
  }
.a{position: absolute;
  bottom: 36%;
  left: 29%;
  width: 80px;
  height: 45px;
  color:#2E3094;
  }
.s{  position: absolute;
  bottom: 27%;
  left:39%;
  width: 78px;
  height: 36px;
    color:#2E3094;
  }
.i{  position: absolute;
  top: 58%;
  left: 51%;
  width: 61px;
  height: 50px;
  color:#2E3094;
  }
  
.carr{  
	position: absolute;
	bottom: 17%;
	left:59%;
	width: 78px;
	height: 36px;
    color:#2E3094;
	}
  .navbar-inverse{background:#F286B5 !important}
  
  .navbar  {border-radius:0px !important; border:0px solid #fff !important;}
  .navbar-inverse .navbar-nav>li>a {color:#fff !important;}
 nav ul li{display:block;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
