/* Requires: normalize.css -box-sizing.htc */



/* Global Reset & Standards ---------------------- */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }





/* Standard page font for your site --------------- */

html { font-size: 62.5%; }



/* Standard body class for your site -------------- */

body { 

	 

		font-family: calibri; 

 

	color: #222222; 

	position: relative; 

	-webkit-font-smoothing: antialiased;

	overflow-x: hidden;

}





/*Custom media queries starts here*/



/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) 

{



.text-right {text-align:left !important;}



}



/* Smartphones (landscape) ----------- */

@media only screen 

and (min-width : 321px) 

{





/*margin style starts here*/



#margin1{margin-top:0;}



#margin2{margin-top:6%;}



#margin3{margin-top:4%;}



#margin4{margin-bottom:3%;}



#margin5{ margin-bottom:1%;}



#margin6{margin-left:-16px;}



#margin7{margin-left:-4%;}



.margin8{margin-top:2%;}



#margin9{margin-bottom:4%;}



/*margin style ends here*/



/*padding style starts here*/



#padding1{padding-top:2%;}



#padding2{padding-top:6%;}



#padding3{padding-top:4%;}



#padding4{padding-bottom:1%;}



#padding5{

 padding-top:3%;

 padding-bottom:2%;

}





/*padding style ends here*/







}



/* Smartphones (portrait) ----------- */

@media only screen 

and (max-width : 320px) 

{



/*margin style starts here*/
#margin1{margin-top:0;}
#margin2{margin-top:6%;}
#margin3{margin-top:4%;}
#margin4{margin-bottom:3%;}
#margin5{margin-bottom:1%;}
#margin6{margin-left:-16px;}
#margin7{margin-left:-4%;}
.margin8{margin-top:2%;}
#margin9{margin-bottom:4%;}
/*margin style ends here*/



/*padding style starts here*/
#padding1{ padding-top:2%;}
#padding2{padding-top:6%;}
#padding3{padding-top:4%;}
#padding4{padding-bottom:1%;}
#padding5{

	padding-top:3%;

	padding-bottom:2%;

}
/*padding style ends here*/

}



/* iPads (portrait and landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

{}



/* iPads (landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) 

{





/*margin style starts here*/



#margin1{margin-top:2%;}



#margin2{margin-top:6%;}



#margin3{margin-top:4%;}



#margin4{margin-bottom:3%;}



#margin5{margin-bottom:1%;}



#margin6{margin-left:-16px;}



#margin7{margin-left:-4%;}



.margin8{margin-top:2%;}



#margin9{margin-bottom:4%;}



/*margin style ends here*/



/*padding style starts here*/



#padding1{padding-top:2%;}



#padding2{padding-top:6%;}



#padding3{padding-top:4%;}



#padding4{padding-bottom:1%;}



#padding5{

	padding-top:3%;

	padding-bottom:2%;

}



/*padding style ends here*/



}



/* iPads (portrait) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) 

{





/*margin style starts here*/



#margin1{ margin-top:2%;}



#margin2{margin-top:6%;}



#margin3{margin-top:4%;}



#margin4{margin-bottom:3%;}



#margin5{margin-bottom:1%;}



#margin6{margin-left:-16px;}



#margin7{margin-left:-4%;}



.margin8{margin-top:2%;}



#margin9{margin-bottom:4%;}



/*margin style ends here*/



/*padding style starts here*/



#padding1{padding-top:2%;}



#padding2{padding-top:6%;}



#padding3{padding-top:4%;}



#padding4{padding-bottom:1%;}



#padding5{

 padding-top:3%;

 padding-bottom:2%;

}





/*padding style ends here*/





}



/* Desktops and laptops ----------- */

@media only screen 

and (min-width : 1224px) 

{



/*margin style starts here*/



#margin01{margin-top:1%;}



#margin1{margin-top:2%;}



#margin2{margin-top:6%;}



#margin3{margin-top:4%;}



#margin4{margin-bottom:3%;}



#margin5{margin-bottom:1%;}



#margin6{margin-left:-16px;}



#margin7{margin-left:-4%;}



.margin8{margin-top:2%;}



#margin9{ margin-bottom:4%;}



/*margin style ends here*/



/*padding style starts here*/



#padding1{padding-top:2%;}



#padding2{padding-top:6%;}



#padding3{padding-top:4%;}



#padding4{padding-bottom:1%;}



#padding5{

	padding-top:3%;

	padding-bottom:2%;

}





/*padding style ends here*/







}



/* Large screens ----------- */

@media only screen 

and (min-width : 1824px) 

