@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/forms.css";
@import url(//fonts.googleapis.com/css?family=Oswald);
*{
    font-family: 'Roboto', sans-serif;
}
body{background:#f7f7f7;font:13px/21px 'Roboto', sans-serif;color:#787878;position:relative;min-width:320px;-webkit-text-size-adjust: none;}
html,body{height:100%;}
p{padding-bottom:21px}
a{color:#ff2102;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#1293E2; font-family:'Roboto', sans-serif; font-weight:normal;}
h1{font-size:50px;}
h2{font-size:30px; text-transform:uppercase; letter-spacing:-1px;}
h3{font-size:36px; color:#232428; letter-spacing:-1px; position:relative; overflow:hidden;} 
	h3 span{ display:block;}
h4{font-size:20px;}  
h5{font-size:18px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
img{height:auto;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#ff2102;}
.color2{color:#000;}
.text3{ font:14px/18px 'Roboto', sans-serif;}
.text4{ font:13px/21px 'Roboto', sans-serif;}
/*********************************header*************************************/
.main{width: 1010px;margin: 0 auto;background: #fff;box-shadow: 0 0 16px #dedddd;}

header{ width:100%; border-top:6px solid #1293E2;}
header h1{ float:left;}
header h1 a{ display:block; width:140px; padding: 10px 0 10px;}
/* slider */
.slider{ width:100%;position:relative; z-index:1; margin:19px auto 31px; }
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li  {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* flex-control-nav */
.flex-control-nav{ position:relative; overflow:hidden; position:absolute; bottom:-22px; right:2px; z-index:999; list-style:none;}
	.flex-control-nav li{ float:left; margin-left:2px;}
	.flex-control-nav li a{ display:block; background:#000000; width:12px; height:6px; text-indent:-5000px; margin-top:3px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.flex-control-nav li a:hover,.flex-control-nav li a.active{ width:12px; height:12px; margin-top:0; background:#1293E2;}
/* caption */
.caption{ position:absolute; left:1px;bottom:62px; width:500px; color:#fff;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.pad-capt{ padding:0 0 0 38px;}
.text1{ font:40px/48px 'Roboto', sans-serif; letter-spacing:-1px;}
.text2{font:52px/63px 'Roboto', sans-serif; text-transform:uppercase; margin-top:-11px; letter-spacing:-2px;}
.lineH{ width:100%; height:1px; background:#ebebeb;}
/********************** Content ************************/
section{  width:100%;}
.padcontent{ padding-bottom:66px;padding-top: 10px;}
.padcontent2{ padding-bottom:61px;}
.padcontent3{ padding-bottom:51px;}
.padcontent4{ padding-bottom:65px;}
.box1{ text-align:center; padding:59px 0px 40px 10px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; margin-left:-10px;background: #f3f3f3;}
.box1.first{ margin-left:0; padding-left:0;}
.box1 p{ padding:30px 40px 38px;}
.box1.var{background: #fbfbfb;}
.box-img,.box-img2{ float:left; padding:8px; /*background:#f3f3f3;*/ position:relative;}
.box-img3{ position:relative;}
.box-img a{ position:relative; z-index:2;}
.box-img span{ display:block; top:8px; left:8px; right:8px; bottom:8px; position:absolute; z-index:1;}
.box-img3 span{ display:block; top:0; left:0; right:0; bottom:0; position:absolute; z-index:1;}
.box-img3 img{position:relative; z-index:2;}
.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.list2 li:first-child{ margin:0;}
.list1 li{ font:14px/21px 'Roboto', sans-serif; background:url(../images/marker.png) 0 9px no-repeat; padding:1px 0 8px 12px;}
	.list1 li a{ color:#101010}
	.list1 li a:hover{ color:#b3d028}
.quote{ background:#f3f3f3; margin:36px 0 28px 0; padding:14px 10px 15px 20px; position:relative;}
	.quote span{ display:block; background:url(../images/quote.png) 0 0 no-repeat; width:22px; height:11px; position:absolute; bottom:-11px; left:47%;}
.quote blockquote{ font:italic 14px/21px 'Roboto', sans-serif; color:#101010;}
.box2{ position:relative; overflow:hidden; padding-bottom:1px;}
	.box2 img{ float:left; margin:6px 7px 0 0;}
.dropcap{ float:left; text-transform:uppercase; width:75px; height:70px; font:48px/58px 'Roboto', sans-serif; background:#fff; text-align:center; box-shadow:0 0 5px #c8df5b; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); border-radius:50px; color:#1293E2; margin:5px 15px 16px 0; padding-top:5px;}
.pad4{ padding:0px 40px 0 0;}
	.pad4 .link{ line-height:25px;}
.map{float:left; padding:8px; background:#f3f3f3; position:relative; margin:36px 19px 0 0;}
.map iframe{ width:384px; height:350px;}
.contacts{ font-style:normal; overflow:hidden; padding:30px 0 0 0;}
	.contacts span{ display:inline-block; width:70px;}
	.contacts a{ color:#000; text-decoration:underline;}
	.contacts a:hover{ color:#1293E2; text-decoration:none;}
/*  Buttons */
.button{display:inline-block; font:18px/22px 'Oswald', sans-serif; text-transform:uppercase;color:#242424;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ text-decoration:none;color:#1293E2;}
.button1{display:inline-block; font:18px/22px 'Oswald', sans-serif; text-transform:uppercase;color:#fff; background:#0f0f0f; padding:6px 18px; cursor: pointer;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button1:hover{ text-decoration:none;color:#fff;background:#1293E2;}
.link{ display:inline-block; font:14px/18px 'Oswald', sans-serif; text-transform:uppercase; color:#242424;}
	.link:hover{ color:#1293E2;}
.link2{ display:inline-block; text-transform:uppercase; color:#000;}
	.link2:hover{ text-decoration:none; color:#1293E2;}
.list3{ position:relative; overflow:hidden; padding:36px 0 4px 0;}
	.list3 li{ float:left;padding:8px; background:#f3f3f3; width:294px; margin:0 0 10px 10px;}
	.list3 li.first{ margin-left:0;}
	.list-bg{ padding:14px 19px 15px;}
	.list3 li:hover .list-bg{ background:#1293E2; color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list3 li:hover .list-bg a{ color:#fff; display:inline;}
	.list3 li:hover .list-bg a:hover{ text-decoration:underline;}
/* Elastislide Style */
.es-carousel-wrapper{padding:40px 0 0 0;position:relative; z-index:99;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; overflow:hidden; position:relative;}
.es-carousel ul li{height:100%;float:left;display:block; padding:0; overflow:hidden;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;width: 100%;}
.es-carousel ul li .box-img2{ margin-bottom:19px;}
.es-carousel ul li .box-img2 a{ display:block;width: 157px;height: 134px;}
.es-carousel ul li span{ display:block; margin-top:-4px;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; line-height:0; font-size:0; width:19px; height:19px;  text-indent:-5000px;z-index:99; cursor:pointer;top:-34px;}
.es-nav span.es-nav-next{right:0; background: url(../images/btn-next.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-prev{right:23px; background:url(../images/btn-prev.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-next:hover,.es-nav span.es-nav-prev:hover{ background-position:0 -19px;}
.partners a{display: inline-block;height: 104px;overflow: hidden;}
.partners a:hover img{margin-top: -104px;}
.personalized .box-img a{height: 95px;display: inline-block;overflow: hidden;}
.personalized a:hover img{margin-top: -95px;}
/******************** Footer ******************/
footer{ font:12px/15px 'Roboto', sans-serif; color:white; text-transform:uppercase; text-align:center; padding:41px 0 39px;background: #1293E2;letter-spacing: 0px;}
footer a{ color:white;letter-spacing: 1px;}
footer a:hover{ color:#fff;}
.footer-menu{ position:relative; overflow:hidden; padding:8px 0 0 142px;color:white;}
	.footer-menu li{ float:left; font-size:14px; line-height:17px; padding:0 15px 0 0;}
	/*.footer-menu li a{ color:#7f7f7f;}*/
                  .footer-menu li a{ color:white;}
	.footer-menu li a:hover,.footer-menu li.current a{ color:#fff; text-decoration:none;}
/* padding */
.padtop{ padding-top:63px;}
.padtop24{ padding-top:50px;}
.padtop23{ padding-top:48px;}
.padtop25{ padding-top:46px;}
.padtop22{ padding-top:45px;}
.padtop2{ padding-top:41px;}
.padtop32{ padding-top:36px;}
.padtop3{ padding-top:30px;}
.pad1{ padding-bottom:20px;}
	.pad1 .box-img{ margin-right:10px;}
	.pad1 .extra-wrap{ padding-top:38px;}
	.pad1 .text3 { display:inline-block; margin-top:-3px;}
.pad2{ padding:28px 0 0 0;}
	.pad2 .link2{ margin:2px 0 0 0;}
.pad3{ padding:30px 0 0 0;}
	.pad3 .box-img2{ margin:6px 19px 0 0;}
.padbot2{ padding-bottom:6px;}
.padbot{ padding-bottom:28px;height: 200px;overflow:auto;}
.indent{ margin-top:-1px;}
.padline{ padding:19px 0 0 0;}
.padright{ padding-right:30px;}
.padright2{ padding-right:50px;}
.und{ text-decoration:underline;}
.und:hover{ text-decoration:none;}
.padright3{ padding-right:50px;}

.new_line_menu {
    margin-bottom: -14px;
    margin-top: -10px;
}
.list_general {
    list-style: disc;
    margin-left: 20px;
}
.franch_table {
    width: 100%;
}
.franch_table tr {
    line-height: 60px ;
}
.franch_table textarea {
    resize: vertical;
    width: 45%;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 1px;
}
.franch_table .heading {
    width: 25%;
}
.franch_table .input_td {
    width: 25%;
}
.franch_table .required_span {
    color:red;
}
.franch_table input[type="text"] {
    width: 82%;
    border: 1px solid rgba(0,0,0,0.04);
    border-radius: 1px;
}
.franch_table input[name="date"] {
    width: 20%;
}
.franch_table input[name="month"] {
    width: 20%;
}
.franch_table input[name="year"] {
    width: 22%;
}
.franch_table input[name="partner[]"]{
    float:left;
}
.franch_table .add_partner{
    background: url(../images/icon.jpg) no-repeat center right;
    width: 17px;
    height: 26px;
    float: right;
    cursor: pointer;
}
.franch_table .radio_b{
    line-height: 20px;
    vertical-align: middle;
}
.franch_table input[name="verification"] {
    width: 51%;
}
.franch_table input[name="verification_code"] {
    width: 51%;
}
.franch_table .verification_img{
    padding-top: 20px;
}

.logo{
    width: 141px;
}
.faq_element{
    border-bottom: 1px solid rgba(201, 201, 201, 0.55);
}
.faq_question{
    line-height: 45px;
    cursor: pointer;
    background: url(../images/arrow.png) no-repeat center right;
}
.expanded {
    background: url(../images/arrow_new.png) no-repeat center right;
}
.collapsed {
    background: url(../images/arrow.png) no-repeat center right;
}
.faq_answer{
    padding: 0px 20px 10px 16px;
}
.f_answer{
    padding: 0px 20px 10px 23px;
}
.error_msg{
    position: relative;
    color: red;
    font-size: 10px;
    height: 0px;
    top: -23px;
    letter-spacing: -0.3px;
}
.materials_tbl{
    width: 100%;
    background: url(../../lib/tablebg_gradient.jpg) repeat-y;
}
.materials_tbl td{
    padding:10px 0 5px 0;
}
.materials_tbl img{
    margin-right:10px;
    width: 80px;
    height: auto;
}

/*==================Responsive========================*/

@media only screen and (min-width: 768px) and (max-width: 995px) {
  .main{width: 762px;}
	header h1{ float:left; padding:65px 0 0 0;}
	header h1 a{ display:block; width:130px; height:auto;}
	.caption{bottom:32px;}
	.box1 p{ padding:30px 10px 31px;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.hidden{ display:none;}
	.footer-menu{padding:8px 0 0 100px;}
	.list3 li{ float:left;padding:18px; background:#f3f3f3; width:294px; margin:0 30px 30px 0;}
	.map iframe{ width:250px; height:350px;}
	#toTop{ display:none !important;}
.padright3{ padding-right:0px;}
}

@media only screen and (max-width: 768px) {
    /*.main{width: 420px;}*/
	header h1{ float:none;padding:20px 0;}
	.caption{ bottom:10px; width:300px;}
	.pad-capt{ padding:0 0 0 10px;}
	.text1{ font:30px/36px 'Roboto', sans-serif; letter-spacing:-1px;}
	.text2{font:35px/42px 'Roboto', sans-serif; text-transform:uppercase; margin-top:-5px; letter-spacing:-2px;}
	.box1{margin-left:0px; padding-left:0;}
	.borderR{ border-right:none;}
	.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li,.list2 li:first-child{ margin:0 0 20px 50px;}
	.footer-menu{ display:none;}
	.es-carousel ul li .box-img2{}
	.es-carousel ul li span{ display:none;}
	.pad4{ padding: 30px 0px 0 0;}
	.list3{ padding-left:0px;}
	.list3 li{ float:left;padding:3px; background:#f3f3f3; width:294px; margin:0 0px 10px 0;}
	.map{ float:none; margin:36px 0 0 0;}
	.map iframe{ width:100%; height:350px;}
	#toTop{ display:none !important;}
    .padright3{ padding-right:0px;}
    .pad_box{padding: 0 10px;}
    header h1 a{margin: 0 auto;}

    .padbot{
        height:auto;
    }
}
@media only screen and (max-width: 767px) {
    .main{width: 420px;}
}
@media only screen and (max-width: 479px) {
    .main{width: 300px;}
}
    
@media only screen and (min-width: 768px) and (max-width: 995px) {
    header h1 a{margin-bottom: 10px; margin-left: 300px;}
    header h1{padding: 27px 0 0 0;}
    .sf-menu li a{padding: 37px 0 45px;}
    .franch_table input[name="year"] {width:18%;}
    
/*    .franch_table td{display:block;}
    .franch_table tr{line-height: 33px; }
    .franch_table{width:100%; margin:0px;}
    .franch_table textarea{ width:70%; }
    .franch_table .heading{width: 100%;}
    .franch_table .input_td{width: 100%;}
    .franch_table input[type="text"] {width: 60%;}
    .franch_table input[name="date"] {width:14%;}
    .franch_table input[name="month"] {width:14%;}
    .franch_table input[name="verification_code"] {width: 20%;}
    .franch_table input[name="verification"] {width: 20%;}
    .franch_table .verification_img {padding-top: 0px;}*/
    .error_msg{line-height: 8px;top: 0px;}
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
    .footer-menu {padding:8px 0 0 70px;}
    .list2 li,.list2 li:first-child { float:left; margin:0 20px 20px 0;}
    .es-carousel ul li .box-img2 {}
    .es-carousel ul li{ margin-right:40px !important;}
    .list3{ padding-left:40px;}
    .list3 li{ float:left;padding:18px; background:#f3f3f3; width:294px; margin:0 30px 30px 0;}
    .map iframe{ width:100%; height:350px;}
    
    .faq_question{line-height: 22px; padding-right: 20px;}
    .faq_answer{ padding: 0px 20px 10px 17px;}
    .f_answer{padding: 0px 20px 10px 22px;}
    .franch_table td{display:block;}
    .franch_table tr{line-height: 33px; }
    .franch_table{width:100%; margin:0px;}
    .franch_table textarea{ width:82%; }
    .franch_table .heading{width: 100%;}
    .franch_table .input_td{width: 100%;}
    .error_msg{top:-20px;}
    .franch_table input[name="verification_code"] {width: 15%;}
    .franch_table input[name="verification"] {width: 15%;}
    .franch_table .verification_img {padding-top: 0px;}
    #recaptcha_widget_div td{display:table-cell;}
}

/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    left: 50%;
    margin-left: 550px;
    bottom:50px;
    overflow:hidden;
    width:60px;
    height:60px;
    border:none;
    text-indent:-999px;
    z-index:20;
    background: url(../images/top_new.png) 0 -60px no-repeat;
}
#toTopHover {
    background:url(../images/top_new.png) 0 0 no-repeat;
    width:60px;
    height:60px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
    outline:none;
}