/*

Theme Name: NSI Academy

Author: the NSI Academy team

Description: The NSI Academy theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.

Version: 1.0

License: GNU General Public License v2 or later

*/

/**

 * 1.0 Reset

 *

 * Modified from Normalize.css to provide cross-browser consistency and a smart

 * default styling of HTML elements.

 *

 * @see http://git.io/normalize

 * ----------------------------------------------------------------------------

 */



@charset "utf-8";

/* CSS Document */* { margin: 0px; padding: 0px; border: none; box-sizing: border-box; }input { border: 0px; outline: none; }img { border: none; outline: none; max-width: 100%; height: auto; display:inline-block;}a { text-decoration: none; color: inherit; }li, ul { list-style: none; margin: 0; padding: 0; }input[type="submit"], input[type="button"] { cursor: pointer; }.clearfix:after { visibility: hidden;  display: block; font-size: 0; content: " "; clear: both;  height: 0; }.clearfix { display: inline-block; }/* start commented backslash hack \*/* html .clearfix { height: 1%; }.clearfix { display: block; }*::-webkit-input-placeholder {opacity:1;} *::-moz-placeholder {opacity:1;} *:-ms-input-placeholder { opacity:1;}/* close commented backslash hack */textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; resize: none; }h1, h2, h3, h4, h5 { margin:0; font-weight:normal;} .left { float:left;} .right { float:right;}/* GLOBAL CSS ENDS HERE */



