/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_border {border:none !important;}
input:focus{outline:none}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{height:100%;}
body										{color:#000; font-family:"Arial", Verdana, Tahoma; font-size:12px; background:#FFFFFF;}

.flt_Lt{float:left; display:inline;}

#flt_Lt-50{
width:55%; 
margin:5px; 
min-height:370px; 
display:block; 
float:left; 
padding:15px;
background-color:#fff;
border-radius:10px;
}

#flt_Lt-30{
width:29%; 
margin:5px; 
min-height:400px; 
display:block; 
float:left; 
padding:15px;
background-color:#fff;
border-radius:20px;
}

#flt_Lt-30-black{
width:33%; 
margin:5px; 
min-height:370px; 
display:block; 
float:left; 
padding:15px;
background-color:#000;
border-radius:10px;
}

#flt_Lt-60{
width:66%; 
margin:5px; 
min-height:370px; 
display:block; 
float:left; 
padding:15px;
background-color:#fff;
border-radius:10px;
}

#flt_Lt-100{
width:100%;
margin:0 10px 0 5px;
min-height:300px;
display:block;
padding:10px;
background-color:#fff;
border-radius:10px;
}

.flt_Lt-100{
width:95%;
margin:0 10px 0 5px;
min-height:300px;
display:block;
padding:10px;
background-color:#fff;
border-radius:10px;
}

.flt_Lt-100 img{
float:right;
padding:10px;
margin:5px;
position:relative;
width:400px;
height:220px;
}

.top p{
background:#1226aa;
color:#FFFFFF;
text-align:center;
font-size:18px;
font-weight:bold;
padding:5px 0px;
border-radius:5px 5px 0 0 ; 
-moz-border-radius:5px 5px 0 0 ; 
-ms-border-radius:5px 5px 0 0 ; 
-webkit-border-radius:5px 5px 0 0 ; 
-o-border-radius:5px 5px 0 0 ;
}

