@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: '911_porscharegular';
    src: url('../fonts/911porschav3-webfont.eot');
    src: url('../fonts/911porschav3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/911porschav3-webfont.woff2') format('woff2'),
         url('../fonts/911porschav3-webfont.woff') format('woff'),
         url('../fonts/911porschav3-webfont.ttf') format('truetype'),
         url('../fonts/911porschav3-webfont.svg#911_porscharegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin:0; padding:0; }
html,body{ height:100%; width:100%;}
body{ background:#FFF; color:#5c5c5c; font:normal 14px calibri, arial, verdana, "times New Roman";}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,iframe,video{ max-width:100%; vertical-align:bottom;}
img{ height:auto;max-width:100%; vertical-align:bottom; }
a{text-decoration:none; }
p{margin:5px 0 20px 0;  }
textarea{ resize:none;}
.fleft{ float:left;}
.fright{ float:right;}

.aligner{margin:0px auto;max-width:1100px; position:relative;}


header{ background:#FFF;font-family: '911_porscharegular'; border-bottom:3px solid #aeaeae; padding:40px 0; width:100%; z-index:99999;-webkit-box-shadow: 0 8px 5px 2px rgba(0,0,0,0.5);
box-shadow: 0 8px 5px 2px rgba(0,0,0,0.5);}
.logo{float:left; padding:0 0 0 20px;}
.logo a{ display:inline-block;}
.logo img{width:100%;}
.floatingheader{ position:absolute;top:0;}


.menuholder{ float:right; margin:0 20px 0 0;}
.sujit-nav{}
.sujit-nav ul{font-size:19px; font-weight:normal;}
.sujit-nav ul li{background:url(../images/menu_sep.jpg) no-repeat right center; float:left;}
.sujit-nav ul li:last-child{ background:none;}
.sujit-nav ul li a{color:#000000; display:block; padding:13px 20px;}
.sujit-nav ul li a:hover,.sujit-nav ul li.active a{color:#bb3333;}


.overlayer{ background:rgba(172,60,60,0.8); color:#FFF; text-align:center; bottom:0; left:0; opacity:0; padding:250px 5px 0 5px;position:absolute; right:0px; top:0;visibility:hidden;z-index:9999;-moz-transition: all 0.6s; -webkit-transition: all 0.6s;transition: all 0.6s; }
.overlayer h2{ font-family: '911_porscharegular';font-size:65px;font-weight:bold; }
.overlayer h3{ font-family: '911_porscharegular';font-size:28px;font-weight:normal; }
.overlayer h4{ font-family: '911_porscharegular';font-size:22px;font-weight:normal; }

.maincontainer{ display:block; height:100%;}
.maincontainer ul{ height:100%;}
.maincontainer ul li{ cursor:pointer;display:block;float:left; height:100%;position:relative; width:25%;-moz-transition: all 3.3s; -webkit-transition: all 3.3s;transition: all 3.3s;}
.maincontainer ul li:nth-child(1){ background:url(../images/1.jpg) no-repeat center; background-size:auto 100% ;}
.maincontainer ul li:nth-child(2){ background:url(../images/2.jpg) no-repeat center; background-size:auto 100%;}
.maincontainer ul li:nth-child(3){ background:url(../images/3.jpg) no-repeat center; background-size:auto 100%;}
.maincontainer ul li:nth-child(4){ background:url(../images/4.jpg) no-repeat center; background-size:auto 100%;}
.maincontainer ul li a{ display:block; height:100%; }
.maincontainer ul li:hover{ background-size:auto 130% }
.maincontainer ul li:hover .overlayer{visibility:visible; opacity:1; }


.banner{}
.banner img{ width:100%;}


.container{ margin:-30px 0 0 0; padding:0 0 50px 0; position:relative; z-index:9999999;}
.container .aligner{ background:#FFF; padding:5px;}

.mycontainer{ padding:20px 0 0 0;}
.mycontainer h2{ color:#FFF;font-family: '911_porscharegular';font-size:35px;font-weight:normal; }
.mycontainer h3{ color:#FFF;font-family: '911_porscharegular';font-size:25px;font-weight:normal; }

.content{ float:left; width:70%; padding:0 0 0 20px;}
.content h1{color:#ef3125;font-family: '911_porscharegular';font-size:50px;font-weight:normal; line-height:70px;}

.sidebar{ width:25%; float:right;}
.highlightbox{ background:#ef3125;color:#FFF; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; min-height:70px; padding:10px;}
.testimonialbox{ background:#dddfde; margin:15px 0 0 0; padding:10px; min-height:300px;}


footer{ background:#db3839; color:#FFF; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:30px 0;}
footer h2{ font-family: '911_porscharegular';font-size:28px;font-weight:normal; }

.socialblock{ padding:20px 0; background:#000;}
.socialblock ul li{ width:25%; padding:5px; text-align:center; float:left;}



@media screen and (max-width:1100px) {
	
}