@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Century;
	}

img {
	max-width:100%;
	border:none;
	}

a {
	text-decoration:none;
	}

.clear {
	clear:both;
	}

.container {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	}

.header {
	width:100%;
	float:left;
	margin:0;
	position:relative;
	z-index:999;
	}
.header h3 {
	font-size:15px;
	margin:5px 0;
	float:right;
	}
.logo-main{margin:0;}
.logo {
	float:left;
	width:20%;
	}
.header ul {
	float:left;
	margin:40px 0 0 0;
	padding:0;
	width:40%;
	}
 .header ul li {
	 float:left;
	 list-style-type:none;
	 width:25%;
	 text-align:center;
	 }
	 .header ul li.long {
    float: left;
    list-style-type: none;
    text-align: center;
    width: 37%;
}


 .header ul li a {
	 font-size:15px;
	 text-transform:uppercase;
	 color:#938c00;
	 padding:10px 2px;
	 transition: all linear 0.5s; 
	 }
 .header ul li a:hover {
	 border-bottom:1px solid #ccc;
	  border-top:1px solid #ccc;
	 }
	.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF; 
	width: 78%;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3; 
	width: 78%;
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
   
}
.slider {
	width:100%;
	float:left;
	margin:-50px 0 0 0;
	padding:0;
	background:url(../../img/user/cd.png) top center no-repeat;
	background-size:100% 100%;
	min-width:400px;
	position:relative;
	z-index:998;
	}

.content {
	width:100%;
	float:left;
	margin:-70px 0 0 0;
	padding:0;
	background:url(../../img/user/pattern.jpg) top center;
	}
.content h4,.content h3 {
	font-size:18px;
	color:#958600;
	font-weight:lighter;
	}
.content h4 select{
	width:140px;
	border-radius:6px;
	border:1px solid #ccc;
	}
.content p {
	font-size:15px;
	}

.service {
	width:30%;
	float:left;
	margin:15px 0;
	padding:0 0 10px 0;
	border:1px solid #ccc;
	text-align:center;
	}
.service h3,.service h2 {
	font-size:18px;
	color:#434342;
	text-transform:uppercase;
}
.service img {
	
	margin:10px 0;
	}
.service a {
	text-transform:uppercase;
	color:#fff;
	background-color:#958600;
	padding:5px 8px;
	border-radius:15px;
	font-size:12px;
	}
.full h2{margin-top:0;}
.banner-title{margin:0; font-size:20px;}
.footer {
	width:100%;
	float:left;
	margin:-90px 0 0 0;
	padding:40px 0 25px 0;
	background:url(../../img/user/x1.png) top center no-repeat;
	background-size:100% 100%;
	}
.footer ul {
	margin:0;
	padding:0;
	}
.footer ul li {
	color:#958600;
	font-size:13px;
	display:inline;
	list-style-type:none;
	}
.footer ul li a {
	color:#958600;
	font-size:13px;
	}
.footer p { 
	color:#fff;
	font-size:13px;
	margin:0;
	}