{



/*margin style starts here*/



#margin01{margin-top:1%;}



#margin1{margin-top:2%;}



#margin2{margin-top:6%;}



#margin3{margin-top:4%;}



/*margin style ends here*/



/*padding style starts here*/



#padding1{padding-top:2%;}



#padding2{padding-top:6%;}



#padding3{padding-top:4%;}



#padding4{padding-bottom:1%;}



#padding5{

 padding-top:3%;

 padding-bottom:2%;

}





/*padding style ends here*/



}





/* iPhone 4 ----------- */

@media

only screen and (-webkit-min-device-pixel-ratio : 1.5),

only screen and (min-device-pixel-ratio : 1.5) 

{}





/*Custom media queries ends here*/









/* one as to one content class start */

.one_as_to_one #container1{ }

.one_as_to_one #container2{ }

.one_as_to_one #container3{ display:none; }

.one_as_to_one #container4{ display:none; }

/* one as to one content class end */





/* one as to three content class start */

.one_as_to_two #container1{ }

.one_as_to_two #container2{ }

.one_as_to_two #container3{ }

.one_as_to_two #container4{ display:none; }

/* one as to two content class end */





/* one as to three content class start */

.one_as_to_three #container1{ }

.one_as_to_three #container2{ }

.one_as_to_three #container3{ }

.one_as_to_three #container4{ }



/* one as to three content class end */



/* two as to one content class start */

.two_as_to_one #container1{ }

.two_as_to_one #container2{ }

.two_as_to_one #container3{ }

.two_as_to_one #container4{ display:none;}



/* two as to one content class end */





/* three as to one content class start */

.three_as_to_one #container1{ }

.three_as_to_one #container2{ }

.three_as_to_one #container3{ }

.three_as_to_one #container4{ }



/* three as to one content class end */





/* two as to two content class start */

.two_as_to_two #container1{ }

.two_as_to_two #container2{ }

.two_as_to_two #container3{ }

.two_as_to_two #container4{ }



/* one   content class start */

.the_one #container1{ float:left; width:100%; text-align:left; }

.the_one #container2{ display:none; }

.the_one #container3{ display:none; }

.the_one #container4{ display:none; }



/* one as to one as to one   content class start */

.one_one_one #container1{ }

.one_one_one #container2{ }

.one_one_one #container3{ }

.one_one_one #container4{ display:none;}



/*one as to one footer class start */

.footer_with_1container #container1{ }

.footer_with_1container #container2{display:none;}

.footer_with_1container #container3{display:none;}

/* footer with one  container class end */



/* footer with two  container class start */

.footer_with_2container #container1{ }

.footer_with_2container #container2{ }

.footer_with_2container #container3{display:none;}

/* footer with two  container class end  */



/* footer with three  container class start */

.footer_with_3container #container1{ }

.footer_with_3container #container2{ }

.footer_with_3container #container3{ }

/* footer with three  container class end  */





/*one as to one footer class start */

.header_top_with_1container #container1{ }

.header_top_with_1container #container2{display:none;}

.header_top_with_1container #container3{display:none;}

/* footer with one  container class end */



/* footer with two  container class start */

.header_top_with_2container #container1{ }

.header_top_with_2container #container2{ }

.header_top_with_2container #container3{display:none;}

/* footer with two  container class end  */



/* footer with three  container class start */

.header_top_with_3container #container1{ }

.header_top_with_3container #container2{ }

.header_top_with_3container #container3{ }

/* footer with three  container class end  */





/*container with one column css start*/

.row .one_column #main_container{ }

.row .one_column #sidebar{ display:none;}

/*container with one column css end */



/*container with two column css start */

.row .two_column #main_container{ }

.row .two_column #sidebar{ }







/* Misc ---------------------- */

.left { float: left; }



.right { float: right; }



.text-left { text-align: left; }



.text-right { text-align: right; }



.text-center { text-align: center; }



.text-justify { text-align: justify;}



.hide { display: none; }



.highlight { background: #ffff99; }







/* Base Type Styles Using Modular Scale ---------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; }



/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)

*/

.print-only { display: none !important; }



@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }

  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; }

  /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

  .hide-on-print { display: none !important; }

  .print-only { display: block !important; } }



/* The Grid ---------------------- */

.row { width: 1100px; max-width: 100%; min-width: 768px; margin: 0 auto; }

.row .row { width: auto; max-width: none; min-width: 0; }

.row.collapse .column, .row.collapse .columns { padding: 0; }

.row .row { width: auto; max-width: none; min-width: 0; }

.row .row.collapse { margin: 0; }



.column, .columns { float: left; min-height: 1px; padding: 5px 5px 5px 5px; position: relative; }

.column.centered, .columns.centered { float: none; margin: 0 auto; }



[class*="column"] + [class*="column"]:last-child { float: left; }



[class*="column"] + [class*="column"].end { float: left; }



.row .one { width: 8.333%; }



