/*----------intial declartaion of css----------*/
 { /*appearance:none; -moz-appearance:none;-webkit-appearance:none /;}
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; border-radius: none; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
/ remember to define focus styles! /
:focus { outline: 0; }
ol, ul {/*list-style: none;*/ }
/ tables still need 'cellspacing="0"' in the markup /
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer;}
/ End hide from IE Mac / .none { display: none; } / End Clearfix /
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
.txt-center{text-align:center}
img { max-width: 100%; }
/ For modern browsers / 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }
::-webkit-input-placeholder {color:#666666;opacity:1;font-weight:600;}
::-moz-placeholder {color:#666666;opacity:1;font-weight:600;} 
/******body &sopan 03/10/2016******/
body { font-size: 15px; line-height: 21px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);font-weight:normal;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:hover {text-decoration: none; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 25px; }
p strong { font-weight: 600;color:#444d54;}
h1,h2,h3,h4,h5,h6{}
h1 { margin:0 auto; }
h2 { margin:0 auto;}
h3 {  margin:0 auto;}
h4 { margin:0 auto; }
h5 { margin:0 auto;}
h6 {  margin:0 auto;}

/*************************************************************************************************************************/

.main-faqs{background-color:#f1c319;margin-top: 94px;}

.faqs h2{  text-align:center; padding:60px 0 ; font-size:30px;font-family: 'Lato', sans-serif; }

.faqs-title h2{text-align:center; font-size:30px !important;font-family: 'Lato', sans-serif ; width:100%; max-width:888px; margin:0 auto;text-transform: uppercase;line-height: 35px; padding:92px 0 59px;}

.set-width .span11.widget-span.widget-type-raw_html { left: 65px; margin:0 auto;position: absolute; top: 21px;width:93.3%;}

.set-width hr { border: 1px solid #dbd9d9;}

.span12.widget-span.widget-type-cell.set-width {display: block; float: none;margin: 0 auto; max-width: 970px;}

.question-mark{ margin-top:4px;position:relative;}
.question-mark img{max-width:60px !important;width:60px !important;} 
.main-form{ width:100%; max-width:570px;padding-bottom: 97px;}
.faqs-form input{border: 2px solid #000;border-radius: 3px;padding: 13px 10px;font-size: 12px;font-family: 'PT Sans', sans-serif; width:269px;}
.faqs-form input[type="submit"]{border: 0 none;  position: relative;display:block;transition: all 0.5s ease; top: 20px; background-color:#000; color:#fff; font-size:20px; font-weight:bold; margin-top:18px; cursor:pointer;background: #000 url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow-3.png") no-repeat scroll 65% center;}
.faqs-form input[type="submit"]:hover{ background-color:#d14e11; color:#fff;/*background: #fff url("//cdn2.hubspot.net/hubfs/2166934/Hubspot_website/arrow7.png") no-repeat scroll 65% center;*/}
.faqs-form textarea{border: 2px solid #000;border-radius: 3px;padding: 15px 10px;font-size: 12px;font-family: 'PT Sans', sans-serif;resize:none; width:100%;margin-top: 8px;height: 96px;}
.faqs-form h3{ font-size:20px;font-family: 'PT Sans', sans-serif; margin-bottom:20px; margin-top:20px;}
.faqs-form label{ color:red; font-size:12px;}

.faqs-form .hs-form-field {float: left; width: 47.3%; margin-right:30px;}
.faqs-form .hs-form-field:nth-of-type(2){margin-right:0;}
.faqs-form .hs_message {float: left; width: 100%;}
.hs_email.field.hs-form-field { margin-right: 0 !important;}

/*************************************************************tab css************************************************************/

.main-tab{width: 100%;max-width: 970px;margin: 0 auto !important;display: block !important;float: none !important;}

.tab-wrapper{ margin:0 0 20px;}

.tab-title{ background-color:#f4f4f4; width: 100%; overflow: auto;}
.tab-title h2{ margin:0px; padding: 15px 10px 15px 73px; font-size: 20px; font-weight: 700;}
.tab-title span{ float:left; margin-right:10px; background-color:#f1c319;padding: 17px 13px 13px 13px; display: block;}
.tab-content{ border:2px solid #f4f4f4; display:none; }
.tab-content{ padding:0 57px ;margin:0px;box-sizing:border-box;}
.tab-content p{ font-size: 16px;font-family: 'PT Sans', sans-serif;font-weight: 400;}

 img.open-close{  margin-top: 14px;/*-moz-margin-start: 5px;*/}
 img.open-img{    width: 50%;margin: 0 auto;margin-top: 14px; max-width:21px;}
.tab-title span { float: left;  margin-right: 10px;background-color: #f1c319; padding: 0px;display: block;  min-height: 51px;  width: 51px;text-align: center;}


.plus-img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition:all 0.5s ease;/*-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;*/}


/**********************************************************responsive css***************************************************************/

@media(max-width:1200px)
{
.container{ padding:0 15px;}
}

@media(max-width:970px)
{
.set-width .span11.widget-span.widget-type-raw_html {width:92%;}
}

@media(max-width:768px)
{
.main-faqs{ margin-top:0px;margin-top: 58px;}
.faqs-title h2 {font-size: 24px !important;}
.demo { margin: 0 !important;} 
.faqs-title h2{padding: 40px 0 10px;}
.set-width hr { margin-left: 20px;width: 99.7%;}
.set-width img{ float:left;}
.set-width .span11.widget-span.widget-type-raw_html { left: 48px; top: 22px; z-index: -1;  width:91%;}

.tab-title h2{font-size: 16px;}
.faqs-form input {width:100%;}
.faqs-form input[type="submit"] {width:269px;}
.main-form{padding-bottom:80px;}
}

@media(max-width:670px)
{

h2.resp-accordion { font-size: 14px !important; vertical-align: middle; float: right !important;width: 100%;padding: 0 !important;}
.resp-arrow { float: left; vertical-align: middle;margin-right: 9px !important;}
.resp-tab-content p { padding:20px 34px 0 !important; display:inline-block;}
.h2.resp-tab-active{padding: 0px !important;}
.resp-arrow{ padding:9px 12px !important;}
}

@media(max-width:640px)
{

.faqs-form .hs-form-field {float: left; width: 100%; margin-right:30px;}
.faqs-form input[type="submit"] {margin: 0 auto !important; display: block;}
.faqs-form input[type="email"]{margin-top: 10px;}
.main-form { max-width: 100%;}
.set-width hr { width: 97.5%;}
}
@media(max-width:580px)
{
.tab-title h2 { margin: 0; padding:0; font-size: 14px; font-weight: 700;min-height: 51px;  margin-top: 0px;  padding-top: 0px;  display: block; width: 83%; float: none;margin-top: 0px;vertical-align: middle; padding-top: 13px; box-sizing: border-box; line-height: 15px;}

.tab-title span{ width: 37px;}
.set-width .span11.widget-span.widget-type-raw_html {width:90%;}
.plus-img img {left: 9px!important;}

}

@media(max-width:480px)
{
.faqs-title h2 {font-size: 20px !important;}    

.question-mark img{max-width:48px !important;width:60px !important;} 
.social ul{width: 100%; }
.set-width .span11.widget-span.widget-type-raw_html {width:90.5%;left:36px;top:16px;}

}

@media(max-width:400px)
{
.set-width .span11.widget-span.widget-type-raw_html {width:90%} 
.set-width hr { width: 94%;}
} 

@media(max-width:365px)
{
.tab-title h2{ float:right;}
.set-width .span11.widget-span.widget-type-raw_html {width:88%} 
}