/****** FILE: themes/velsei/font/font.css *****/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 22, 2015 */

@font-face {
    font-family: 'adelleregular';
    src: url('../font/adelleregularwebfont-webfont.eot');
    src: url('../font/adelleregularwebfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/adelleregularwebfont-webfont.woff2') format('woff2'),
         url('../font/adelleregularwebfont-webfont.woff') format('woff'),
         url('../font/adelleregularwebfont-webfont.ttf') format('truetype'),
         url('../font/adelleregularwebfont-webfont.svg#adelleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latosemibold';
    src: url('../font/lato-semibold-webfont.eot');
    src: url('../font/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-semibold-webfont.woff2') format('woff2'),
         url('../font/lato-semibold-webfont.woff') format('woff'),
         url('../font/lato-semibold-webfont.ttf') format('truetype'),
         url('../font/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latomedium';
    src: url('../font/lato-medium-webfont.eot');
    src: url('../font/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lato-medium-webfont.woff2') format('woff2'),
         url('../font/lato-medium-webfont.woff') format('woff'),
         url('../font/lato-medium-webfont.ttf') format('truetype'),
         url('../font/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****** FILE: themes/velsei/css/menu_icon.css *****/
button.lines-button {
  display: none;
  margin: 0 0;
  padding:15px 0;
  border: none;
  background: none;
  position:relative;
  z-index:999999;
  
}
button.lines-button span {
  display: block;
}

.lines-button {
  padding: 0;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.57143rem;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  transition: 0;
}

.lines {
  display: inline-block;
  width: 50px;
  height: 7px;
  background: #929397;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 50px;
  height: 7px;
  background: #929397;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: '';
  -webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;
}
.lines:before {
  top: 12px;
  background: #929397;
}
.lines:after {
  top: -12px;
  background: #929397;
}
.lines-button.open { position:fixed; top:15px; right:16px; margin:0;}
.lines-button.open .lines:before {
  top: 12px;
  background: #929397;
}
.lines-button.open .lines:after {
  top: -12px;
  background: #929397;  
}

.lines-button.open {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  -moz-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.arrow.open .lines:before, .lines-button.arrow.open .lines:after {
  top: 0;
  width: 2.22222rem;
}
.lines-button.arrow.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 40deg);
  transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -40deg);
  transform: rotate3d(0, 0, 1, -40deg);
}

.lines-button.arrow-up.open {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
  transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}

.lines-button.minus.open .lines:before, .lines-button.minus.open .lines:after {
  -webkit-transform: none;
  transform: none;
  top: 0;
  width: 4rem;
}

.lines-button.x.open .lines {
  background: transparent;
}
.lines-button.x.open .lines:before, .lines-button.x.open .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 4rem;
}
.lines-button.x.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x2 .lines {
  transition: background 0.3s 0.5s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s 0.6s ease, transform 0.3s ease;
}

.lines-button.x2.open .lines {
  transition: background 0.3s 0s ease;
  background: transparent;
}
.lines-button.x2.open .lines:before, .lines-button.x2.open .lines:after {
  transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease;
  transition: top 0.3s ease, transform 0.3s 0.5s ease;
  top: 0;
  width: 4rem;
}
.lines-button.x2.open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/****** FILE: themes/velsei/css/editor.css *****/
/**
 * This support file is used to style the WYSIWYG editor in the CMS
 */

@import "typography.css";
body.mceContentBody{font-size:16px;line-height: 1.2em;}


/****** FILE: themes/velsei/css/form.css *****/
/* Custom FORMS Styles */
form { padding:48px 0; border:0px;}
form .inpt_bx { background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:14px; color:#bec2c4;margin-bottom:20px;}
form .half { float:left;  } 
form .half + .half { float:right; } 
form .full { width:100%; } 
form .sbt { font-size:16px; color:#fff; font-family: 'titillium_bdbold'; padding:0 75px; border:2px solid #fff; line-height:48px; background:none;}
form .sbt:hover { background:#fff; color:#575455;}
/* FORMS  */


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
    margin-top: 0px;
}
    form label.left {
        display: block;
        font-weight: bold;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }
form .bad label, form .required label{
        display: none;
    }
    
form input.text,
form .textajaxuniquetext,   
form select {width: 100%; background:#fff; border-radius:5px; padding:0 25px; height:48px; font-size:16px; color:#000; margin-bottom:20px;}
form input.text,
form .textajaxuniquetext,   
form select {width: 100%; background:#fff; border-radius:5px; padding:0 25px; height:48px; color:#000; }
.ie7 form select { width: 400px; } 

form .textarea {width: 100%; border-radius:5px; font-size:16px; color:#000; margin-bottom:5px;}

form .half { float:left; width:48%; } 
form .half + .half { float:right; } 

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
    padding:10px 25px;
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .bad, form .required {
        border-color: #cf0000;
        color: #b80000;
		font-size: 12px;
    }



/* ACTIONS */
.Actions {
    margin: 15px 0;
}
    a.btn, button, input[type="submit"], .Actions .action {
        display:inline-block; padding:0 60px; line-height:36px; font-size:16px; color:#fff; text-transform:uppercase; background:#fd0202;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background:#000; 
        color:#fff;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction,
.Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #B94A48;
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}

form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 0px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {

}

input:invalid::-webkit-input-placeholder:after {
   content: ' *';
}

input:invalid:-moz-placeholder:after { /* Firefox 18- */
   content: ' *'; 
}

input:invalid::-moz-placeholder:after {  /* Firefox 19+ */
   content: ' *';
}

input:invalid:-ms-input-placeholder:after {  
   content: ' *';
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}



/****** FILE: themes/velsei/css/style.css *****/
@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700,900);

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
:before, :after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
:focus {
	outline:none;
}
ul, li, ol {
	list-style:none;
}
a {
	text-decoration:none;
	color:inherit;	
	-webkit-transition: all 0.6s ease-in-out;	   
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;	   
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;	   
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);
	   -moz-box-shadow:0 0 2px rgba(0,0,0,0.2);
			box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position:relative;
}
.menu-icon {
	display:none;
	border:1px solid #ddd;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;	   
	        border-radius:4px;
}
.menu-icon:hover { background-color:#ddd;}
.menu-icon span {
	display:block;
	background-color:#888;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
}
.clearfix:after {
	clear:both;
}
.container {
	width:1170px;
	margin:0 auto;	
}
.container:before, .container:after {
	display:table;
	content:" ";
}
.container:after {
	clear:both;
}

html, body {height: 100%;}
#wrap {min-height: 100%;}


#header { background:#ededef;}
#header .header { padding:40px 0 35px;}
#header .header .container { width:100%; max-width:1600px;}
#header .header .logo { float:left; padding:0 0 0 45px;}

@media (min-width: 993px) {
#navigation { float:right; padding-right: 50px;}
#navigation ul {}
#navigation > ul > li { position:relative; display:block; float:left;}
#navigation > ul > li > a { display:block; position:relative; font-family: 'latomedium'; font-size:15px; color:#010101; text-transform:uppercase; line-height:15px; padding:17px 13px 23px;}
#navigation > ul > li:hover > a, #navigation > ul > li:hover > a, #navigation > ul > li.active > a { color:#fd0202;}

/* Drop Down */
#navigation ul li ul { display:none; width:300px; position:absolute; left:0; top:100%; z-index:999; background:#f59331; border:1px solid #f59331; padding:10px 0; }
#navigation ul li ul li { display:block; position:relative;}
#navigation ul li ul li a { display:block; font-family: "source-sans-pro",sans-serif; font-weight:400; color:#fff; padding:10px 13px; }
#navigation ul li ul li:hover, #navigation ul li ul li a:hover, #navigation ul li ul li.active a { background:#272460; color:#f59331;}
#navigation ul li ul li ul { left:100%; top:0;}
/* Drop Down */

/*#navigation ul li:hover > ul { display:block; }	*/
#navigation ul li ul { -webkit-animation: menuDown .3s ease-in; -moz-animation: menuDown .3s ease-in; animation:menuDown .3s ease-in; }
#navigation ul li ul li ul { -webkit-animation: fadeInLeft .3s ease-in; -moz-animation: fadeInLeft .3s ease-in; animation:menuRight .3s ease-in;}
#navigation .close { display:none;}
}

#content {}
#content .content {}

.home {}
.home .container { width:100%; max-width:1600px;}
.home .banner {}
.home .banner .box_1 { width:33.33%; float:left; height:532px; position:relative;}
.home .banner .box_1 .detail { position:absolute; left:40px; bottom:35px;}
.home .banner .box_1 .detail .btn { background:#fd0202; display:inline-block; padding:0 17px; line-height:35px; font-size:16px; color:#fff; text-transform:uppercase;}
.home .banner .box_1 .detail .btn:hover { background:#7cb30e;}
.home .banner .box_1 .detail p { font-family: 'adelleregular'; font-size:40px; color:#fff; line-height:48px; margin-top:5px; padding-right:30px;}
.home .banner .box_2 { width:66.66%; float:left; height:532px; position:relative;}
.home .banner .box_2 .detail { position:absolute; left:40px; bottom:35px;}
.home .banner .box_2 .detail .btn { background:#fd0202; display:inline-block; padding:0 17px; line-height:35px; font-size:16px; color:#fff; text-transform:uppercase;}
.home .banner .box_2 .detail .btn:hover { background:#7cb30e;}
.home .banner .box_2 .detail p { font-family: 'adelleregular'; font-size:40px; color:#fff; line-height:48px; margin-top:5px; padding-right:30px;}
.home .block { padding:80px 35px 90px;}
.home .block .left { float:left; width:30%;}
.home .block .left h4 { font-size:20px; color:#fd0202; padding-bottom:15px;}
.home .block .left .three_box { margin-left:-4%;}
.home .block .left .three_box .box { float:left; width:29.33%; margin-left:4%; text-align:center; max-width:128px;}
.home .block .left .three_box .box .img { border:1px solid #c2c3c3;}
.home .block .left .three_box .box span { display:block; padding:15px 0 0 0; font-size:14px; color:#000;}
.home .block .right { float:right; width:60%;}
.home .block .right h4 { font-size:20px; color:#fd0202; padding-bottom:15px;}
.home .block .right h2 { font-size:40px; color:#484848; font-family: 'adelleregular'; line-height:48px;}
.home .block .right p { font-size:20px; color:#000; padding:20px 0;}
.home .block .right a { display:inline-block; text-align:center; padding:0 60px; line-height:55px; background:#7cb30e; font-weight:600; color:#fff; text-transform:uppercase; font-size:18px;}
.home .block .right a:hover { background:#fd0202;}


#footer { position:relative; height:252px; background:#000;}
#footer .container { position:relative; z-index:3; width:100%; max-width:1600px; height:252px; }
#footer .container .f_detail { float:left; width:33.33%; text-align:right; height:252px;}
#footer .container p { font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#fff; display:inline-block; text-align:left; padding-top:60px; padding-right:50px; }
#footer .container p img { margin-left:-10px;}
#footer .container p a:hover { color:#fd0202;}
#footer .container .f_img { float:left; width:66.66%; background:url(../images/footer_bg.jpg) no-repeat; height:252px; background-position: center center; background-size: cover;}

.abt_banner { background-repeat: no-repeat; background-position: center top; background-size:cover; height:571px; text-align:center; position:relative;}
.abt_banner p { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); max-width:866px; font-size:40px; color:#fff; line-height:48px; font-family: 'adelleregular';}

.title { background:#7cb30e; font-family: 'adelleregular'; font-size:30px; color:#fff; line-height:30px; padding:20px 0; text-align:center; font-weight:700;}
.title span { font-size:18px; text-transform:uppercase; font-weight:400; padding-left:15px;}
.center_text { text-align:center; font-size:24px; color:#484848; font-family: 'adelleregular'; padding:50px 0;}

.buy_banner { background-size:cover; height:132px; text-align:center; position:relative;}
.buy_banner p { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); max-width:866px; font-size:40px; color:#fff; line-height:48px; font-family: 'adelleregular';}

.buy { padding:65px 0 40px;}
.buy form { padding:10px 0;}
.buy .left { float:left; width:50%; text-align:center;}
.buy .left .img { padding-bottom:10px;}
.buy .left h2 { font-size:30px; color:#7cb30e; font-family: 'adelleregular'; padding-top:15px; padding-bottom:5px;}
.buy .left p { font-size:16px; color:#000; line-height:24px;}
.buy .right { float:right; width:50%; padding-top:45px;}
.buy .right p { font-size:16px; color:#000;}
.buy .right .four_box {}
.buy .right .four_box .box { float:left; width:50%; min-height:180px;}
.buy .right .four_box .box h2 { font-size:30px; color:#7cb30e; font-family: 'adelleregular';}
.buy .right .four_box .box h2 strong { color:#484848;}
.buy .right .four_box .box p { font-size:16px; color:#000;}
.buy .right .four_box .box p span { font-size:20px; color:#fd0202; display:block; padding:5px 0;}
.buy .right .four_box .box input.btn {display:inline-block; padding:0 60px; line-height:36px; font-size:16px; color:#fff; text-transform:uppercase; background:#fd0202;}
.buy .right .four_box .box input.btn:hover { background:#7cb30e;}

.panelcontainer { padding:40px 0 20px;}
.light { background:#f8f7f0; }
.white { background:#fff;}
.light h1, .white h1 { font-weight:bold; font-size:30px; color:#484848; padding-bottom:35px; font-family: 'adelleregular'; }

.panel { margin:0 0 0 -2%; padding-bottom:20px;}
.panel .column1 { width:98%; margin:0 2% 0 2%; float:left;}
.panel .column2 { width:46%; margin:0 2% 0 2%; float:left;}

.n_box { margin-bottom:30px;}
.n_box .img { border:1px solid #c2c3c3; width:128px; float:left; margin-right:18px;}
.n_box .img_detail { overflow:hidden;} 
.n_box .img_detail .name { font-weight:bold; font-size:21px; color:#484848; font-family: 'adelleregular';}
.n_box .img_detail .link {}
.n_box .img_detail .link a { font-weight:700; font-size:16px; color:#fd0202;}
.n_box .img_detail .data { font-size:16px; color:#000; line-height:24px;}


/****** FILE: themes/velsei/css/typography.css *****/
@charset "utf-8";
/* CSS Document */
.typography p:before, .typography p:after {
    display:table;
    content:"";
}
.typography p:after  {
    clear:both;
}
/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {   

}
.typography h2 { font-weight:bold; font-size:21px; color:#484848; padding-bottom:20px; font-family: 'adelleregular'; }
.typography h3 { }
.typography h4 { }
.typography h5 { }
.typography h6 { }


/* PARAGRAGHS */
.typography p { font-size:18px; color:#000; padding-bottom:25px; }
.typography p span {}

.typography .intro { 
}
.typography em { font-style: italic; }

.typography .shadow { box-shadow:6px 13px 24px rgba(0,0,0,0.25); margin-bottom:40px;}

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
    background: #13b80f;
    color: #fff;
    text-shadow: none;
}

/* LINKS */
.typography a, 
.typography a.intro { }
.typography a:hover { }
.typography a:focus { }

.typography p a, 
.typography p.intro a { color:#fd0202; }
.typography a:hover { text-decoration:underline; }

/* LIST STYLES
-------------------------------------------- */
.typography ul, 
.typography ol,
.typography dl {  }

.typography ul li { } /* adds disc style bullet to the list */
.typography ul li { }
.typography ul li a { }
.typography ul li ul li { }

/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
.typography table tr:nth-child(even) {
    background-color: #ededed
}
.typography table tr.even,
.typography table th,
.typography thead td {
    background-color: #ededed
}
.typography table td,
.typography table th {
    padding: 2px 5px;
    border: 1px solid #d4d4d4;
    vertical-align: top;
}
.typography table th {
    font-weight: bold;
}


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}



/* IMAGES 
-------------------------------------------- */
.typography img {
    border: none;
    height: auto; 
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
.typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
}
.typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
}
.typography .captionImage.left[style],
.typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
}
.typography .captionImage.left img,
.typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
}
.typography .captionImage.left img {
    margin-right: -10px;
}
.typography .captionImage.right img {
    margin-left: -10px;
}
.typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
}
.typography .captionImage.leftAlone{
    float:none;
    margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
    margin: 0 auto 20px;
}
.typography .captionImage p {
    clear: both;
    margin: 5px 0;
    font-style: italic;
    color: #888;
}



/****** FILE: themes/velsei/css/responsive.css *****/
@charset "utf-8";
/* CSS Document */
@media (max-width: 1600px) {	
	.home .banner .box_1 .detail p, .home .banner .box_2 .detail p { font-size:30px; line-height:38px;}
	.home .block .left { width:40%;}
	.home .block .right { width:55%;}
	
	.abt_banner p { font-size:30px; line-height:36px;}
}
@media (max-width: 1200px) {	
	.container { width:970px; }
	.home .banner .box_1 .detail p, .home .banner .box_2 .detail p { font-size:24px; line-height:30px;}
	#footer .container p { padding-right:10px; padding-left:10px;}
	#footer .container p img { margin-left:0;}
}
@media (min-width: 993px) {	
	#navigation { display:block !important;}
}
@media (max-width: 992px) {	
    #navigation { display:none;}
    button.lines-button { display: block; float:right; margin:0 15px 0 0;}
    #navigation { position:fixed; background:#ededef; left:0; top:0; right:0; bottom:0; z-index:99999; display:non; text-align:left; }
    #navigation > ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); min-width:280px;}
    #navigation ul li {}
    #navigation ul li + li { margin-top:10px;}
    #navigation > ul > li > a { padding:0;}
    #navigation ul li a { display:inline-block; text-transform:uppercase; font-size:18px; position:relative;}
    #navigation ul li:hover > a, #navigation ul li.active > a { color:#fd0202;}
    #navigation ul li > span { display:inline-block; width:14px; height:14px; background:url(../images/plus.png) no-repeat; margin-left:10px; cursor:pointer;}
    #navigation ul li:hover > span, #navigation ul li.active > span { background:url(../images/plus_hover.png) no-repeat; }
    #navigation ul li.open > span { display:inline-block; width:14px; height:14px; background:url(../images/minus.png) no-repeat; margin-left:10px; cursor:pointer;}
    #navigation ul li.open:hover > span, #navigation ul li.open.active > span { background:url(../images/minus_hover.png) no-repeat;}
    #navigation ul li ul { display:none; padding:10px 0 10px 20px;}
    #navigation ul li ul li a { font-size:16px;}
    #navigation .close { position:absolute; right:20px; top:20px; display:block;}
    #navigation .close a { color:#fff; font-size:30px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
	#header .header { padding:15px 0;}
	#header .header .logo { width:200px; padding-left:15px;}
	#footer:after { width:50%;}
	#footer:before { width:50%;}
	.abt_banner p { position:absolute; left:0; padding:0 15px; width:100%; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); max-width:866px; color:#fff; font-family: 'adelleregular';}
	.buy_banner p { font-size:30px; line-height:36px;}
	.buy .right .four_box .box .btn a { padding:0 30px;}
	.buy .right .four_box .box { min-height:210px;}
	.title span { display:block;}

	
}
@media (max-width: 992px) {	
	.container { width:750px; }
}
@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
	.container { width:100%; padding:0 15px; }	
	.panel { margin:0;}
    .panel .column2 { float:none; margin:0 0 20px 0; width:100%;}
	.home .banner .box_1 { max-width:533px; width:100%; margin:0 auto; float:none; background-size:100% auto;}
	.home .banner .box_1 .detail p { font-size:30px; line-height:38px;}
	.home .banner .box_2 { display:none;}
	.home .container { padding:0;}
	.home .block .left { width:100%; margin-bottom:20px;}
	.home .block .right { width:100%;}
	.home .block .right h2 { font-size:30px; line-height:36px;}
	.home .block { padding:40px 15px 30px}
	.buy .left { float:none; width:100%;}
	.buy .right { float:none; width:100%;}
	.title { font-size:20px;}
	.title span { font-size:16px;}
	#footer .container { padding:0;}
	#footer .container .f_detail { float:none; width:100%; text-align:center;}
	#footer .container .f_detail p { text-align:center;}
	#footer .container p img { margin-left:-10px;}
	#footer .container .f_img { float:none; width:100%;}
}
@media (max-width: 640px) {
	.home .banner .box_1 .detail p { font-size:25px; line-height:30px;}
	#footer:after { width:100%;}
	
	#footer:before { width:50%; display:none;}
}
@media (max-width: 600px) {
}
@media (max-width: 568px) {
	.buy .right .four_box .box { float:none; width:100%; min-height:0; text-align:center; }
	.buy .right p { text-align:center; padding-top:20px;}
	.buy .right .four_box .box + .box { margin-top:30px;}
}
@media (max-width: 480px) {
	.home .banner .box_1 .detail {}
	.home .banner .box_1 .detail p { font-size:20px; line-height:24px;}
	.n_box .img { width:80px;}
	.buy_banner p { font-size:20px; line-height:26px;}
}
@media (max-device-width: 480px) and (orientation: landscape) {
	#nav ul { max-height: 200px; overflow-y:auto;}
}
@media (max-width: 360px) {
	.home .banner .box_1 .detail { bottom:20px;}
}
@media (max-width: 320px) {
}