.row .two { width: 16.667%; }



.row .three { width: 25%; }



.row .four { width: 33.333%; }



.row .five { width: 41.667%; }



.row .six { width: 50%; }



.row .seven { width: 58.333%; }



.row .eight { width: 66.667%; }



.row .nine { width: 75%; }



.row .ten { width: 83.333%; }



.row .eleven { width: 91.667%; }



.row .twelve { width: 100%; }



.row .offset-by-one { margin-left: 8.333%; }



.row .offset-by-two { margin-left: 16.667%; }



.row .offset-by-three { margin-left: 25%; }



.row .offset-by-four { margin-left: 33.333%; }



.row .offset-by-five { margin-left: 41.667%; }



.row .offset-by-six { margin-left: 50%; }



.row .offset-by-seven { margin-left: 58.333%; }



.row .offset-by-eight { margin-left: 66.667%; }



.row .offset-by-nine { margin-left: 75%; }



.row .offset-by-ten { margin-left: 83.333%; }







img, object, embed { max-width: 100%; padding:0px;margin:0px;border:none;}



img { -ms-interpolation-mode: bicubic;}







/* Nicolas Gallagher's micro clearfix */

.row { *zoom: 1; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }











/* Mobile Grid and Overrides ---------------------- */

@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }

  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }

  .column, .columns { width: auto !important; float: none; }

  .column:last-child, .columns:last-child { float: none; }

  [class*="column"] + [class*="column"]:last-child { float: none; }

  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }

  .column:after, .columns:after { clear: both; } }

 





/* Labels ---------------------- */

.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; }

.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }

.label.alert { background-color: #c60f13; }

.label.success { background-color: #5da423; }

.label.secondary { background-color: #e9e9e9; color: #505050; }













@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } }

/* Tables ---------------------- */

 





/* Standard Forms ---------------------- */

form { margin: 0 0 5px; }



.row form .row { margin: 0 -6px; }

.row form .row .column, .row form .row .columns { padding: 0 6px; }

.row form .row.collapse { margin: 0; }

.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }



label { font-size: 14px; color: #000; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; line-height:1.5;}

label.right { float: none; text-align: right; }

label.inline { line-height: 32px; margin: 0 0 12px 0; }





input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8rem !important; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }



textarea { height: auto; }



select { width: 100%; }



/* Fieldsets */

fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }

fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0 0 0 -3px; }



/* Errors */

.error input, input.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }



.error label, label.error { color: #c60f13; }



.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }



@media only screen and (max-width: 767px) { input[type="text"].one, textarea.one { width: 100% !important; }

  input[type="text"].two, textarea.two { width: 100% !important; }

  input[type="text"].three, textarea.three { width: 100% !important; }

  input[type="text"].four, textarea.four { width: 100% !important; }

  input[type="text"].five, textarea.five { width: 100% !important; }

  input[type="text"].six, textarea.six { width: 100% !important; }

  input[type="text"].seven, textarea.seven { width: 100% !important; }

  input[type="text"].eight, textarea.eight { width: 100% !important; }

  input[type="text"].nine, textarea.nine { width: 100% !important; }

  input[type="text"].ten, textarea.ten { width: 100% !important; }

  input[type="text"].eleven, textarea.eleven { width: 100% !important; }

  input[type="text"].twelve, textarea.twelve { width: 100% !important; } }

  

  

  

/* Custom Forms ---------------------- */

form.custom { /* Custom input, disabled */ }

form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }

form.custom span.custom.radio { -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; }

form.custom span.custom.checkbox:before { content: "\00d7"; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; /* margin-top: -9px; margin-left: -4px; */ font-size: 14px; color: #fff; }

form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; background: #222; position: relative; top: 3px; left: 3px; }

form.custom span.custom.checkbox.checked:before { color: #222; }

form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }

form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; white-space: nowrap; }

form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }

form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }

form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }

form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }

form.custom div.custom.dropdown.small { width: 134px !important; }

form.custom div.custom.dropdown.medium { width: 254px !important; }

form.custom div.custom.dropdown.large { width: 434px !important; }

form.custom div.custom.dropdown.expand { width: 100% !important; }

form.custom div.custom.dropdown.open.small ul { width: 134px !important; }

form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }

form.custom div.custom.dropdown.open.large ul { width: 434px !important; }

form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }

form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }

form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }

form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: #000; }

form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }

form.custom div.custom.dropdown ul li:hover { background-color: #e3f4f9; color: #222; }

form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #8ed3e7; }

form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: #000; }

form.custom div.custom.dropdown ul li.selected:hover:after { color: #000; }

form.custom div.custom.dropdown ul.show { display: block; }

form.custom .custom.disabled { background-color: #ddd; }



/* Correct FF custom dropdown height */

@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }



.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }