/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/
h1 {margin: 0 0 20px 0;font-family: oswald,sans-serif;line-height: 1.2em;font-size: 30px;font-weight: 300;color: #242222;}
h2 {margin: 0 0 10px 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 400;text-transform: uppercase;
color: #242222;}
h2 a {text-decoration: none;color: #242222;}
h2 a:hover {color: #4596cb;}
h2 strong {display: block;padding: 0 0 12px 0;}
h3 {margin: 0 0 15px 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 400;text-transform: uppercase;color: #242222;}
.not_h3 {margin: 0 0 36px 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 400;text-transform: uppercase;	color: #242222;margin-bottom:4px;}
.not_h3 a {text-decoration: none;color: #242222;}
.not_h3 a:hover {color: #4596cb;}
h3 a {text-decoration: none;color: #242222;}
h3 a:hover {color: #4596cb;}
h4 {margin: 0 0 28px 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase;color: #4b4848;}
h5 {margin: 0 0 10px 0;padding: 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 32px;font-weight: 400;color: #f6f6f6;}
.not_h5 {margin: 0 0 10px 0;padding: 0;line-height: 1.2em;font-family: 'Oswald', sans-serif;font-size: 32px;font-weight: 400;color: #f6f6f6;}
h6 {margin: 0 0 20px 0;line-height: 20px;font-size: 12px;text-transform: uppercase;color: #373737;}
h6 em {display: block;margin: 0 0 -20px 0;padding: 12px 0 10px 0;overflow: hidden;font-style: normal;}
p {margin: 0 0 10px 0;padding: 0;line-height: 20px;font-size: 17px;/* color: #636363; */color: #000;}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {border-bottom: 1px dotted;}
/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/
b, strong {font-weight:700;}
/*-------------------------*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #d2d2d2/* #23120B url(../images/bg.jpg) no-repeat top center;color: #555555;font: 14px/25px Arial,Tahoma,Century gothic, sans-serif; */}
a{color: #4596cb;text-decoration: none;}
a:hover {color: #DA251D;; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}
input{padding:5px 0;border:1px solid #ccc;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.list6b {padding:0;list-style: none;}
.list6b li{padding:6px;line-height: 20px}
.list6b li:before {padding-right:10px;font-weight: bold; color: #C0C0C0; content: "\2714"; transition-duration: 0.5s;}
.list6b li:hover:before {color: #337AB7;content: "\2714";} 
.list4b {padding:0;list-style: none;counter-reset: li;}    
.list4b li {position: relative; padding:12px 20px 20px 28px;margin-left: 40px;transition-duration: 0.3s;}
.list4b li:before {border: 6px solid transparent;line-height: 30px;position: absolute;top: 0;left:-30px; width:42px;text-align:center;
font-size: 13px;font-weight: bold;color: #ADCEE9;counter-increment: li;content: counter(li);transition-duration: 0.3s;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.list4b li:hover:before {color: #337AB7;}
.list4b li:after {position: absolute;top: 0; left: -30px; width: 42px; height: 42px; border: 6px solid #DDDDDD;border-radius: 50%;content: '';
    opacity: 0.5;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list4b li:hover:after {animation: 500ms ease-in-out 0s bounceIn;opacity: 1;border: 6px solid #ADCEE9;}    
 @keyframes bounceIn {0% {opacity: 0;transform: scale3d(.3, .3, .3);}
    20% {transform: scale3d(1.3, 1.3, 1.3);}
    40% {transform: scale3d(.9, .9, .9);}
    60% {opacity: 1;transform: scale3d(1.03, 1.03, 1.03);}
    80% {transform: scale3d(.97, .97, .97);}
    to {opacity: 1;transform: scale3d(1, 1, 1);}}
   
/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {background:#3b91bb /* url('../baner.png') no-repeat top center;background-size:100% 250%; background-position: 100% 100%;height: 100%; */}
header .wrap-header{height: 100%;}

header #logo {position:absolute; top:30px; width: 20%;}

header #search {position: absolute;top: 50px; right:0px; width: 258px;z-index: 15;}
header .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;	border-radius: 3px;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav {margin-top:20px;}
nav .wrap-nav{height: 49px;
    background: -moz-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b91bb),color-stop(100%,#125879))!important;
    /* background: -webkit-linear-gradient(top,#3b91bb 0,#125879 100%); */
    background: -o-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
    background: -ms-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
    /* background: linear-gradient(to bottom,#3b91bb 0,#125879 100%); */
 }
.menu   ul {list-style: none;margin: 2px;padding: 0;}
.menu   ul li {padding: 5px 0;}
.menu   ul li:hover {background: #DA251D;}
.menu   ul li a {font-size: 14px; line-height:14px;color:#ffffff;display: block; text-transform:uppercase; }
.menu   ul li:hover a {}

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#333333; border: 1px solid #CCC;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

/* -------------------------------------------- */
/* ------------------Featured---------------- */

.featured{margin:20px 0 25px 0;}
.featured .wrap-featured{background:#333;}
.featured .wrap-featured .slider{padding: 10px;}

/* -------------------------------------------- */
/* ------------------header------------------- */

.blockhd {  margin:0; text-align:center;
background: -moz-linear-gradient(top,#3b91bb 0,#125879 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b91bb),color-stop(100%,#125879));
    background: -webkit-linear-gradient(top,#3b91bb 0,#125879 100%);
    background: -o-linear-gradient(top,#3b91bb 0,#125879 100%);
    background: -ms-linear-gradient(top,#3b91bb 0,#125879 100%);
    background: linear-gradient(to bottom,#3b91bb 0,#125879 100%);
}
.blockhd h2{font-size:23px; line-height:30px;}
.blockhd p{font-size:16px;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {}
#content .wrap-content{background: #ffffff;}

.blockpage {margin:20px 10px;}
.blockpage .side{float:left!important;}
.blockpage .content-col {float:right!important;}
.blockpage h2{font-size:16px; line-height:23px;}
.blockpage img{float:right; margin:0px 10px 10px 0px;}
.blockpage {margin:0px 10px 10px 0px;}
.content-article li{padding:6px;line-height: 20px;font-size:16px;}
.content-article li:before {padding-right:10px;font-weight: bold; color: #337AB7; content: "\2714"; transition-duration: 0.5s;}
.content-article li:hover:before {color: #C0C0C0;content: "\2714";} 


.block01 {margin:20px 10px; padding:30px; border-bottom:1px dashed #CCC;}
.block01 h2{text-align:center; font-size:30px; line-height:35px;}
.block01 p{font-size:20px; text-align:center; line-height:25px;}
.block01 a{color:#DA251D;}

.block02 {  margin:20px 0; text-align:center;    
    background: -moz-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b91bb),color-stop(100%,#125879))!important;
    background: -o-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
    background: -ms-linear-gradient(top,#3b91bb 0,#125879 100%)!important;
	background-size:100% 100%;
}
.block02 h2{font-size:23px; line-height:30px;}
.block02 p{font-size:16px;color:#fff;}

.block03 {margin:20px 10px;}
.block03 .side{float:left!important;}
.block03 .content-col {float:right!important;}
.block03 h2{font-size:19px; line-height:23px;}
.block03 img{float:left; margin:0px 10px 10px 0px;}

.block04 {margin:20px 10px; padding:30px; border-top:1px dashed #CCC;}
.block04 p{font-size:20px; text-align:center; line-height:25px;}

article{clear: both;}
.content-center{
	text-align:center;
	margin-top:-54px;
}
.fon-bg{
	background: url(../images/bg.gif);
	margin-bottom: -20px;
}
.content-center h2{
	text-align:center;
	padding:40px 0;
	color:#20547b;
	font-size:38px;
	font-weight:bold;
	
}

.content-center h3{
	font-size:20px;
	margin:0;
}
.content-center p{
	font-size:16px;
	padding:10px 50px;
	text-align:justify;
}
.content-center ul {
	list-style: square outside;
	text-align: left;
}
.content-center ul li {
	/* width:100%; */
	margin:0 70px;
}
.button-padding{
	padding: 25px 0 40px 0;
	text-align:center;
}
.rounded {
	margin: 0 auto;
	width: 70%;
	counter-reset: li; 
	list-style: none; 
	font: 21px "Trebuchet MS", "Lucida Sans";
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: 1.4em .4em 1.4em 2em;
margin: 1.5em 0;
background: #DAD2CA;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {background: #E9E4E0;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #e9ab24;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid white;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.my-offset-right{
	padding-left:10%;
}
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/* footer {
	
} */
.wrap-footer{}

.copyright{text-align:center; background:#333333; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }


/* -------------------------------------------- */
/* ------------------Components-------------------- */
.photos{}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC;}
.footer-lable{
	padding: 10px 0;
    text-align: center;
	color:#adadad!important;	
	background:#494f59;
}
.messandger-content{
	text-align: center;
}
.messandger-content h3{
	padding:30px 0;
}
.action-section {
    background: url(../images/bg.gif);
}
.push60 {
    height: 60px;
}
.text-center {
    text-align: center;
}

.container {
    width:100%;
}
.action-section .title {line-height: 1.3;}
.red {color: #ff4632;}
.upper {text-transform: uppercase;}
.f34 {font-size: 34px;}
.f18 {font-size: 18px;}
.helios {font-family: helios;}
.push15 {height: 15px;}

.form-lend {
    color: #fff;
}
#form-lend_suc {
	display: none;
}
.form-lend {
    display: block;
}

.form-lend, #form-lend_suc {
	width: 50%;
    margin: 0 auto;
    padding: 1.5em;
    height: auto;
    border: .2em solid #20547b;
    border-radius: 3px;
}
.form-lend-sku {
    border: 0 solid #fff;
    width: 10px!important;
    height: 5px!important;
    background-color: #fff!important;
}
.send-lend-form {
	cursor: pointer;
}
.countdownHolder {
    width: 100%!important;
}