.footer .footer-wrap{position:relative;}
.footer .footer-left{ float: left;}
.footer .footer-right{float: right;}
.footer .payment-logos{ margin-left: 22px;}
.footer .footer-menu{ padding-top: 5px;  }
.footer .footer-copyright{ }
.banner {
	width:100%;
	float:left;
	margin:-50px 0 0 0;
	padding: 60px 0 00 ;
	position:relative;
	z-index:998;
	min-height:80px;
	background: url(../../img/user/banner.png) top center no-repeat;
	background-size:100% 100%;
	font-size:20px;
	color:#958600;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	}

.div50 {
	width:48%;
	float:left;
	margin:3% 0 0 0;
	padding:0;
	border:1px solid #ccc;
	}
.black {
	width:96%;
	padding:2%;
	float:left;
	margin:0;
	background-color:#000;
	}
.black h5,.black h2 {
	float:left;
	color:#958600;
	font-size:18px;
	margin:10px 0;
	text-transform:uppercase;
	}
.black p {
	color:#fff;
	float:right;
	font-size:15px;
	}
.left {
	width:27%;
	float:left;
	margin:0;
	padding:1%;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	border-radius:8px;
	
	}
.left h3 {
	color:#000;
	font-size:16px;
	font-weight:lighter;
	border-bottom:1px dotted #000;
	padding:6px 0;
	}
.left a {
	color:#958600;
	font-size:14px;
	border-bottom:1px dotted #000;
	padding:6px 0;
	float:left;
	width:100%;
	}
.left p {
	color:#000;
	font-size:14px;
	}
.right {
	width:68%;
	float:right;
	margin:0;
	padding:0;
	}
.right h3, .right h2 {
	color:#958600;
	font-size:25px;
	font-weight:lighter;
	margin:0;
	}
.right p {
	font-size:13px;
	color:#555555;
	}

.full {
	width:96%;
	float:left;
	padding:2%;
	margin:15px 0;
	background-color:#FFFFFF;
	border:1px solid #ccc;
	border-radius:8px;
	}
.full a {
	text-transform:uppercase;
	color:#fff;
	background-color:#958600;
	padding:5px 8px;
	border-radius:15px;
	font-size:12px;
	/*margin-left:35%;*/
        float:right;
	display:inline-block;
        margin-top:5px;
	
	}
.full h4,.full h2 {
	margin:0;
	color:#434342;
	font-size:18px;
	}
.full p{
	color:#555555;
	font-size:15px;
	}
.full ul {
	float:left;
	width:60%;
	}
.full ul li {
	color:#555555;
	font-size:15px;
	list-style-type:square;
	}

.sign {
	width:40%;
	float:left;
	margin:20px 30%;
	background-color:#fff;
	border-radius:8px;
	border:1px solid #ccc;
	box-shadow:0px 0px 10px #000;
	}
.sign input{
	width:80%;
	margin:5px 10%;
	height:22px;
	padding:5px;
	background-color:#f5f5f5;
	border-radius:8px;
	border:1px solid #ccc;
	}
.sign input[type="submit"] {
	width:auto;
	height:auto;
	padding:8px 12px;
	cursor:pointer;
	background-color:#000;
	border:none;
		color:#958600;
		font-family:Century;
		font-size:18px;
		margin-left:37%;
		margin-bottom:20px
	}

.contact label.small {
	width:32%;
	float:left;
	clear:both;
	text-align:right;
	font-size:15px;
	color:#777777;
	margin-top:12px;
	margin-left:8px;
	}
.contact input.ome {
	width:50%;
	float:left;
	margin-left:2%;
	
	margin-top:8px;
	padding:1% 2%;
	border-radius:8px;
	border:1px solid #ccc;
	background-color:#f8f8f8;
	}
.contact textarea {
	width:50%;
	float:left;
	margin-left:2%;
	height:80px;
	margin-top:8px;
	padding:2%;
	resize:none;
	border-radius:8px;
	border:1px solid #ccc;
	background-color:#f8f8f8;
	}
.contact label.med {
	width:22%;
	float:left;
	text-align:right;
	font-size:15px;
	color:#777777;
	margin-top:5px;
	margin-left:8px;
	}
.contact input[type="checkbox"] {
	width:auto;
	height:auto;
	margin-left:15px;
	font-size:14px;
	color:#777777;
	}
.contact input.twe {
	width:18%;
	float:left;
	margin-left:2%;
	height:15px;
	margin-top:8px;
	padding:2%;
	border-radius:8px;
	border:1px solid #ccc;
	}

.contact input[type="submit"] {
width:auto;
	height:auto;
	padding:8px 12px;
	cursor:pointer;
	background-color:#000;
	border:none;
		color:#958600;
		font-family:Century;
		font-size:18px;
		margin-left:36%;
		margin-bottom:20px;
		margin-top:15px
	}
.pay-my-account {
  overflow: hidden;
  padding: 11% 0 15%;
  text-align:center;
} 
.pay-my-account .sign{max-width:400px; margin:0 auto; float:none; width:100%;}	
.pay-my-account .pma-inner{padding:20px;}	
.pay-my-account .pma-logo{}	
.pay-my-account .pma-form{padding:20px 0 10px;}	
.pay-my-account .currency-symbol{ display: inline;float: left; margin-right: 7px ;}	
.pay-my-account .pma-inputs{ vertical-align: middle; display:inline-block; padding:0 0 10px;}	
.pay-my-account .pma-inputs .fs-number{margin:0;}
.pay-my-account .pma-inputs .fs-number .fs-number-arrow{text-indent:9999px; overflow:hidden;}
.pay-my-account .pma-inputs .fs-number-element{ text-align:left; width: 100%; height: 28px;border-radius: 0;border-right: medium none; margin:0;}	
.pay-my-account .error{display:none;  padding: 5px 10px;}
.pay-my-account .pma-inputs .not-valid{border:1px solid #D8000C;}
.pay-my-account .pma-buttons{ vertical-align: middle;display:inline-block; padding:0 0 10px;}	
.pay-my-account .pma-buttons .pma-button{margin: 0 0 0 10px;padding: 4px 8px;}	
.pay-my-account .pma-payment-logos{}	
.vik22 {
	display:none;
	}
	#nav
		{
			white-space:nowrap;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color:#958600;
					display: block;
				}
				#nav li a:active
				{
				}

		
			/* first level */

			#nav > ul
			{
				height: 3em; /* 60 */
				list-style-type:none;
				margin:0;
				padding:0;
				
			}
				#nav > ul > li
				{
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 15px; /* 24 */
						text-align: center;
						padding:15px 15px;
						float:left;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
					list-style-type:none;
					padding:0;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}


		@media only screen and ( max-width: 62.5em ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #958600;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 8px 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
			.pay-my-account .sign{margin:20% auto;    width: 90%;}
			.footer{ text-align:center; position:relative; overflow:hidden; padding:90px 0 25px;}
			.footer:before {
				  background-color: #000000;
				  content: "";
				  height: 100%;
				  left: 0;
				  position: absolute;
				  top: 50%;
				  width: 100%;
				  z-index: 0;
			}  
			.footer .footer-wrap{ }
			.footer ul li{float:none; display:inline-block; padding:0 0 10px;}
			.footer .footer-left{ float: none; padding:0 0 10px;}
			.footer .footer-right{float: none;}
			.footer .payment-logos{ margin-left: 22px;}
			.footer .footer-menu{ padding-top: 5px; }
			.footer .footer-copyright{ }
		}


@media screen and (max-width:600px) {
	
	.vik11 {
		display:none;
		}
	.vik22 {
		display:block;
		}
	.logo {
		width:100%;
		}

        .logo img{margin:0 auto; display:block;}

	.banner {
		margin:0;
		}
	.slider {
		margin:0 ;
		min-width:0;
		}
	.callbacks .caption p {
		font-size:10px !important;
		}
	.callbacks .caption p span {
		font-size:10px !important;
		}
	.callbacks .caption a {
		font-size:10px !important;
		}
	.service {
		width:100%;
		margin:10px 0 !important;
		}
	.sign {
		width:100%;
		margin:0;
		}
	.left {
		width:98%;
		}
	.right {
		width:100%;
		}
	.contact label.small {
		width:95%;
		text-align:left;
		}
	.contact input.ome {
		width:95%;
		}
	.contact textarea {
		width:95%;
		}
	
	}