@charset "utf-8";
/* CSS Document */

*
{margin:0; padding:0;}

@font-face
{font-family:"futuraReg"; src:url(../fonts/futuraReg.ttf);}

@font-face
{font-family:"futuraBold"; src:url(../fonts/futuraBold.ttf);}

html
{height:100%; width:100%;}

body
{font-family:"futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.clear
{clear:both;}

.menu-link { display: none;}
nav.menu 
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:0.875em; font-weight: bold; color:#2d2d30; float: right; width:70%;  margin-right:5px; margin-top:5px;  text-transform:uppercase;  -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease;  }

nav.menu ul 
{width:100%;  padding: 0px;  margin: 0px;  list-style: none;  position: relative;  display: inline-table;}

nav.menu > li > ul.sub-menu 
{min-width: 10em; padding:0; background-color: #2d2d30; color:#FFFFFF; text-align:left;}

nav.menu ul > li.menu1000
{display:none;}

nav.menu ul li { padding: 0px; text-align:center; width:10.75%; float:left; line-height:4; }

nav.menu ul li ul.sub-menu{width:100%;}

nav.menu ul li ul.sub-menu li {float:none}

nav.menu ul li ul.sub-menu li a{padding-left:5px;}

nav.menu ul li ul.sub-menu li a:hover
{padding-left:10px;}

nav.menu ul li ul.sub-menu li ul.sub-menu
{left:295px; position:absolute;}

nav.menu ul li ul.sub-menu li ul.sub-menu li a
{background:#014e7e;}

nav.menu ul li ul.sub-menu li ul.sub-menu li a:hover
{background:#2d2d30;}

nav.menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu
{width:300px;}

nav.menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a
{background:#2d2d30; width:380px;}

nav.menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a:hover
{background:#014e7e;}

nav.menu > ul > li { display: inline-block; }
nav.menu ul li a {display: block; text-decoration: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease;}
nav.menu ul li a:hover
{border-bottom:5px solid #2d2d30; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease;}
nav.menu ul li > a { padding:0; }
nav.menu ul ul { display: none; position: absolute;}
nav.menu ul li:hover > ul { display: block; }
nav.menu ul ul > li { position: relative; }
nav.menu ul ul > li a {height: 40px; line-height:40px; width:295px; background-color: #2d2d30; color:#FFFFFF; padding:0; text-align:left; padding-left:5px; border-bottom:1px solid #bde6ff; }
nav.menu ul ul > li a:hover { background-color: #014e7e; border-bottom:1px solid #bde6ff; }
nav.menu ul ul ul { position: absolute; left: 100%; top:0; }

.navspan1
{font-size:12px;}

.navspan2
{font-size:10px;}

.fa-facebook:hover { color: #3b5998; -webkit-transition:all 0.100s; -moz-transition:all 0.100s; transition:all 0.100s;}
.fa-linkedin:hover {color:#0077b5; -webkit-transition:all 0.100s; -moz-transition:all 0.100s; transition:all 0.100s;}
.fa-twitter:hover {color:#55acee; -webkit-transition:all 0.100s; -moz-transition:all 0.100s; transition:all 0.100s;}
.fa-stumbleupon:hover {color:#eb4924; -webkit-transition:all 0.100s; -moz-transition:all 0.100s; transition:all 0.100s;}
.fa-google-plus:hover {color:#dd4b39; -webkit-transition:all 0.100s; -moz-transition:all 0.100s; transition:all 0.100s;}

.hdr-container
{height:auto; margin:0 auto; padding:0 5px;}

.logo 
{width:28.5%; margin-top:5px; margin-left:5px; float:left;}

.logo img
{width:50.5% !important;}

img.logo-main
{display:block;}

img.logo-small
{display:none;}

p.nav-top-left
{font-family: "futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight:bold; font-size:0.813em; line-height:40px; color:#FFFFFF; margin-left:5px;}

p.nav-top-right
{font-family: "futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:0.813em; line-height:40px; color:#FFFFFF; text-align:right; margin-right:5px;}

p.address
{color:#FFFFFF; font-size:16px; font-family: "futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-top:15px;}

p.address a
{color:inherit;}

p.address a:hover
{color:#A8A8A8;}

p.copyright
{text-align:right; color:#FFFFFF; font-size:14px; padding:10px 0;}

p.copyright a
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:inherit;}

p.copyright a:hover
{color:#A8A8A8;}

h4.slide1
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; text-align:center; margin-top:5px; color:#01314f;}

h4.ftr
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin:0; font-size:25px; line-height:40px; color:#56beff; position:relative; z-index:1;}

h4.ftr:after
{content:""; position:absolute; left:0; bottom:0; height:3px; width:20%; border-bottom:3px solid #FFFFFF;}

h4.popular-links
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; line-height:2.5; padding-left:10px; background:#2d2d30; color:#FFFFFF;}

/*.top-left
{position:absolute; left:5px; font-family: "futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-weight:bold; font-size:0.813em; line-height:40px; color:#FFFFFF;}

.top-right
{position:absolute; right:5px; color:#FFFFFF; line-height:40px;}

.container
{height:50px; margin:0 auto; padding:0 10px; background:#e5a248;}*/

.banner
{position:relative;}

.banner > img.hdr_image
{width:100%;}

.banner > img.img568
{display:none; width:100%;}

.banner > img.img480
{display:none; width:100%;}

.banner > img.img320
{display:none; width:100%;}

.banner > img.imgmax320
{display:none; width:100%;}

.navigation
{
	display: block;
	width:100%;
	padding-bottom: 69px;
	top:0; position:absolute;
	background:#ffecd7;
	z-index:10000;
}

.bg-blue
{background:#2d2d30;}

.margin-left
{margin-left:5px;}

.margin-right
{margin-right:5px;}

.social
{width:20%; height:75px; float:left;}

.adunit-970x90
{height:auto; margin:10px auto; clear:both; text-align:center; overflow:hidden;}

.span3
{float:left; width:23.5%; margin-right:1.5%;}

ul.thumbnails
{list-style-type:none; margin-top:-10px; padding-top:10px; margin-right:-1.5%;}

.control-container
{width:auto;}

.control-des
{font-family:"futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; border-top:2px solid #01314f; border-right:none; border-bottom:2px solid #01314f; border-left:2px solid #01314f; float:left; padding-left:10px; padding-right:10px; color:#01314f; line-height:40px; font-size:20px;}

.content
{padding:30px 0; width:90%; margin:0 auto; border-top:1px solid #01314f;}

.content > p
{text-align:center; color:#01314f; font-size:20px;}

.content > p span
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

.s4a2016
{width:90%; height:auto; margin:0 auto; background:url(../img/skp2016.jpg) no-repeat;}

.s4a2016 p
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#ffa44a; padding:175px 0; font-size:40px; text-align:center;}

.s4a2016 a
{color:#b2e1ff;}

.components
{width:90%; margin:0 auto 20px auto;}

.components > h2
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:40px; margin:15px 0 0 0; color:#01314f;}

.components > section.color-5
{margin-top:20px;}

.components > section.color-5 > article.cl-effect5 a
{overflow:hidden; width:25%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#01314f; border:none; float:left; display:block; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease;}

.components > section.color-5 > article.cl-effect5 a:hover
{background:#1C52AF; color:#FCFCFC; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease;}

.components > section.color-5 > article.cl-effect5 a span
{width:100%; height:40px; line-height:40px;	position: relative;	display: inline-block;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}

.components > section.color-5 > article.cl-effect5 a span::before
{position: absolute; top: 100%;	content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

.components > section.color-5 > article.cl-effect5 a:hover span,cl-effect5 a:hover span 
{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}

.components a
{font-size:20px; color:#007ac6; border-bottom:2px solid #007ac6;}

.plugins
{width:90%; margin:0 auto 20px auto;}

.plugins > h2
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:40px; margin:15px 0 0 0; color:#01314f;}

.plugins > section.color-6
{margin-top:20px; background:#01314f;}

.plugins > section.color-6 > article.cl-effect6 a
{overflow:hidden; width:25%; height:40px; line-height:40px; text-align:center; font-size:20px; color:#ffffff; background:#01314f; border:none; float:left; display:block; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease;}

.plugins > section.color-6 > article.cl-effect6 a:hover
{background:#1c52af; color:#FCFCFC; -webkit-transition:0.5s ease; -moz-transition:0.5s ease; -o-transition:0.5s ease; transition:0.5s ease;}

.plugins > section.color-6 > article.cl-effect6 a span
{width:100%; height:40px; line-height:40px;	position: relative;	display: inline-block;	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}

.plugins > section.color-6 > article.cl-effect6 a span::before
{position: absolute; top: 100%;	content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0,0,0);	-moz-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

.plugins > section.color-6 > article.cl-effect6 a:hover span,cl-effect6 a:hover span 
{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);}

.plugins a
{font-size:20px; color:#007ac6; border-bottom:2px solid #007ac6;}

.slide-block
{display:block}

.slide-567
{display:none;}

.slide-444
{display:none;}

.scrollToTop
{height:40px; width:40px; position:fixed; bottom:5px; right:5px; background:url(../img/up-arrow.png); background-repeat:no-repeat; display:none;}

article.content-body
{padding-right:20px;}

article.content-body > h1
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin:0; color:#000000;}

article.content-body > div
{margin-top:20px;}

article.content-body > div > p
{font-family:"futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-bottom:20px; text-align:justify; font-size:16px; color:#000000;}

.adunit-160
{width:auto; height:auto; margin:0 auto 10px auto; float:none;}

.adunit-336px
{width:336px; height:280px; margin:10px auto;}

.adunit-200px
{width:200px; height:90px; margin:10px auto;}

aside.border-none
{ border:none;}

.float-right
{float:right;}

ul.links
{margin-left:20px; list-style-image: url(../images/img/list.png); background:no-repeat; border-bottom:2px solid #000;}

ul.links li
{margin-left:10px; font-family:"futuraReg", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:15px; line-height:1.2; margin-bottom:10px;}

ul.links li a
{display:block; padding:5px 7px 5px 5px;}

ul.links li:hover a
{background:#e8e8e8;}

ul.article-content
{width:auto; margin-right:-1.5%; list-style-type:none; clear:both;}

ul.article-content li
{width:23.5%; margin-right:1.5%; margin-bottom:20px; -webkit-box-shadow: 0px 8px 14px -6px rgba(219,219,219,1); -moz-box-shadow: 0px 8px 14px -6px rgba(219,219,219,1); box-shadow: 0px 8px 14px -6px rgba(219,219,219,1); padding-bottom:20px; float:left;}

ul.article-content li > p
{text-align:center;}

ul.article-content li a
{text-decoration:underline;}

.masonry
{-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}

.item-masonry
{display: inline-block; padding:0 0 20px 0; margin: 0 1.5% 20px 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 8px 14px -6px rgba(219,219,219,1); box-sizing: border-box; -moz-box-shadow: 0px 8px 14px -6px rgba(219,219,219,1); box-shadow: 0px 8px 14px -6px rgba(219,219,219,1);}

.item-masonry img
{width:75%; margin-top:20px;}

.item-masonry > p
{text-align:center;}

.item-masonry a
{text-decoration:underline;}

footer
{background:#2d2d30; padding:10px 0;}

footer > .container
{width:90%; padding:0;}

footer ul
{margin-left:25px; margin-top:15px; font-size:16px; list-style-type:square;}

footer ul li
{color:#FFFFFF; margin-bottom:5px;}

footer ul li a
{text-decoration:none; display:block;}

footer ul li a:hover
{color:#A8A8A8;}

.footer-view
{font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#FFFFFF; padding:0 10px; line-height:2; background:#56beff; border:none; -webkit-box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.75); -moz-box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.75); box-shadow: -1px 0px 5px -1px rgba(0,0,0,0.75);}

@media all and (max-width: 1549px) { 
  .navigation{height:auto; z-index:10000;}
  a.menu-link {font-family:"futuraBold", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; width:100px; display: inline-block; color: #01314f; float:right; text-decoration: none; padding: 19px 10px; margin-right:5px; margin-top:5px; text-align:center;}
  
  a.menu-link:after
  {content:" "; padding-bottom:5px; display:block; border-bottom:3px solid transparent; width:0; -webkit-transition:0.3s ease; -moz-transition:0.3s ease; transition:0.3s ease; }
  
  a.menu-link:hover:after
  {width:100%; border-bottom:3px solid #01314f;}
  
  nav.menu { clear: both;}
  nav.menu, nav.menu > ul ul { overflow: hidden; max-height: 0; background-color: #01314f; }
  nav.menu > li > ul.sub-menu { padding: 0px; border: none; }
  nav.menu.active, nav.menu > ul ul.active { max-height: 100%; width:99.5%; float:none !important; margin:0 auto !important; }
  nav.menu ul { display: inline; }
  nav.menu ul li {width:50%;}
  nav.menu ul li > a { padding-left:5px; padding-right:5px;}
  nav.menu > ul { border-top: none; }
  nav.menu li, nav.menu > ul > li { display: block; width:100%; line-height:45px; }
  nav.menu li a { display: block; position: relative; color:#F9F9F9; text-align:left; border-bottom:5px solid #01314f;}
  nav.menu li a:hover {border-bottom: 5px solid #01314f; background:#014e7e;}
  nav.menu li.has-sub-menu > a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    font-size: 1.5em;
  }
  nav.menu li.has-sub-menu > a.active:after {
    content: "-";
  }
  nav.menu ul ul > li a { background-color: #e4e4e4; }
  nav.menu ul ul, nav.menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
  nav.menu ul ul > li { position: relative; }
  
  nav.menu ul ul > li a {height: 40px; line-height:40px; width:100%; background-color: #01314f; color:#FFFFFF; padding:0; text-align:left; padding-left:5px; border-bottom:1px solid #bde6ff; }
  
  nav.menu ul li ul.sub-menu li a{padding-left:5px;}

nav.menu ul li ul.sub-menu li a:hover
{padding-left:5px;}
  
  nav.menu ul li ul.sub-menu li
  {float:none; width:100%;}
  
  nav.menu ul li ul.sub-menu li ul.sub-menu
  {position:static;}
  
  nav.menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu
  {width:100%;}
  
  nav.menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a
  {background:#01314f; width:100%;}
  
  .navspan1
  {font-size:14px;}
	
  .navspan2
  {font-size:14px;}
}

@media all and (max-width: 1360px) {
	.logo
	{width:30.5%;}
}

@media all and (max-width: 1280px) {
	.logo
	{width:35%;}
}

@media all and (max-width: 1152px){
	.masonry
	{-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}

@media all and (max-width:1024px){
	.components > h2
	{font-size:32px;}
	
	.plugins > h2
	{font-size:32px;}
	
	.components > section.color-5 > article.cl-effect5 a
	{height:36px; line-height:36px; font-size:18px;}
	
	.components > section.color-5 > article.cl-effect5 a span
	{height:36px; line-height:36px;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{height:36px; line-height:36px; font-size:18px;}
	
	.plugins > section.color-6 > article.cl-effect6 a span
	{height:36px; line-height:36px;}

	h4.ftr
	{font-size:22px;}
}

@media all and (max-width:1000px){
	nav.menu ul > li.menu1000
	{display:block;}
	
	.bg-blue {display:none;}
	
	.fa-facebook:hover { color: #ffffff; background:#3b5998;}
	.fa-linkedin:hover {color:#ffffff; background:#0077b5;}
	.fa-twitter:hover {color:#ffffff; background:#55acee;}
	.fa-stumbleupon:hover {color:#ffffff; background:#eb4924;}
	.fa-google-plus:hover {color:#ffffff; background:#dd4b39;}
}

@media all and (max-width: 800px){
	.masonry
	{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}

@media all and (max-width:444px){
	/*a.menu-link 
	{padding: 10px 10px;}*/
	.slide-block
	{display:none;}
	
	.slide-444
	{display:block;}
	
	.span3
	{width:98.5%;}

	.banner > img.hdr_image
	{display:none;}
	
	.banner > img.imgmax320
	{display:block;}
	
	img.logo-main
	{display:none;}
	
	img.logo-small
	{display:block;}
	
	.components > section.color-5 > article.cl-effect5 a
	{width:50%;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{width:50%;}
	
	.s4a2016 p
	{padding:75px 10px; font-size:30px;}
	
	p.copyright
	{text-align:center;}
	
	article.content-body
	{padding:0;}
}

@media all and (max-width:370px){
	.adunit-336px
	{width:auto; height:auto; margin:10px auto;}
	
	article.content-body
	{padding:0;}
}

@media all and (max-width:350px){
	.components > section.color-5 > article.cl-effect5 a
	{width:100%;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{width:100%;}
	
	.masonry
	{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
	
	article.content-body
	{padding:0;}
}

@media all and (min-width:445px) and (max-width:479px){
	.logo
	{width:335px;}
	
	.banner > img.img320
	{display:block;}
	
	.banner > img.img568
	{display:none;}
	
	.banner > img.img480
	{display:none;}
	
	.banner > img.hdr_image
	{display:none;}
	
	.banner > img.imgmax320
	{display:none;}
	
	.slide-block
	{display:none;}
	
	.slide-567
	{display:block;}
	
	.span3
	{width:48.5%;}
	
	.components > section.color-5 > article.cl-effect5 a
	{width:50%;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{width:50%;}
	
	p.copyright
	{text-align:center;}
	
	article.content-body
	{padding:0;}
}

@media all and (min-width:480px) and (max-width:567px){
	.logo
	{width:320px;}
	
	.banner > img.img320
	{display:none;}
	
	.banner > img.img568
	{display:none;}
	
	.banner > img.img480
	{display:block;}
	
	.banner > img.hdr_image
	{display:none;}
	
	.banner > img.imgmax320
	{display:none;}
	
	.slide-block
	{display:none;}
	
	.slide-567
	{display:block;}
	
	.span3
	{width:48.5%;}
	
	.components > section.color-5 > article.cl-effect5 a
	{width:50%;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{width:50%;}
	
	p.copyright
	{text-align:center;}
	
	article.content-body
	{padding:0;}
}

@media all and (min-width:568px) and (max-width:767px){
	.banner > img.img320
	{display:none;}
	
	.banner > img.img480
	{display:none;}

	.banner > img.img568
	{display:block;}
	
	.banner > img.hdr_image
	{display:none;}
	
	.banner > img.imgmax320
	{display:none;}
	
	.logo
	{width:350px;}
	
	.components > section.color-5 > article.cl-effect5 a
	{width:50%;}
	
	.plugins > section.color-6 > article.cl-effect6 a
	{width:50%;}
	
	footer ul li
	{width:50%; float:left;}
	
	article.content-body
	{padding:0;}
}

@media all and (min-width:768px) and (max-width:991px){
	.logo
	{width:350px;}
	
	.banner > img.imgmax320
	{display:none;}
	
	article.content-body
	{padding:0;}
}