/*
Responsive Template Name: RS-MQF 960 V.1
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(framework.css);
@import url(navi.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,600);

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:100%; font-family: 'Source Sans Pro', sans-serif; color:#ffffff;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style:none;}
.hidden{display:none;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none; color:#f5fbe4;}

.fl_left{float:left;}
.fl_right{float:right;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

/*----------------------------------------------Responsive Videos-------------------------------------*/

.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25% 0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}
.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row1, .row1 a{color:#008DC8; background-color:#fff;}
.row2{color:#008DC8; background-color:#E1F0F8;}
.row3{color:#979797; background-color:#E1F0F8;}
.row4{color:#ffffff; background-color:#008DC8;}

/*----------------------------------------------Generalise-------------------------------------*/

h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; font-family: 'Source Sans Pro', sans-serif; padding:0; font-size:1.6em; font-weight:normal; line-height:normal;}


address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

#header, #topnav,  #footer, #copyright{margin:0 auto; font-size:.8em;}
.container{font-size:.9em;}
/*----------------------------------------------Header-------------------------------------*/

#header{padding:20px 0;}

#header hgroup{display:block; width:auto; clear:right;}
#header hgroup h1, #header hgroup h2{margin:0; font-weight:200; text-transform:none;}
#header hgroup h1{font-size:2.6em; text-align:center; }
#header hgroup h2{font-size:1em;}

/*----------------------------------------------Content Area-------------------------------------*/

.container{padding:30px 0; clear:both;}
.row1 .container{padding:15px 0; clear:both;}
.row3 .container #foo2{height:300px; overflow:hidden;}
.row4 .container.port #foo2{height:478px; overflow:hidden;}

.row4 .container{ padding:20px 0;}
.innerpage .row4 .container{ padding:20px 0 0;}
.row4 .container .pricebox .one_half h1{float:left; /*text-align:right;*/ padding:10px 0px; font-size:4.4em; color:#5FC8FC; width:37%; /*font-weight:600;*/}
.row4 .container .pricebox .one_half h3{float:left; /*width:63%;*/ font-size:2.9em; color:#ffffff; font-weight:200; border-right:1px solid #5FC8FC; padding-right:15px; margin-right:15px;}
.row4 .container .pricebox .one_half,.testimonials_box,.testimonials_box h3{color:#ffffff;}
.row4 .container .one_half.odd h3,.row4 .container .one_half.odd{color:#ffffff;}
.row4 .container.branding_guide h3{color:#66CCFF; font-size:1.9em;}
.row4 .container.branding_guide .one_half h3{width:100%; float:none; font-size:1.6em; font-weight:normal; color:#FFFFFF;}
.row4 .container.branding_guide .one_half img{width:100%;}
.row4 .container.branding_guide .one_half{text-align:justify;}
.row4 .container .one_half h3 span{font-size:0.6em; font-weight:600;}
.row4 .container ul li{list-style:url(../images/bull.png);}
.row4 .container .odd ul li{list-style:url(../images/bull.png);}
.row4 .container ul{padding-left: 25px;}
.row4 .container .sample_box{background:url(../images/logo_sample_bg.png) no-repeat left top; text-align:center; color:#008DC8;}
.row4 .container .sample_box a{color:#FFFFFF;}
.row4 .container .sample_box .sample_box_text{width:263px; height:211px;}
.row4 .container .sample_box h1{clear:both; color:#0071A9;font-size:2.5em; text-align:center; font-weight:600; text-transform:uppercase; }
.row4 .container .sample_box h3{clear:both; color:#FFFFFF; font-variant:300; padding:5px 0;}
.container h2{color:#fff; margin:0; line-height:44px;}

.leftsep { background:url('../images/devider2.jpg') repeat-y left top;}
.rightsep { background:url('../images/devider2.jpg') repeat-y right top;}
.ordersample{background:url('../images/order-free-sample-button.png') no-repeat right top; width:344px; height:47px; display:block; margin:0px auto;}


.download_sample {
    background: url("../images/download_free_sample.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 48px;
    margin: 10px auto;
    width: 213px;
}
.hmico {
 padding:6px;}

.row4 .container.details_box h3{color:#ffffff; font-weight:400; font-size:1.8em; width:auto; float:none;}
.testimonials_box h3{float:left; width:75%;}
.quote_mark{background:url(../images/quote_mark.png) no-repeat top right; width:20%; margin-right:5%; height:170px; float:right;}
.row4 .container.details_box .contact_box h1{font-size:2.5em; width:100%; text-align:left; color:#FFFFFF;}
.row4 .container.details_box .contact_box h1 a{color:#FFFFFF;  white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */}
.row4 .container.details_box .contact_box h1 span{font-size:0.45em}
.row4 .container.details_box .contact_box h1 span a{color:#e6c039;  white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */}
.row4 .container.details_box .contact_box .fb_share,.contact_box .twiiter_share{display:block; width:122px; height:42px; background:url(../images/facebook_share.png) no-repeat; margin:0 10px 0 0; float:left;}
.contact_box .twiiter_share{background:url(../images/twitter_share.png) no-repeat;}
.row4 .container.footer_links{text-align:center; color:#f5fbe4; padding:10px 0 30px; margin-bottom:20px; background:url(../images/we_accept.png) no-repeat center center;}
.footer_links a{color:#f5fbe4;}


h2.page_title{font-size:2.2em;}
.live_chat_btn a{display:block; background:url(../images/live_chat_btn.gif) no-repeat; width:143px; float:right; height:44px;}
.devider{ background:url(../images/devider.jpg) repeat-x bottom left; padding:0 0 24px 0;}
.paymen_page .devider{padding:20px 0;}
.paymen_page .three_third,.paymen_page .five_fifth{padding:20px 0;}
.paymen_page span.small_text{font-size:0.9em;}
.paymen_page span.also_intersted_chk{height:20px; line-height:20px; padding:10px 0;}
.paymen_page span.also_intersted_chk input{margin:0 40px 0 0;}
.what_i_get .devider{padding:20px 0;}
.what_i_get .devider.first{padding:0 0 20px;}
.what_i_get .img{margin:0 30px;}
.testimonials .devider{padding:24px 0 24px 0;}
.left_arrow{
	background:url(../images/left_arrow.png) no-repeat center left;
	height:52px;
	margin-top:124px;
}
.innerpage .left_arrow{background:url(../images/left_arrow_in.png) no-repeat center left; margin-top:201px;}
.right_arrow{
	background:url(../images/right_arrow.png) no-repeat center right;
	height:52px;
	margin-top:124px;
}
.innerpage .right_arrow{background:url(../images/right_arrow_in.png) no-repeat center right; margin-top:201px;}
.list_carousel {
		margin: 0;
}
.list_carousel ul ,.row4 .container .list_carousel ul{
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
}
.list_carousel li ,.row4 .container .list_carousel li{
		padding: 0;
		display: block;
		float: left;
	/*	width:25%;*/
}
.list_carousel li .scroll_logo_up,.list_carousel li .scroll_logo_dn,.list_carousel li .scroll_logo_mid{
	/*width:91.189427%;
	background:#d9e7ef;
	padding:3.083700440528634%;
	margin:0 2.64317% 2.64317% 0;*/
	width:207px;
	height:136px;
	background:#f8f8f8;
	padding:6px;
	margin:0 5px 5px 0;
}
.list_carousel li .scroll_logo_dn{
	margin-bottom:0;
}
.inputForm
{
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 5px; /* CSS3 */
behavior:url("border-radius.htc");
font-family: 'Source Sans Pro', sans-serif;
font-size:13px; 
color:#666666;
padding:5px;
border:solid 1px #006699;}

div.one_third.lable{margin:0px; padding:5px 0;}
div.two_third.input_box{ padding:5px 0;}
div.two_third.input_box .inputForm{width:60%;}
.one_half div.two_third.input_box .inputForm{width:80%;}
.four_fifth.getsample div.two_third.input_box .inputForm{width:70%;}
div.two_third.input_box textarea.inputForm{height:102px;}
.rating_img img{width:100%;}

.four_fifth.getsample{
	float:none; display:block; margin:0 auto;
}
.four_fifth.getsample div.two_third.input_box textarea.inputForm {
    height: 65px;
}
div.two_third.input_box span.radio{display:block; height:25px}
div.two_third.input_box span.small_text{font-size:11px; line-height:15px;}

.getsample .devider{margin:20px 0; padding:30px 0 10px; background-position:left 10px; clear:both;}
.getsample .three_third.devider{background-position:left bottom; margin:0; padding:0;}
.getsample .three_third.devider div.two_third.input_box .inputForm{width:70%; margin-right:10px;}
.getsample  span.small_text{font-size:0.9em;}
.step_list{ background:#005683; padding:10px 0;}
.step_list h2{background:#E8E7E3 url(../images/step_list_title.jpg) bottom center no-repeat; color:#005683; padding-bottom:15px; margin:0 10px; text-align:center; margin-bottom:20px;}
ul#step_list{padding:0; width:90%; margin:auto; background:#005683; list-style:none;}
ul#step_list li.step{float:left; margin:0; padding:0; color:#0095D2; width:50px; font-family: 'Source Sans Pro', sans-serif; font-size:12px; list-style:none;}
ul#step_list li.step_name a{color:#ffffff;}
ul#step_list li.step span{font-size:26px; width:25px; text-align:center; line-height:26px; display:block;}
ul#step_list li.step_name{float:left; margin:0; padding:0; width:200px; color:#ffffff; font-family: 'Source Sans Pro', sans-serif; line-height:20px; font-size:24px; list-style:none;}
ul#step_list li.step_name span{font-size:15px; line-height:27px;}
ul#step_list li.clear{clear:none;}

.stepttl { color:#fff; background:#0095D2; width:20px; padding:5px 10px 5px 5px; margin-left:-4px; text-align:center;
}
    .stepttl > div {
        font-size: 20px;
    }
.chkbox { padding:5px 0px;
}
    .chkbox > input {  margin-right:10px; float:left;
    }
.chk_bx { float:left; padding:7px 10px 0px 0px;
}
    .chk_bx > input { 
    }
.pkg { padding-right:15px;
}
.pkg2 { margin-left:15px;
}

/* -------------------- Accordian ---------------*/
#vertical_container {float:left; width:100%;}
.accordion_toggle{ background:#07587B; width:94%; padding:0 3%; margin-top:2px; line-height: 40px; font-size:1.4em; font-weight:normal; text-decoration: none; color: #fefefe; font-family: 'Source Sans Pro', sans-serif; cursor:pointer; float:left;}
.accordion_toggle a { color: #fefefe; }
.accordion_toggle a:hover { color: #fefefe; }
.accordion_toggle_active { background:#0ABCFF; font-family: 'Source Sans Pro', sans-serif; color:#07587B;  }
.accordion_content { float:left; color:#666666; overflow: hidden; background-color:#f5f5f5; margin-bottom:1px; font-family: 'Source Sans Pro', sans-serif; width:94%; padding:0 3%;  }
.accordion_content p{padding:0;}
.accordion_content ul li{ list-style:disc; float:none;}
.one_third.faq_right_main{float:right; margin:0 0 0 3.125%;}
.two_third.faqs{margin:0;}
.faq_right{ width:94%; margin:0 auto; color:#ffffff; background:#005683; padding:20px 3%;}
.facebook_likebox{ width:94%; margin:0 auto; color:#ffffff; background:#005683; padding:20px 3%;}
.faq_right h3{color:#0ABCFF; margin:0;}
.faq_right p{padding:20px 0 0; line-height:20px; margin:0;}

p.big_text{font-size:1.4em;}
.payment_price_disc h3{color:#bcc6df; font-weight:normal; cursor:pointer; font-size:1.8em;}
.payment_price_disc h3 span{font-size:0.6em; font-weight:600;}
.payment_price_block{width:100%; float:left; margin:0 0 10px;}
.payment_price_block span{display:block; float:left; margin:0 auto; text-align:center;}
.payment_price_block span.disc{ font-size:1em; width:100%; text-align:left;font-weight:600; font-family: 'Source Sans Pro', sans-serif; color:#BCC6DF;}
.payment_price_block span.rate{font-family: 'Source Sans Pro', sans-serif; color:#fefefe; font-size:2em;}
.payment_price_block span.chk_bx{width:25px; text-align:center; height:25px; padding:10px 0 0 10px;  float:right;  }
.paymen_page .three_third.total_block{background:url(../images/price_box_arrow.png) no-repeat right center; color:#008DC8; padding:0; -moz-border-radius:15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari, Chrome */
-khtml-border-radius: 15px; /* KHTML */
border-radius: 15px; /* CSS3 */}
.paymen_page .three_third.total_block .payment_price_disc{padding:20px 0;}
.total_block h3{cursor:auto; color:#ffffff; text-align:right; padding:0 30px 0 0; margin:0;  font-size:2em;}
.paymen_page .three_third.total_block .payment_price_block{padding:20px 0; margin:0;}
.total_block .payment_price_block span.rate{width:100%; color:#0071A9; text-align:left; }
.container .three_third .testimonials_text{}
.container .three_third .testimonials_logo{display:table; padding-top:5px; vertical-align:middle; text-align:center;}
.container .three_third .testimonials_logo img{outline:5px solid #ffffff; width:95%;}
.container .three_third .black img{border:5px solid #000000;}
.paymen_page .one_half .three_third .three_third.also_intrensted{background:url(../images/devider.jpg) repeat-x left 10px; padding:20px 0 0;}
.paymen_page .one_half .three_third .three_third.also_intrensted_chk{background:url(../images/devider.jpg) repeat-x bottom left; padding:0 0 20px 0; margin-bottom:10px;}
.container .three_third .testimonials_text span,.container .three_third .testimonials_text span a,.container .three_third .testimonials_text span a:visited, .container .three_third .testimonials_text span:hover{color:#0abcff;}
.container .three_third.nodevide{ background:none;}

.google_map{ padding-bottom:20px; background:url(../images/map_devider.jpg) repeat-x left bottom;}
.contact_right{ background:#005683; color:#ffffff;}
.contact_right h3{color:#0ABCFF; font-size:1.8em; margin:0;}
.contact_right p{padding:20px 0 0; line-height:20px; margin:0;}
.contact_right a,.contact_right a:visited,.contact_right a:hover{ color:#ffffff;}
.contact_right h4{color:#0ABCFF; font-size:1.4em; margin:0; padding:20px 0 0;}
.msn_massanger,.yahoo_massanger,.skype{display:block; background:url(../images/msn_ico.jpg) no-repeat top left; margin:20px 0 0; padding:0 0 0 30px; text-align:justify; font-family: 'Source Sans Pro', sans-serif;}
.yahoo_massanger{background:url(../images/yahoo_ico.jpg) no-repeat left top;}
.skype{background:url(../images/skype.png) no-repeat left top;}
.contact_block,.contact_block_2{width:94%; padding:20px 3% 0; }
.contact_block_2{padding:0 3% 20px;}
label.error,span.error{color:#FFCC00;}

.sitemap{}
.sitemap p{padding:0;}
.sitemap td{line-height:0;}
.sitemap td p{padding:0 0 30px; line-height:normal; }
.sitemap table { margin:0 0 0 20px;}
.sitemap .repipe{ background:url(../images/pipe.gif) repeat-y;}
.sitemap a,.sitemap a:visited,.sitemap a:hover{color:#66CCFF; font-size:1.6em; font-weight:400; font-family: 'Source Sans Pro', sans-serif;}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}

.skype_pnh_dropart_flag_span[style] {
display:none !important;
color:#FFFFFF !important;
margin:0px !important;
padding:0px !important;
background:none !important;
}

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;} 