/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General */
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#ffffff;background-color:#1f1c19;}
.home_bg{
background: url(images/home_bg.jpg) no-repeat top center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.page_bg{ background-image:url(images/page_bg.gif); background-repeat:repeat;}

.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}

a{color:#ce4d7e; text-decoration:none;}

h2.page_title{font-family: 'Terminal Dosis', sans-serif; font-size:28px; padding:20px; margin:0px; font-weight:normal; text-align:center; margin:auto;}

.main_container{ padding:0;}
.center_content{ height:780px; width:1024px; margin:auto; position:relative;}
.menu{ background-color:#1f1c19; width:700px;margin:auto; text-align:center;
-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;border-top-left-radius:20px;
-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;border-top-right-radius:20px;
}
.menu ul{ padding:0px; margin:0px; list-style:none; }
.menu ul li{ padding:0px; margin:0px; list-style:none; display:inline-block;padding:15px 0;}
.menu ul li a{font-family: 'Terminal Dosis', sans-serif; color:#6b6b6a; font-size:18px;background:url(images/menu_divider.gif) no-repeat right; padding:0 20px;}
.menu ul li:last-child a{ background:none;}
.menu ul li.selected a{ color:#FFFFFF;}
.menu ul li a:hover{ color:#FFFFFF;}

.model_details_container{background-color:#1f1c19;}
.model_details{ width:1024px; margin:auto; padding:35px 0; text-align:center;}
.model_details h2{font-family: 'Terminal Dosis', sans-serif; font-size:24px; padding:0 0 25px 0; margin:0px; font-weight:normal; text-align:center; margin:auto;}
.model_details_row{ display:inline-block;font-family: 'Terminal Dosis', sans-serif;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px; background-color:#262320; padding:10px 20px;}


.section_home{padding:150px 0 0 0;width:1024px; overflow:hidden; position:relative; height:500px;}
.title_shadow{height:209px; width:15px; background:url(images/title_shadow.png) no-repeat center; position: absolute; top:160px; left:0px; display:none;}
.title{ height:110px; background:url(images/trans_black.png) repeat; padding:30px 20px 0 20px; text-align:center; position: absolute; top:190px; left:-500px;
-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;border-bottom-right-radius:20px;
-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;border-top-right-radius:20px;
}
.title a{font-family: 'Great Vibes', cursive; display:block;text-align:center; color:#fff;}
.title span{font-family: 'Terminal Dosis', sans-serif; font-size:22px; background:url(images/swirl_left.png) no-repeat left bottom; padding:0 0 0 40px;}
.title strong{ font-weight:normal;background:url(images/swirl_right.png) no-repeat right bottom; padding:0 40px 0 0;}


.go_down_mobile{ margin:15px auto; text-align:center; display:none;}
.section_portfolio, .section_portfolio2, .section_card, .section_video, .section_contact{ width:900px; height:700px; margin:auto; position:absolute; top:-1500px;left:62px; z-index:9999;background:url(images/trans_black.png) repeat;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;}



/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{ width:800px; margin:auto; clear:both;padding:0; text-align:center;}

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0 0 0px 0; text-align:center;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: inline-block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:60px; height:60px; margin:0; display: block; position: absolute; top:270px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(images/next_bt.png) no-repeat center; right:30px;}
.flex-direction-nav li a.prev {background:url(images/prev_bt.png) no-repeat center;left:30px;}
.flex-direction-nav li a.next:hover {background:url(images/next_bt.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(images/prev_bt.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.card_container{ width:700px;
margin:20px auto; border:3px #55504c solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.card_info{ float:left; clear:both; width:600px; padding:20px 0 0 30px;font-family: 'Terminal Dosis', sans-serif; font-size:16px;}
a.download{ display:block; float:right; width:194px; height:49px; background:url(images/button.png) no-repeat center; text-align:center; line-height:49px; color:#FFFFFF;font-family: 'Terminal Dosis', sans-serif; font-size:18px; margin:20px 40px 0 0;}

.video_container{ width:800px; text-align:center; margin:20px auto;border:3px #55504c solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}

.cmxform{ width:550px; margin:100px auto auto auto;}
.formrow{ width:550px; float:left; clear:both; padding:0 0 10px 0;}
.formrow label{ width:100px; float:left; padding:10px 20px 0 0;font-family: 'Terminal Dosis', sans-serif; font-size:16px; text-align:right;} 
.formrow label.error{ width:400px; float:right; padding:10px 20px 0 0; font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px; text-align:left;} 
.formrow input{ width:400px; height:37px; float:left; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;color:#FFFFFF; padding:0 0 0 10px; }
.formrow textarea{ width:400px; height:137px; float:left; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px; color:#FFFFFF; padding:10px 0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.formrow input.submitbt{ width:100px; height:37px; float:right; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px; color:#FFFFFF; font-family: 'Terminal Dosis', sans-serif; font-size:18px; cursor:pointer; margin:0 20px 0 0;}
.success{ width:500px; margin:50px auto; text-align:center;font-family: 'Terminal Dosis', sans-serif; font-size:16px;}

.contact_text{font-family: 'Terminal Dosis', sans-serif; font-size:16px;padding:30px 0 0 30px; line-height:22px;}

.footer{ background-color:#191714;}
.copyrights{ width:1024px; margin:auto; text-align:center; color:#444342; padding:15px 0; }
@media screen and (max-width: 1000px) {
.center_content{ height:780px; width:100%; margin:auto; position:relative;}
.center_content img{ max-width:100%; display:block;}
.menu{ background-color:#1f1c19; width:100%;margin:auto; text-align:center;
-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;-khtml-border-top-left-radius:20px;border-top-left-radius:20px;
-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;border-top-right-radius:20px;
}
.model_details{ width:100%; margin:auto; padding:25px 0; text-align:center;}
.model_details_row{ display:inline-block;font-family: 'Terminal Dosis', sans-serif;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px; background-color:#262320; padding:10px 20px; margin:5px;}
.section_home{padding:150px 0 0 0;width:100%; overflow:hidden; position:relative; height:auto;}
.section_portfolio, section_portfolio2, .section_card, .section_video, .section_contact{ width:96%; padding:2%; height:auto; margin:auto; position:absolute; top:-1500px;left:0; z-index:9999;background:url(images/trans_black.png) repeat;-moz-border-radius:20px;-webkit-border-radius:20px;-khtml-border-radius:20px;border-radius:20px;}
.title_shadow{display:none;}
.title{ height:auto; background:url(images/trans_black.png) repeat; padding:10px; margin:0 0 100px 0; text-align:left; float:left; position: static;
-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;-khtml-border-bottom-right-radius:20px;border-bottom-right-radius:20px;
-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-khtml-border-top-right-radius:20px;border-top-right-radius:20px;
}

.title span{font-size:16px;}
.slider_container{ width:100%;}
.go_down_mobile{ margin:auto; text-align:center; display:block; width:60px; clear:both;}

.card_container{ width:100%;
margin:0px auto; border:3px #55504c solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}
.card_info{ float:left; clear:both; width:100%; padding:20px 0 20px 10px;}
a.download{ display:block; float:right; width:194px; height:49px; background:url(images/button.png) no-repeat center; text-align:center; line-height:49px; color:#FFFFFF;font-family: 'Terminal Dosis', sans-serif; font-size:18px; margin:10px 10px 0 0;}

.video_container{ width:100%; text-align:center; margin:20px auto;border:3px #55504c solid;
-moz-box-shadow: 0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;}

.cmxform{ width:100%; margin:0px auto auto auto;}
.formrow{ width:98%; float:left; clear:both; padding:0 0 0 0;}
.formrow label{ width:98%; float:left; padding:2%;font-family: 'Terminal Dosis', sans-serif; font-size:16px; text-align:left;} 
.formrow label.error{ width:98%; float:right; padding:0; font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px; text-align:left;} 
.formrow input{ width:100%; height:37px; float:left; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;color:#FFFFFF; padding:0 0 0 0; }
.formrow textarea{ width:100%; height:137px; float:left; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px; color:#FFFFFF; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.formrow input.submitbt{ width:100px; height:37px; float:right; background-color:#282421; border:1px #625851 solid;-moz-border-radius:10px;-webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px; color:#FFFFFF; font-family: 'Terminal Dosis', sans-serif; font-size:18px; cursor:pointer; margin:5px 5px 5px 0;}
.success{ width:100%; margin:20px auto; text-align:center;font-family: 'Terminal Dosis', sans-serif; font-size:16px;}
.contact_text{font-family: 'Terminal Dosis', sans-serif; font-size:14px;padding:10px 0 0 10px; line-height:18px;}
.copyrights{ width:100%; margin:auto; text-align:center; color:#444342; padding:15px 0; }
}
@media screen and (max-width: 320px) {
.center_content{ height:580px; width:100%; margin:auto; position:relative;}
}