.body-right{
width:220px;	
margin:5px 0px; 
min-height:250px;
display:block; 	
float:left;
padding:10px;
background-color:#f5f5f5;
border-radius:5px;
}
.body-right ul{ margin-left:20px; background-color:#00F;}
.body-right ul li{ height:20px; padding:10px; background-color:#f5f5f5; color:#fff; border-bottom:1px solid #000;}
.body-right ul li a{ color:#000;}
.body-right input[type="text"]{width:95%; border:1px solid #f0f0f0; font-size:14px; color:#333; background:#FFF; border-radius:0.3em; margin-top:5px; padding:5px}
.body-right textarea{width:95%; border:1px solid #f0f0f0; min-height:60px; font-size:14px; color:#333; background:#FFF; border-radius:0.3em; margin-top:5px; padding:5px;}
.body-right input[type="button"]{background:#0088FF; width:48.5%; padding:10px 20px; display:inline-block; color:#FFF; font-weight:bold; float:none; font-size:14px; border: none; cursor:pointer; outline: none; border-radius:0.3em; margin-top:5px; margin-bottom:5px; margin-right:1%; text-align:center;}
.body-right input[type="button"]:hover{color:#FFF; background:#818285;}
.body-right input[type="reset"] {background:#0088FF; width:49%; padding:10px 20px; display:inline-block; color:#FFF; font-weight:bold; float:none; font-size:14px; border: none; cursor:pointer; outline: none; border-radius:0.3em; margin-top:5px; margin-bottom:5px; text-align:center;}
.body-right input[type="reset"]:hover{color:#FFF; background:#818285;}
#returnmessage{font-size:14px; font-weight:700; color:0088FF; padding-bottom:4px; padding-top:4px; text-align:center;}

/* ---------------------------------------------------------------------------------*/
.wrapper{margin:0px auto; width:1050px; padding:0 10px; background:#fff;}
.wrap{margin:0 auto; width:1050px;}
/*----------------------------------nav------------------------------------------*/

.logo{width:100%; background:#FFF; border-top:2px solid #1226aa;}

.menu{ clear:both; background: #0088FF;}
.menu ul{ list-style-type:none; margin:0; padding:0;}
.menu ul li{ float:left; display:block; margin:0; padding:5px 1px;}
.menu ul li a{ display:block; padding:12px 12px; margin:0; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-transform:uppercase; color: #fff;}
.menu ul li a:hover{ background:#1226aa; color:#fff; border-radius:5px;}
.menu ul li a.active{ background:#1226aa; color:#fff; border-radius:5px;}
/*----------------------------------nav end------------------------------------------*/
.banner 1{ background:url(../images/banner-bg.png) bottom center no-repeat; padding-bottom:28px; margin-top:15px;}
.banner 1 img{ width:100%; border:1px solid #DDD;}
/* -------------------------------------banner 1 end------------------------------------*/

.cotainer {width:1050px; padding:0; margin:15px 0 0 0; display:inline-block; border-bottom:1px solid #bfbfbf;}

.cotainer-left{
width:780px;
padding:0 20px 0 0;
}

.cotainer-left h2{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-align:center;
color:#333333;
padding-bottom: 10px;
border-bottom: 3px solid #0088FF;
margin-bottom: 10px;
}

.cotainer-left h3{
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#333333;
padding:10px 0 10px 0;
border-bottom: 3px solid #e15841;
margin-bottom: 10px;
}

.cotainer-left p							{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#666666;
padding:6px 0 20px 0;
line-height:20px;
}

.cotainer-right{
width:300px;
padding:0 10px 14px 0;
margin:0;
display:inline;
}

.cotainer-right a                           {padding:13px 0 0 0; display:inline-block;}

.cotainer-right a:hover                     {padding:13px 0 0 0;}

.cotainer-right h3                          {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
color:#333333;
padding-bottom: 15px;
}

.cotainer-right p 							{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:normal;
color:#666666;
line-height:20px;
padding:10px 0;
}

.list{width:1050px; margin:auto; padding-top:20px; padding-bottom:20px;}

.list .col{width:222px; float:left; color:#fff; font-size:14px; background-color:#616161; padding:20px;  }

#row{	
width:1050px;
height:300px;
position:relative;
margin:0 auto;
padding:10px;
}

#row150{width:1050px; height:150px; position:relative; margin:0 auto; padding:10px;}

#row1{
width:1050px;
height:320px;
position:relative;
padding:10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#row1 .text{ margin-top:50px; display:block; float:left; width: 500px; color:#fff; border:1px dotted #fff;}

#row1 .text h1{ text-transform:uppercase;}

#row1 .image{float: right; margin-top:50px; display:block;}

#row2{
width:1050px;
height:200px;
padding:10px;
margin:0 auto;
}

#row2{
width:1050px;
height:100%;
padding:10px;
margin:0 auto;
}

#row3{
width:1050px;
height:100%;
height:250px;
border:1px solid #666;
margin:0 auto;
padding:10px;
}

#row100{width:1050px; height:100%; margin:0 auto; font-size:17px; font-family:myp; color:#666;}
#row100 h1{ text-transform:uppercase; border-bottom:solid 2px #fff; }
#row100 p{text-align:justify; text-justify:inter-word;}
#row100 h3{ font-size:24px; color:#F90;}
#row100 ul li{line-height:25px;}

.footer{width:100%; padding:10px 0px; background:#0088FF;}
.footer p{ font-size:18px; font-weight:bold; color:#FFFFFF; text-align:center;}
.footer a{font-size:18px; font-weight:bold; color: #333333;}
.footer a:hover{color:#FFFFFF;}

.click_hear{font-size:20px; padding:5px; border-bottom: text-transform:uppercase;}

#yellow{ color: #666666; border-bottom:2px solid #0088FF;}



.click_hear{font-size:20px; padding:5px; text-transform:uppercase;}

#white{ color:#FFF;}

.form{width:500px; padding-top:20px; float:left;}
.form input[type="text"]{width:95%; border:1px solid #f0f0f0; font-size:14px; color:#333; background:#FFF; border-radius:0.3em; margin-bottom:10px; padding:10px}
.form textarea{width:95%; border:1px solid #f0f0f0; min-height:60px; font-size:14px; color:#333; background:#FFF; border-radius:0.3em; margin-bottom:10px; padding:10px;}
.form input[type="button"]{background:#0088FF; width:49%; padding:10px 20px; display:inline-block; color:#FFF; font-weight:bold; float:none; font-size:14px; border: none; cursor:pointer; outline: none; border-radius:0.3em; margin-top:5px; margin-bottom:5px; margin-right:1%; text-align:center;}
.form input[type="button"]:hover{color:#FFF; background:#818285;}
.form input[type="reset"] {background:#0088FF; width:49%; padding:10px 20px; display:inline-block; color:#FFF; font-weight:bold; float:none; font-size:14px; border: none; cursor:pointer; outline: none; border-radius:0.3em; margin-top:5px; margin-bottom:5px; text-align:center;}
.form input[type="reset"]:hover{color:#FFF; background:#818285;}
#returnmessage{font-size:14px; font-weight:700; color:0088FF; padding-bottom:5px; padding-top:5px; text-align:center;}

#preloader_3{
    position:relative;
}
#preloader_3:before{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#9b59b6;
    animation: preloader_3_before 1.5s infinite ease-in-out;
}
 
#preloader_3:after{
    width:20px;
    height:20px;
    border-radius:20px;
    background:blue;
    content:'';
    position:absolute;
    background:#2ecc71;
    left:22px;
    animation: preloader_3_after 1.5s infinite ease-in-out;
}
 
@keyframes preloader_3_before {
    0% {transform: translateX(0px) rotate(0deg)}
    50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}
      100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preloader_3_after {
    0% {transform: translateX(0px)}
    50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#9b59b6;border-radius:0px;}
    100% {transform: translateX(0px)}
}