body { width:100%; background:url(images/bodybg.jpg) repeat center center; font-family:Arial, Helvetica, sans-serif; color:#666666;}

.main_div { background:url(images/main_bg.png) no-repeat center top; width:100%; float:left; background-size:100%;}

.wrapper { width:990px; margin:auto;}

.content_wrap { width:990px; background:#e6e6e6 url(images/scratchbg.jpg) no-repeat; margin:auto; max-width:100%; border-radius:0 0px 30px 30px; position:relative; z-index:2; min-height:500px;}

header nav:before { content:url(images/navcurveleft.png); position:absolute; left:-10px;}

header nav:after { content:url(images/navcurvright.png); position:absolute; right:-10px; top:0;}



header nav { width:100%; background:url(images/navbg.png) no-repeat left top; float:left; position:relative;}

header nav .toggleMenu { display:none;}

header nav ul { margin:auto; text-align:center;}

header nav ul li { display:inline-block; text-transform:uppercase; color:#000; font-size:15px; font-family:CenturyGothic-Bold; vertical-align:top; padding:12px 18px; background:url(images/seperator.jpg) no-repeat left center; position:relative;}

header nav ul li.empty { width:230px; background:none;}

header nav ul li:first-child { background:none;}

header nav ul li:hover{ color:#fff;}
header nav ul li.current-menu-item > a{ color:#fff}


header nav ul li:hover ul { display:block;}

header nav ul li ul { background:url(images/hover_arrow.png) no-repeat 15px top #7495bc;  left: 0;position: absolute;top: 41px; width: 240px; padding-bottom:35px; border-radius:0 5px 5px 5px; display:none; z-index:99999;}

header nav ul li ul li { width:100%; float:none; text-align:left; background:none; font-size:16px; text-transform:none; color:#fff; padding:0px 5px 0 18px; margin:10px 0 0px; font-family:'CenturyGothic';}

header nav ul li ul li:hover { color:#000;}




header div.logo { padding:0; position:absolute; left:50%; margin-left:-93px; z-index:999;}



.body_content { border:8px solid #fff; border-top:0px; border-radius:0 0px 30px 30px; box-shadow:0 0 5px #333;}

.phnone { text-align:right; padding-top:24px; padding-right:22px; padding-bottom:4px}

.phnone a.ph { font-size:30px; color:#2f5888; font-family:'CenturyGothic-Bold'; display:inline; margin-right:30px;}

.phnone span { font-family:'CenturyGothic'; font-size:16px; color:#2f5888; display:block; margin-right:30px;}

.phnone a.direct { background:url(images/getdir.png) no-repeat; width:133px; height:30px; display:block; float:right; margin:10px 0 0; margin-top:7px}

.phnone a.direct:hover { background:url(images/getdir_hover.png) no-repeat;}



/*slider css */



.slider_wrap {background: url("images/sliderbg.png") no-repeat left top;left:-44px; padding:8px 10px; position: relative; width: 1058px; z-index:2;}

.slider_wrap:before {bottom: -32px; content: url("images/sliderbefore.png"); left: 2px; position: absolute; z-index:1;}

.slider_wrap:after {bottom: -32px; content: url("images/sliderafter.png"); right:-2px; position: absolute; z-index:1;}

.slider_heading{  position: absolute;text-align: center;top: 23px;width: 100%; z-index: 999; display:none}



#ImageSlider{ width:100%; display:block}

#ImageSlider li { max-width:100%; backface-visibility:hidden;-webkit-backface-visibility:hidden}

#ImageSlider li img{ max-width:100%;}

.pager { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 34px 34px 0 0;  bottom:65px; left: 40%; padding: 4px 55px 0; position: absolute; z-index: 10000; opacity:0.9}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .pager{ bottom:61px}
}


.pager span{ cursor:pointer; width:13px; height:13px; border-radius:50%; background:#fff; display:inline-block; margin:0 3px;}

.pager span.cycle-pager-active, .pager span:hover { background:#231f20;}



.articles { margin:0 53px 0 53px; background:url(images/article_bg.png) no-repeat center top; position:relative; margin-top:-70px;}

.articles ul { overflow:hidden; min-height:370px;}

.articles ul li { float:left; width:31.8%;  padding-top:60px; padding-left:11px; position:relative;}

.articles ul li:first-child { border-left:none; padding-left:9px;}

.articles ul li:first-child + li { width:35.5%;}

.articles ul li h2 { text-align:center; font-family:'Copperplate-Bold'; font-size:26px; color:#000000; text-transform:nones; border-bottom:23px solid #6786b8; padding-bottom:3px}

.articles ul li p { padding:5px 30px 0 11px; font-size:13px; color:#666666; line-height:20px;}

.articles ul li p a {color:#333399; font-weight:bold; display:inline-block;}

.articles ul li p a:hover { color:#5f9cfd;}

.articles ul li img {border-top:2px solid #274d7a;}

.articles ul li figure { float:right;}

.articles ul li figure img { border:none; cursor:pointer}
.articles ul li figure img:hover{ opacity:0.9}



.articles ul li:first-child  figure { margin-top:46px;}

.articles ul li:first-child + li  figure { margin-top:53px;}

.articles ul li:last-child  figure { margin-top:30px;}





.bottom { margin:0 53px;}

.bottom ul { text-align:center;}

.bottom ul li { display:inline-block; vertical-align:sub;}

.bottom ul li.sphere { background:url(images/sphere.png) no-repeat; width:315px; height:158px; text-align:center; position:relative; top:8px; margin:0 50px 0 35px;}

.bottom ul li.sphere a { display:block; color:#fff; font-family:'CenturyGothic-Bold'; font-size:21px; line-height:1;}

.bottom ul li.sphere a.ftrlogo { margin-top:13px; margin-bottom:7px;}

.bottom ul li.sphere a.ftrlogo + a { font-size:16px;}



footer {  background:url(images/botscratch.png) repeat-x left top; padding-top:60px; margin-top:-60px; position:relative; z-index:1;}

.footer_outer { background:url(images/footerpattern.png) repeat; width:100%; padding:23px 0 34px;}

footer .wrapper { padding:0 60px;}

footer span.copy{ font-size:12px; color:#333366; font:Arial, Helvetica, sans-serif; float:left; margin-left:30px; width:30%;}

footer span.powered { float:right;font-size:12px; color:#333366; font:Arial; margin-right:20px;}

footer span.powered a { font-weight:bold; font-size:13px;}



.direction  { display:inline-block; text-align:center; color:#fff; font-family:'CenturyGothic'; font-size:16px; width:32%;}

.direction a { font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; color:#000; background:#b5b5b5; border-radius:15px; padding:5px 10px; margin:10px 0 0 0; display:inline-block;}

.direction a:hover { background:#000; color:#9f9f9f;}





/* inner pages css */

.content_wrap.inner_page {background:#e6e6e6 url(images/inner_scratch.jpg) no-repeat;}

.banner { margin-top:33px; position:relative; margin-bottom:10px;}

.banner .banner_head { position:absolute; top:0px; width:100%; text-align:center; transform:rotate(0.5deg); }

.banner figure { margin-top:20px; width:100%; text-align:center; padding-top:35px;}

.banner figure figcaption { font-size:14px; color:#6786b8; font-family:'CenturyGothic'; position:relative; top:-37px;}







.page_content { width:845px; margin:auto; padding-bottom:50px;}

.page_content h1 { font-size:32px; color:#000000; display:inline-block; padding-bottom:7px;  font-family:'Copperplate-Bold';}

.page_content .bread_crumb { float:right;  font-size:16px; /*margin-top:10px;*/ font-family:'CenturyGothic-bold';}

.page_content .bread_crumb a { color:#333399; padding:0 13px 0 5px; background:url(images/slashmark.png) no-repeat right center;}

.page_content .bread_crumb a:hover{text-decoration:underline; color:#6d86c4}

.page_content .bread_crumb span { color:#ababab; padding:0 5px;}

.page_content p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; line-height:24px; padding-bottom:28px}

.page_content p a { color:#333399; font-size:15px; text-decoration:none; font-weight:bold;}

.page_content p a:hover{ color:#7d94e6; text-decoration:underline}

.page_content p strong { color:#000;}

.page_content hgroup { margin-top:50px; margin-bottom:15px; display:inline-block; width:100%;}

.page_content figure img { border:5px solid #fff; border-radius:5px; box-shadow:1px 12px 11px #b4b4b5; -webkit-box-shadow:1px 12px 11px #b4b4b5; -ms-box-shadow:1px 12px 11px #b4b4b5; margin-left:12px}

.page_content h1 span { display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4d88ce; text-indent:15px; font-weight:bold;}

.page_content h2 { font-size:32px; color:#001762; padding-bottom:10px; font-family:'Copperplate-Bold';}
.page_content h2 a{ color:#001762}

.page_content h3 { color:#4d4d4d; font-size:32px; font-family:'Copperplate-Bold';padding-bottom:10px;}

.page_content h4 { font-size:32px; color:#000; font-family:'MyriadProBoldCondensedItalic'; padding-bottom:10px;}

.page_content h5 { font-size:32px; color:#001762; font-family:'MyriadProBoldCondensedItalic'; padding-bottom:10px;}

.page_content h6 { color:#4d4d4d; font-size:32px;font-family:'MyriadProBoldCondensedItalic'; padding-bottom:10px;}

.page_content hr { background:#7c7c7c; height:6px; width:100%; display:block; margin:25px 0; display:inline-block;}

.page_content ul, ol { margin-bottom:30px; font-size:17px; color:#464646;  line-height:26px;}

.page_content ul li ul, .page_content ol li ul { margin-bottom:0; padding-left:18px;}

.page_content ol li ol, .page_content ul li ol { margin-bottom:0; padding-left:18px;}



.page_content ul span, .page_content ol span { color:#5c84b4 !important; font-size:17px;}

.page_content ul li { list-style:disc inside; color:#000; }

.page_content ol li { list-style:decimal inside; color:#000; /*font-size:24px;*/  list-style:decimal\0/;}

.page_content ol li ol li { list-style:lower-alpha inside;}





.page_content blockquote { margin:20px 3.5% 45px 3.5%; display:inline-block;  background:url(images/footerpattern.png) repeat #263890; width:93%; float:left; border:3px solid #fff; outline:3px solid #000; padding:35px 35px 40px; color:#e3e3e3 !important; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:17px; box-shadow:2px 2px 4px #a3a4a6;}

.page_content blockquote h2 { background:url(images/quotehead.png) no-repeat; color: #ffffff; display: block; font-size: 24px; padding: 6px 0px 6px 95px; position:relative; left:-5px;}

.page_content blockquote p { color:#e3e3e3; font-size:17px; line-height:22px; margin:0; padding-bottom:15px}

.page_content blockquote span.authorname { float:right; margin-top:5px;}
.page_content blockquote span.authorname strong{ color:#fff;}

.page_content .form p { color:#666666; font-size:16px;margin-bottom:25px; margin-top:0;}

.page_content .form .input_row { width:100%; margin-bottom:24px; padding-right:12%;}

.page_content .form input[type="text"] { width:66%; background:#fff; border-radius:5px; font-size:21px;display:inline-block; height:55px; padding:0 30px; color:#5380b6; border:2px solid #d1d1d1; font-family:'MyriadPro-Cond';}

.ie8 .page_content .form input[type="text"] { line-height:55px;}

.page_content .form label { width:30%; text-align:right; color:#000; font-size:30px; display:inline-block; margin-right:3%; vertical-align:middle; font-family:'MyriadPro-Cond';}

.page_content .form select { width:66%; background:#fff; border-radius:5px;display:inline-block; height:55px; padding:0 30px;  border:2px solid #d1d1d1; font-family:'MyriadPro-Cond'; color:#5380b6; font-size:21px;}

.ie8 .page_content .form select { line-height:150px; height:auto; padding:10px;}

.page_content .form input[type="submit"] {  background:#7495bc; border-radius: 5px; color: #000; font-size: 21px; height: 52px; margin-left: 5px; text-align: center;text-transform: uppercase; width: 125px; float:right; font-family:'CenturyGothic-bold'}

.page_content .form input[type="submit"]:hover { background:#000; color:#fff;}

.page_content .form input[type="checkbox"] { margin-right:15px;}

.page_content .form .chktext { font-size:21px; color:#4f4e4e; font-family:'MyriadPro-Cond';}



.page_content table { width:790px; border-radius:10px; background:#c1c1c1; padding:3px; margin:25px auto;}

.page_content table tr td, .page_content table tr th  { list-style:none; text-align:center; display:inline-block; width:24%; float:left\0/;}

.page_content table tr.head { color:#fff; background:#7495bc; border-radius:10px 10px 0 0; font-size:24px; font-family:'MyriadProBoldCondensed'; padding:10px 0; margin:0; display:inline-block; width:100%; border-bottom:0}

.page_content table tr{ border-bottom:3px solid #cdcdce; padding:16px 0; color:#000; font-size:16px; width:100%; float:left;}

.page_content table tr td {color:#000; font-family:arial; width:24%; float:left;}

.page_content table tr:last-child { border:none;}



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

.bottom ul li:nth-child(2) { background:url(images/sphere.png) no-repeat; width:315px; height:158px; text-align:center; position:relative; top:8px; margin:0 50px 0 35px;}

.bottom ul li:nth-child(2) a { display:block; color:#fff; font-family:'CenturyGothic-Bold'; font-size:21px; line-height:1;}

.bottom ul li:nth-child(2) a.ftrlogo { margin-top:13px; margin-bottom:7px;}

.bottom ul li:nth-child(2) a.ftrlogo + a { font-size:16px;}

footer span:nth-child(1){ font-size:12px; color:#333366; font:Arial, Helvetica, sans-serif; float:left; margin-left:30px; width:30%;}
footer span.copy{ font-size:12px; color:#333366; font:Arial, Helvetica, sans-serif; float:left; margin-left:30px; width:30%;}

footer span:nth-child(2){ display:inline-block; text-align:center; color:#fff; font-family:'CenturyGothic'; font-size:16px; width:32%;}

footer span:nth-child(3) { float:right;font-size:12px; color:#333366; font:Arial; margin-right:20px;}



.bread_crumb {text-transform: uppercase;}





.jqTransformInput { width:66%; background:#fff; border-radius:5px; font-size:21px;display:inline-block; height:55px; padding:0 30px; color:#5380b6; border:2px solid #d1d1d1; font-family:'MyriadPro-Cond';}

select { width:66%; background:#fff; border-radius:5px;display:inline-block; height:55px; padding:0 30px;  border:2px solid #d1d1d1; font-family:'MyriadPro-Cond'; color:#5380b6; font-size:21px;}

.jqTransformHidden{display:none !important}

/************************css fixess*************************/
.alignnone {float:left; margin: 5px 20px 5px 0; display:inline-block}
.alignleft {float:left; margin: 5px 20px 5px 0; display:inline-block}
.alignright{float: right; display:inline-block}
.aligncenter {display:block;  margin: 5px auto; display:inline-block}


.jqtransformdone div{ margin-bottom:20px}

.page_content blockquote + h1 + p{ margin:0; color:#666666; font-size:16px; line-height:18px; padding-bottom:15px}
.jqtransformdone{ margin-top:12px; float:left; width:100%;}
.jqtransformdone label{ margin:0 !important; width:30%; text-align:right; color:#000; font-size:30px; display:inline-block; padding-right:3%; padding-top:15px; vertical-align:middle; font-family:'MyriadPro-Cond';}
.jqTransformInputInner div{ margin:0; height:auto}
.jqTransformInputInner div input[type="text"]{ background:#fff; float:left; width:100%; padding:18px 10%; color:#5380b6; font-size:21px; height:54px; font-family:'MyriadPro-Cond'; -webkit-appearance:none; border-radius:8px}

.jqTransformSelectWrapper{float:left;background:#fff; border:1px solid #d1d1d1; border-radius:8px; height:54px; width:56% !important}
.jqTransformSelectWrapper div{ margin:0; height:52px}
.jqTransformSelectWrapper div span{color:#5380b6; padding:16px 10% 16px 10%; width:90% !important;font-size:21px; line-height:22px; height:52px; font-family:'MyriadPro-Cond';}
.jqTransformSelectWrapper ul{background:#fff !important; width:100%; list-style:none; top:52px}
.jqTransformSelectWrapper ul li{ list-style:none; padding-left:9%}
.jqTransformSelectWrapper ul a.selected{ background:#fff !important; color:#5380b6 !important; font-size:16px; line-height:18px}
span.jqTransformCheckboxWrapper+ label{ margin:0; padding:13px 0 0 15px; color:#4f4e4e; font-size:21px; width:auto; font-family: "MyriadPro-Cond";}
button.jqTransformButton{float:right; line-height:35px; background:#7495bc; border-radius: 5px; border:0; color: #000; font-size: 21px; height: 52px; margin-right:14.5%; text-align: center;text-transform: uppercase; width: 125px; -webkit-appearance:none; float:right; font-family:'CenturyGothic-bold'}
button.jqTransformButton:hover{ background:#000; color:#fff}
button.jqTransformButton:hover span span{ background:#000 !important; color:#fff}
button.jqTransformButton span{ background:none; width:100%; padding:0; height:auto}
button.jqTransformButton span span{  background:#7495bc;  border:0; color: #000; font-size: 21px;  -webkit-appearance:none; float:right; }
.page_content h1 span.vcard{ display:inline;}
span.jqTransformCheckboxWrapper{ margin-top:22px}
span.jqTransformCheckboxWrapper + span.jqTransformCheckboxWrapper{ margin-left:15px}
span.jqTransformCheckboxWrapper + label{ margin-top:18px !important}

.paging-navigation{ float:left; width:100%;}
.paging-navigation h1.screen-reader-text{ display:none}
.nav-previous{ float:left; width:auto}
.nav-previous a{ font-size:16px; color:#4d4d4d; font-family: "Copperplate-Bold";}
.nav-previous a:hover{ text-decoration:underline}

.nav-next{ float:right; width:auto}
.nav-next a{ font-size:16px; color:#4d4d4d; font-family: "Copperplate-Bold";}
.nav-next a:hover{ text-decoration:underline}
.repeat_box{ float:left; width:100%; margin-bottom:40px}
.repeat_box figure img{ float:left; margin-right:10px}